/* ANIMATIONS */

@keyframes loader-spin { 0% { transform:rotate(0deg); } 100% { transform:rotate(360deg); } }
@keyframes hide { 0% { transform:scale(1); border-radius:0px; overflow:hidden; } 100% { transform:scale(0); border-radius:100px; overflow:hidden; } }
@keyframes show { 0% { transform:scale(0); border-radius:100px; overflow:hidden; } 100% { transform:scale(1); border-radius:0px; overflow:hidden; } }
@keyframes matching { 0% { background-position:0px 0px; } 20% { background-position: -100px 0 ; } 40% { background-position: -200px 0 ; } 60% { background-position: -300px 0 ; } 80% { background-position: -400px 0 ; } 100% { background-position: -500px 0 ; } }
@keyframes float {
    0%,
    100% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-8px);
    }
}

/* BUTTON ICONS */

.button_icon{width:30px;height:30px;background:url("/https/totemancer.com/images/sprite_icons_30.svg?v=144") no-repeat center center;background-size:90px auto;transform:scale(1.25);}
.button_icon.leaderboard{background-position:-30px -60px;}
.button_icon.settings{background-position:-30px -90px;}
.button_icon.shop{background-position:-30px 0;}
.button_icon.collection{background-position:-30px -30px;}
.button_icon.rewards{background-position:-30px -120px;}

/* TOOLTIPS */

