/* Copied from stt/css/style.css */
@tailwind base;
@tailwind components;
@tailwind utilities;

@import url('./font/stylesheet.css');

h1, p, b, span {
    margin: 0;
    margin-bottom: 0 !important;
}

body {
    background: url(http://vartox.online/VXI/bg.png) no-repeat center center fixed;
    background-size: cover;
    margin: 0;
    min-height: 100vh;
}

.mainsite {
    position: absolute;
    left: 0vh;
    top: 0vh;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    gap: 5.5556vh;
    overflow: overlay;
}

.mainsite .headersite {
    width: 100%;
    min-height: 6.8519vh;
    height: 6.8519vh;
    box-sizing: border-box;
    border: 0.0926vh solid rgba(255, 255, 255, 0.03);
    backdrop-filter: blur(1.0185vh);
    background: linear-gradient(90.00deg, rgba(255, 255, 255, 0.05) 0%,rgba(255, 255, 255, 0.02) 50%,rgba(255, 255, 255, 0.05) 100%);
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}

.mainsite .projectinfo {
    width: 80.521vw;
    max-width: 143.1481vh;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    margin-top: -4vh;
}

.mainsite .projectservers {
    width: 80.521vw;
    max-width: 143.1481vh;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 2.4074vh;
}

.mainsite .dopblock {
    width: 80.521vw;
    max-width: 143.1481vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    gap: 2.4074vh;
}

.mainsite .fastfaq {
    width: 80.521vw;
    max-width: 143.1481vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    gap: 2.4074vh;
    margin-top: -3.1481vh;
}

.mainsite .btn:hover {
    background: #FBB536 !important;
    color: #131313;
}

.mainsite .btn svg {
    fill: #fff;
}

.mainsite .btn p {
    text-decoration: none !important;
}

.mainsite a.btn {
    text-decoration: none !important;
}

.mainsite .btn:hover svg {
    fill: rgba(19, 19, 19, 0.7) !important;
}

.mainsite .btn:hover p {
    color: rgba(19, 19, 19, 0.7) !important;
}

.mainsite .footer {
    margin-top: auto;
    width: 100%;
    box-sizing: border-box;
    border-top: 0.0926vh solid rgba(255, 255, 255, 0.05);
    border-radius: 0.3704vh;
    backdrop-filter: blur(1.3889vh);
    background: var(--btn1, linear-gradient(90.00deg, rgba(255, 255, 255, 0.05),rgba(255, 255, 255, 0.02),rgba(255, 255, 255, 0.05)));
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    gap: 1.8519vh;
    padding: 2.037vh 0vh;
}

.mainsite .footer .fosninfo {
    width: 80.521vw;
    max-width: 143.1481vh;
    height: 11.8519vh;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 5.5556vh;
}

.mainsite .footer .linefooter {
    width: 80.521vw;
    max-width: 143.1481vh;
    height: 0.0926vh;
    background: rgba(255, 255, 255, 0.12);
}

.mainsite .footer .copyright {
    width: 80.521vw;
    max-width: 143.1481vh;
}

.mainsite .footer .copyright p {
    font-family: Akrobat;
    font-style: Bold;
    font-size: 1.2037vh;
    font-weight: 600;
    line-height: 1.4815vh;
    letter-spacing: 0%;
    text-align: left;
    color: #fff;
}

.mainsite .footer .copyright p b {
    font-family: Akrobat;
    font-style: Bold;
    font-size: 1.2037vh;
    font-weight: 700;
    line-height: 1.4815vh;
    letter-spacing: 0%;
    text-align: left;
    color: #fff;
}

.mainsite .footer .fosninfo .logo {
    width: 11.8519vh;
    height: 11.8519vh;
    display: flex;
    align-items: center;
    justify-content: center;
}

.mainsite .footer .fosninfo .navmenu {
    height: 11.8519vh;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 5.5556vh;
    margin-right: auto;
}

.mainsite .footer .fosninfo .dopinfo {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: flex-start;
    gap: 5.5556vh;
}

.mainsite .footer .fosninfo .dopinfo .donatblock {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    gap: 0.9259vh;
}

.mainsite .footer .fosninfo .dopinfo .donatblock h1 {
    color: rgba(255, 255, 255, 1);
    font-family: Akrobat;
    font-style: Bold;
    font-size: 1.4815vh;
    font-weight: 700;
    line-height: 2.5926vh;
    letter-spacing: 0%;
    text-align: center;
}

.mainsite .footer .fosninfo .dopinfo .donatblock .btn {
    width: 22.6852vh;
    height: 3.7037vh;
    box-sizing: border-box;
    border: 0.0926vh solid rgba(255, 255, 255, 0.03);
    border-radius: 0.1852vh;
    background: linear-gradient(90.00deg, rgba(255, 255, 255, 0.05) 0%,rgba(255, 255, 255, 0.02) 50%,rgba(255, 255, 255, 0.05) 100%);
    display: flex;
    align-items: center;
    justify-content: center;
}

.mainsite .footer .fosninfo .dopinfo .donatblock .listbuy {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    gap: 0.463vh;
}

.mainsite .footer .fosninfo .dopinfo .donatblock .listbuy .blockbuy {
    width: 5.3704vh;
    height: 3.7037vh;
    box-sizing: border-box;
    border: 0.0926vh solid rgba(255, 255, 255, 0.03);
    border-radius: 0.1852vh;
    background: linear-gradient(90.00deg, rgba(255, 255, 255, 0.05) 0%,rgba(255, 255, 255, 0.02) 50%,rgba(255, 255, 255, 0.05) 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
}

.mainsite .footer .fosninfo .dopinfo .donatblock .listbuy .blockbuy svg {
    width: 4.4444vh;
    height: 3.1481vh;
    opacity: 0.3;
}

.mainsite .footer .fosninfo .dopinfo .donatblock .btn p {
    color: rgba(255, 255, 255, 1);
    font-family: Akrobat;
    font-style: SemiBold;
    font-size: 1.3889vh;
    font-weight: 600;
    line-height: 1.6667vh;
    letter-spacing: 0%;
    text-align: center;
}

.mainsite .footer .fosninfo .dopinfo .contactblock {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    gap: 0.9259vh;
}

.mainsite .footer .fosninfo .dopinfo .contactblock h1 {
    color: rgba(255, 255, 255, 1);
    font-family: Akrobat;
    font-style: Bold;
    font-size: 1.4815vh;
    font-weight: 700;
    line-height: 2.5926vh;
    letter-spacing: 0%;
    text-align: center;
}

.mainsite .footer .fosninfo .dopinfo .contactblock .btn {
    width: 16.6667vh;
    height: 3.7037vh;
    box-sizing: border-box;
    border: 0.0926vh solid rgba(255, 255, 255, 0.03);
    border-radius: 0.1852vh;
    background: linear-gradient(90.00deg, rgba(255, 255, 255, 0.05) 0%, rgba(255, 255, 255, 0.02) 50%, rgba(255, 255, 255, 0.05) 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.463vh;
}

.mainsite .footer .fosninfo .dopinfo .contactblock p {
    width: 16.6667vh;
    height: 3.7037vh;
    color: rgba(255, 255, 255, 1);
    font-family: Akrobat;
    font-style: SemiBold;
    font-size: 1.3889vh;
    font-weight: 600;
    line-height: 1.6667vh;
    letter-spacing: 0%;
    text-align: center;
}

.mainsite .footer .fosninfo .dopinfo .contactblock p b {}

.mainsite .footer .fosninfo .dopinfo .contactblock .btn svg {
    width: 1.6667vh;
    height: 1.6667vh;
}

.mainsite .footer .fosninfo .dopinfo .contactblock .btn p {
    width: auto;
    height: auto;
    color: rgba(255, 255, 255, 1);
    font-family: Akrobat;
    font-style: SemiBold;
    font-size: 1.3889vh;
    font-weight: 600;
    line-height: 1.6667vh;
    letter-spacing: 0%;
    text-align: center;
}

.mainsite .footer .fosninfo .navmenu .navblock {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 0.9259vh;
}

.mainsite .footer .fosninfo .navmenu .navblock h1 {
    color: rgba(255, 255, 255, 1);
    font-family: Akrobat;
    font-style: Bold;
    font-size: 1.4815vh;
    font-weight: 700;
    line-height: 1.7593vh;
    letter-spacing: 0%;
    text-align: left;
}

.mainsite .footer .fosninfo .navmenu .navblock .nblists {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 0.9259vh;
}

.mainsite .footer .fosninfo .navmenu .navblock p {
    width: 21.2963vh;
    font-family: Akrobat;
    font-style: SemiBold;
    font-size: 1.2963vh;
    font-weight: 600;
    line-height: 1.5741vh;
    letter-spacing: 0%;
    text-align: left;
    color: #fff;
}

.mainsite .footer .fosninfo .navmenu .navblock p b {
    text-decoration: underline;
}

.mainsite .footer .fosninfo .navmenu .navblock .nblists a {
    color: rgba(255, 255, 255, 0.5);
    font-family: Akrobat;
    font-style: SemiBold;
    font-size: 1.2963vh;
    font-weight: 600;
    line-height: 1.5741vh;
    letter-spacing: 0%;
    text-align: left;
    text-decoration: none;
}

.mainsite .footer .fosninfo .logo img {
    width: 11.8519vh;
    height: 11.8519vh;
}

.mainsite .fastfaq .ffhead {
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}

.mainsite .fastfaq .fflist {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: flex-start;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 1.4112518327vh;
}

.mainsite .fastfaq .fflist .blockfaq {
    width: 46.2963vh;
    height: 9.6296vh;
    box-sizing: border-box;
    border: 0.0926vh solid rgba(255, 255, 255, 0.05);
    border-radius: 0.3704vh;
    backdrop-filter: blur(1.3889vh);
    background: var(--btn1, linear-gradient(90.00deg, rgba(255, 255, 255, 0.05),rgba(255, 255, 255, 0.02),rgba(255, 255, 255, 0.05)));
    padding: 1.8519vh;
    gap: 0.9259vh;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
}

.mainsite .fastfaq .fflist .blockfaq h1 {
    font-family: Akrobat;
    font-style: Bold;
    font-size: 1.6667vh;
    font-weight: 700;
    line-height: 2.037vh;
    letter-spacing: 0%;
    text-align: left;
    color: #fff;
}

.mainsite .fastfaq .fflist .blockfaq p {
    color: rgba(255, 255, 255, 0.5);
    font-family: Akrobat;
    font-style: SemiBold;
    font-size: 1.2037vh;
    font-weight: 600;
    line-height: 1.4815vh;
    letter-spacing: 0%;
    text-align: left;
}

.mainsite .fastfaq .fflist .blockfaq h1 b {}

.mainsite .fastfaq .ffhead h1 {
    color: rgba(255, 255, 255, 1);
    font-family: Akrobat;
    font-style: Bold;
    font-size: 2.7778vh;
    font-weight: 700;
    line-height: 3.1481vh;
    letter-spacing: 0%;
    text-align: left;
}

.mainsite .fastfaq .ffhead .btn {
    width: 14.3519vh;
    height: 3.7037vh;
    box-sizing: border-box;
    border: 0.0926vh solid rgba(255, 255, 255, 0.03);
    border-radius: 0.1852vh;
    background: linear-gradient(90.00deg, rgba(255, 255, 255, 0.05) 0%,rgba(255, 255, 255, 0.02) 50%,rgba(255, 255, 255, 0.05) 100%);
    display: flex;
    align-items: center;
    justify-content: center;
}

.mainsite .fastfaq .ffhead .btn p {
    color: rgba(255, 255, 255, 1);
    font-family: Akrobat;
    font-style: SemiBold;
    font-size: 1.3889vh;
    font-weight: 600;
    line-height: 1.6667vh;
    letter-spacing: 0%;
    text-align: center;
}

.mainsite .dopblock .headdb {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 0.9259vh;
}

.mainsite .dopblock .headdb h1 {
    color: rgba(255, 255, 255, 1);
    font-family: Akrobat;
    font-style: Bold;
    font-size: 4.6296vh;
    font-weight: 700;
    line-height: 5vh;
    letter-spacing: 0%;
    text-align: center;
}

.mainsite .dopblock .sociallist {
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 0.5259vh;
    flex-wrap: wrap;
}

.mainsite .dopblock .sociallist .blocksocial {
    width: 34.1852vh;
    height: 13.8889vh;
    box-sizing: border-box;
    border: 0.0926vh solid rgba(255, 255, 255, 0.05);
    border-radius: 0.3704vh;
    backdrop-filter: blur(2.3148vh);
    display: flex;
    align-items: center;
    justify-content: center;
    align-content: center;
    flex-direction: row;
}

.mainsite .dopblock .sociallist .blocksocial svg {
    height: 3.7037vh;
}

.mainsite .dopblock .sociallist .blocksocial.t {
    background: linear-gradient(90.00deg, rgba(83, 164, 228, 0.05) 0%,rgba(83, 164, 228, 0.02) 50%,rgba(83, 164, 228, 0.05) 100%);
}

.mainsite .dopblock .sociallist .blocksocial.yt {
    background: linear-gradient(90.00deg, rgba(234, 51, 35, 0.05) 0%,rgba(234, 51, 35, 0.02) 50%,rgba(234, 51, 35, 0.05) 100%);
}

.mainsite .dopblock .sociallist .blocksocial.vk {
    background: linear-gradient(90.00deg, rgba(51, 117, 246, 0.05) 0%,rgba(51, 117, 246, 0.02) 50%,rgba(51, 117, 246, 0.05) 100%);
}

.mainsite .dopblock .sociallist .blocksocial.ds {
    background: linear-gradient(90.00deg, rgba(120, 127, 240, 0.05) 0%,rgba(120, 127, 240, 0.02) 50%,rgba(120, 127, 240, 0.05) 100%);
}

.mainsite .headersite .maxwidth {
    width: 80.521vw;
    max-width: 143.1481vh;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}

.mainsite .dopblock .sociallist .blocksocial.ds:hover {
    background: linear-gradient(90.00deg, rgba(120, 127, 240, 0.15) 0%, rgba(120, 127, 240, 0.12) 50%, rgba(120, 127, 240, 0.15) 100%);
}

.mainsite .dopblock .sociallist .blocksocial.yt:hover {
    background: linear-gradient(90.00deg, rgba(234, 51, 35, 0.15) 0%,rgba(234, 51, 35, 0.12) 50%,rgba(234, 51, 35, 0.15) 100%);
}

.mainsite .dopblock .sociallist .blocksocial.vk:hover {
    background: linear-gradient(90.00deg, rgba(51, 117, 246, 0.15) 0%,rgba(51, 117, 246, 0.12) 50%,rgba(51, 117, 246, 0.15) 100%);
}

.mainsite .dopblock .sociallist .blocksocial.t:hover {
    background: linear-gradient(90.00deg, rgba(83, 164, 228, 0.15) 0%,rgba(83, 164, 228, 0.12) 50%,rgba(83, 164, 228, 0.15) 100%);
}

.mainsite .dopblock .startblocks {
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 1.8519vh;
}

.mainsite .dopblock .startblocks .startblock {
    width: 44.4444vh;
    height: 72.2222vh;
    box-sizing: border-box;
    border: 0.0926vh solid rgba(255, 255, 255, 0.05);
    border-radius: 0.3704vh;
    backdrop-filter: blur(1.3889vh);
    background: var(--btn1, linear-gradient(90.00deg, rgba(255, 255, 255, 0.05),rgba(255, 255, 255, 0.02),rgba(255, 255, 255, 0.05)));
    padding: 4.6296vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    gap: 2.963vh;
}

.mainsite .dopblock .startblocks .startblock .sbh {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 2.7778vh;
}

.mainsite .dopblock .startblocks .startblock .sbinfo {}

.mainsite .dopblock .startblocks .startblock .btns {
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 0.9259vh;
}

.mainsite .dopblock .startblocks .startblock img {
    margin-top: auto;
    height: 32.4074vh;
}

.mainsite .dopblock .startblocks .startblock .btns .btn {
    width: 14.3519vh;
    height: 3.7037vh;
    box-sizing: border-box;
    border: 0.0926vh solid rgba(255, 255, 255, 0.03);
    border-radius: 0.1852vh;
    background: linear-gradient(90.00deg, rgba(255, 255, 255, 0.05) 0%,rgba(255, 255, 255, 0.02) 50%,rgba(255, 255, 255, 0.05) 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
    gap: 0.463vh;
}

.mainsite .dopblock .startblocks .startblock .btns .btn p {
    color: rgba(255, 255, 255, 1);
    font-family: Akrobat;
    font-style: SemiBold;
    font-size: 1.3889vh;
    font-weight: 600;
    line-height: 1.6667vh;
    letter-spacing: 0%;
    text-align: center;
}

.mainsite .dopblock .startblocks .startblock .sbinfo p {
    color: rgba(255, 255, 255, 0.5);
    font-family: Akrobat;
    font-style: SemiBold;
    font-size: 1.2963vh;
    font-weight: 600;
    line-height: 1.5741vh;
    letter-spacing: 0%;
    text-align: left;
}

.mainsite .dopblock .startblocks .startblock .sbh h1 {
    color: rgba(255, 255, 255, 1);
    font-family: Akrobat;
    font-style: SemiBold;
    font-size: 3.1481vh;
    font-weight: 600;
    line-height: 3.7037vh;
    letter-spacing: 0%;
    text-align: left;
}

.mainsite .dopblock .startblocks .startblock .sbh .bi {
    display: flex;
    min-width: 7.4074vh;
    height: 7.4074vh;
    border-radius: 0.3704vh;
    background: rgba(255, 255, 255, 0.05);
    flex-direction: row;
    align-items: center;
    justify-content: center;
}

.mainsite .dopblock .startblocks .startblock .sbh .bi p {
    color: rgba(255, 255, 255, 1);
    font-family: Akrobat;
    font-style: Bold;
    font-size: 1.4815vh;
    font-weight: 700;
    line-height: 1.7593vh;
    letter-spacing: 0%;
    text-align: center;
}

.mainsite .dopblock .startblocks .startblock .sbdownl {
    width: 100%;
    height: 7.4074vh;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: row;
    gap: 0.9259vh;
    border-radius: 0.3704vh;
    background: rgba(255, 255, 255, 0.1);
    padding: 0.9259vh;
    box-sizing: border-box;
}

.mainsite .dopblock .startblocks .startblock .sbdownl .sbicon {
    min-width: 5.5556vh;
    height: 5.5556vh;
    border-radius: 0.3704vh;
    background: rgba(19, 19, 19, 1);
    display: flex;
    align-items: center;
    justify-content: center;
}

.mainsite .dopblock .startblocks .startblock .sbdownl .sbwi {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 0.9259vh;
}

.mainsite .dopblock .startblocks .startblock .sbdownl .sbwi .sbwih {
    width: 26.8519vh;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}

.mainsite .dopblock .startblocks .startblock .sbdownl .sbwi .sbwprog {
    width: 26.8519vh;
    height: 0.463vh;
    border-radius: 0.0926vh;
    background: rgba(19, 19, 19, 0.3);
}

.mainsite .dopblock .startblocks .startblock .sbdownl .sbwi .sbwprog .sbwprogfull {
    max-width: 26.8519vh;
    height: 0.463vh;
    border-radius: 0.0926vh;
    background: rgba(251, 181, 54, 1);
}

.mainsite .dopblock .startblocks .startblock .sbdownl .sbwi .sbwih h1 {
    color: rgba(255, 255, 255, 1);
    font-family: Akrobat;
    font-style: Bold;
    font-size: 1.3889vh;
    font-weight: 700;
    line-height: 1.6667vh;
    letter-spacing: 0%;
    text-align: left;
}

.mainsite .dopblock .startblocks .startblock .sbdownl .sbwi .sbwih p {
    color: rgba(255, 255, 255, 1);
    font-family: Akrobat;
    font-style: SemiBold;
    font-size: 1.1111vh;
    font-weight: 600;
    line-height: 1.6667vh;
    letter-spacing: 0%;
    text-align: right;
}

.mainsite .dopblock .startblocks .startblock .sbdownl .sbicon img {
    width: 4.6296vh;
    height: 4.6296vh;
    margin: auto;
}

.mainsite .dopblock .startblocks .startblock .sbinfo p b {
    color: rgba(255, 255, 255, 1);
    font-family: Akrobat;
    font-style: SemiBold;
    font-size: 1.2963vh;
    font-weight: 600;
    line-height: 1.5741vh;
    letter-spacing: 0%;
    text-align: left;
}

.mainsite .dopblock .startblocks .startblock .sbh h1 b {
    font-family: Akrobat;
    font-style: SemiBold;
    font-size: 3.1481vh;
    font-weight: 600;
    line-height: 3.7037vh;
    letter-spacing: 0%;
    text-align: left;
}

.mainsite .projectservers span {
    height: 2.2222vh;
    border-radius: 0.1852vh;
    background: rgba(251, 181, 54, 0.1);
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 0.463vh;
    color: rgba(251, 181, 54, 1);
    font-family: Akrobat;
    font-style: SemiBold;
    font-size: 0.9259vh;
    font-weight: 600;
    line-height: 1.1111vh;
    letter-spacing: 0%;
    text-align: left;
    padding: 0vh 1.1111vh;
}

.mainsite .projectservers .serverlist {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: flex-start;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 0.787vh;
}

.mainsite .projectservers .serverlist .blockserver {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    width: 34.7852vh;
    height: 12.7778vh;
    box-sizing: border-box;
    border: 0.0926vh solid rgba(255, 255, 255, 0.05);
    border-radius: 0.3704vh;
    backdrop-filter: blur(2.3148vh);
    background: var(--btn1, linear-gradient(90.00deg, rgba(255, 255, 255, 0.05),rgba(255, 255, 255, 0.02),rgba(255, 255, 255, 0.05)));
    padding: 1.6667vh;
    gap: 0.9259vh;
}

.mainsite .projectservers .serverlist .blockserver .bsh {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 0.7407vh;
}

.mainsite .projectservers .serverlist .blockserver .bci {}

.mainsite .projectservers .serverlist .blockserver .tagslist {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 0.9259vh;
}

.mainsite .projectservers .serverlist .blockserver .tagslist .tags {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 0.3704vh;
    min-width: 3.1481vh;
    height: 1.6667vh;
    border-radius: 0.1852vh;
    background: rgba(255, 255, 255, 0.1);
    padding: 0vh 0.463vh;
    box-sizing: border-box;
}

.mainsite .projectservers .serverlist .blockserver .tagslist .tags p {
    color: rgba(255, 255, 255, 1);
    font-family: Akrobat;
    font-style: SemiBold;
    font-size: 1vh;
    font-weight: 600;
    line-height: 0.9259vh;
    letter-spacing: 0%;
    text-align: center;
}

.mainsite .projectservers .serverlist .blockserver .tagslist .tags.online {
    background: rgba(181, 244, 17, 0.1);
}

.mainsite .projectservers .serverlist .blockserver .tagslist .tags svg {
    width: 1.4815vh;
    height: 1.4815vh;
}

.mainsite .projectservers .serverlist .blockserver .tagslist .tags.online p {
    color: rgba(181, 244, 17, 1);
}

.mainsite .projectservers .serverlist .blockserver .bci p {
    color: rgba(255, 255, 255, 0.5);
    font-family: Akrobat;
    font-style: SemiBold;
    font-size: 1.3111vh;
    font-weight: 600;
    line-height: 1.2963vh;
    letter-spacing: 0%;
    text-align: left;
}

.mainsite .projectservers .serverlist .blockserver .bsh .bi {
    width: 3.3333vh;
    height: 3.3333vh;
    border-radius: 0.3704vh;
    background: rgba(255, 255, 255, 0.05);
    display: flex;
    align-items: center;
    justify-content: center;
}

.mainsite .projectservers .serverlist .blockserver .bsh .bcn {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 0.3704vh;
}

.mainsite .projectservers .serverlist .blockserver .bsh .bcn h1 {
    color: rgba(255, 255, 255, 1);
    font-family: Akrobat;
    font-style: Bold;
    font-size: 1.5889vh;
    font-weight: 700;
    line-height: 1.6667vh;
    letter-spacing: 0%;
    text-align: left;
}

.mainsite .projectservers .serverlist .blockserver .bsh .bcn .bcno {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 0.463vh;
}

.mainsite .projectservers .serverlist .blockserver .bsh .bcn .bcno .online {
    width: 0.663vh;
    height: 0.663vh;
    border-radius: 0.3704vh;
    box-shadow: 0vh 0vh 0.3704vh 0.0926vh rgba(181, 244, 17, 0.26);
    background: rgba(181, 244, 17, 1);
}

.mainsite .projectservers .serverlist .blockserver .bsh .bcn .bcno p {
    color: rgba(255, 255, 255, 0.5);
    font-family: Akrobat;
    font-style: SemiBold;
    font-size: 1.3185vh;
    font-weight: 600;
    line-height: 1.2037vh;
    letter-spacing: 0%;
    text-align: left;
}

.mainsite .projectservers .serverlist .blockserver .bsh .bi img {
    width: 3.3333vh;
    height: 3.3333vh;
}

.mainsite .projectinfo .leftpi {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    flex-wrap: nowrap;
    justify-content: flex-start;
    gap: 2.4074vh;
    width: 56.3889vh;
}

.mainsite .projectinfo img {
    width: 48.7037vh;
    height: 48.7037vh;
}

.mainsite .projectinfo .leftpi span {
    height: 2.2222vh;
    border-radius: 0.1852vh;
    background: rgba(251, 181, 54, 0.1);
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 0.463vh;
    color: rgba(251, 181, 54, 1);
    font-family: Akrobat;
    font-style: SemiBold;
    font-size: 0.9259vh;
    font-weight: 600;
    line-height: 1.1111vh;
    letter-spacing: 0%;
    text-align: left;
    padding: 0vh 1.1111vh;
}

.mainsite .projectinfo .leftpi h1 {
    font-family: Akrobat;
    font-style: Bold;
    font-size: 4.6296vh;
    font-weight: 700;
    line-height: 5vh;
    letter-spacing: 0%;
    text-align: left;
    color: #fff;
}

.mainsite .projectinfo .leftpi h1 b {
    font-family: Akrobat;
    font-style: Bold;
    font-size: 4.6296vh;
    font-weight: 700;
    line-height: 5vh;
    letter-spacing: 0%;
    text-align: left;
    color: #fff;
}

.mainsite .projectinfo .leftpi p {
    color: rgba(255, 255, 255, 0.5);
    font-family: Akrobat;
    font-style: SemiBold;
    font-size: 1.4111vh;
    font-weight: 600;
    line-height: 1.2963vh;
    letter-spacing: 0%;
    text-align: left;
}

.mainsite .projectinfo .leftpi .btns {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 1.3889vh;
}

.mainsite .projectinfo .leftpi .btns .btn {
    width: 14.3519vh;
    height: 3.7037vh;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
    gap: 0.463vh;
    box-sizing: border-box;
    border: 0.0926vh solid rgba(255, 255, 255, 0.03);
    border-radius: 0.1852vh;
    background: linear-gradient(90.00deg, rgba(255, 255, 255, 0.05) 0%,rgba(255, 255, 255, 0.02) 50%,rgba(255, 255, 255, 0.05) 100%);
}

.mainsite .projectinfo .leftpi .btns .online {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 0.7407vh;
}

.mainsite .projectinfo .leftpi .btns .online svg {
    width: 2.2222vh;
    height: 2.4074vh;
}

.mainsite .projectinfo .leftpi .btns .online p {
    color: rgba(255, 255, 255, 1);
    font-family: Akrobat;
    font-style: SemiBold;
    font-size: 1.3889vh;
    font-weight: 600;
    line-height: 1.6667vh;
    letter-spacing: 0%;
    text-align: left;
}

.mainsite .projectinfo .leftpi .btns .btn p {
    color: rgba(255, 255, 255, 1);
    font-family: Akrobat;
    font-style: SemiBold;
    font-size: 1.3889vh;
    font-weight: 600;
    line-height: 1.6667vh;
    letter-spacing: 0%;
    text-align: center;
}

.mainsite .headersite .logoname {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 0.7407vh;
}

.mainsite .headersite .navlinklist {
    display: flex;
    margin: auto;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 2.7778vh;
}

.mainsite .headersite .btn {
    width: 14.3519vh;
    height: 3.7037vh;
    box-sizing: border-box;
    border: 0.0926vh solid rgba(255, 255, 255, 0.03);
    border-radius: 0.1852vh;
    background: linear-gradient(90.00deg, rgba(255, 255, 255, 0.05) 0%,rgba(255, 255, 255, 0.02) 50%,rgba(255, 255, 255, 0.05) 100%);
    gap: 0.9259vh;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}

.mainsite .headersite .btn svg {
    width: 1.6667vh;
    height: 1.6667vh;
}

.mainsite .headersite .btn p {
    color: rgba(255, 255, 255, 1);
    font-family: Akrobat;
    font-style: SemiBold;
    font-size: 1.3889vh;
    font-weight: 600;
    line-height: 1.6667vh;
    letter-spacing: 0%;
    text-transform: uppercase;
    text-align: center;
}

.mainsite .headersite .navlinklist .navlink {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 0.463vh;
    height: 1.8519vh;
    color: rgba(255, 255, 255, 0.5);
    font-family: Akrobat;
    font-style: SemiBold;
    font-size: 1.3889vh;
    font-weight: 600;
    line-height: 1.6667vh;
    letter-spacing: 0%;
    text-align: center;
    text-decoration: none;
    background: none;
    border: none;
}

.mainsite .headersite .navlinklist .navlink p {
    color: rgba(255, 255, 255, 0.5);
    font-family: Akrobat;
    font-style: SemiBold;
    font-size: 1.3889vh;
    font-weight: 600;
    line-height: 1.6667vh;
    letter-spacing: 0%;
    text-align: left;
    text-decoration: none;
}

.mainsite .headersite .navlinklist .navlink.active {
    border-bottom: 0.0926vh solid rgba(251, 181, 54, 1);
    color: #fff;
}

.mainsite .headersite .navlinklist .navlink.active p {
    color: rgba(255, 255, 255, 1);
}

.mainsite .headersite .navlinklist .navlink:hover p {
    color: rgba(255, 255, 255, 1);
}

.mainsite .headersite .logoname .bi {
    width: 3.3333vh;
    height: 3.3333vh;
    border-radius: 0.3704vh;
    background: rgba(255, 255, 255, 0.05);
    display: flex;
    align-items: center;
    justify-content: center;
}

.mainsite .headersite .logoname .nameh {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
}

.mainsite .headersite .logoname b {
    color: rgba(251, 181, 54, 1);
    font-family: Akrobat;
    font-style: SemiBold;
    font-size: 1.0185vh;
    font-weight: 600;
    line-height: 1.2037vh;
    letter-spacing: 0%;
    text-align: center;
    padding: 0.1852vh 0.5556vh;
    border-radius: 0.1852vh;
    background: rgba(251, 181, 54, 0.1);
}

.mainsite .headersite .logoname .nameh h1 {
    font-family: Akrobat;
    font-style: Bold;
    font-size: 1.5741vh;
    font-weight: 700;
    line-height: 1.8519vh;
    letter-spacing: 0%;
    text-align: left;
    color: #fff;
}

.mainsite .headersite .logoname .bi img {
    width: 2.5926vh;
    height: 2.5926vh;
}

.mainsite .footer .fosninfo .navmenu .navblock .nblists a:hover {
    color: rgba(255, 255, 255);
}

.mainsite::-webkit-scrollbar {
  width: 0.1852vh;
}

.mainsite::-webkit-scrollbar-track {
  background: rgba(255, 255, 255, 0.05);
}

.mainsite::-webkit-scrollbar-thumb {
  background: rgba(251, 181, 54, 1);
}

.mainsite a {
    text-decoration: none !important;
}

img {
    pointer-events: none;
}

.mainsite .useprofil {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    gap: 6.1111vh;
}

.mainsite .useprofil .headeruspr {
    width: 143.1481vh;
    height: 23.1481vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
    border-radius: 0.463vh;
    background: url(http://vartox.online/VXI/bgprof.png);
    background-size: cover;
    background-repeat: no-repeat;
}

.mainsite .useprofil .contentprof {
    width: 135.7407vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
}

.mainsite .useprofil .contentprof .profill {
    width: 135.7407vh;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 1.6667vh;
}

.mainsite .useprofil .contentprof .profill .skinview {
    width: 17.963vh;
    height: 25.5556vh;
    box-sizing: border-box;
    border: 0.0926vh solid rgba(255, 255, 255, 0.05);
    border-radius: 0.3704vh;
    backdrop-filter: blur(1.3889vh);
    background: var(--btn1, linear-gradient(90.00deg, rgba(255, 255, 255, 0.05),rgba(255, 255, 255, 0.02),rgba(255, 255, 255, 0.05)));
    display: flex;
    align-items: center;
    justify-content: center;
}

.mainsite .useprofil .contentprof .profill .blocksinfo {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: flex-start;
    align-content: flex-start;
    gap: 1.6667vh;
    max-width: 116.1112vh;
}

.mainsite .useprofil .contentprof .profill .blocksinfo .blocki {
    width: 27.7778vh;
    height: 7.4074vh;
    box-sizing: border-box;
    border: 0.0926vh solid rgba(255, 255, 255, 0.03);
    border-radius: 0.1852vh;
    background: linear-gradient(90.00deg, rgba(255, 255, 255, 0.05) 0%,rgba(255, 255, 255, 0.02) 50%,rgba(255, 255, 255, 0.05) 100%);
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    padding: 1.3889vh;
}

.mainsite .useprofil .contentprof .profill .blocksinfo .blockbtn {
    width: 27.7778vh;
    height: 7.4074vh;
    border-radius: 0.1852vh;
    background: rgba(251, 181, 54, 1);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
    gap: 0.463vh;
}

.mainsite .useprofil .contentprof .profill .blocksinfo .blockbtn p {
    color: rgba(19, 19, 19, 0.5);
    font-family: Akrobat;
    font-style: SemiBold;
    font-size: 2.037vh;
    font-weight: 600;
    line-height: 2.4074vh;
    letter-spacing: 0%;
    text-align: center;
}

.mainsite .useprofil .contentprof .profill .blocksinfo .blocki .infobi {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 0.463vh;
}

.mainsite .useprofil .contentprof .profill .blocksinfo .blocki .iconbi {
    width: 4.6296vh;
    height: 4.6296vh;
    border-radius: 0.463vh;
    background: rgba(255, 255, 255, 0.05);
    display: flex;
    align-items: center;
    justify-content: center;
}

.mainsite .useprofil .contentprof .profill .blocksinfo .blocki .iconbi img {
    width: 3.1481vh;
    height: 3.1481vh;
}

.mainsite .useprofil .contentprof .profill .blocksinfo .blocki .infobi p {
    color: rgba(255, 255, 255, 1);
    font-family: Akrobat;
    font-style: SemiBold;
    font-size: 1.6667vh;
    font-weight: 600;
    line-height: 2.037vh;
    letter-spacing: 0%;
    text-align: left;
}

.mainsite .useprofil .contentprof .profill .blocksinfo .blocki .infobi span {
    color: rgba(255, 255, 255, 0.25);
    font-family: Akrobat;
    background: none;
    font-style: SemiBold;
    font-size: 1.2963vh;
    font-weight: 600;
    line-height: 1.5741vh;
    letter-spacing: 0%;
    text-align: left;
}

.mainsite .useprofil .headeruspr .userblock {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 139.4444vh;
    height: 7.4074vh;
    position: relative;
    top: 3.7037vh;
    box-sizing: border-box;
    border: 0.0926vh solid rgba(255, 255, 255, 0.03);
    border-radius: 0.463vh;
    backdrop-filter: blur(2.3148vh);
    background: var(--bnt1, linear-gradient(90.00deg, rgba(255, 255, 255, 0.05),rgba(255, 255, 255, 0.02),rgba(255, 255, 255, 0.05)));
    padding: 1.8519vh;
}

.mainsite .useprofil .headeruspr .userblock .userinfo {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 1.4815vh;
}

.mainsite .useprofil .headeruspr .userblock .usernav {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 2.7778vh;
    margin-left: 5.5556vh;
}

.mainsite .useprofil .headeruspr .userblock .userbalance {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: center;
    gap: 0.7407vh;
    margin-left: auto;
}

.mainsite .useprofil .headeruspr .userblock .userbalance .balance {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-end;
    gap: 0.5556vh;
}

.mainsite .useprofil .headeruspr .userblock .userbalance .balance p {
    color: rgba(255, 255, 255, 1);
    font-family: Akrobat;
    font-style: Bold;
    font-size: 1.4815vh;
    font-weight: 700;
    line-height: 1.7593vh;
    letter-spacing: 0vh;
    text-align: right;
}

.mainsite .useprofil .headeruspr .userblock .userbalance .balance svg {
    width: 1.4815vh;
    height: 1.4815vh;
}

.mainsite .useprofil .headeruspr .userblock .usernav .navlink.active {
    border-bottom: 0.0926vh solid rgba(251, 181, 54, 1);
}

.mainsite .useprofil .headeruspr .userblock .usernav .navlink:hover {
    border-bottom: 0.0926vh solid rgba(251, 181, 54, 1);
}

.mainsite .useprofil .headeruspr .userblock .usernav .navlink {border-bottom: 0.0926vh solid rgba(251, 181, 54, 0);height: 1.9444vh;display: flex;flex-direction: row;align-items: center;justify-content: center;gap: 0.463vh;}

.mainsite .useprofil .headeruspr .userblock .usernav .navlink p {
    color: rgba(255, 255, 255, 0.5);
    font-family: Akrobat;
    font-style: SemiBold;
    font-size: 1.3889vh;
    font-weight: 600;
    line-height: 1.6667vh;
    letter-spacing: 0%;
    text-align: center;
}

.mainsite .useprofil .headeruspr .userblock .usernav .navlink.active p {
    color: rgba(255, 255, 255, 1);
    font-family: Akrobat;
    font-style: SemiBold;
    font-size: 1.3889vh;
    font-weight: 600;
    line-height: 1.6667vh;
    letter-spacing: 0%;
    text-align: center;
}

.mainsite .useprofil .headeruspr .userblock .usernav .navlink:hover p {
    color: rgba(255, 255, 255, 1);
    font-family: Akrobat;
    font-style: SemiBold;
    font-size: 1.3889vh;
    font-weight: 600;
    line-height: 1.6667vh;
    letter-spacing: 0%;
    text-align: center;
}

.mainsite .useprofil .headeruspr .userblock .userinfo .avatar {
    width: 5.5556vh;
    height: 5.5556vh;
    border-radius: 0.463vh;
    background: rgba(255, 255, 255, 0.05);
    display: flex;
    align-items: center;
    justify-content: center;
}

.mainsite .useprofil .headeruspr .userblock .userinfo .username {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
}

.mainsite .useprofil .headeruspr .userblock .userinfo .username h1 {
    font-family: Akrobat;
    font-style: SemiBold;
    font-size: 2.2222vh;
    font-weight: 600;
    line-height: 2.6852vh;
    letter-spacing: 0%;
    text-align: left;
    color: #fff;
}

.mainsite .useprofil .headeruspr .userblock .userinfo .username span {
    color: rgba(255, 255, 255, 0.25);
    background: none;
    font-family: Akrobat;
    font-style: SemiBold;
    font-size: 1.4815vh;
    font-weight: 600;
    line-height: 1.7593vh;
    letter-spacing: 0%;
    text-align: left;
}

.mainsite .useprofil .headeruspr .userblock .userinfo .avatar img {
    width: 4.4444vh;
    height: 4.4444vh;
}

.mainsite .useprofil .headeruspr .userblock .userinfo .username h1 b {
    font-family: Akrobat;
    font-style: SemiBold;
    font-size: 2.2222vh;
    font-weight: 600;
    line-height: 2.6852vh;
    letter-spacing: 0%;
    text-align: left;
    text-transform: uppercase;
    color: #FBB536;
}

.mainsite .useprofil .contentprof .profill .blocksinfo .blockbtn:hover p {
    color: rgba(19, 19, 19, 1);
}

.mainsite .useprofil .contentprof .refsystem {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 1.6667vh;
}

.mainsite .useprofil .contentprof .refsystem .dopblockref {
    width: 47.4074vh;
    height: 26.6667vh;
    box-sizing: border-box;
    border: 0.0926vh solid rgba(255, 255, 255, 0.03);
    border-radius: 0.1852vh;
    background: linear-gradient(90.00deg, rgba(255, 255, 255, 0.05) 0%,rgba(255, 255, 255, 0.02) 50%,rgba(255, 255, 255, 0.05) 100%);
    padding: 1.3889vh;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 1.3889vh;
}

.mainsite .useprofil .contentprof .refsystem .osnblock {
    max-width: 86.6667vh;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: flex-start;
    align-content: flex-start;
    gap: 1.6667vh;
}

.mainsite .useprofil .contentprof .refsystem .dopblockref .headb {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 0.9259vh;
}

.mainsite .useprofil .contentprof .refsystem .dopblockref .listinfo {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 0.7963vh;
}

.mainsite .useprofil .contentprof .refsystem .dopblockref .listinfo .blockli {
    width: 35.6481vh;
    height: 2.3148vh;
    box-sizing: border-box;
    border-left: 0.2vh solid rgba(251, 181, 54, 1);
    border-radius: 0.1852vh;
    background: rgba(255, 255, 255, 0.05);
    padding: 0.463vh 0.9259vh;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
}

.mainsite .useprofil .contentprof .refsystem .dopblockref .listinfo .blockli p {
    color: rgba(255, 255, 255, 1);
    font-family: Akrobat;
    font-style: SemiBold;
    font-size: 1.07vh;
    font-weight: 600;
    line-height: 1.1111vh;
    letter-spacing: 0%;
    text-align: left;
}

.mainsite .useprofil .contentprof .refsystem .dopblockref .headb .iconbi {
    width: 4.6296vh;
    height: 4.6296vh;
    border-radius: 0.463vh;
    background: rgba(255, 255, 255, 0.05);
    display: flex;
    align-items: center;
    justify-content: center;
}

.mainsite .useprofil .contentprof .refsystem .dopblockref .headb .infobi {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 0.463vh;
}

.mainsite .useprofil .contentprof .refsystem .dopblockref .headb .infobi p {
    color: rgba(255, 255, 255, 1);
    font-family: Akrobat;
    font-style: SemiBold;
    font-size: 1.6667vh;
    font-weight: 600;
    line-height: 2.037vh;
    letter-spacing: 0%;
    text-align: left;
}

.mainsite .useprofil .contentprof .refsystem .dopblockref .headb .infobi span {
    color: rgba(255, 255, 255, 0.25);
    font-family: Akrobat;
    background: none;
    font-style: SemiBold;
    font-size: 1.2963vh;
    font-weight: 600;
    line-height: 1.5741vh;
    letter-spacing: 0%;
    text-align: left;
}

.mainsite .useprofil .contentprof .refsystem .dopblockref .headb .iconbi img {
    width: 3.1481vh;
    height: 3.1481vh;
}

.mainsite .useprofil .contentprof .refsystem .osnblock .blocki {
    width: 27.7778vh;
    height: 7.4074vh;
    box-sizing: border-box;
    border: 0.0926vh solid rgba(255, 255, 255, 0.03);
    border-radius: 0.1852vh;
    background: linear-gradient(90.00deg, rgba(255, 255, 255, 0.05) 0%,rgba(255, 255, 255, 0.02) 50%,rgba(255, 255, 255, 0.05) 100%);
    padding: 1.3889vh;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}

.mainsite .useprofil .contentprof .refsystem .osnblock .blockidop {
    display: flex;
    width: 38.4259vh;
    height: 17.5926vh;
    box-sizing: border-box;
    border: 0.0926vh solid rgba(255, 255, 255, 0.03);
    border-radius: 0.1852vh;
    background: linear-gradient(90.00deg, rgba(255, 255, 255, 0.05) 0%,rgba(255, 255, 255, 0.02) 50%,rgba(255, 255, 255, 0.05) 100%);
    padding: 1.3889vh;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 1.3889vh;
}

.mainsite .useprofil .contentprof .refsystem .osnblock .blockipromo {
    width: 46.5741vh;
    height: 17.5926vh;
    box-sizing: border-box;
    border: 0.0926vh solid rgba(255, 255, 255, 0.03);
    border-radius: 0.1852vh;
    background: linear-gradient(90.00deg, rgba(255, 255, 255, 0.05) 0%,rgba(255, 255, 255, 0.02) 50%,rgba(255, 255, 255, 0.05) 100%);
    padding: 1.3889vh;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 1.3889vh;
}

.mainsite .useprofil .contentprof .refsystem .osnblock .headb {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 0.9259vh;
}

.mainsite .useprofil .contentprof .refsystem .osnblock .headb .iconbi {
    width: 4.6296vh;
    height: 4.6296vh;
    border-radius: 0.463vh;
    background: rgba(255, 255, 255, 0.05);
    display: flex;
    align-items: center;
    justify-content: center;
}

.mainsite .useprofil .contentprof .refsystem .osnblock .headb .infobi {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 0.463vh;
}

.mainsite .useprofil .contentprof .refsystem .osnblock .headb .infobi p {
    color: rgba(255, 255, 255, 1);
    font-family: Akrobat;
    font-style: SemiBold;
    font-size: 1.6667vh;
    font-weight: 600;
    line-height: 2.037vh;
    letter-spacing: 0%;
    text-align: left;
}

.mainsite .useprofil .contentprof .refsystem .osnblock .headb .infobi span {
    color: rgba(255, 255, 255, 0.15);
    background: none;
    font-family: Akrobat;
    font-style: SemiBold;
    font-size: 1.2963vh;
    font-weight: 600;
    line-height: 1.5741vh;
    letter-spacing: 0%;
    text-align: left;
}

.mainsite .useprofil .contentprof .refsystem .osnblock .headb .iconbi img {
    width: 3.1481vh;
    height: 3.1481vh;
}

.mainsite .useprofil .contentprof .refsystem .osnblock .blockipromo .youpromo {
    width: 43.7963vh;
    height: 8.7963vh;
    border-radius: 0.463vh;
    background: rgba(251, 181, 54, 0.1);
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}

.mainsite .useprofil .contentprof .refsystem .osnblock .blockipromo .youpromo h1 {
    color: rgba(251, 181, 54, 1);
    font-family: Akrobat;
    font-style: SemiBold;
    font-size: 3.3333vh;
    font-weight: 600;
    line-height: 3.9815vh;
    letter-spacing: 0%;
    text-align: center;
}

.mainsite .useprofil .contentprof .refsystem .osnblock .blockidop .listinfo {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 0.9259vh;
}

.mainsite .useprofil .contentprof .refsystem .osnblock .blockidop .listinfo .blockli {
    width: 35.6481vh;
    height: 2.3148vh;
    box-sizing: border-box;
    border-left: 0.2vh solid rgba(251, 181, 54, 1);
    border-radius: 0.1852vh;
    background: rgba(255, 255, 255, 0.05);
    padding-left: 0.9259vh;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: row;
}

.mainsite .useprofil .contentprof .refsystem .osnblock .blockidop .listinfo .blockli p {
    color: rgba(255, 255, 255, 1);
    font-family: Akrobat;
    font-style: SemiBold;
    font-size: 1.07vh;
    font-weight: 600;
    line-height: 1.1111vh;
    letter-spacing: 0%;
    text-align: left;
}

.mainsite .useprofil .contentprof .refsystem .osnblock .blocki .iconbi {
    width: 4.6296vh;
    height: 4.6296vh;
    border-radius: 0.463vh;
    background: rgba(255, 255, 255, 0.05);
    display: flex;
    align-items: center;
    justify-content: center;
}

.mainsite .useprofil .contentprof .refsystem .osnblock .blocki .infobi {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: center;
}

.mainsite .useprofil .contentprof .refsystem .osnblock .blocki .infobi p {
    color: rgba(255, 255, 255, 1);
    font-family: Akrobat;
    font-style: SemiBold;
    font-size: 1.6667vh;
    font-weight: 600;
    line-height: 2.037vh;
    letter-spacing: 0%;
    text-align: right;
}

.mainsite .useprofil .contentprof .refsystem .osnblock .blocki .infobi span {
    color: rgba(255, 255, 255, 0.25);
    font-family: Akrobat;
    background: none;
    font-style: SemiBold;
    font-size: 1.2963vh;
    font-weight: 600;
    line-height: 1.5741vh;
    letter-spacing: 0%;
    text-align: right;
}

.mainsite .useprofil .contentprof .refsystem .osnblock .blocki .iconbi img {
    width: 3.1481vh;
    height: 3.1481vh;
}

.mainsite .useprofil .contentprof .profill .blocksinfo .blockis {
    width: 29.4444vh;
    box-sizing: border-box;
    border: 0.0926vh solid rgba(255, 255, 255, 0.03);
    border-radius: 0.1852vh;
    background: linear-gradient(90.00deg, rgba(255, 255, 255, 0.05) 0%,rgba(255, 255, 255, 0.02) 50%,rgba(255, 255, 255, 0.05) 100%);
    padding: 1.3889vh;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 1.3889vh;
}

.mainsite .useprofil .contentprof .profill .blocksinfo .blockis .headb {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 0.9259vh;
}

.mainsite .useprofil .contentprof .profill .blocksinfo .blockis .blockin {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 0.7407vh;
}

.mainsite .useprofil .contentprof .profill .blocksinfo .blockis .blockin input {
    width: 16.6667vh;
    height: 3.7037vh;
    box-sizing: border-box;
    border: 0.0463vh solid rgba(255, 255, 255, 0.03);
    border-radius: 0.1852vh;
    background: linear-gradient(90.00deg, rgba(255, 255, 255, 0.05) 0%,rgba(255, 255, 255, 0.02) 50%,rgba(255, 255, 255, 0.05) 100%);
    text-align: center;
    outline: none;
    color: rgba(255, 255, 255, 0.5);
    font-family: Akrobat;
    font-style: SemiBold;
    font-size: 1.2963vh;
    font-weight: 600;
    line-height: 1.5741vh;
    letter-spacing: 0%;
}

.mainsite .useprofil .contentprof .profill .blocksinfo .blockis .blockin .btnin {
    width: 9.2593vh;
    height: 3.7037vh;
    border-radius: 0.1852vh;
    background: rgba(251, 181, 54, 0.1);
    display: flex;
    align-items: center;
    justify-content: center;
}

.mainsite .useprofil .contentprof .profill .blocksinfo .blockis .blockin .btnin p {
    color: rgba(251, 181, 54, 1);
    font-family: Akrobat;
    font-style: SemiBold;
    font-size: 1.2963vh;
    font-weight: 600;
    line-height: 1.5741vh;
    letter-spacing: 0%;
    text-align: center;
}

.mainsite .useprofil .contentprof .profill .blocksinfo .blockis .headb .iconbi {
    width: 4.6296vh;
    height: 4.6296vh;
    border-radius: 0.463vh;
    background: rgba(255, 255, 255, 0.05);
    display: flex;
    align-items: center;
    justify-content: center;
}

.mainsite .useprofil .contentprof .profill .blocksinfo .blockis .headb .infobi {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 0.463vh;
}

.mainsite .useprofil .contentprof .profill .blocksinfo .blockis .headb .infobi p {
    color: rgba(255, 255, 255, 1);
    font-family: Akrobat;
    font-style: SemiBold;
    font-size: 1.6667vh;
    font-weight: 600;
    line-height: 2.037vh;
    letter-spacing: 0%;
    text-align: left;
}

.mainsite .useprofil .contentprof .profill .blocksinfo .blockis .headb .infobi span {
    color: rgba(255, 255, 255, 0.25);
    background: none;
    font-family: Akrobat;
    font-style: SemiBold;
    font-size: 1.2963vh;
    font-weight: 600;
    line-height: 1.5741vh;
    letter-spacing: 0%;
    text-align: left;
}

.mainsite .useprofil .contentprof .profill .blocksinfo .blockis .headb .iconbi img {
    width: 3.1481vh;
    height: 3.1481vh;
}

.mainsite .useprofil .contentprof .profill .blocksinfo .blockis .blockin .btnin:hover {
    background: rgba(251, 181, 54, 1);
}

.mainsite .useprofil .contentprof .profill .blocksinfo .blockis .blockin .btnin:hover p {
    color: rgba(13, 13, 13, 1);
}

.mainsite .headersite .navlinklist .navlink:hover {
    color: #fff;
}

div#skin-container canvas {
    width: 17.963vh !important;
    height: 25.5556vh !important;
    zoom: 80% !important;
}

.mainsite .projectservers .serverlist .blockserver .bsh .bcn .bcno .offline {
    width: 0.463vh;
    height: 0.463vh;
    border-radius: 0.3704vh;
    box-shadow: 0vh 0vh 0.3704vh 0.0926vh rgba(255, 53, 53, 0.26);
    background: rgba(255, 53, 53, 1);
}

.mainsite .useprofil .contentprof .magazin {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    gap: 1.6667vh;
}

.mainsite .useprofil .contentprof .magazin .categorylist {
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 1.6667vh;
}

.mainsite .useprofil .contentprof .magazin .headmag {
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}

.mainsite .useprofil .contentprof .magazin .itemslist {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: flex-start;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 1.6667vh 1.6208vh;
}

.mainsite .useprofil .contentprof .magazin .itemslist .itemblock {
    width: 25.8519vh;
    height: 22.963vh;
    border-radius: 0.3704vh;
    background: rgba(255, 255, 255, 0.03);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    box-sizing: border-box;
    padding: 1.2963vh;
    gap: 0.9259vh;
}

.mainsite .useprofil .contentprof .magazin .itemslist .itemblock .itemimg {
    width: 24.2593vh;
    height: 12.963vh;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    position: relative;
}

.mainsite .useprofil .contentprof .magazin .itemslist .itemblock .iteminfo {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 0.5556vh;
}

.mainsite .useprofil .contentprof .magazin .itemslist .itemblock .btnaddcart {
    width: 24.2593vh;
    height: 3.3333vh;
    border-radius: 0.1852vh;
    background: rgba(251, 181, 54, 0.1);
    display: flex;
    align-items: center;
    justify-content: center;
}

.mainsite .useprofil .contentprof .magazin .itemslist .itemblock .btnaddcart p {
    color: rgba(251, 181, 54, 1);
    font-family: Akrobat;
    font-style: SemiBold;
    font-size: 1.2963vh;
    font-weight: 600;
    line-height: 1.5741vh;
    letter-spacing: 0%;
    text-align: center;
}

.mainsite .useprofil .contentprof .magazin .itemslist .itemblock .iteminfo p {
    color: rgba(255, 255, 255, 0.25);
    font-family: Akrobat;
    font-style: SemiBold;
    font-size: 1.1111vh;
    font-weight: 600;
    line-height: 1.2963vh;
    letter-spacing: 0%;
    text-align: left;
}

.mainsite .useprofil .contentprof .magazin .itemslist .itemblock .iteminfo b {
    color: rgba(255, 255, 255, 1);
    font-family: Akrobat;
    font-style: SemiBold;
    font-size: 1.2963vh;
    font-weight: 600;
    line-height: 1.5741vh;
    letter-spacing: 0%;
    text-align: left;
}

.mainsite .useprofil .contentprof .magazin .itemslist .itemblock .itemimg .price {
    position: absolute;
    top: 0.7407vh;
    right: 0.7407vh;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-end;
    gap: 0.463vh;
}

.mainsite .useprofil .contentprof .magazin .itemslist .itemblock .itemimg img {
    width: 7.4074vh;
    height: 7.4074vh;
}

.mainsite .useprofil .contentprof .magazin .itemslist .itemblock .itemimg .colvoitems {
    position: absolute;
    bottom: 0.7407vh;
    right: 0.7407vh;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-end;
    gap: 0.463vh;
}

.mainsite .useprofil .contentprof .magazin .itemslist .itemblock .itemimg .colvoitems svg {
    width: 1.6111vh;
    height: 1.6111vh;
}

.mainsite .useprofil .contentprof .magazin .itemslist .itemblock .itemimg .colvoitems p {
    color: rgba(255, 255, 255, 1);
    font-family: Akrobat;
    font-style: SemiBold;
    font-size: 1.4111vh;
    font-weight: 600;
    line-height: 1.6111vh;
    letter-spacing: 0%;
    text-align: left;
}

.mainsite .useprofil .contentprof .magazin .itemslist .itemblock .itemimg .price p {
    color: rgba(255, 255, 255, 1);
    font-family: Akrobat;
    font-style: SemiBold;
    font-size: 1.6111vh;
    font-weight: 600;
    line-height: 1.7815vh;
    letter-spacing: 0%;
    text-align: right;
}

.mainsite .useprofil .contentprof .magazin .itemslist .itemblock .itemimg .price svg {
    width: 1.7815vh;
    height: 1.7815vh;
}

.mainsite .useprofil .contentprof .magazin .categorylist .navcat {
    width: 22.6852vh;
    height: 3.7037vh;
    background: var(--bnt1, linear-gradient(90.00deg, rgba(255, 255, 255, 0.05),rgba(255, 255, 255, 0.02),rgba(255, 255, 255, 0.05)));
    display: flex;
    align-items: center;
    justify-content: center;
}

.mainsite .useprofil .contentprof .magazin .categorylist .navcat p {
    color: rgba(255, 255, 255, 1);
    font-family: Akrobat;
    font-style: SemiBold;
    font-size: 1.3889vh;
    font-weight: 600;
    line-height: 1.6667vh;
    letter-spacing: 0%;
    text-align: center;
}

.mainsite .useprofil .contentprof .magazin .categorylist .navcat.active {
    background: rgba(251, 181, 54, 1);
}

.mainsite .useprofil .contentprof .magazin .categorylist .navcat.active p {
    color: rgba(19, 19, 19, 1);
}

.mainsite .useprofil .contentprof .magazin .categorylist .navcat:hover {
    background: rgba(251, 181, 54, 1);
}

.mainsite .useprofil .contentprof .magazin .categorylist .navcat:hover p {
    color: rgba(19, 19, 19, 1);
}

.mainsite .useprofil .contentprof .magazin .headmag h1 {
    color: rgba(255, 255, 255, 1);
    font-family: Akrobat;
    font-style: Bold;
    font-size: 3.5185vh;
    font-weight: 700;
    line-height: 4.2593vh;
    letter-spacing: 0%;
    text-align: center;
}

.mainsite .useprofil .contentprof .magazin .itemslist .itemblock .btnaddcart:hover {
    background: rgba(251, 181, 54, 1);
}

.mainsite .useprofil .contentprof .magazin .itemslist .itemblock .btnaddcart:hover p {
    color: rgba(19, 19, 19, 1);
}

.mainsite .useprofil .contentprof .magazin .privelslist {
    width: 126.807vh;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: flex-start;
    align-content: flex-start;
    gap: 1.6vh;
}

.mainsite .useprofil .contentprof .magazin .privelslist .privelblock {
    width: 41.2037vh;
    height: 74.0741vh;
    box-sizing: border-box;
    border: 0.0926vh solid rgba(255, 255, 255, 0.05);
    border-radius: 0.3704vh;
    background: var(--btn1, linear-gradient(90.00deg, rgba(255, 255, 255, 0.05),rgba(255, 255, 255, 0.02),rgba(255, 255, 255, 0.05)));
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    padding: 2.7778vh;
    gap: 1.4815vh;
}

.mainsite .useprofil .contentprof .magazin .privelslist .privelblock .iconprivel {
    margin-top: -1.3889vh;
}

.mainsite .useprofil .contentprof .magazin .privelslist .privelblock .headerprivel {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
}

.mainsite .useprofil .contentprof .magazin .privelslist .privelblock .descprivel {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 0.463vh;
}

.mainsite .useprofil .contentprof .magazin .privelslist .privelblock .priceandbuy {
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    margin-top: auto;
    margin-bottom: 1.3889vh;
}

.mainsite .useprofil .contentprof .magazin .privelslist .privelblock .priceandbuy .priceprivel {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 0.9259vh;
}

.mainsite .useprofil .contentprof .magazin .privelslist .privelblock .priceandbuy .buybtnprivel {
    width: 16.6667vh;
    height: 6.4815vh;
    border-radius: 0.3704vh;
    background: rgba(192, 192, 192, 0.1);
    display: flex;
    align-items: center;
    justify-content: center;
}

.mainsite .useprofil .contentprof .magazin .privelslist .privelblock .priceandbuy .buybtnprivel p {
    color: rgba(192, 192, 192, 1);
    font-family: Akrobat;
    font-style: SemiBold;
    font-size: 1.8519vh;
    font-weight: 600;
    line-height: 2.2222vh;
    letter-spacing: 0%;
    text-align: center;
}

.mainsite .useprofil .contentprof .magazin .privelslist .privelblock .priceandbuy .priceprivel p {
    color: rgba(192, 192, 192, 1);
    font-family: Akrobat;
    font-style: SemiBold;
    font-size: 2.5926vh;
    font-weight: 600;
    line-height: 3.1481vh;
    letter-spacing: 0%;
    text-align: left;
}

.mainsite .useprofil .contentprof .magazin .privelslist .privelblock .priceandbuy .priceprivel svg {
    width: 2.5926vh;
    height: 2.5926vh;
}

.mainsite .useprofil .contentprof .magazin .privelslist .privelblock .descprivel .descblock {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 0.9259vh;
}

.mainsite .useprofil .contentprof .magazin .privelslist .privelblock .descprivel .descblock p {
    height: 2.6852vh;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    border-radius: 0.3704vh;
    background: rgba(255, 255, 255, 0.05);
    box-sizing: border-box;
    padding: 1.1111vh;
    color: rgba(255, 255, 255, 1);
    font-family: Akrobat;
    font-style: SemiBold;
    font-size: 1.2963vh;
    font-weight: 600;
    line-height: 1.5741vh;
    letter-spacing: 0%;
    text-align: left;
}

.mainsite .useprofil .contentprof .magazin .privelslist .privelblock .descprivel .descblock span {}

.mainsite .useprofil .contentprof .magazin .privelslist .privelblock .descprivel .descblock span svg {
    width: 2.6852vh;
    height: 2.6852vh;
}

.mainsite .useprofil .contentprof .magazin .privelslist .privelblock .headerprivel p {
    color: rgba(255, 255, 255, 1);
    font-family: Akrobat;
    font-style: SemiBold;
    font-size: 1.8519vh;
    font-weight: 600;
    line-height: 2.2222vh;
    letter-spacing: 0%;
    text-align: left;
}

.mainsite .useprofil .contentprof .magazin .privelslist .privelblock .headerprivel h1 {
    color: rgba(192, 192, 192, 1);
    font-family: Akrobat;
    font-style: ExtraBold;
    font-size: 8.3333vh;
    font-weight: 800;
    line-height: 10vh;
    letter-spacing: 0%;
    text-align: left;
}

.mainsite .useprofil .contentprof .magazin .privelslist .privelblock .iconprivel svg {
    width: 13.8889vh;
    height: 13.8889vh;
}

.mainsite .useprofil .contentprof .magazin .privelslist .privelblock .priceandbuy .buybtnprivel:hover {
    background: rgba(192, 192, 192, 1);
}

.mainsite .useprofil .contentprof .magazin .privelslist .privelblock .priceandbuy .buybtnprivel:hover p {
    color: rgba(13,13,13);
}

.mainsite .useprofil .contentprof .magazin .cartslist {
    width: 95.7407vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    gap: 0.463vh;
}

.mainsite .useprofil .contentprof .magazin .cartslist .cartsnone {
    width: 100%;
    height: 9.2593vh;
    background: rgba(251, 181, 54, 0.05);
    border-radius: 0.3704vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.mainsite .useprofil .contentprof .magazin .cartslist .cartheader {
    width: 100%;
    height: 3.7037vh;
    border-radius: 0.3704vh;
    background: var(--btn1, linear-gradient(90.00deg, rgba(255, 255, 255, 0.05),rgba(255, 255, 255, 0.02),rgba(255, 255, 255, 0.05)));
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 0.9259vh;
}

.mainsite .useprofil .contentprof .magazin .cartslist .cartsitems {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    gap: 0.463vh;
}

.mainsite .useprofil .contentprof .magazin .cartslist .cartsnone h1 {
    color: rgba(251, 181, 54, 1);
    font-family: Akrobat;
    font-style: SemiBold;
    font-size: 2.5926vh;
    font-weight: 600;
    line-height: 2.963vh;
    letter-spacing: 0%;
    text-align: center;
}

.mainsite .useprofil .contentprof .magazin .cartslist .cartsnone p {
    color: rgba(251, 181, 54, 1);
    font-family: Akrobat;
    font-style: SemiBold;
    font-size: 1.8519vh;
    font-weight: 600;
    line-height: 2.2222vh;
    letter-spacing: 0%;
    text-align: center;
}

.mainsite .useprofil .contentprof .magazin .cartslist .cartheader .namech {
    width: 18.5185vh;
    height: 3.7037vh;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
}

.mainsite .useprofil .contentprof .magazin .cartslist .cartheader .btnreset {
    width: 13.8889vh;
    height: 2.4074vh;
    border-radius: 0.1852vh;
    background: rgba(251, 181, 54, 0.1);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
    margin-left: auto;
    margin-right: auto;
}

.mainsite .useprofil .contentprof .magazin .cartslist .cartheader .btnreset p {
    color: rgba(251, 181, 54, 1);
    font-family: Akrobat;
    font-style: SemiBold;
    font-size: 1.2963vh;
    font-weight: 600;
    line-height: 1.5741vh;
    letter-spacing: 0%;
    text-align: center;
}

.mainsite .useprofil .contentprof .magazin .cartslist .cartheader .namech p {
    color: rgba(255, 255, 255, 0.5);
    font-family: Akrobat;
    font-style: SemiBold;
    font-size: 1.4815vh;
    font-weight: 600;
    line-height: 1.7593vh;
    letter-spacing: 0%;
    text-align: center;
}

.mainsite .useprofil .contentprof .magazin .cartslist .cartbuy {
    width: 100%;
    height: 3.7037vh;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-end;
    gap: 1.8519vh;
    margin-top: 1.2037vh;
}

.mainsite .useprofil .contentprof .magazin .cartslist .cartbuy .price {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-end;
    gap: 0.463vh;
}

.mainsite .useprofil .contentprof .magazin .cartslist .cartbuy .cartbtnbuy {
    width: 16.6667vh;
    height: 3.7037vh;
    border-radius: 0.1852vh;
    background: rgba(251, 181, 54, 0.1);
    display: flex;
    align-items: center;
    justify-content: center;
}

.mainsite .useprofil .contentprof .magazin .cartslist .cartbuy .cartbtnbuy p {
    color: rgba(251, 181, 54, 1);
    font-family: Akrobat;
    font-style: SemiBold;
    font-size: 1.3889vh;
    font-weight: 600;
    line-height: 1.6667vh;
    letter-spacing: 0%;
    text-align: center;
}

.mainsite .useprofil .contentprof .magazin .cartslist .cartbuy .price p {
    color: rgba(255, 255, 255, 1);
    font-family: Akrobat;
    font-style: SemiBold;
    font-size: 1.3889vh;
    font-weight: 600;
    line-height: 1.6667vh;
    letter-spacing: 0%;
    text-align: center;
}

.mainsite .useprofil .contentprof .magazin .cartslist .cartbuy .price svg {
    width: 1.1111vh;
    height: 1.1111vh;
}

.mainsite .useprofil .contentprof .magazin .cartslist .cartsitems .cartitem {
    width: 100%;
    height: 3.7037vh;
    border-radius: 0.3704vh;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 0.9259vh;
}

.mainsite .useprofil .contentprof .magazin .cartslist .cartsitems .cartitem .namech {
    width: 18.5185vh;
    height: 3.7037vh;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
}

.mainsite .useprofil .contentprof .magazin .cartslist .cartsitems .cartitem .btndel {
    width: 13.8889vh;
    height: 2.4074vh;
    border-radius: 0.1852vh;
    background: rgba(2255, 53, 53, 0.1);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
    margin-left: auto;
    margin-right: auto;
}

.mainsite .useprofil .contentprof .magazin .cartslist .cartsitems .cartitem .btndel p {
    color: rgba(255, 53, 53, 1);
    font-family: Akrobat;
    font-style: SemiBold;
    font-size: 1.2963vh;
    font-weight: 600;
    line-height: 1.5741vh;
    letter-spacing: 0%;
    text-align: center;
}

.mainsite .useprofil .contentprof .magazin .cartslist .cartsitems .cartitem .namech p {
    color: rgba(255, 255, 255, 1);
    font-family: Akrobat;
    font-style: SemiBold;
    font-size: 1.4815vh;
    font-weight: 600;
    line-height: 1.7593vh;
    letter-spacing: 0%;
    text-align: center;
}

.mainsite .useprofil .contentprof .magazin .cartslist .cartsitems .cartitem .btndel:hover {
    background: rgba(2255, 53, 53, 0.15);
}

.mainsite .useprofil .contentprof .magazin .cartslist .cartheader .btnreset:hover {
    background: rgba(251, 181, 54, 0.15);
}

.mainsite .useprofil .contentprof .magazin .cartslist .cartbuy .cartbtnbuy:hover {
    background: rgba(251, 181, 54, 0.15);
}

.mainsite .useprofil .contentprof .magazin .cartslist .cartsitems .cartitem:nth-of-type(even) {
    background: var(--btn1, linear-gradient(90.00deg, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.02), rgba(255, 255, 255, 0.05)));
}

.mainsite .dialauth {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    width: 55.5556vh;
    border-radius: 1.1111vh;
    background: rgba(20, 20, 20, 1);
    box-sizing: border-box;
    z-index: 5;
}

.mainsite .dialauth .headda {
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    height: 9.2593vh;
    padding: 2.4074vh 4.6296vh;
    box-sizing: border-box;
    position: relative;
}

.mainsite .dialauth .formauth {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 1.8519vh;
    padding: 3.7037vh;
    border-top: 0.0926vh solid rgba(255, 255, 255, 0.1);
    box-sizing: border-box;
    border-bottom: 0.0926vh solid rgba(255, 255, 255, 0.1);
}

.mainsite .dialauth .dafooter {
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    height: 9.2593vh;
    padding: 2.4074vh 4.6296vh;
    box-sizing: border-box;
}

.mainsite .dialauth .dafooter p {
    color: rgba(255, 255, 255, 1);
    font-family: Akrobat;
    font-style: Bold;
    font-size: 1.2963vh;
    font-weight: 700;
    line-height: 1.5741vh;
    letter-spacing: 1%;
    text-align: left;
}

.mainsite .dialauth .dafooter .btnfooter {
    width: 18.0556vh;
    height: 3.7037vh;
    border-radius: 0.3704vh;
    background: rgba(251, 181, 54, 0.1);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
}

.mainsite .dialauth .dafooter .btnfooter p {
    color: rgba(251, 181, 54, 1);
    font-family: Akrobat;
    font-style: SemiBold;
    font-size: 1.2963vh;
    font-weight: 600;
    line-height: 1.5741vh;
    letter-spacing: 1%;
    text-align: center;
}

.mainsite .dialauth .formauth .blockinput {
    width: 30.9259vh;
    height: 6.8519vh;
    box-sizing: border-box;
    border: 0.0926vh solid rgba(255, 255, 255, 0.07);
    border-radius: 0.3704vh;
    background: rgba(255, 255, 255, 0.02);
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    padding: 1.2963vh;
    gap: 1.4815vh;
}

.mainsite .dialauth .formauth .btnauth {
    width: 30.9259vh;
    height: 6.8519vh;
    box-sizing: border-box;
    border: 0.0926vh solid rgba(255, 255, 255, 0.03);
    border-radius: 0.2778vh;
    background: var(--bnt1, linear-gradient(90.00deg, rgba(255, 255, 255, 0.05),rgba(255, 255, 255, 0.02),rgba(255, 255, 255, 0.05)));
    display: flex;
    align-items: center;
    justify-content: center;
}

.mainsite .dialauth .formauth .btnauth p {
    color: rgba(255, 255, 255, 1);
    font-family: Akrobat;
    font-style: Bold;
    font-size: 2.037vh;
    font-weight: 700;
    line-height: 2.4074vh;
    letter-spacing: 0%;
    text-align: center;
}

.mainsite .dialauth .formauth .blockinput .icon {
    width: 4.4444vh;
    height: 4.4444vh;
    box-sizing: border-box;
    border: 0.0926vh solid rgba(255, 255, 255, 0.1);
    border-radius: 0.1852vh;
    display: flex;
    align-items: center;
    justify-content: center;
}

.mainsite .dialauth .formauth .blockinput .inputtext {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 0.5556vh;
}

.mainsite .dialauth .formauth .blockinput .inputtext p {
    color: rgba(255, 255, 255, 0.3);
    font-family: Akrobat;
    font-style: Bold;
    font-size: 1.2963vh;
    font-weight: 700;
    line-height: 1.5741vh;
    letter-spacing: 0%;
    text-align: left;
}

.mainsite .dialauth .formauth .blockinput .inputtext input {
    color: rgba(255, 255, 255, 1);
    font-family: Akrobat;
    font-style: Bold;
    font-size: 1.4815vh;
    font-weight: 700;
    line-height: 1.7593vh;
    letter-spacing: 0%;
    text-align: left;
    background: none;
    border: none;
    outline: none;
}

.mainsite .dialauth .formauth .blockinput .icon svg {
    width: 2.2222vh;
    height: 2.2222vh;
    fill: #fff;
}

.mainsite .dialauth .headda .hdi {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 0.7407vh;
}

.mainsite .dialauth .headda .btnclosed {
    position: absolute;
    right: 1.8519vh;
    top: 1.4815vh;
    width: 2.7778vh;
    height: 2.7778vh;
    border-radius: 0.463vh;
    background: rgba(255, 53, 53, 0.1);
    display: flex;
    align-items: center;
    justify-content: center;
}

.mainsite .dialauth .headda .btnclosed svg {
    width: 1.1111vh;
    height: 1.1111vh;
}

.mainsite .dialauth .headda .hdi h1 {
    color: rgba(255, 255, 255, 1);
    font-family: Akrobat;
    font-style: SemiBold;
    font-size: 2.037vh;
    font-weight: 600;
    line-height: 2.4074vh;
    letter-spacing: 1%;
    text-align: left;
    text-transform: uppercase;
}

.mainsite .dialauth .headda .hdi p {
    color: rgba(255, 255, 255, 0.25);
    font-family: Akrobat;
    font-style: SemiBold;
    font-size: 1.2963vh;
    font-weight: 600;
    line-height: 1.5741vh;
    letter-spacing: 1%;
    text-align: left;
}

.mainsite .dialauth .headda .btnclosed:hover {
    background: rgba(255, 53, 53, 0.2);
}

.mainsite .dialauth .formauth .btnauth:hover {
    background: rgba(251, 181, 54, 1);
}

.mainsite .dialauth .formauth .btnauth:hover p {
    color: rgba(13, 13, 13, 1);
}

.mainsite .dialauth .dafooter .btnfooter:hover {
    background: rgba(251, 181, 54, 0.15);
}

.mainsite .serverinfo {
    width: 143.0556vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    gap: 1.3889vh;
}

.mainsite .serverinfo .logoserver {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.mainsite .serverinfo .descserver {
    width: 39.8148vh;
}

.mainsite .serverinfo .infoblock {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    gap: 0.9259vh;
}

.mainsite .serverinfo .infoblock .headib {
    width: 9.2593vh;
    height: 2.2222vh;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    border-radius: 0.1852vh;
    background: rgba(251, 181, 54, 0.1);
}

.mainsite .serverinfo .infoblock .serverstats {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 0.9259vh;
}

.mainsite .serverinfo .infoblock .gallery {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: flex-start;
    align-content: flex-start;
    gap: 0.9259vh;
}

.mainsite .serverinfo .infoblock .modslist {
    width: 119.6296vh;
              /* ровно 3 колонки */
    display: grid;
    grid-template-columns: repeat(3, 0fr);
    grid-template-rows: masonry;
    gap: 0.8556vh;
}

.mainsite .serverinfo .infoblock .modslist .blockmods {
    width: 39.2593vh;
    box-sizing: border-box;
    border: 0.0926vh solid rgba(255, 255, 255, 0.05);
    border-radius: 0.3704vh;
    backdrop-filter: blur(2.3148vh);
    background: var(--btn1, linear-gradient(90.00deg, rgba(255, 255, 255, 0.05),rgba(255, 255, 255, 0.02),rgba(255, 255, 255, 0.05)));
    gap: 0.9259vh;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    padding: 1.6667vh;
}

.mainsite .serverinfo .infoblock .modslist .blockmods .osnmod {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 0.9259vh;
}

.mainsite .serverinfo .infoblock .modslist .blockmods .dopmods {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 0.5556vh;
}

.mainsite .serverinfo .infoblock .modslist .blockmods .dopmods p {
    color: rgba(255, 255, 255, 1);
    font-family: Akrobat;
    font-style: Bold;
    font-size: 1.2963vh;
    font-weight: 700;
    letter-spacing: 0%;
    text-align: left;
}

.mainsite .serverinfo .infoblock .modslist .blockmods .dopmods .listdm {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 0.5556vh;
}

.mainsite .serverinfo .infoblock .modslist .blockmods .dopmods .listdm span {
    height: 1.6667vh;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0.1852vh;
    background: rgba(255, 255, 255, 0.1);
    padding: 0.5556vh;
    color: rgba(255, 255, 255, 1);
    font-family: Akrobat;
    font-style: SemiBold;
    font-size: 1.0185vh;
    font-weight: 600;
    letter-spacing: 0%;
    text-align: center;
}

.mainsite .serverinfo .infoblock .modslist .blockmods .osnmod .iconmod {
    min-width: 4.8148vh;
    height: 4.8148vh;
    border-radius: 0.3704vh;
    background: rgba(255, 255, 255, 0.05);
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.mainsite .serverinfo .infoblock .modslist .blockmods .osnmod .infomod {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
}

.mainsite .serverinfo .infoblock .modslist .blockmods .osnmod .infomod b {
    color: rgba(255, 255, 255, 1);
    font-family: Akrobat;
    font-style: Bold;
    font-size: 1.4815vh;
    font-weight: 700;
    line-height: 1.6667vh;
    letter-spacing: 0%;
    text-align: left;
}

.mainsite .serverinfo .infoblock .modslist .blockmods .osnmod .infomod p {
    color: rgba(255, 255, 255, 0.5);
    font-family: Akrobat;
    font-style: SemiBold;
    font-size: 1.2963vh;
    font-weight: 600;
    letter-spacing: 0%;
    text-align: left;
}

.mainsite .serverinfo .infoblock .modslist .blockmods .osnmod .iconmod img {
    width: 4.8148vh;
    height: 4.8148vh;
}

.mainsite .serverinfo .infoblock .headib h1 {
    color: rgba(251, 181, 54, 1);
    font-family: Akrobat;
    font-style: SemiBold;
    font-size: 1.1111vh;
    font-weight: 600;
    line-height: 1.2963vh;
    letter-spacing: 0%;
    text-align: left;
}

.mainsite .serverinfo .infoblock .gallery .blockgal {
    width: 27.7778vh;
    height: 13.8889vh;
    position: relative;
    overflow: hidden;
    border-radius: 0.7407vh;
    box-sizing: border-box;
    border: 0.0926vh solid rgba(255, 255, 255, 0.03);
}

.mainsite .serverinfo .infoblock .gallery .blockgal .blackscreen {width: 27.7778vh;height: 13.8889vh;position: absolute;top: 0vh;left: 0vh;background: #10131780;}

.mainsite .serverinfo .infoblock .gallery .blockgal img {
    width: 27.7778vh;
    height: 13.8889vh;
    background-size: cover;
}

.mainsite .serverinfo .infoblock .serverstats .blockss {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 13.8889vh;
    height: 7.4074vh;
    box-sizing: border-box;
    border: 0.0926vh solid rgba(255, 255, 255, 0.03);
    border-radius: 0.463vh;
    backdrop-filter: blur(2.3148vh);
    background: var(--bnt1, linear-gradient(90.00deg, rgba(255, 255, 255, 0.05),rgba(255, 255, 255, 0.02),rgba(255, 255, 255, 0.05)));
}

.mainsite .serverinfo .infoblock .serverstats .blockss b {
    color: rgba(255, 255, 255, 1);
    font-family: Akrobat;
    font-style: SemiBold;
    font-size: 2.2222vh;
    font-weight: 600;
    line-height: 2.4074vh;
    letter-spacing: 0%;
    text-align: left;
}

.mainsite .serverinfo .infoblock .serverstats .blockss p {
    color: rgba(255, 255, 255, 0.25);
    font-family: Akrobat;
    font-style: SemiBold;
    font-size: 1.4815vh;
    font-weight: 600;
    line-height: 1.6667vh;
    letter-spacing: 0%;
    text-align: left;
}

.mainsite .serverinfo .descserver p {
    color: rgba(255, 255, 255, 0.5);
    font-family: Akrobat;
    font-style: SemiBold;
    font-size: 1.2963vh;
    font-weight: 600;
    line-height: 1.4815vh;
    letter-spacing: 0%;
    text-align: center;
}

.mainsite .serverinfo .logoserver img {
    height: 18.5185vh;
}

.rules .container {
    width: min(var(--maxw), calc(100% - 3.7037vh));
    margin: 0 auto;
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    gap: 2vh;
  }

  .rules .btn {
    display: inline-flex;
    gap: 0.9259vh;
    align-items: center;
    justify-content: center;
    padding: 0.9259vh 1.2963vh;
    border-radius: 0.3704vh;
    border: 0.0926vh solid rgba(255, 255, 255, 0.13);
    background: linear-gradient(135deg, rgba(251, 181, 54, 0.22), rgba(251, 181, 54, 0.15));
    box-shadow: 0 1.1111vh 2.5926vh rgba(0, 0, 0, 0.3);
    cursor: pointer;
    user-select: none;
    color: rgba(255, 255, 255, 1);
    font-family: Akrobat;
    font-style: SemiBold;
    font-size: 1.2185vh;
    font-weight: 600;
    letter-spacing: 0%;
    text-align: center;
  }

  .rules .btn:hover {
    filter: brightness(1.06);
    text-decoration: none;
  }

  .rules .btn:active {
    transform: translateY(0.0926vh);
  }

  .rules .btn--ghost {
    background: rgba(255, 255, 255, 0.04);
  }

  .rules .hero {
    display: grid;
    grid-template-columns: 1.35fr 0.65fr;
    gap: 1.6667vh;
    align-items: start;
  }

  .rules .hero__content {
    padding: 2.037vh 2.037vh 1.6667vh;
    border-radius: 0.3704vh;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.07), rgba(255, 255, 255, 0.04));
    border: 0.0926vh solid rgba(255, 255, 255, 0.12);
    box-shadow: var(--shadow);
    position: relative;
    overflow: hidden;
  }

  .rules .hero__content::before {
    content: "";
    position: absolute;
    inset: -0.1852vh;
    background: radial-gradient(74.0741vh 27.7778vh at 20% 0%, rgba(251, 181, 54, 0.18), transparent 60%),      radial-gradient(66.6667vh 29.6296vh at 80% 20%, rgba(251, 181, 54, 0.16), transparent 60%);
    opacity: 0.85;
    pointer-events: none;
  }

  .rules .hero__content > * {
    position: relative;
  }

  .rules .badge {
    display: inline-flex;
    align-items: center;
    gap: 0.7407vh;
    padding: 0.6481vh 0.9259vh;
    border-radius: 0.3704vh;
    border: 0.0926vh solid rgba(255, 255, 255, 0.14);
    background: rgba(255, 255, 255, 0.04);
    margin: 0;
    color: rgba(255, 255, 255, 1);
    font-family: Akrobat;
    font-style: Bold;
    font-size: 1.2815vh;
    font-weight: 600;
    line-height: 1.5667vh;
    letter-spacing: 0%;
    text-align: left;
  }

  .rules .hero__title {
    margin: 1.2963vh 0 0.7407vh;
    color: rgba(255, 255, 255, 1);
    font-family: Akrobat;
    font-style: SemiBold;
    font-size: 3.2222vh;
    font-weight: 700;
    line-height: 4.4074vh;
    letter-spacing: 0%;
    text-align: left;
  }

  .rules .grad {
    background: linear-gradient(90deg, var(--accent), var(--accent2), var(--accent3));
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
  }

  .rules .hero__subtitle {
    margin: 0;
    max-width: 62vh;
    color: rgba(255, 255, 255, 0.5);
    font-family: Akrobat;
    font-style: SemiBold;
    font-size: 1.2963vh;
    font-weight: 600;
    line-height: 1.4815vh;
    letter-spacing: 0%;
    text-align: left;
  }

  .rules .hero__cta {
    display: flex;
    gap: 1.1111vh;
    margin-top: 1.4815vh;
    flex-wrap: wrap;
  }

  .rules .hero__stats {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.9259vh;
    margin-top: 1.6667vh;
  }

  .rules .stat {
    padding: 1.1111vh 1.1111vh;
    border-radius: 0.3704vh;
    border: 0.0926vh solid rgba(255, 255, 255, 0.12);
    background: rgba(255, 255, 255, 0.035);
  }

  .rules .stat__k {
    display: block;
    color: rgba(255, 255, 255, 0.5);
    font-family: Akrobat;
    font-style: SemiBold;
    font-size: 1.2963vh;
    font-weight: 600;
    letter-spacing: 0%;
    text-align: left;
  }

  .rules .stat__v {
    display: block;
    margin-top: 0.3704vh;
    color: rgba(255, 255, 255, 1);
    font-family: Akrobat;
    font-style: Bold;
    font-size: 1.4815vh;
    font-weight: 700;
    line-height: 1.6667vh;
    letter-spacing: 0%;
    text-align: left;
  }

  .rules .panel {
    padding: 1.6667vh;
    border-radius: 0.3704vh;
    background: rgba(255, 255, 255, 0.05);
    border: 0.0926vh solid rgba(255, 255, 255, 0.12);
    backdrop-filter: blur(1.1111vh);
  }

  .rules .hero__side {
    position: sticky;
    top: 6.8519vh;
  }

  .rules .panel__title {
    margin: 0 0 0.9259vh;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 1);
    font-family: Akrobat;
    font-style: Bold;
    font-size: 1.4815vh;
    font-weight: 700;
    line-height: 1.6667vh;
    letter-spacing: 0%;
    text-align: left;
  }

  .rules .toc {
    margin: 0;
    padding-left: 1.6667vh;
    color: var(--muted);
  }

  .rules .toc a {
    display: inline-block;
    padding: 0.5556vh 0;
    color: rgba(255, 255, 255, 0.5);
    font-family: Akrobat;
    font-style: SemiBold;
    font-size: 1.2963vh;
    font-weight: 600;
    letter-spacing: 0%;
    text-align: left;
  }

  .rules .toc a.is-active {
    text-decoration: none;
    color: rgba(255, 255, 255, 0.5);
    font-family: Akrobat;
    font-style: SemiBold;
    font-size: 1.2963vh;
    font-weight: 600;
    letter-spacing: 0%;
    text-align: left;
  }

  .rules .toc a.is-active::before {
    /* content: ""; */
    display: inline-block;
    width: 0.9259vh;
    height: 0.9259vh;
    margin-right: 0.7407vh;
    border-radius: 92.5vh;
    background: linear-gradient(135deg, var(--accent), var(--accent2));
    box-shadow: 0 0 0 0.2778vh rgba(255, 62, 165, 0.12);
    vertical-align: middle;
  }

  .rules .hint {
    margin-top: 1.2963vh;
    padding: 1.1111vh 1.1111vh;
    border-radius: 0.3704vh;
    border: 0.0926vh solid rgba(255, 255, 255, 0.12);
    background: linear-gradient(135deg, rgba(251, 181, 54, 0.12), rgba(251, 181, 54, 0.08));
  }

  .rules .hint__title {
    margin: 0 0 0.5556vh;
    color: rgba(255, 255, 255, 1);
    font-family: Akrobat;
    font-style: Bold;
    font-size: 1.4815vh;
    font-weight: 700;
    line-height: 1.6667vh;
    letter-spacing: 0%;
    text-align: left;
  }

  .rules .hint__text {
    margin: 0;
    color: rgba(255, 255, 255, 0.5);
    font-family: Akrobat;
    font-style: SemiBold;
    font-size: 1.2963vh;
    font-weight: 600;
    letter-spacing: 0%;
    text-align: left;
  }

  .rules .grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1.4815vh;
  }

  .rules .card {
    padding: 1.6667vh;
    border-radius: 0.3704vh;
    background: rgba(255, 255, 255, 0.045);
    border: 0.0926vh solid rgba(255, 255, 255, 0.12);
    box-shadow: var(--shadow);
    backdrop-filter: blur(1.1111vh);
    box-sizing: border-box;
    width: 58vh;
  }

  .rules .card__head {
    margin-bottom: 0.9259vh;
  }

  .rules .card__title {
    margin: 0;
    color: rgba(255, 255, 255, 1);
    font-family: Akrobat;
    font-style: Bold;
    font-size: 1.4815vh;
    font-weight: 700;
    line-height: 1.6667vh;
    letter-spacing: 0%;
    text-align: left;
  }

  .rules .card__desc {
    margin: 0.5556vh 0 0;
    color: rgba(255, 255, 255, 0.5);
    font-family: Akrobat;
    font-style: SemiBold;
    font-size: 1.2963vh;
    font-weight: 600;
    letter-spacing: 0%;
    text-align: left;
  }

  .rules .rule {
    margin-top: 0.9259vh;
    border-radius: 0.3704vh;
    border: 0.0926vh solid rgba(255, 255, 255, 0.11);
    background: rgba(255, 255, 255, 0.03);
    overflow: clip;
  }

  .rules .rule__sum {
    list-style: none;
    display: grid;
    grid-template-columns: auto 1fr auto;
    gap: 0.9259vh;
    align-items: center;
    padding: 1.1111vh 1.1111vh;
    cursor: pointer;
  }

  .rules .rule__sum::-webkit-details-marker {
    display: none;
  }

  .rules .rule__sum::after {
    content: "";
    width: 0.9259vh;
    height: 0.9259vh;
    justify-self: end;
    border-right: 0.1852vh solid rgba(255, 255, 255, 0.55);
    border-bottom: 0.1852vh solid rgba(255, 255, 255, 0.55);
    transform: rotate(45deg);
    transition: transform 160ms ease;
  }

  .rules .rule[open] .rule__sum::after {
    transform: rotate(-135deg);
  }

  .rules .rule__n {
    padding: 0.463vh 0.8333vh;
    border-radius: 0.3704vh;
    background: rgba(255, 255, 255, 0.05);
    border: 0.0926vh solid rgba(255, 255, 255, 0.11);
    color: rgba(255, 255, 255, 1);
    font-family: Akrobat;
    font-style: Bold;
    font-size: 1.4815vh;
    font-weight: 700;
    line-height: 1.6667vh;
    letter-spacing: 0%;
    text-align: left;
  }

  .rules .rule__t {
  color: rgba(255, 255, 255, 1);
  font-family: Akrobat;
  font-style: Bold;
  font-size: 1.4815vh;
  font-weight: 700;
  line-height: 1.6667vh;
  letter-spacing: 0%;
  text-align: left;
  }

  .rules .rule__meta {
    padding: 0.463vh 0.8333vh;
    border-radius: 0.3704vh;
    border: 0.0926vh solid rgba(255, 255, 255, 0.12);
    background: rgba(255, 255, 255, 0.03);
    color: rgba(255, 255, 255, 0.5);
    font-family: Akrobat;
    font-style: SemiBold;
    font-size: 1.0185vh;
    font-weight: 600;
    letter-spacing: 0%;
    text-align: center;
  }

  .rules .rule__body {
    padding: 0 1.1111vh 1.1111vh;
    color: var(--muted);
    font-size: 1.2037vh;
  }

  .rules .rule__body p {
    margin: 0.7407vh 0 0;
    color: rgba(255, 255, 255, 0.5);
    font-family: Akrobat;
    font-style: SemiBold;
    font-size: 1.2963vh;
    font-weight: 600;
    letter-spacing: 0%;
    text-align: left;
  }

  .rules .rule__body ul {
    margin: 0.7407vh 0 0;
    padding-left: 1.6667vh;
    color: rgba(255, 255, 255, 0.5);
    font-family: Akrobat;
    font-style: SemiBold;
    font-size: 1.2963vh;
    font-weight: 600;
    letter-spacing: 0%;
    text-align: left;
  }

  .rules .tableWrap {
    overflow: auto;
    border-radius: 0.3704vh;
    border: 0.0926vh solid rgba(255, 255, 255, 0.11);
    background: rgba(255, 255, 255, 0.03);
  }

  .rules .table {
    width: 100%;
    border-collapse: collapse;
    min-width: 57.4074vh;
  }

  .rules .table th,
  .rules .table td {
    padding: 1.1111vh 1.1111vh;
    border-bottom: 0.0926vh solid rgba(255, 255, 255, 0.08);
    color: rgba(255, 255, 255, 0.5);
    font-family: Akrobat;
    font-style: SemiBold;
    font-size: 1.0185vh;
    font-weight: 600;
    letter-spacing: 0%;
    text-align: left;
  }

  .rules .table th {
    position: sticky;
    top: 0;
    background: rgba(251, 181, 54, 0.8);
    backdrop-filter: blur(0.9259vh);
    color: rgba(13, 13, 13, 0.9);
    font-weight: 740;
    font-size: 1.3vh;
  }

  .rules .table tr:hover td {
    background: rgba(255, 255, 255, 0.03);
  }

  .rules .pill {
    display: inline-flex;
    align-items: center;
    padding: 0.5556vh 0.9259vh;
    border-radius: 0.3704vh;
    border: 0.0926vh solid rgba(255, 255, 255, 0.12);
    background: rgba(255, 255, 255, 0.04);
    color: rgba(255, 255, 255, 0.5);
    font-family: Akrobat;
    font-style: SemiBold;
    font-size: 1.0185vh;
    font-weight: 600;
    letter-spacing: 0%;
    text-align: center;
  }

  .rules .pill--warn {
    background: rgba(255, 207, 90, 0.45);
    box-shadow: 0 0 0 0.2778vh rgba(255, 207, 90, 0.08);
    color: #131313;
  }

  .rules .pill--danger {
    background: rgba(255, 91, 91, 0.45);
    box-shadow: 0 0 0 0.2778vh rgba(255, 91, 91, 0.08);
    color: #fff;
  }

  .rules .actions {
    display: flex;
    gap: 1.1111vh;
    margin-top: 1.2963vh;
    flex-wrap: wrap;
  }

  .rules .form {
    display: grid;
    gap: 1.1111vh;
    margin-top: 1.1111vh;
  }

  .rules .field {
    display: grid;
    gap: 0.7407vh;
  }

  .rules .field__label {
  color: rgba(255, 255, 255, 1);
  font-family: Akrobat;
  font-style: Bold;
  font-size: 1.4815vh;
  font-weight: 700;
  line-height: 1.6667vh;
  letter-spacing: 0%;
  text-align: left;
  }

  .rules .input {
    max-width: 97.9%;
    padding: 1.1111vh 1.1111vh;
    border-radius: 0.3704vh;
    border: 0.0926vh solid rgba(255, 255, 255, 0.13);
    background: rgba(255, 255, 255, 0.03);
    color: rgba(255, 255, 255, 1);
    font-family: Akrobat;
    font-style: SemiBold;
    font-size: 1.2185vh;
    font-weight: 600;
    letter-spacing: 0%;
    text-align: left;
    outline: none;
  }

  .rules .input::placeholder {
    color: rgba(255, 255, 255, 0.4);
  }

  .rules .input--area {
    resize: vertical;
    min-height: 10.1852vh;
  }

  .rules  .form__row {
    display: flex;
    gap: 1.1111vh;
    flex-wrap: wrap;
  }

  .rules .form__note {
    margin: 0;
    color: rgba(255, 255, 255, 0.5);
    font-family: Akrobat;
    font-style: SemiBold;
    font-size: 1.2963vh;
    font-weight: 600;
    line-height: 1.4815vh;
    letter-spacing: 0%;
    text-align: left;
  }

  .rules .toast {
    position: fixed;
    left: 50%;
    bottom: 1.4815vh;
    transform: translateX(-50%);
    padding: 0.9259vh 1.1111vh;
    border-radius: 92.5vh;
    border: 0.0926vh solid rgba(255, 255, 255, 0.14);
    background: rgba(11, 11, 18, 0.72);
    backdrop-filter: blur(0.9259vh);
    color: rgba(255, 255, 255, 0.86);
    font-size: 1.2037vh;
    box-shadow: 0 1.6667vh 3.7037vh rgba(0, 0, 0, 0.55);
    opacity: 0;
    pointer-events: none;
    transition: opacity 160ms ease, transform 160ms ease;
  }

  .rules .toast.is-on {
    opacity: 1;
    transform: translateX(-50%) translateY(-0.3704vh);
  }

  @media (max-width: 90.7407vh) {
    .rules .hero {
      grid-template-columns: 1fr;
    }

    .rules .hero__side {
      position: static;
    }

    .rules .grid {
      grid-template-columns: 1fr;
    }
  }

  @media (prefers-reduced-motion: reduce) {
    .rules .btn:active {
      transform: none;
    }
    .rules .toast,
    .rules .rule__sum::after {
      transition: none;
    }
  }

section#punishments {
    width: 117.8vh;
}

section#appeal {
    width: 117.8vh;
}

::marker {
    content: none;
}

  main#store .donate-page {
    min-height: 100vh;
    position: relative;
  }

  main#store .bg {
    position: fixed;
    inset: 0;
    z-index: -2;
    pointer-events: none;
  }

  main#store .glow {
    position: absolute;
    width: 90.7407vh;
    height: 90.7407vh;
    border-radius: 50%;
    filter: blur(13.8889vh);
    opacity: 0.55;
    transform: translate3d(0, 0, 0);
  }

  main#store .glow--a {
    left: -29.6296vh;
    top: -35.1852vh;
    background: radial-gradient(circle at 35% 35%, rgba(255, 58, 166, 0.95), transparent 58%),
      radial-gradient(circle at 65% 65%, rgba(138, 91, 255, 0.62), transparent 56%);
  }

  main#store .glow--b {
    right: -38.8889vh;
    bottom: -42.5926vh;
    background: radial-gradient(circle at 30% 40%, rgba(65, 199, 255, 0.65), transparent 60%),
      radial-gradient(circle at 70% 50%, rgba(255, 180, 77, 0.45), transparent 62%);
  }

  main#store .noise {
    position: absolute;
    inset: 0;
    opacity: 0.11;
    mix-blend-mode: overlay;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='240' height='240' filter='url(%23n)' opacity='.55'/%3E%3C/svg%3E");
    background-size: 22.2222vh 22.2222vh;
  }

  main#store .container {
    width: min(var(--maxw), calc(100% - 5.1852vh));
    margin: 0 auto;
  }

  main#store .store {
    padding: 1.6667vh 0 2.5926vh;
  }

  main#store .hero {
    padding: 2.5926vh 0 0.9259vh;
  }

  main#store .hero__title {
    margin: 0;
    color: rgba(255, 255, 255, 1);
    font-family: Akrobat;
    font-style: SemiBold;
    font-size: 3.2222vh;
    font-weight: 700;
    line-height: 4.4074vh;
    letter-spacing: 0%;
    text-align: left;
  }

  main#store .hero__lead {
    margin: 1.2963vh 0 0;
    max-width: 70vh;
    color: rgba(255, 255, 255, 0.5);
    font-family: Akrobat;
    font-style: SemiBold;
    font-size: 1.2963vh;
    font-weight: 600;
    line-height: 1.4815vh;
    letter-spacing: 0%;
    text-align: left;
  }

  main#store .privs {
    padding: 1.6667vh 0 1.1111vh;
  }

  main#store .privs__row {
    display: flex;
    gap: 2.037vh;
    align-items: flex-start;
    justify-content: center;
    padding: 0.7407vh 0.3704vh 1.6667vh;
  }

  main#store .privs__row::-webkit-scrollbar {
    height: 0.9259vh;
  }

  main#store .privs__row::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, 0.12);
    border-radius: 92.5vh;
  }

  main#store .priv-card {
    flex: 0 0 19.4444vh;
    scroll-snap-align: start;
    border: none;
    background: transparent;
    color: inherit;
    cursor: pointer;
    text-align: center;
    position: relative;
    padding: 0;
    opacity: 0.55;
    transition: opacity 0.15s ease-out, transform 0.15s ease-out;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
  }

  main#store .priv-card:hover {
    opacity: 0.92;
    transform: translateY(-0.1852vh);
  }

  main#store .priv-card:active {
    transform: translateY(0);
  }

  main#store .priv-card.is-active {
    opacity: 1;
  }

  main#store .priv-card__best {
    position: absolute;
    top: -1.6667vh;
    font-size: 1.0185vh;
    font-weight: 820;
    letter-spacing: 0.0324vh;
    text-transform: uppercase;
    color: rgba(255, 180, 77, 0.95);
  }

  main#store .priv-card__imgwrap {
    width: 15.7407vh;
    height: 15.7407vh;
    border-radius: 3.1481vh;
    margin: 0 auto 1.1111vh;
    /* border: 0.0926vh solid rgba(255, 255, 255, 0.08); */
    overflow: hidden;
    position: relative;
  }

  main#store .priv-card__imgwrap::after {
    content: "";
    position: absolute;
    inset: 0;
    background: radial-gradient(12.963vh 12.963vh at 30% 25%, rgba(255, 180, 77, 0.24), transparent 55%);
    opacity: 0;
    transition: opacity 0.15s ease-out;
  }

  main#store .priv-card.is-active .priv-card__imgwrap {
    /* box-shadow: 0 0 0 0.2778vh rgba(255, 180, 77, 0.95), 0 0 6.4815vh rgba(255, 180, 77, 0.55), 0 0 11.1111vh rgba(255, 120, 30, 0.25); */
  }

  main#store .priv-card.is-active .priv-card__imgwrap::after {
  }

  main#store .priv-card__img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    filter: saturate(1.05) contrast(1.02);
  }

  main#store .priv-card__tag {
    margin-bottom: 0.9259vh;
    padding: 0.463vh 0.8333vh;
    border-radius: 0.3704vh;
    border: 0.0926vh solid rgba(255, 255, 255, 0.12);
    background: rgba(255, 255, 255, 0.03);
    color: rgba(255, 255, 255, 0.5);
    font-family: Akrobat;
    font-style: SemiBold;
    font-size: 1.0185vh;
    font-weight: 600;
    letter-spacing: 0%;
    text-align: center;
  }

  main#store .priv-card__price {
    color: rgba(255, 255, 255, 1);
    font-family: Akrobat;
    font-style: Bold;
    font-size: 1.4815vh;
    font-weight: 700;
    line-height: 1.6667vh;
    letter-spacing: 0%;
  }

  main#store .jump {
    gap: 0.9259vh;
    margin: 0.5556vh 0 1.6667vh;
    text-decoration: none;
    color: rgba(255, 255, 255, 0.5);
    font-family: Akrobat;
    font-style: SemiBold;
    font-size: 1.2963vh;
    font-weight: 600;
    letter-spacing: 0%;
    text-align: left;
  }

  main#store .jump:hover {
    color: rgba(255, 255, 255, 0.82);
    text-decoration: none;
  }

  main#store .jump__icon {
    font-size: 1.6667vh;
    transform: translateY(-0.0926vh);
  }

  main#store .section {
    padding: 1.6667vh 0 0.7407vh;
  }

  main#store .section__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1.2963vh;
    margin-bottom: 1.2963vh;
  }

  main#store .section__head--split .section__left {
    display: inline-flex;
    align-items: center;
    gap: 1.2963vh;
  }

  main#store .section__left {
    display: inline-flex;
    align-items: center;
    gap: 1.2963vh;
  }

  main#store .tier-badge {
  padding: 0.463vh 0.8333vh;
  border-radius: 0.3704vh;
  border: 0.0926vh solid rgba(255, 255, 255, 0.12);
  background: rgba(255, 255, 255, 0.03);
  color: rgba(255, 255, 255, 0.5);
  font-family: Akrobat;
  font-style: SemiBold;
  font-size: 1.0185vh;
  font-weight: 600;
  letter-spacing: 0%;
  text-align: center;
  }

  main#store .section__title {
    margin: 0;
    color: rgba(255, 255, 255, 1);
    font-family: Akrobat;
    font-style: Bold;
    font-size: 1.4815vh;
    font-weight: 700;
    line-height: 1.6667vh;
    letter-spacing: 0%;
    text-align: left;
  }

  main#store .server {
    display: inline-flex;
    align-items: center;
    gap: 0.9259vh;
    padding: 0.9259vh 1.2963vh;
    border-radius: 0.3704vh;
    border: 0.0926vh solid rgba(255, 255, 255, 0.12);
    background: rgba(0, 0, 0, 0.25);
    backdrop-filter: blur(1.4815vh);
    -webkit-backdrop-filter: blur(1.4815vh);
    min-width: min(33.3333vh, 100%);
  }

  main#store .server__icon {
    width: 1.6667vh;
    height: 1.6667vh;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transform: translateY(-0.0926vh);
  }

  main#store .server__select {
    appearance: none;
    -webkit-appearance: none;
    border: none;
    background: transparent;
    outline: none;
    width: 100%;
    color: rgba(255, 255, 255);
    font-family: Akrobat;
    font-style: SemiBold;
    font-size: 1.0185vh;
    font-weight: 600;
    letter-spacing: 0%;
    text-align: left;
  }

  main#store .server__arrow {
    color: rgba(255, 255, 255, 0.4);
    font-family: Akrobat;
    font-style: SemiBold;
    font-size: 1.2vh;
    font-weight: 600;
    letter-spacing: 0%;
    text-align: center;
  }

  main#store .kits {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1.6667vh;
    align-items: start;
  }

  main#store .kit-card {
  padding: 1.6667vh;
  border-radius: 0.3704vh;
  background: rgba(255, 255, 255, 0.045);
  border: 0.0926vh solid rgba(255, 255, 255, 0.12);
  box-shadow: var(--shadow);
  backdrop-filter: blur(1.1111vh);
  box-sizing: border-box;
  width: 64vh;
  }

  main#store .kit-card__head {
    display: flex;
    align-items: start;
    justify-content: space-between;
    gap: 1.1111vh;
  }

  main#store .kit-card__title {
  color: rgba(255, 255, 255, 1);
  font-family: Akrobat;
  font-style: Bold;
  font-size: 1.4815vh;
  font-weight: 700;
  line-height: 1.6667vh;
  letter-spacing: 0%;
  text-align: left;
  margin: 0;
  }

  main#store .kit-card__sub {
    margin-top: 0.5556vh;
    color: rgba(255, 255, 255, 0.5);
    font-family: Akrobat;
    font-style: SemiBold;
    font-size: 1.2963vh;
    font-weight: 600;
    letter-spacing: 0%;
    text-align: left;
  }

  main#store .kit-card__tag {
  margin-bottom: 0.9259vh;
  padding: 0.463vh 0.8333vh;
  border-radius: 0.3704vh;
  border: 0.0926vh solid rgba(255, 255, 255, 0.12);
  background: rgba(255, 255, 255, 0.03);
  color: rgba(255, 255, 255, 0.5);
  font-family: Akrobat;
  font-style: SemiBold;
  font-size: 1.0185vh;
  font-weight: 600;
  letter-spacing: 0%;
  text-align: center;
  }

  main#store .items {
    display: grid;
    grid-template-columns: repeat(9, minmax(0, 1fr));
    gap: 0.7407vh;
    padding: 1.4815vh 0 0.9259vh;
  }

  main#store .item {
    position: relative;
    border-radius: 0.3704vh;
    background: rgba(255, 255, 255, 0.04);
    border: 0.0926vh solid rgba(255, 255, 255, 0.08);
    aspect-ratio: 1;
    display: grid;
    place-items: center;
    overflow: hidden;
  }

  main#store .item__icon {
    width: 55%;
    height: 55%;
    border-radius: 0.3704vh;
    /* background: radial-gradient(70% 70% at 30% 25%, rgba(255, 255, 255, 0.22), transparent 60%),
      linear-gradient(135deg, rgba(255, 58, 166, 0.2), rgba(65, 199, 255, 0.16)); */
  }

  main#store .item__count {
    position: absolute;
    right: 0.5556vh;
    bottom: 0.5556vh;
    min-width: 2.037vh;
    height: 1.6667vh;
    padding: 0 0.5556vh;
    border-radius: 92.5vh;
    background: rgba(0, 0, 0, 0.55);
    border: 0.0926vh solid rgba(255, 255, 255, 0.12);
    color: rgba(255, 255, 255, 0.9);
    font-size: 1.0185vh;
    font-weight: 820;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-variant-numeric: tabular-nums;
  }

  main#store .item__name {
    text-align: center;
    font-size: 1.0185vh;
    color: rgba(255, 255, 255, 0.65);
    margin-top: 0.5556vh;
    line-height: 1.2;
    word-break: break-word;
  }

  main#store .kit-card__foot {
    display: flex;
    gap: 0.7407vh;
    padding-top: 0.7407vh;
    padding-left: 1.6667vh;
    color: rgba(255, 255, 255, 0.5);
    font-family: Akrobat;
    font-style: SemiBold;
    font-size: 1.2963vh;
    font-weight: 600;
    letter-spacing: 0%;
    text-align: left;
  }

  main#store .perks {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1.2963vh;
    align-items: start;
  }

  main#store .perk-card {
  padding: 1.6667vh;
  border-radius: 0.3704vh;
  background: rgba(255, 255, 255, 0.045);
  border: 0.0926vh solid rgba(255, 255, 255, 0.12);
  box-shadow: var(--shadow);
  backdrop-filter: blur(1.1111vh);
  box-sizing: border-box;
  width: 64vh;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  min-height: 6vh;
  }

  main#store .perk-card__left {
    flex: 1;
  }

  main#store .perk-card__title {
    margin: 0;
    color: rgba(255, 255, 255, 1);
    font-family: Akrobat;
    font-style: Bold;
    font-size: 1.4815vh;
    font-weight: 700;
    line-height: 1.6667vh;
    letter-spacing: 0%;
    text-align: left;
  }

  main#store .perk-card__desc {
    margin-top: 0.5556vh;
    color: rgba(255, 255, 255, 0.5);
    font-family: Akrobat;
    font-style: SemiBold;
    font-size: 1.2963vh;
    font-weight: 600;
    letter-spacing: 0%;
    text-align: left;
  }

  main#store .perk-card__right {
    display: inline-flex;
    align-items: center;
    gap: 0.9259vh;
    flex: 0 0 auto;
  }

  main#store .perk-ok {
    width: 2.5926vh;
    height: 2.5926vh;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #131313;
    font-weight: 900;
    background: rgba(181, 244, 17, 1);
  }

  main#store .perk-value {
  color: rgba(255, 255, 255, 1);
  font-family: Akrobat;
  font-style: SemiBold;
  font-size: 2vh;
  font-weight: 700;
  letter-spacing: 0%;
  text-align: left;
  }

  main#store .tier-pill {
  padding: 0.463vh 0.8333vh;
  border-radius: 0.3704vh;
  border: 0.0926vh solid rgba(255, 255, 255, 0.12);
  background: rgba(255, 255, 255, 0.03);
  color: rgba(255, 255, 255, 1);
  font-family: Akrobat;
  font-style: SemiBold;
  font-size: 1.0185vh;
  font-weight: 600;
  letter-spacing: 0%;
  text-align: center;
  }

  main#store .toast {
    position: fixed;
    bottom: 2.5926vh;
    left: 50%;
    transform: translateX(-50%) translateY(9.2593vh);
    background: rgba(0, 0, 0, 0.85);
    backdrop-filter: blur(1.1111vh);
    -webkit-backdrop-filter: blur(1.1111vh);
    color: rgba(255, 255, 255, 0.92);
    padding: 1.2963vh 2.5926vh;
    border-radius: 92.5vh;
    font-weight: 750;
    box-shadow: 0 1.6667vh 4.6296vh rgba(0, 0, 0, 0.45);
    opacity: 0;
    transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.25s ease-out;
    z-index: 9999;
  }

  main#store .toast.is-on {
    transform: translateX(-50%) translateY(0);
    opacity: 1;
  }

  /* Item Tooltip */
  .item-tooltip {
    position: fixed;
    z-index: 10000;
    display: flex;
    align-items: center;
    gap: 0.7407vh;
    padding: 0.5vh;
    border-radius: 0.3704vh;
    border: 0.0926vh solid rgba(255, 255, 255, 0.11);
    background: rgba(255, 255, 255, 0.03);
    pointer-events: none;
    backdrop-filter: blur(1.1111vh);
    animation: tooltipFadeIn 0.15s ease-out;
  }

  @keyframes tooltipFadeIn {
    from {
      opacity: 0;
      transform: translateY(0.463vh);
    }
    to {
      opacity: 1;
      transform: translateY(0);
    }
  }

  .item-tooltip__icon {
    width: 2.963vh;
    height: 2.963vh;
    border-radius: 0.7407vh;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .item-tooltip__icon img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .item-tooltip__info {
    display: flex;
    flex-direction: column;
    gap: 0.1852vh;
  }

  .item-tooltip__name {
    white-space: nowrap;
    color: rgba(255, 255, 255, 1);
    font-family: Akrobat;
    font-style: Bold;
    font-size: 1vh;
    font-weight: 700;
    letter-spacing: 0%;
    text-align: left;
  }

  .item-tooltip__slot {
    color: rgba(255, 255, 255, 0.55);
    font-size: 1.0185vh;
    font-weight: 500;
  }

  /* Empty item slot */
  main#store .item--empty {
    background: rgba(255, 255, 255, 0.02);
    border: 0.0926vh dashed rgba(255, 255, 255, 0.06);
  }

  main#store .item--empty .item__icon,
  main#store .item--empty .item__count {
    display: none;
  }

