.vip-page{padding:0 var(--spacing-5)}.vip-page .vip-page-content{width:100%;max-width:960px;padding:var(--spacing-5) 0;gap:var(--spacing-5);margin:0 auto}@media (min-width:1024px){.vip-page .vip-page-content{padding:var(--spacing-9) 0;gap:var(--spacing-9)}}.vip-page .vip-page-content{gap:var(--spacing-mob-5-dt-8);flex-direction:column;display:flex}.vip-page .vip-page-top-block{text-align:center}.vip-page .vip-page-title{color:var(--colors-text-usual-prime);letter-spacing:-1px;text-transform:uppercase;text-align:center;font-family:GTAmerica,sans-serif;font-size:40px;font-style:normal;font-weight:700;line-height:32px}@media (min-width:1024px){.vip-page .vip-page-title{font-size:64px;line-height:56px}}.vip-page .vip-subtitle{color:var(--colors-additional-space-6);margin-top:var(--spacing-5);letter-spacing:-1px;text-transform:uppercase;text-align:center;font-family:GTAmerica,sans-serif;font-size:32px;font-style:normal;font-weight:700;line-height:26px}.vip-page .vip-page-top-block-button-container{margin-top:var(--spacing-mob-8-dt-9);justify-content:center;display:flex}.vip-page .vip-page-top-block-button-container .button{min-width:240px}.vip-page .vip-page-progress{margin-top:var(--spacing-2)}.vip-page .level-progress{border:1px solid var(--colors-border-usual-prime);border-radius:var(--radius-4);background-color:var(--colors-surface-usual-second);position:relative;overflow:hidden}.vip-page .vip-seo{margin-top:var(--spacing-8);gap:var(--spacing-mob-8-dt-9)}.vip-page .royalty-cards-block{flex-direction:column;width:100%;display:flex}.vip-page .royalty-cards-block h2{padding-top:var(--spacing-mob-8-dt-9);color:var(--colors-text-usual-prime);letter-spacing:-1px;text-transform:uppercase;text-align:center;font-family:GTAmerica,sans-serif;font-size:40px;font-style:normal;font-weight:700;line-height:32px}@media (min-width:1024px){.vip-page .royalty-cards-block h2{font-size:64px;line-height:56px}}.vip-page .royalty-cards-block h2{text-align:center;z-index:1}.vip-page .royalty-cards-block h3{padding-top:var(--spacing-mob-2-dt-5);text-align:center;color:var(--colors-additional-space-6);letter-spacing:-1px;text-transform:uppercase;font-family:GTAmerica,sans-serif;font-size:24px;font-style:normal;font-weight:700;line-height:20px}@media (min-width:1024px){.vip-page .royalty-cards-block h3{letter-spacing:-1px;text-transform:uppercase;font-family:GTAmerica,sans-serif;font-size:32px;font-style:normal;font-weight:700;line-height:26px}}.vip-page .royalty-cards-block h3{z-index:1;margin-bottom:var(--spacing-mob-5-dt-8)}.vip-page .royalty-cards-block p{font-size:var(--spacing-5);font-style:normal;font-weight:400;line-height:var(--spacing-7);z-index:1;margin-top:auto}.vip-page .royalty-cards-block .vip-cards-row{gap:var(--spacing-2);flex-direction:column;display:flex}@media (min-width:1024px){.vip-page .royalty-cards-block .vip-cards-row{flex-direction:row}}.vip-page .royalty-cards-block .vip-cards-column{gap:var(--spacing-2);flex-direction:column;display:flex}.vip-page .royalty-cards-block .vip-card{border:1px solid var(--colors-border-usual-prime);border-radius:var(--radius-4);width:100%;height:168px;color:var(--colors-text-usual-prime);padding:var(--spacing-8);background-color:var(--colors-surface-usual-second);flex-direction:column;display:flex;position:relative;overflow:hidden}.vip-page .royalty-cards-block .vip-card:before{content:"";opacity:.2;background:linear-gradient(180deg, transparent 50%, var(--colors-brand-sand-6-accent) 100%);width:100%;height:100%;transition:opacity .2s ease-out;position:absolute;top:0;left:0}@media (min-width:1024px){.vip-page .royalty-cards-block .vip-card{height:320px}.vip-page .royalty-cards-block .vip-card:hover:before{opacity:0}.vip-page .royalty-cards-block .vip-card:hover>img{transform:translate(-4px,-4px)rotate(7deg)scale(1.26)}}.vip-page .royalty-cards-block .vip-card>img{z-index:1;width:auto;height:240px;transition:transform .4s cubic-bezier(.11,1.57,.55,.92);position:absolute;top:0;right:-72px}@media (min-width:1024px){.vip-page .royalty-cards-block .vip-card>img{height:300px;top:32px;right:-84px}}.vip-page .royalty-cards-block .vip-card h4{z-index:1;letter-spacing:-1px;text-transform:uppercase;font-family:GTAmerica,sans-serif;font-size:24px;font-style:normal;font-weight:700;line-height:20px;text-align:left!important}@media (min-width:1024px){.vip-page .royalty-cards-block .vip-card h4{letter-spacing:-1px;text-transform:uppercase;font-family:GTAmerica,sans-serif;font-size:40px;font-style:normal;font-weight:700;line-height:32px}}.vip-page .royalty-cards-block .vip-card .circle{z-index:1;background-color:var(--colors-surface-usual-prime);width:var(--spacing-10);height:var(--spacing-10);border:1px solid var(--colors-surface-usual-third);border-radius:100px;justify-content:center;align-items:center;margin-top:auto;display:inline-flex}@media (min-width:1024px){.vip-maintenance{margin-top:var(--spacing-13);min-height:calc(100vh - var(--header-height) - 64px)}}.levels-gallery{align-items:center;display:flex}.levels-gallery .full-width-mobile{margin-right:calc(-1 * var(--spacing-5))}.levels-gallery .scroll-button{margin-top:50px}.levels-gallery .levels-container{text-align:center;width:100%;position:relative;overflow-x:auto}.levels-gallery .levels-list{gap:var(--spacing-2);height:424px;padding:0 var(--spacing-5);grid-auto-flow:column;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;display:grid}@media (min-width:1024px){.levels-gallery .levels-list{padding:0}}:root{--vip-level-bg-color:transparent}.level-slide{border-radius:var(--radius-4);width:264px;height:424px;position:relative;overflow:hidden}@media (max-width:1023px){.level-slide .level-slide-body{height:344px!important}.level-slide .level-slide-top-shadow{opacity:1!important}.level-slide .level-slide-bottom-shadow{opacity:.2!important}}@media (min-width:1024px){.level-slide:hover .level-slide-body{height:344px!important}.level-slide:hover .level-slide-top-shadow{opacity:1!important}.level-slide:hover .level-slide-bottom-shadow{opacity:.2!important}}.level-slide .level-slide-top-shadow{background:linear-gradient(180deg, var(--colors-surface-usual-prime) 150px, transparent);pointer-events:none;opacity:0;width:100%;height:200px;transition:opacity .15s ease-out;position:absolute;top:0;left:0}.level-slide .level-slide-bottom-shadow{background:linear-gradient(0deg, var(--vip-level-bg-color), transparent);pointer-events:none;opacity:0;width:100%;height:344px;transition:opacity .15s ease-out;position:absolute;bottom:0;left:0}.level-slide .level-slide-bottom-shadow.newbie{--vip-level-bg-color:#8492b6}.level-slide .level-slide-bottom-shadow.rookie{--vip-level-bg-color:#64572b}.level-slide .level-slide-bottom-shadow.fighter{--vip-level-bg-color:#8492b6}.level-slide .level-slide-bottom-shadow.paladin{--vip-level-bg-color:#00a5b7}.level-slide .level-slide-bottom-shadow.hero{--vip-level-bg-color:#1600a3}.level-slide .level-slide-bottom-shadow.champion{--vip-level-bg-color:#a30003}.level-slide .level-slide-bottom-shadow.legend{--vip-level-bg-color:#ff00d4}.level-slide .level-slide-bottom-shadow.exceptional{--vip-level-bg-color:#cb7a00}.level-slide .vip-slide-image-container{width:100%;height:168px}.level-slide .slide-level-image{width:auto;height:312px;margin-top:-144px;position:absolute}.level-slide .level-slide-body{background-color:var(--colors-surface-usual-second);border-radius:var(--radius-4);border:1px solid var(--colors-border-usual-prime);width:100%;height:280px;margin-top:auto;transition:height .3s cubic-bezier(.54,.16,0,1.4)}.level-slide .vip-slide-name{letter-spacing:-1px;text-transform:uppercase;text-align:center;padding:var(--spacing-5) var(--spacing-10);z-index:1;margin-top:auto;font-family:GTAmerica,sans-serif;font-size:32px;font-style:normal;font-weight:700;line-height:26px}.level-slide .level-slide-details-button{width:calc(100% - 2 * var(--spacing-8));margin:var(--spacing-8) 0;z-index:1}.vip-group-info{margin-top:var(--spacing-5);gap:var(--spacing-2);z-index:1;flex-direction:column;display:flex}.vip-group-info.single-text{bottom:var(--spacing-8);position:absolute}.vip-group-info .single-text-block{color:var(--colors-text-usual-prime);min-height:var(--spacing-14);padding:0 var(--spacing-2);text-align:center;text-transform:uppercase;letter-spacing:-1px;text-transform:uppercase;align-items:center;font-family:GTAmerica,sans-serif;font-size:18px;font-style:normal;font-weight:700;line-height:20px;display:flex}.vip-group-info .vip-group-info-row{gap:var(--spacing-1);align-items:center;display:flex}.vip-group-info .vip-group-info-item{flex-direction:column;flex:1;align-items:center;display:flex}.vip-group-info .vip-group-info-item-value{color:var(--colors-text-usual-prime);letter-spacing:-1px;text-transform:uppercase;text-align:center;font-family:GTAmerica,sans-serif;font-size:18px;font-style:normal;font-weight:700;line-height:20px}.vip-group-info .vip-group-info-item-name{color:var(--colors-additional-space-6);font-size:var(--spacing-3);font-style:normal;font-weight:500;line-height:var(--spacing-4)}.levels-full-description .levels-full-description-navigation-container{margin:0 calc(-1 * var(--spacing-5));width:calc(100% + 2 * var(--spacing-5));overflow-x:auto}.levels-full-description .levels-full-description-navigation{padding:0 var(--spacing-5);width:100%;min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content}.levels-full-description .levels-full-description-navigation-list{padding:var(--spacing-2);background-color:var(--colors-surface-usual-second);border-radius:var(--radius-3);width:100%}.levels-full-description .group-tab{height:var(--spacing-9);width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;min-width:100px;padding:0 var(--spacing-2);flex-grow:1;flex-shrink:0}.full-level-description-table-container{border:1px solid var(--colors-border-usual-prime);border-radius:var(--radius-4);overflow-x:auto}.full-level-description-table-container .full-level-description-table{text-align:center;border-spacing:0;width:100%}.full-level-description-table-container .full-level-description-table thead th{border-bottom:1px solid var(--colors-border-usual-prime);white-space:nowrap;min-width:104px;height:133px;position:relative}.full-level-description-table-container .full-level-description-table thead th:not(:first-child){padding:0 var(--spacing-3)}.full-level-description-table-container .full-level-description-table thead th:first-child{padding-left:var(--spacing-9);padding-bottom:var(--spacing-9);width:170px;min-width:170px}.full-level-description-table-container .full-level-description-table thead th:last-child{padding-right:var(--spacing-9)}.full-level-description-table-container .full-level-description-table thead .your-level-label{color:var(--colors-additional-space-6);font-size:var(--spacing-3);font-style:normal;font-weight:500;line-height:var(--spacing-4);position:absolute;left:50%;transform:translate(-50%)translateY(-10px)}.full-level-description-table-container .full-level-description-table thead .table-level-title{color:var(--colors-text-usual-prime);letter-spacing:-1px;text-transform:uppercase;font-family:GTAmerica,sans-serif;font-size:24px;font-style:normal;font-weight:700;line-height:20px}.full-level-description-table-container .full-level-description-table thead .table-level-title.current-level{color:var(--colors-accent-prime)}.full-level-description-table-container .full-level-description-table .table-group-image-container{justify-content:center;width:100%;height:100%;display:flex}.full-level-description-table-container .full-level-description-table .table-group-image{width:auto;height:133px;position:absolute}.full-level-description-table-container .full-level-description-table tbody{font-size:var(--spacing-3);font-style:normal;font-weight:500;line-height:var(--spacing-4)}.full-level-description-table-container .full-level-description-table tbody td{padding-bottom:var(--spacing-5);white-space:nowrap}.full-level-description-table-container .full-level-description-table tbody tr:first-child td{padding-top:var(--spacing-9)}.full-level-description-table-container .full-level-description-table tbody tr:last-child td{padding-bottom:var(--spacing-9)}.full-level-description-table-container .full-level-description-table td:first-child{padding-left:var(--spacing-9)}.full-level-description-table-container .full-level-description-table td:last-child{padding-right:var(--spacing-9)}.full-level-description-table-container .level-lock{flex-shrink:0}.full-level-description-table-container .level-lock.unlocked{color:var(--colors-icon-usual-prime)}.full-level-description-table-container .level-lock.locked{color:var(--colors-additional-space-4)}