[data-tooltip-top-left]{position:relative;z-index:6;cursor:default;font-family:'Assistant',sans-serif;font-size:12px;font-weight:600;}
[data-tooltip-top-left]:hover{z-index:7;}
[data-tooltip-top-left]:before,[data-tooltip-top-left]:after{visibility:hidden;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);opacity:0;pointer-events:none;}
[data-tooltip-top-left]:before{position:absolute;bottom:117%;left:-10px;margin-bottom:5px;margin-left:0;padding: 7px 10px 7px 10px;width:auto;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;background-color:#69fdf1;color:#000;content:attr(data-tooltip-top-left);text-align:center;font-size:10px;line-height: 1.2;white-space:nowrap;font-weight:700;box-shadow:0px 5px 30px rgba(0,0,0,0.8);}
[data-tooltip-top-left]:after{position:absolute;bottom:118%;left:0px;width:0;border-top:5px solid #69fdf1;border-right:5px solid transparent;border-left:5px solid transparent;content:" ";font-size:0;line-height:0;}
[data-tooltip-top-left]:hover:before,[data-tooltip-top-left]:hover:after{visibility:visible;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100);opacity:1;}

[data-tooltip-bottom-left]{position:relative;z-index:6;cursor:default;font-family:'Assistant',sans-serif;font-size:12px;font-weight:600;}
[data-tooltip-bottom-left]:hover{z-index:7;}
[data-tooltip-bottom-left]:before,[data-tooltip-bottom-left]:after{visibility:hidden;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);opacity:0;pointer-events:none;}
[data-tooltip-bottom-left]:before{position:absolute;top:117%;left:0;margin-top:5px;margin-left:0;padding: 7px 10px 7px 10px;width:auto;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;background-color:#69fdf1;color:#000;content:attr(data-tooltip-bottom-left);text-align:center;font-size:10px;line-height: 1.2;white-space:nowrap;font-weight:700;box-shadow:0px 5px 30px rgba(0,0,0,0.8);}
[data-tooltip-bottom-left]:after{position:absolute;top:118%;left:10px;width:0;border-bottom:5px solid #69fdf1;border-right:5px solid transparent;border-left:5px solid transparent;content:" ";font-size:0;line-height:0;}
[data-tooltip-bottom-left]:hover:before,[data-tooltip-bottom-left]:hover:after{visibility:visible;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100);opacity:1;}

[data-tooltip-top-right]{position:relative;z-index:6;cursor:default;font-family:'Assistant',sans-serif;font-size:12px;font-weight:600;}
[data-tooltip-top-right]:hover{z-index:7;}
[data-tooltip-top-right]:before,[data-tooltip-top-right]:after{visibility:hidden;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);opacity:0;pointer-events:none;}
[data-tooltip-top-right]:before{position:absolute;bottom:117%;right:-6px;margin-bottom:5px;margin-left:0;padding: 7px 10px 7px 10px;width:auto;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;background-color:#69fdf1;color:#000;content:attr(data-tooltip-top-right);text-align:center;font-size:10px;line-height: 1.2;white-space:nowrap;font-weight:700;box-shadow:0px 5px 30px rgba(0,0,0,0.8);}
[data-tooltip-top-right]:after{position:absolute;bottom:118%;right:4px;width:0;border-top:5px solid #69fdf1;border-right:5px solid transparent;border-left:5px solid transparent;content:" ";font-size:0;line-height:0;}
[data-tooltip-top-right]:hover:before,[data-tooltip-top-right]:hover:after{visibility:visible;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100);opacity:1;}

[data-tooltip-bottom-right]{position:relative;z-index:6;cursor:default;font-family:'Assistant',sans-serif;font-size:12px;font-weight:600;}
[data-tooltip-bottom-right]:hover{z-index:7;}
[data-tooltip-bottom-right]:before,[data-tooltip-bottom-right]:after{visibility:hidden;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);opacity:0;pointer-events:none;}
[data-tooltip-bottom-right]:before{position:absolute;top:117%;right:0;margin-top:5px;margin-left:0;padding: 7px 10px 7px 10px;width:auto;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;background-color:#69fdf1;color:#000;content:attr(data-tooltip-bottom-right);text-align:center;font-size:10px;line-height: 1.2;white-space:nowrap;font-weight:700;box-shadow:0px 5px 30px rgba(0,0,0,0.8);}
[data-tooltip-bottom-right]:after{position:absolute;top:118%;right:10px;width:0;border-bottom:5px solid #69fdf1;border-right:5px solid transparent;border-left:5px solid transparent;content:" ";font-size:0;line-height:0;}
[data-tooltip-bottom-right]:hover:before,[data-tooltip-bottom-right]:hover:after{visibility:visible;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100);opacity:1;}

/* GENERAL */

html{height:100%;min-height:100%;background:#07111a;color:#92a0b5;position:relative;padding:0;overflow-y:scroll;overflow-x:hidden;}
body{background:#07111a;text-align:left;color:#92a0b5;font-size:14px;font-weight:400;line-height:1;cursor:default;min-width:320px;overflow:visible;font-family:'Assistant',sans-serif;padding:0;margin:0;}
*{box-sizing:border-box;font-family:'Assistant',sans-serif;font-size:11px;font-weight:500;appearance:none;cursor:default;}

::selection{background:#69fdf133;color:#69fdf1;}
::-moz-selection{background:#69fdf133;color:#69fdf1;}

a:link, a:visited, a:active{color:#828282;transition:100ms linear;}
a:hover, a:visited:hover{color:#828282;}

input:focus{outline:0;}
select:focus{outline:0;}
textarea:focus{outline:0;}

input:-webkit-autofill, input:-webkit-autofill:focus{transition:background-color 0s 600000s, color 0s 600000s;box-shadow:inset 0 0 0 1px rgba(255, 255, 255, 0), inset 0 0 0 100px rgba(255, 255, 255,1);}
select:-webkit-autofill, select:-webkit-autofill:focus{transition:background-color 0s 600000s, color 0s 600000s;box-shadow:inset 0 0 0 1px rgba(255, 255, 255, 0), inset 0 0 0 100px rgba(255, 255, 255,1);}
textarea:-webkit-autofill, textarea:-webkit-autofill:focus{transition:background-color 0s 600000s, color 0s 600000s;box-shadow:inset 0 0 0 1px rgba(255, 255, 255, 0), inset 0 0 0 100px rgba(255, 255, 255,1);}

::placeholder{color:rgba(255,255,255,0.3);opacity:1;font-style:italic;font-size:14px;}
:-ms-input-placeholder{color:rgba(255,255,255,0.3);font-style:italic;font-size:14px;}
::-ms-input-placeholder{ color:rgba(255,255,255,0.3);font-style:italic;font-size:14px;}

.button_box{background:#909bee;box-shadow:inset 0px 1px 0px 1px #dfe2fa55, inset 0px -3px 0px 1px #2a2f5e54, 0px 5px 10px rgba(0,0,0,0.2);transition:200ms ease-in-out;position:relative;z-index:5;cursor:pointer;}
.button_box:hover{transform:translateY(-2px);box-shadow:inset 0px 1px 0px 1px #dfe2fa55, inset 0px -3px 0px 1px #2a2f5e54, 0px 13px 8px -10px #1822759e, 0px 15px 30px rgba(0,0,0,0.4);z-index:6;cursor:pointer;}
.button_box.mint{background:#69fdf1;box-shadow:inset 0px 1px 0px 1px #ffffff88, inset 0px -3px 0px 1px #47bbb9, 0px 5px 10px rgba(0,0,0,0.2);}
.button_box.mint:hover{box-shadow:inset 0px 1px 0px 1px #fff8, inset 0px -3px 0px 1px #47bbb9, 0px 13px 8px -10px #1822759e, 0px 15px 30px rgba(0,0,0,0.4);z-index:6;}
.button_box.yellow{background:#f8d660;box-shadow:inset 0px 1px 0px 1px #fff6d588, inset 0px -3px 0px 1px #846f2666, 0px 5px 10px rgba(0,0,0,0.2);}
.button_box.yellow:hover{box-shadow:inset 0px 1px 0px 1px #fff6d588, inset 0px -3px 0px 1px #846f2666, 0px 13px 8px -10px #1822759e, 0px 15px 30px rgba(0,0,0,0.4);z-index:6;}

.button_box .button_label{cursor:pointer;}

.frame{width:100%;max-width:1000px;padding:20px 40px;margin:0 auto;text-align:center;}

/* Menu */

.global_header{position:fixed;top:15px;z-index:10;right:0;width:100%;}
.global_header .frame{display:flex;justify-content:flex-end;align-items:center;gap:15px;padding:0 40px;}
.global_header .global_menu_box{background:#07111a;border:1px solid rgba(255,255,255,0.3);border-radius:10px;display:flex;justify-content:center;align-items:center;gap:10px;padding:10px 12px 10px 10px;transition:200ms linear;box-shadow:0px 0px 0px 5px #07111a;}
.global_header .global_menu_box:hover{border-color:rgba(255,255,255,0.8);}
.global_header .global_menu_box .menu_icon{width:12px;height:1.5px;border-radius:2px;background:#fff;position:relative;}
.global_header .global_menu_box .menu_icon:before{content:"";width:12px;height:1.5px;border-radius:2px;background:#fff;position:absolute;top:-5px;left:0;}
.global_header .global_menu_box .menu_icon:after{content:"";width:12px;height:1.5px;border-radius:2px;background:#fff;position:absolute;bottom:-5px;left:0;}
.global_header .global_menu_box .login_icon{width:12px;position:relative;width:20px;height:20px;background:url('/https/totemancer.com/images/sprite_icons_wiki.svg?v=1241') no-repeat center center;background-size: auto 60px;background-position:-60px 0px;transform:scale(0.85);margin:-4px -6px -4px -3px;}
.global_header .global_menu_box .menu_label{font-size:12px;font-weight:500;color:rgba(255,255,255,1);}

.global_menu_dropdown{display:none;position:fixed;top:55px;right:50%;margin-right:-460px;z-index:10;background:#1a2435;box-shadow:0px 20px 60px rgba(0,0,0,1);border-radius:10px;}
.global_menu_dropdown .el{padding:15px;display:flex;align-items:center;gap:15px;;border-bottom:1px solid rgba(255,255,255,0.1);color:#92a0b5;font-weight:400;font-size:12px;text-decoration:none;cursor:pointer;}
.global_menu_dropdown .el:hover{color:#fff;}
.global_menu_dropdown .el .icon{width:20px;height:20px;background:url("/https/totemancer.com/images/sprite_icons_wiki.svg?v=1244") no-repeat center center;background-size:auto 60px;margin:0;position:relative;}
.global_menu_dropdown .el .icon:before{content:"";background:#69fdf133;position:absolute;top:-5px;left:-5px;bottom:-5px;right:-5px;border-radius:8px;}
.global_menu_dropdown .el .icon.help{background-position:-100px -20px;}
.global_menu_dropdown .el .icon.library{background-position:-120px -20px;}
.global_menu_dropdown .el .icon.announcements{background-position:-140px -20px;}
.global_menu_dropdown .el .icon.home{background-position:-160px -20px;}
.global_menu_dropdown .el .icon.nftmarketplace{background-position:-180px -20px;}
.global_menu_dropdown .el .icon.roadmap{background-position:-320px -20px;}
.global_menu_dropdown .el .label{}
.global_menu_dropdown .button_box{flex:none;width:160px;height:44px;border-radius:10px;text-decoration:none;display:flex;justify-content:center;align-items:center;flex-direction:column;transition:200ms ease-in-out;margin:15px;}
.global_menu_dropdown .button_box .button_label{font-size:16px;font-weight:800;color:#29292b;text-decoration:none;font-family:'Signika Negative',sans-serif;text-shadow:0 1px 0px rgba(255,255,255,0.6);}
.global_menu_dropdown .button_box.play{background:#69fdf1;background-repeat:no-repeat;background:url("/https/totemancer.com/images/textures/texture_stone_52.svg"), linear-gradient(0deg, rgba(105,253,241,1) 0%, rgba(183,255,249,1) 100%);background-repeat:no-repeat;background-position:0 0;background-size:100% 100%;box-shadow:inset 0px 1px 0px 1px #ffffff88, inset 0px -3px 0px 1px #47bbb9, 0px 5px 10px rgba(0,0,0,0.2);}
.global_menu_dropdown .button_box.play:hover{box-shadow:inset 0px 1px 0px 1px #fff8, inset 0px -3px 0px 1px #47bbb9, 0px 13px 8px -10px #1822759e, 0px 15px 30px rgba(0,0,0,0.4);z-index:6;}

.popup_login_background{display:none;position:fixed;top:0;right:0;left:0;bottom:0;background:#1a2435aa;z-index:10;}
.popup_login{display:none;position:fixed;top:50%;right:50%;transform:translate(50%,-50%);z-index:11;background:#1a2435;box-shadow:0px 20px 60px rgba(0,0,0,1);border-radius:20px;padding:10px;}
.popup_login .popup_login_border{border:1px solid #69fdf1;border-radius:10px;padding:20px;}
.popup_login .popup_login_border .close_box{background:#69fdf133;width:20px;height:20px;border-radius:5px;position:absolute;right:20px;top:20px;display:flex;justify-content:center;align-items:center;cursor:pointer;transition:150ms linear;}
.popup_login .popup_login_border .close_box:hover{background:#69fdf155;}
.popup_login .popup_login_border .close_box .close_icon{position:relative;width:20px;height:20px;}
.popup_login .popup_login_border .close_box .close_icon:after{content:"";display:block;width:10px;height:2px;background:#69fdf1;border-radius:2px;transform:rotate(45deg);position:absolute;left:5px;top:9px;}
.popup_login .popup_login_border .close_box .close_icon:before{content:"";display:block;width:10px;height:2px;background:#69fdf1;border-radius:2px;transform:rotate(-45deg);position:absolute;left:5px;top:9px;}
.popup_login .popup_login_border .title{font-size:18px;font-weight:700;color:#69fdf1;font-family:'Signika Negative',sans-serif;margin:0 auto 5px auto;text-align:center;}
.popup_login .popup_login_border .text{font-size:14px;font-weight:300;margin:0 0 20px 0;}

.popup_login .popup_login_border .button_box{flex:none;width:100%;max-width:200px;height:54px;border-radius:10px;text-decoration:none;display:flex;justify-content:center;align-items:center;flex-direction:column;transition:200ms ease-in-out;margin:15px auto 0 auto;border:0;}
.popup_login .popup_login_border .button_box .button_label{font-size:16px;font-weight:800;color:#29292b;text-decoration:none;font-family:'Signika Negative',sans-serif;text-shadow:0 1px 0px rgba(255,255,255,0.4);}

.popup_login .popup_login_border .button_box.play{background:#69fdf1;background-repeat:no-repeat;background:url("/https/totemancer.com/images/textures/texture_stone_51.svg"), linear-gradient(0deg, rgba(105,253,241,1) 0%, rgba(183,255,249,1) 100%);background-repeat:no-repeat;background-position:0 0;background-size:100% 100%;box-shadow:inset 0px 1px 0px 1px #ffffff88, inset 0px -3px 0px 1px #47bbb9, 0px 5px 10px rgba(0,0,0,0.2);}
.popup_login .popup_login_border .button_box.play:hover{box-shadow:inset 0px 1px 0px 1px #fff8, inset 0px -3px 0px 1px #47bbb9, 0px 13px 8px -10px #1822759e, 0px 15px 30px rgba(0,0,0,0.4);z-index:6;}

.popup_login .popup_login_border .button_box.telegram{background:#6aa7e5;background-repeat:no-repeat;background:url("/https/totemancer.com/images/textures/texture_stone_52.svg"), linear-gradient(0deg, #6aa7e5 0%, #87bef5 100%);background-repeat:no-repeat;background-position:0 0;background-size:100% 100%;box-shadow:inset 0px 1px 0px 1px #ffffff44, inset 0px -3px 0px 1px #00000033, 0px 5px 10px rgba(0,0,0,0.2);}
.popup_login .popup_login_border .button_box.telegram:hover{box-shadow:inset 0px 1px 0px 1px #ffffff44, inset 0px -3px 0px 1px #00000033, 0px 13px 8px -10px #1822759e, 0px 15px 30px rgba(0,0,0,0.4);z-index:6;}

@media (max-width: 1000px) {
	.global_header{margin-right:0;width:auto;}
	.global_menu_dropdown{right:40px;margin-right:0;}
}

@media (max-width: 860px) {
	.global_header .frame{padding:0 20px;}
	.global_header{margin-right:0;}
	.global_menu_dropdown{right:20px;margin-right:0;}
}


/* Content */

.content{padding:120px 0 80px 0;text-align:center;background:#07111a url("/https/totemancer.com/images/v2/indexbackground.webp") no-repeat center -20px;background-size:400px auto;position:relative;width:100%;overflow:hidden;}

.content .pink_blur_1{position:absolute;background:#ff81f9;width:30px;height:30px;border-radius:50px;filter:blur(15px);top:140px;left:50%;margin-left:-650px;z-index:2;}
.content .pink_blur_2{position:absolute;background:#ff81f9;width:30px;height:30px;border-radius:50px;filter:blur(15px);top:320px;left:50%;margin-left:-450px;z-index:2;}
.content .pink_blur_3{position:absolute;background:#ff81f9;width:30px;height:30px;border-radius:50px;filter:blur(15px);top:380px;right:50%;margin-right:-450px;z-index:2;}
.content .pink_blur_4{position:absolute;background:#ff81f9;width:30px;height:30px;border-radius:50px;filter:blur(15px);top:50px;right:50%;margin-right:-580px;z-index:2;}

.content .pink_1{position:absolute;background:#ff81f9;width:6px;height:6px;border-radius:50px;top:40px;left:50%;margin-left:-580px;z-index:2;}
.content .pink_2{position:absolute;background:#ff81f9;width:6px;height:6px;border-radius:50px;top:160px;left:50%;margin-left:-450px;z-index:2;}
.content .pink_3{position:absolute;background:#ff81f9;width:6px;height:6px;border-radius:50px;top:280px;left:50%;margin-left:-540px;z-index:2;}
.content .pink_4{position:absolute;background:#ff81f9;width:6px;height:6px;border-radius:50px;top:440px;left:50%;margin-left:-380px;z-index:2;}
.content .pink_5{position:absolute;background:#ff81f9;width:6px;height:6px;border-radius:50px;top:540px;right:50%;margin-right:-480px;z-index:2;}
.content .pink_6{position:absolute;background:#ff81f9;width:6px;height:6px;border-radius:50px;top:340px;right:50%;margin-right:-540px;z-index:2;}
.content .pink_7{position:absolute;background:#ff81f9;width:6px;height:6px;border-radius:50px;top:100px;right:50%;margin-right:-400px;z-index:2;}

.content .pink_decoration_1{position:absolute;background:url("/https/totemancer.com/images/decoration/pink_1.png");background-size:100% auto;width:100px;top:200px;right:50%;margin-right:-610px;height:100px;z-index:2;}

.content .blue_blur_1{position:absolute;background:#1eeef8;width:80px;height:80px;border-radius:50px;filter:blur(55px);top:160px;left:50%;margin-left:-680px;z-index:2;}
.content .blue_blur_2{position:absolute;background:#1eeef8;width:80px;height:80px;border-radius:50px;filter:blur(55px);top:80px;right:50%;margin-right:-500px;z-index:2;}
.content .blue_blur_3{position:absolute;background:#1eeef8;width:80px;height:80px;border-radius:50px;filter:blur(55px);top:580px;right:50%;margin-right:-500px;z-index:2;}

.content .blue_1{position:absolute;background:#1eeef8;width:10px;height:10px;border-radius:50px;top:50px;left:50%;margin-left:-380px;z-index:2;}
.content .blue_2{position:absolute;background:#1eeef8;width:10px;height:10px;border-radius:50px;top:320px;left:50%;margin-left:-550px;z-index:2;}
.content .blue_3{position:absolute;background:#1eeef8;width:10px;height:10px;border-radius:50px;top:540px;left:50%;margin-left:-500px;z-index:2;}
.content .blue_4{position:absolute;background:#1eeef8;width:10px;height:10px;border-radius:50px;top:60px;right:50%;margin-right:-380px;z-index:2;}
.content .blue_5{position:absolute;background:#1eeef8;width:10px;height:10px;border-radius:50px;top:480px;right:50%;margin-right:-440px;z-index:2;}
.content .blue_6{position:absolute;background:#1eeef8;width:10px;height:10px;border-radius:50px;top:280px;right:50%;margin-right:-530px;z-index:2;}

.content .blue_decoration_1{position:absolute;background:url("/https/totemancer.com/images/decoration/blue_1.png");background-size:100% auto;width:110px;height:110px;top:240px;left:50%;margin-left:-560px;z-index:2;}

.content .yellow_1{position:absolute;background:#fff5a3;width:4px;height:4px;border-radius:50px;top:120px;left:50%;margin-left:-480px;z-index:2;}
.content .yellow_2{position:absolute;background:#fff5a3;width:4px;height:4px;border-radius:50px;top:260px;left:50%;margin-left:-450px;z-index:2;}
.content .yellow_3{position:absolute;background:#fff5a3;width:4px;height:4px;border-radius:50px;top:440px;left:50%;margin-left:-550px;z-index:2;}
.content .yellow_4{position:absolute;background:#fff5a3;width:4px;height:4px;border-radius:50px;top:120px;right:50%;margin-right:-580px;z-index:2;}
.content .yellow_5{position:absolute;background:#fff5a3;width:4px;height:4px;border-radius:50px;top:320px;right:50%;margin-right:-440px;z-index:2;}
.content .yellow_6{position:absolute;background:#fff5a3;width:4px;height:4px;border-radius:50px;top:540px;right:50%;margin-right:-600px;z-index:2;}

.content .yellow_decoration_1{position:absolute;background:url("/https/totemancer.com/images/decoration/yellow_1.png");background-size:100% auto;width:110px;height:110px;top:76px;right:50%;margin-right:-300px;z-index:2;}

.content .menu{position:sticky;top:40px;left:0;right:0;width:100%;z-index:7;}
.content .menu .breadcrumbs{display:flex;gap:10px;padding:0 0 10px 10px;}
.content .menu .breadcrumbs a.breadc_link:link, .content .menu .breadcrumbs a.breadc_link:visited, .content .menu .breadcrumbs a.breadc_link:active{color:#fff;text-decoration:none;}
.content .menu .breadcrumbs a.breadc_link:hover, .content .menu .breadcrumbs a.breadc_link:visited:hover{color:#2effee;}
.content .menu .breadcrumbs .breadc_arrow{color:#748196;}
.content .menu .breadcrumbs .breadc_label{color:#748196;}

.content .menu_box_frame{position:relative;}
.content .menu_box_frame .hamburger{display:none;}

.content .menu_box{background:#1a2435;box-shadow:0px 10px 40px rgba(0,0,0,0.8);border-radius:15px;padding:5px;display:flex;justify-content:flex-start;align-items:center;gap:5px;width:100%;position:relative;z-index:5;margin:0 0 20px 0;}
.content .menu_box .el{display:flex;justify-content:flex-start;align-items:center;gap:5px;padding:15px;text-decoration:none;opacity:0.4;}
.content .menu_box .el .icon{width:20px;height:20px;background:url("/https/totemancer.com/images/sprite_icons_wiki.svg?v=1241") no-repeat center center;background-size:auto 60px;}
.content .menu_box .el .icon.totems{background-position:0px 0px;}
.content .menu_box .el .icon.regions{background-position:-20px 0px;}
.content .menu_box .el .icon.rarities{background-position:-40px 0px;}
.content .menu_box .el .icon.users{background-position:-60px 0px;}
.content .menu_box .el .icon.help{background-position:-80px 0px;}
.content .menu_box .el .icon.story{background-position:-120px 0px;}
.content .menu_box .el .icon.roadmap{background-position:-180px 0px;}
.content .menu_box .el .icon.nftmarketplace{background-position:-160px 0px;}
.content .menu_box .el .icon.badges{background-position:-320px 0px;}
.content .menu_box .el .icon.borders{background-position:-340px 0px;}
.content .menu_box .el .label{color:#fff;font-size:11px;font-weight:700;letter-spacing:0.2px;text-decoration:none;text-transform:uppercase;white-space:nowrap;}

.content .menu_box .el:hover{opacity:1;position:relative;background:#2a3850;border-radius:10px 10px 10px 10px;}

.content .menu_box .el.selected{opacity:1;position:relative;background:#2a3850;border-radius:10px 10px 0 0;}
.content .menu_box .el.selected:after{content:"";position:absolute;height:3px;border-radius:3px;background:#2effee;left:0;right:0;bottom:0;}

.loader_box{padding:80px;display:flex;justify-content:center;align-items:center;}
.loader_box .loader{width:40px;height:40px;border-radius:40px;border:2px solid rgba(255,255,255,0.2);border-left-color:#2effee; animation: 500ms loader-spin linear infinite;}
@keyframes loader-spin { 0% { transform:rotate(0deg); } 100% { transform:rotate(360deg); } }

.empty_box{padding:80px 0;display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:500px;margin-left:auto;margin-right:auto;}
.empty_box .empty_icon{width:100px;height:100px;flex:none;margin:0 auto;background:url("/https/totemancer.com/images/sprite_empty_states.svg?v=86") no-repeat;background-size:500px auto;}
.empty_box .empty_icon.totems{background-position:0 0;}
.empty_box .empty_icon.search{background-position:-100px 0;}
.empty_box .empty_title{font-size:18px;font-weight:700;color:#fff;text-align:center;margin:8px auto 5px auto;}
.empty_box .empty_text{font-size:12px;font-weight:400;text-align:center;margin:0 auto;}

#searchResults{display:none;}

footer{background:#162031;padding:20px 0;}
footer .socials{display:flex;justify-content:center;align-items:center;margin:0 0 10px 0;flex-wrap:wrap;}
footer .socials .icon{flex:none;background:url("/https/totemancer.com/images/sprite_social.svg?v=24") no-repeat;width:40px;height:40px;background-size:240px 80px;text-indent:102%;border-radius:10px;white-space:nowrap;overflow:hidden;display:block;transition:all 100ms linear;opacity:0.4;}
footer .socials .icon:hover{opacity:1;}
footer .socials .icon.x{background-position:0 0;}
footer .socials .icon.fb{background-position:-40px 0;}
footer .socials .icon.telegram{background-position:-80px 0;}
footer .socials .icon.discord{background-position:-120px 0;}
footer .socials .icon.vk{background-position:-200px 0;}
footer .socials .icon.youtube{background-position:-160px 0;}
footer .socials .icon.tiktok{background-position:0px -40px;}
footer .socials .icon.telegram_ru{background-position:-40px -40px;}
footer .socials .icon.telegram_en{background-position:-80px -40px;}
footer .socials .icon.github{background-position:-120px -40px;}
footer .socials .icon.ton{background-position:-160px -40px;}
footer .socials .icon.getgems{background-position:-200px -40px;}
footer .text{}
footer .text b{display:block;font-size:14px;font-weight:700;color:#fff;margin:0 auto 5px auto;}
footer .text p{display:block;font-size:12px;font-weight:400;color:rgba(255,255,255,0.55);max-width:400px;line-height:1.2;margin:0 auto;}
footer .text .divider{width:40px;border-bottom:1px solid rgba(255,255,255,0.2);margin:30px auto;}
footer .text a:link, footer .text a:visited, footer .text a:active{font-size:12px;font-weight:400;color:rgba(255,255,255,0.55);text-decoration:none;}
footer .text a:hover, footer .text a:visited:hover{font-size:12px;font-weight:400;color:rgba(255,255,255,1);}

@media (max-width: 1040px) {
	.content .menu_box{gap:0;}
	.content .menu_box .el{padding:15px 10px;}
}

@media (max-width: 860px) {

	.frame{padding:0 20px;}

	.content{background:transparent;padding:0 0 20px 0;}

	.content .pink_blur_1{display:none;}
	.content .pink_blur_2{display:none;}
	.content .pink_blur_3{display:none;}
	.content .pink_blur_4{display:none;}
	.content .pink_1{display:none;}
	.content .pink_2{display:none;}
	.content .pink_3{display:none;}
	.content .pink_4{display:none;}
	.content .pink_5{display:none;}
	.content .pink_6{display:none;}
	.content .pink_7{display:none;}
	.content .pink_decoration_1{display:none;}
	.content .blue_blur_1{display:none;}
	.content .blue_blur_2{display:none;}
	.content .blue_blur_3{display:none;}
	.content .blue_blur_4{display:none;}
	.content .blue_1{display:none;}
	.content .blue_2{display:none;}
	.content .blue_3{display:none;}
	.content .blue_4{display:none;}
	.content .blue_5{display:none;}
	.content .blue_6{display:none;}
	.content .blue_7{display:none;}
	.content .blue_decoration_1{display:none;}
	.content .yellow_blur_1{display:none;}
	.content .yellow_blur_2{display:none;}
	.content .yellow_blur_3{display:none;}
	.content .yellow_blur_4{display:none;}
	.content .yellow_1{display:none;}
	.content .yellow_2{display:none;}
	.content .yellow_3{display:none;}
	.content .yellow_4{display:none;}
	.content .yellow_5{display:none;}
	.content .yellow_6{display:none;}
	.content .yellow_7{display:none;}
	.content .yellow_decoration_1{display:none;}

	.content .menu{background:#07111a;top:-1px;padding-top:22px;height:50px;}
	.content .menu .breadcrumbs{padding:6px 0 25px 10px;}

}

@media (max-width: 780px) {

	.content .menu .breadcrumbs{gap:5px;}

	.content{padding:10px 0 20px 0;}
	.content .menu_box_frame{position:relative;margin-bottom:10px;margin-top:-34px;display:table;margin-left:auto;}

	.content .menu_box{display:none;padding:3px;}
	.content .menu_box.display{display:block;position:absolute;top:50px;width:200px;right:0;}
	.content .menu_box .el{margin:2px;}
	.content .menu_box .el.selected{border-radius:10px;}
	.content .menu_box .el.selected:after{display:none;}

}

/* SCROLLBAR */

.ps{overflow:hidden !important;overflow-anchor:none;-ms-overflow-style:none;touch-action:auto;-ms-touch-action:auto;}
.ps__rail-x{display:none;height:2px;bottom:0px;position:absolute;background-color:#3a4c69;border-radius:2px;}
.ps__rail-y{display:none;width:2px;right:0;position:absolute;background-color:#3a4c69;border-radius:2px;}
.ps--active-x > .ps__rail-x, .ps--active-y > .ps__rail-y{display:block;}
.ps__thumb-x{background-color:#69fdf1;border-radius:2px;transition:background-color .2s linear;-webkit-transition:background-color .2s linear;height:2px;bottom:0;position:absolute;cursor:pointer;}
.ps__thumb-y{background-color:#69fdf1;border-radius:2px;transition:background-color .2s linear;-webkit-transition:background-color .2s linear;width:2px;right:0;position:absolute;cursor:pointer;}
.ps > .ps__scrollbar-x-rail, .ps > .ps__scrollbar-y-rail{filter:alpha(opacity = 60);opacity:0.6;}
@supports (-ms-overflow-style:none){
	.ps{
		overflow:auto !important;
	}
}
@media screen and (-ms-high-contrast:active), (-ms-high-contrast:none){
	.ps{
		overflow:auto !important;
	}
}