main#store .tier-badge.vip {
    background: rgba(251, 181, 54, 1);
    color: #131313;
}

main#store .priv-card__tag.vip {
    background: rgba(251, 181, 54, 1);
    color: #131313;
}

main#store .kit-card__tag.vip {
    background: rgba(251, 181, 54, 1);
    color: #131313;
}

main#store .tier-pill.vip {
    background: rgba(251, 181, 54, 1);
    color: #131313;
}

main#store .priv-card__tag.premium {
    background: rgba(0, 145, 255, 1);
    color: #fff;
}

main#store .tier-badge.premium {
    background: rgba(0, 145, 255, 1);
    color: #fff;
}

main#store .kit-card__tag.premium {
    background: rgba(0, 145, 255, 1);
    color: #fff;
}

main#store .tier-pill.premium {
    background: rgba(0, 145, 255, 1);
    color: #fff;
}

main#store .tier-pill.tier-pill.deluxe {
    background: rgba(197, 63, 177, 1);
}

main#store .priv-card__tag.deluxe {
    background: rgba(197, 63, 177, 1);
    color: #fff;
}

main#store .tier-badge.deluxe {
    background: rgba(197, 63, 177, 1);
    color: #fff;
}

main#store .kit-card__tag.deluxe {
    background: rgba(197, 63, 177, 1);
    color: #fff;
}

main#store .priv-card__tag.ultra {
    background: rgba(185, 242, 255, 1);
    color: #131313;
}

main#store .tier-badge.ultra {
    background: rgba(185, 242, 255, 1);
    color: #131313;
}

main#store .kit-card__tag.ultra {
    background: rgba(185, 242, 255, 1);
    color: #131313;
}

main#store .priv-card__tag.legend {
    background: rgba(255, 53, 53, 1);
    color: #fff;
}

main#store .tier-badge.legend {
    background: rgba(255, 53, 53, 1);
    color: #fff;
}

main#store .kit-card__tag.legend {
    background: rgba(255, 53, 53, 1);
    color: #fff;
}

/* Player tier styles */
main#store .priv-card__tag.player {
    background: rgba(156, 163, 175, 1);
    color: #131313;
}

main#store .tier-badge.player {
    background: rgba(156, 163, 175, 1);
    color: #131313;
}

main#store .kit-card__tag.player {
    background: rgba(156, 163, 175, 1);
    color: #131313;
}

main#store .tier-pill.player {
    background: rgba(156, 163, 175, 1);
    color: #131313;
}

.magazin .filters {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 1vh;
}

.magazin .filters span {
    outline: none;
    color: rgba(255, 255, 255);
    font-family: Akrobat;
    font-style: SemiBold;
    font-size: 1.5185vh;
    font-weight: 600;
    letter-spacing: 0%;
    text-align: left;
}

.magazin .filters select {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    appearance: none;
    -webkit-appearance: none;
    border: none;
    background: transparent;
    outline: none;
    color: rgba(255, 255, 255);
    font-family: Akrobat;
    font-style: SemiBold;
    font-size: 1.0185vh;
    font-weight: 600;
    letter-spacing: 0%;
    text-align: left;
    padding: 0.9259vh 1.2963vh;
    border-radius: 0.3704vh;
    border: 0.0926vh solid rgba(255, 255, 255, 0.12);
    background: rgba(0, 0, 0, 0.25);
    backdrop-filter: blur(1.4815vh);
    -webkit-backdrop-filter: blur(1.4815vh);
    width: 18vh;
}

.magazin .filters select option {
    background-color: transparent !important;
    background: none !important;
    outline: none;
    width: 100%;
    color: rgba(255, 255, 255);
    font-family: Akrobat;
    font-style: SemiBold;
    font-size: 1.0185vh;
    font-weight: 600;
    letter-spacing: 0%;
    text-align: left;
    background: none;
}