:root {
--green: #6aaa64;
--darkendGreen: #538d4e;
--yellow: #c9b458;
--darkendYellow: #b59f3b;
--lightGray: #d8d8d8;
--gray: #86888a;
--darkGray: #939598;
--white: #fff;
--black: #212121;
--orange: #f5793a;
--blue: #85c0f9;
font-family: 'Clear Sans', 'Helvetica Neue', Arial, sans-serif;
font-size: 16px;
--header-height: 60px;
--keyboard-height: 200px;
/* --game-max-width: 500px; */
--game-max-width: 100%;
--transition: 1s;
}
:root {
--color-tone-1: #1a1a1b;
--color-tone-2: #787c7e;
--color-tone-3: #878a8c;
--color-tone-4: #f8efe0;
--color-tone-5: #edeff1;
--color-tone-6: #f6f7f8;
--color-tone-7: #ffffff;
--opacity-50: rgba(255, 255, 255, 0.5);
}
.nightmode {
--color-tone-1: #d7dadc;
--color-tone-2: #818384;
--color-tone-3: #565758;
--color-tone-4: #3a3a3c;
--color-tone-5: #272729;
--color-tone-6: #1a1a1b;
--color-tone-7: #121213;
--opacity-50: rgba(0, 0, 0, 0.5);
}
[invalid]{
	opacity: 0.9;
	animation-name: Shake;
	animation-duration: 600ms;
    background-color: #fc2f0e!important;
}
.win {
	animation-name: Bounce;
	animation-duration: 1000ms;
    background-color: #e2fc0e!important;
}
.pulse {
	z-index:992;
  animation-name: pulse;
  animation-duration: 500ms;
  transition: transform 1s;
}
.maxpulse {
	z-index:992;
  animation-name: maxpulse;
  animation-duration: 500ms;
  transition: transform 1s;
}
.antipulse {
	z-index:992;
  animation-name: antipulse;
  animation-duration: 500ms;
  transition: transform 1s;
}
.flipin {
  animation-name: FlipIn;
  animation-duration: 250ms;
  animation-timing-function: ease-in;
}
.flipout {
  animation-name: FlipOut;
  animation-duration: 250ms;
  animation-timing-function: ease-in;
}
@keyframes SlideIn {
    0% {
        transform: translateY(30px);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes SlideOut {
    0% {
        transform: translateY(0px);
        opacity: 1;
    }

    90% {
        opacity: 0;
    }

    100% {
        opacity: 0;
        transform: translateY(60px);
    }
}
@keyframes pulse {
    0% { 
        transform: scale3d(1, 1, 1);
    }

    /* 35% { */
        /* transform: scale3d(1.5, 1.5, 1.5) */
    /* } */
    35% {
        transform: scale3d(1.7, 1.7, 1.7)
    }
    to { 
        transform: scale3d(1, 1, 1);
    }
}
@keyframes maxpulse {
    0% { 
        transform: scale3d(1, 1, 1);
    }

    35% {
        transform: scale3d(1.5, 1.5, 1.5)
    }
    45% {
        transform: scale3d(1.7, 1.7, 1.7)
    }

    to {
        transform: scale3d(0.2, 0.2, 0.2);
    }
}
@keyframes antipulse {
    0% { 
        transform: scale3d(0.2, 0.2, 0.2);
    }

    35% {
        transform: scale3d(1.7, 1.7, 1.7)
    }
    70% {
        transform: scale3d(1.5, 1.5, 1.5)
    }

    to {
        transform: scale3d(1, 1, 1);
    }
}
@keyframes Bounce {
  0%, 20% {
	transform: translateY(0);
  }
  40% {
	transform: translateY(-30px);
  }
  50% {
	transform: translateY(5px);
  }
  60% {
	transform: translateY(-15px);
  }
  80% {
	transform: translateY(2px);
  }
  100% {
	transform: translateY(0);
  }
}
@keyframes FlipIn {
    0% {
        transform: rotateX(0);
    }

    100% {
        transform: rotateX(-90deg);
    }
}
@keyframes FlipOut {
    0% {
        transform: rotateX(-90deg);
    }

    100% {
        transform: rotateX(0);
    }
}
@keyframes Shake {
  10%,
  90% {
	transform: translateX(-1px);
  }

  20%,
  80% {
	transform: translateX(2px);
  }

  30%,
  50%,
  70% {
	transform: translateX(-4px);
  }

  40%,
  60% {
	transform: translateX(4px);
  }
}
@keyframes rotation {
    0% {
        transform:rotate(360deg);
    }
    100% {
        transform:rotate(0deg);
    }
}


:root,
.nightmode {
--color-background: var(--color-tone-7);
}
:root {
--color-present: var(--yellow);
--color-correct: var(--green);
--color-absent: var(--color-tone-2);
--tile-text-color: var(--color-tone-7);
--key-text-color: var(--color-tone-1);
--key-evaluated-text-color: var(--color-tone-7);
--key-bg: var(--color-tone-4);
--key-bg-present: var(--color-present);
--key-bg-correct: var(--color-correct);
--key-bg-absent: var(--color-absent);
--modal-content-bg: var(--color-tone-7);
}
.nightmode {
--color-present: var(--darkendYellow);
--color-correct: var(--darkendGreen);
--color-absent: var(--color-tone-4);
--tile-text-color: var(--color-tone-1);
--key-text-color: var(--color-tone-1);
--key-evaluated-text-color: var(--color-tone-1);
--key-bg: var(--color-tone-2);
--key-bg-present: var(--color-present);
--key-bg-correct: var(--color-correct);
--key-bg-absent: var(--color-absent);
--modal-content-bg: var(--color-tone-7);
}
.colorblind {
--color-correct: var(--orange);
--color-present: var(--blue);
--tile-text-color: var(--white);
--key-bg-present: var(--color-present);
--key-bg-correct: var(--color-correct);
--key-bg-absent: var(--color-absent);
}
* {
	-webkit-touch-callout: none; /* iOS Safari */
	-webkit-user-select: none; /* Safari */
	-khtml-user-select: none; /* Konqueror HTML */
	-moz-user-select: none; /* Old versions of Firefox */
	-ms-user-select: none; /* Internet Explorer/Edge */
	user-select: none; /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	-webkit-tap-highlight-color:  transparent; 
}
@-ms-viewport { width: device-width; }
@-webkit-viewport { width: device-width; }
@-moz-viewport { width: device-width; }
@-o-viewport { width: device-width; }
@viewport { width: device-width; }
html {
	height:100%;
}
body {
	width:100%;
	min-width:320px;
    height: 100%;
    padding: 0px;
    overflow: hidden;
	font-family: 'Montserrat', math;
    font-size: 20px;
    display: block;
	/* max-width:500px; */
	margin:0 auto;
}
html {
	/* background:#fffeee url("../fon1.jpg") repeat left top; */
	/* background-size:auto 100%; */
}
label {
	color: white;
}
a {
    text-decoration: none;
}
.separator {
    flex: 1;
}

#game {
    width: 100%;
    /* max-width: var(--game-max-width); */
    margin: 0 auto;
    min-height: 100%;
    /* padding-top: calc(var(--header-height) + 10px); */
    padding-bottom: 10px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: space-between;
    position: relative;
    align-items: center;
}



header {
    /* position: absolute; */
    /* top: 0; */
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 8px 0;
    width: 100%;
    height: var(--header-height);
    color: #ffffff;
    /* border-bottom: 1px solid var(--color-tone-4); */
    background: #68b8d3cf;
    box-shadow: -1px 4px 14px 4px #0000004d;
    z-index: 1032;
}
header .title {
    font-weight: 700;
    font-size: 130%;
    letter-spacing: 0rem;
    text-transform: uppercase;
    text-align: center;
	text-shadow: 0px 3px 3px #000000;
    /* position: absolute; */
    /* left: 0; */
    /* right: 0; */
}
header .buttons {
    display: flex;
    justify-content: space-around;
}
header .user {
	display:flex;
}
.balance, .fires, .lifes, .yans {
    background-size: 30px;
    background-repeat: no-repeat;
    background-position: right center;
    padding-right: 35px;
    padding-top: 0px;
    text-align: right;
    margin-right: 5px;
    margin-left: 5px;
    line-height: 26px;
    font-size: 100%;
    cursor: pointer;
    font-weight: bold;
    position: relative;
	display: inline-block;
}
header .balance, header .fires, header .lifes {
    padding-left: 5px;
}
.money,.fire,.life {
    /* background-size: 35px; */
    background-repeat: no-repeat;
    background-position: right center;
    position: relative;
}
.shar .fires, .shar .yans {
    background-size: 20px;
    padding-right: 25px;
    line-height: 23px;
}

.opyt {
	background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg width='800px' height='800px' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.2683 18.2287C13.2889 20.9067 12.2992 22.2458 11.3758 21.9628C10.4525 21.6798 10.4525 20.0375 10.4525 16.7528L10.4526 16.4433C10.4526 15.2585 10.4526 14.6662 10.074 14.2946L10.054 14.2754C9.6673 13.9117 9.05079 13.9117 7.81775 13.9117C5.59888 13.9117 4.48945 13.9117 4.1145 13.2387C4.10829 13.2276 4.10225 13.2164 4.09639 13.205C3.74244 12.5217 4.3848 11.6526 5.66953 9.91436L8.73167 5.77133C10.711 3.09327 11.7007 1.75425 12.6241 2.03721C13.5474 2.32018 13.5474 3.96249 13.5474 7.24712V7.55682C13.5474 8.74151 13.5474 9.33386 13.926 9.70541L13.946 9.72466C14.3327 10.0884 14.9492 10.0884 16.1822 10.0884C18.4011 10.0884 19.5106 10.0884 19.8855 10.7613C19.8917 10.7724 19.8977 10.7837 19.9036 10.795C20.2576 11.4784 19.6152 12.3475 18.3304 14.0857' stroke='%23ffffff' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");
    background-size: 27px;
    background-repeat: no-repeat;
    background-position: right center;
    padding-right: 28px;
    padding-top: 2px;
    text-align: right;
    margin-right: 10px;
    line-height: 26px;
    /* font-size: 80%; */
    /* font-weight: bold; */
}
.opyt.dark {
	background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg width='800px' height='800px' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.2683 18.2287C13.2889 20.9067 12.2992 22.2458 11.3758 21.9628C10.4525 21.6798 10.4525 20.0375 10.4525 16.7528L10.4526 16.4433C10.4526 15.2585 10.4526 14.6662 10.074 14.2946L10.054 14.2754C9.6673 13.9117 9.05079 13.9117 7.81775 13.9117C5.59888 13.9117 4.48945 13.9117 4.1145 13.2387C4.10829 13.2276 4.10225 13.2164 4.09639 13.205C3.74244 12.5217 4.3848 11.6526 5.66953 9.91436L8.73167 5.77133C10.711 3.09327 11.7007 1.75425 12.6241 2.03721C13.5474 2.32018 13.5474 3.96249 13.5474 7.24712V7.55682C13.5474 8.74151 13.5474 9.33386 13.926 9.70541L13.946 9.72466C14.3327 10.0884 14.9492 10.0884 16.1822 10.0884C18.4011 10.0884 19.5106 10.0884 19.8855 10.7613C19.8917 10.7724 19.8977 10.7837 19.9036 10.795C20.2576 11.4784 19.6152 12.3475 18.3304 14.0857' stroke='%23000000' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");
}
.level {
	background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg width='800px' height='800px' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.03954 7.77203C3.57986 8.32856 2.35002 8.60682 2.05742 9.54773C1.76482 10.4886 2.60325 11.4691 4.2801 13.4299L4.71392 13.9372C5.19043 14.4944 5.42868 14.773 5.53586 15.1177C5.64305 15.4624 5.60703 15.8341 5.53498 16.5776L5.4694 17.2544C5.21588 19.8706 5.08912 21.1787 5.85515 21.7602C6.62118 22.3417 7.77268 21.8115 10.0757 20.7512L10.6715 20.4768C11.3259 20.1755 11.6531 20.0248 12 20.0248C12.3469 20.0248 12.6741 20.1755 13.3285 20.4768L13.9243 20.7512C16.2273 21.8115 17.3788 22.3417 18.1449 21.7602C18.9109 21.1787 18.7841 19.8706 18.5306 17.2544M19.7199 13.4299C21.3968 11.4691 22.2352 10.4886 21.9426 9.54773C21.65 8.60682 20.4201 8.32856 17.9605 7.77203L17.3241 7.62805C16.6251 7.4699 16.2757 7.39083 15.9951 7.17781C15.7144 6.96479 15.5345 6.64193 15.1745 5.99623L14.8468 5.40837C13.5802 3.13612 12.9469 2 12 2C11.0531 2 10.4198 3.13613 9.15316 5.40838' stroke='%23ffffff' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");
    background-size: 25px;
    background-repeat: no-repeat;
    background-position: right center;
    /* padding-right: 28px; */
    padding-top: 2px;
    text-align: right;
    margin-right: 10px;
    line-height: 26px;
    /* font-size: 80%; */
    /* font-weight: bold; */
}
.level.dark {
	background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg width='800px' height='800px' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.03954 7.77203C3.57986 8.32856 2.35002 8.60682 2.05742 9.54773C1.76482 10.4886 2.60325 11.4691 4.2801 13.4299L4.71392 13.9372C5.19043 14.4944 5.42868 14.773 5.53586 15.1177C5.64305 15.4624 5.60703 15.8341 5.53498 16.5776L5.4694 17.2544C5.21588 19.8706 5.08912 21.1787 5.85515 21.7602C6.62118 22.3417 7.77268 21.8115 10.0757 20.7512L10.6715 20.4768C11.3259 20.1755 11.6531 20.0248 12 20.0248C12.3469 20.0248 12.6741 20.1755 13.3285 20.4768L13.9243 20.7512C16.2273 21.8115 17.3788 22.3417 18.1449 21.7602C18.9109 21.1787 18.7841 19.8706 18.5306 17.2544M19.7199 13.4299C21.3968 11.4691 22.2352 10.4886 21.9426 9.54773C21.65 8.60682 20.4201 8.32856 17.9605 7.77203L17.3241 7.62805C16.6251 7.4699 16.2757 7.39083 15.9951 7.17781C15.7144 6.96479 15.5345 6.64193 15.1745 5.99623L14.8468 5.40837C13.5802 3.13612 12.9469 2 12 2C11.0531 2 10.4198 3.13613 9.15316 5.40838' stroke='%23000000' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");
}
.menu {
	position:relative;
	width:60px;
    height: var(--header-height);
    display: flex;
    align-items: center;
    justify-content: center;
}
em {
	display: block;
	position: absolute;
	right: 10px;
	bottom: 10px;
	width: 10px;
	height: 10px;
	background: red;
	border-radius: 10px;
	box-shadow: -2px -2px 3px #ffffff70;
	animation-name: antipulse;
	animation-duration: 500ms;
	transition: transform 1s;
}
.shar em {
	right:0;
	bottom:0;
}
button.icon {
    /* background: none; */
    border: none;
    cursor: pointer;
    background-size: 30px;
    background-position: center;
    background-repeat: no-repeat;
    background-color: transparent;
    padding: 30px 30px;
}
.dropdown-content {
    display: none;
    position: absolute;
	top:100%;
    background-color: #f9f9f9;
    /* right: 0; */
    left: 0;
	border-radius:5px;
}
.dropdown-content a {
    color: black;
    padding: 10px 10px 10px 25px;
    text-decoration: none;
    display: block;
    width: 100%;
	border-radius:5px;
    background-position-x: 5px;
	cursor:pointer;
}
.dropdown-content a:first-child
{
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAABAlBMVEX5+f0AAAD4HRj4HBiAgIAAAAA8NS9HcEwSEv4JCQkREf4XF/6AgIB/f39/f38ICNL4HBcPD/4MDP4ICAivr68GBrAUFP4TE/4YGP4QEf54eHjT09PR0dH4GhbS0tLNzdEVFf4JCdEQEP74GBMHB9F3d3fDw8PNEQ0ODv7UKA74FxMaFhP4GhW0PRCyIwypUBQhGxUDAwM0Lig6My0jHRc6NC7VRBIEBAQaFhM2MCrJXBcHBq4HB6+rDwwLC/6rq68SEv/////39/f8eCH/WBz/NxcQEP8REf8ODv8TE///Nxj/NRX/MxP/VRkLC//8dx7/Vhv8dyD/Vxz/Vxv8eCD8dx/WPR4zAAAAQHRSTlP+Af7+EwJEAP4B/v4SEhHf/v7+Abm5/v7+/gfO3/7f3/7f/v7fBafe/t/+IP65ubJCAUNDQkPfASpD17m5uf658QIbcQAAAKBJREFUGNNdyNUSgmAUhdGDqD+CEmJ3d3e3IGX7/q8iKDKD62LPng8QhmEuk34RxGif12ny+ugixHc2JUhsbQKQ+g9psFlDlshQESoUJnQk518AI0jS5ksUTucgMCdBtIWCn4uSxAeZq6zmUM4nWdxhwHG2UVtCVVWOOlk2VlFbMNIeh5/7VWvC7PXcW26XNkwG06Hb1O916oDGvMfCd9EbqS0nxlX4pZkAAAAASUVORK5CYII=") no-repeat 5px center;
}

.dropdown-content a:nth-child(2)
{
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAThQTFRFR3BM7f///zEA6v//AF6a3gAA3AAAAAAAAAAA3QAA7P//AFaU////4AAA2wAA/ycA7v///yYAAFmX3gAA3QAAAFeU/66nAEOn0uTzwvD/AFW+0en6AGvm6////04f/wkA/xYA/yIA7gAAAFaVAF6iAFiXAFeVq8bl/66m/6uf/P//osDhAEGmgLHioMHis93e8f//zN7w+v//zeHz/v7/AFmWAESttdjZyt7xosHh9P//8QAA/6+oAFO+AE2y/2Q9zd7wAF6hVqTo4f//zef60+X1AF7NAE2zAGrmAF3N1Ob2AE20/7evwuX80eb3/wcAAF7OAFbHwfD/wer/+///tN3e8P///yQAAGvr/xUA/yMA/wgA9///s9jY/wUA/xcA/2A/s9fZ/yEA/4+C/3Zh/xQAs9bXs9fYWEbKGQAAAAp0Uk5TAP///7DF/zMw8sFw1NAAAACzSURBVBjThc81FsJQFADRB8HJDwR3d3d3d3d39r8DAlU4FNx6mgH4iyWxCil2m0VKEASHDRIn7sXTeMDjdikUuZ4UHLgvrCwpU4mIAMP04j3I/dGCqqnq9odG4/ZwRSCP5euajmYwnlEFJn5AvFJraxva0XRtOpruNwTlakutU+smq92neEK2SJIiCrncmM2XE4JkhiH40GPv4gzIwKQxIAiGGDSLOfBlHBoZH3jcL7yf2RdgYhjgPJRrJwAAAABJRU5ErkJggg==") no-repeat 5px center;
}

.dropdown-content a:nth-child(3)
{
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAACXBIWXMAAA7EAAAOxAGVKw4bAAAASFBMVEU/AgYyAgU1AgXjChe/CBM2AgUzAgU8AgZHcEzDCBPjCxjwfYTjDhvucnrkFiLlICzubXXykJbnMz7pRE773+HubnbsWmL4xsmYdNEQAAAACnRSTlMnHR3/ux0dJwC73ZnOiwAAAEJJREFUGNNj4EADDBgCTAwogJWBhRkFcGIXEBYU4EMWEBMRYubnQRIQF2Vm5uLl5sItgKEFw1AC7mBkRwFsDAR9CwAe+wYfJ5lADQAAAABJRU5ErkJggg==") no-repeat 5px center;
}
.dropdown-content a:nth-child(4)
{
  background: url("data:image/svg+xml;charset=UTF-8,%3c?xml version='1.0' encoding='utf-8'?%3e%3csvg width='800px' height='800px' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M9 19C9 20.6569 7.65685 22 6 22C4.34315 22 3 20.6569 3 19C3 17.3431 4.34315 16 6 16C7.65685 16 9 17.3431 9 19Z' stroke='%23000000' stroke-width='1.5'/%3e%3cpath d='M21 17C21 18.6569 19.6569 20 18 20C16.3431 20 15 18.6569 15 17C15 15.3431 16.3431 14 18 14C19.6569 14 21 15.3431 21 17Z' stroke='%23000000' stroke-width='1.5'/%3e%3cpath d='M9 19V8' stroke='%23000000' stroke-width='1.5'/%3e%3cpath d='M20.25 11.5C20.25 11.9142 20.5858 12.25 21 12.25C21.4142 12.25 21.75 11.9142 21.75 11.5H20.25ZM21.75 11.5V6H20.25V11.5H21.75Z' fill='%23000000'/%3e%3cpath d='M15.7351 3.75466L11.7351 5.08799C10.4151 5.52801 9.75503 5.74801 9.37752 6.27179C9 6.79556 9 7.49128 9 8.88273V11.9997L21 7.99969V7.54939C21 5.01693 21 3.7507 20.1694 3.15206C19.3388 2.55341 18.1376 2.95383 15.7351 3.75466Z' stroke='%23000000' stroke-width='1.5' stroke-linecap='round'/%3e%3c/svg%3e") no-repeat 5px center;
    background-size: 18px;
}
.dropdown-content a:nth-child(5)
{
  background: url("data:image/svg+xml;charset=UTF-8,%3c?xml version='1.0' encoding='utf-8'?%3e%3csvg width='800px' height='800px' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12 19.5C12 20.8807 10.8807 22 9.5 22C8.11929 22 7 20.8807 7 19.5C7 18.1193 8.11929 17 9.5 17C10.8807 17 12 18.1193 12 19.5Z' stroke='%23000000' stroke-width='1.5'/%3e%3cpath d='M22 17.5C22 18.8807 20.8807 20 19.5 20C18.1193 20 17 18.8807 17 17.5C17 16.1193 18.1193 15 19.5 15C20.8807 15 22 16.1193 22 17.5Z' stroke='%23000000' stroke-width='1.5'/%3e%3cpath d='M22 8L12 12' stroke='%23000000' stroke-width='1.5' stroke-linecap='round'/%3e%3cpath d='M14.4556 5.15803L14.7452 5.84987L14.4556 5.15803ZM16.4556 4.32094L16.1661 3.62909L16.4556 4.32094ZM21.1081 3.34059L20.6925 3.96496L20.6925 3.96496L21.1081 3.34059ZM21.25 12.0004C21.25 12.4146 21.5858 12.7504 22 12.7504C22.4142 12.7504 22.75 12.4146 22.75 12.0004H21.25ZM12.75 19.0004V8.84787H11.25V19.0004H12.75ZM14.7452 5.84987L16.7452 5.01278L16.1661 3.62909L14.1661 4.46618L14.7452 5.84987ZM22.75 8.01078C22.75 6.67666 22.752 5.59091 22.6304 4.76937C22.5067 3.93328 22.2308 3.18689 21.5236 2.71622L20.6925 3.96496C20.8772 4.08787 21.0473 4.31771 21.1466 4.98889C21.248 5.67462 21.25 6.62717 21.25 8.01078H22.75ZM16.7452 5.01278C18.0215 4.47858 18.901 4.11263 19.5727 3.94145C20.2302 3.77391 20.5079 3.84204 20.6925 3.96496L21.5236 2.71622C20.8164 2.24554 20.0213 2.2792 19.2023 2.48791C18.3975 2.69298 17.3967 3.114 16.1661 3.62909L16.7452 5.01278ZM12.75 8.84787C12.75 8.18634 12.751 7.74991 12.7875 7.41416C12.822 7.09662 12.8823 6.94006 12.9594 6.8243L11.7106 5.99325C11.4527 6.38089 11.3455 6.79864 11.2963 7.25218C11.249 7.68752 11.25 8.21893 11.25 8.84787H12.75ZM14.1661 4.46618C13.5859 4.70901 13.0953 4.91324 12.712 5.12494C12.3126 5.34549 11.9686 5.60562 11.7106 5.99325L12.9594 6.8243C13.0364 6.70855 13.1575 6.59242 13.4371 6.438C13.7328 6.27473 14.135 6.10528 14.7452 5.84987L14.1661 4.46618ZM22.75 12.0004V8.01078H21.25V12.0004H22.75Z' fill='%23000000'/%3e%3cpath d='M7 11V6.5V2' stroke='%23000000' stroke-width='1.5' stroke-linecap='round'/%3e%3ccircle cx='4.5' cy='10.5' r='2.5' stroke='%23000000' stroke-width='1.5'/%3e%3cpath d='M10 5C8.75736 5 7 4.07107 7 2' stroke='%23000000' stroke-width='1.5' stroke-linecap='round'/%3e%3c/svg%3e") no-repeat 5px center;
    background-size: 18px;
}
.dropdown-content a:nth-child(6)
{  
	background: url("data:image/svg+xml;charset=UTF-8,%3c?xml version='1.0' encoding='utf-8'?%3e%3csvg width='800px' height='800px' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M10.125 8.875C10.125 7.83947 10.9645 7 12 7C13.0355 7 13.875 7.83947 13.875 8.875C13.875 9.56245 13.505 10.1635 12.9534 10.4899C12.478 10.7711 12 11.1977 12 11.75V13' stroke='%23000000' stroke-width='1.5' stroke-linecap='round'/%3e%3ccircle cx='12' cy='16' r='1' fill='%23000000'/%3e%3cpath d='M7 3.33782C8.47087 2.48697 10.1786 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 10.1786 2.48697 8.47087 3.33782 7' stroke='%23000000' stroke-width='1.5' stroke-linecap='round'/%3e%3c/svg%3e") no-repeat 5px center;
    background-size: 18px;
}
.dropdown-content a.its {
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAAdgAAAHYBTnsmCAAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAElSURBVDiNxdIxS8NAGMbx5z2ig1uKiOQDBNRNUDeXDg6Cg1BxLEIVG7+A6JBJnAUhTp1czDeoxWzi0lpcHJxdhA5iQiR3udepEE9LrEtvvt//vTsOmPSicUGj4+2S1ieJSqZy5KdjBfZvvUOAL4eDB5+Dd/FfDAAEmrFqN7XpSmW2Dg2bmFvBRvD2FyxzCQLdC9ueazHTFROdayEeGx3PLcNKKyQy6SFVVQHwVmG/Q8zRMDIKx1nc41SuhjthLgA8GCd2iDk6aHtnZRgAhBC6DuDFjDDxcRkGABFUg1fLwjqAZ/Pxivgji/uLXXetiFGc0Iya80rhDsDCb3ip6674vq/M+LePZEbK8I8AAOy1jxyL8otMy+VEpk/h5vU2CHrU9Sa/vgCLC6zSlbaHVgAAAABJRU5ErkJggg==");
}
.dropdown-content a.off {
	background-image: url("data:image/svg+xml;charset=UTF-8,%3c?xml version='1.0' encoding='utf-8'?%3e%3csvg width='800px' height='800px' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M1.95863 8.57679C2.24482 8.04563 2.79239 7.53042 3.33997 7.27707C3.9393 6.99979 4.62626 6.99979 6.00018 6.99979C6.51225 6.99979 6.76828 6.99979 7.01629 6.95791C7.26147 6.9165 7.50056 6.84478 7.72804 6.74438C7.95815 6.64283 8.1719 6.50189 8.59941 6.22002L8.81835 6.07566C11.3613 4.39898 12.6328 3.56063 13.7001 3.92487C13.9048 3.9947 14.1029 4.09551 14.2798 4.21984C15.2025 4.86829 15.2726 6.37699 15.4128 9.3944C15.4647 10.5117 15.5001 11.4679 15.5001 11.9998C15.5001 12.5317 15.4647 13.4879 15.4128 14.6052C15.2726 17.6226 15.2025 19.1313 14.2798 19.7797C14.1029 19.9041 13.9048 20.0049 13.7001 20.0747C12.6328 20.4389 11.3613 19.6006 8.81834 17.9239L8.59941 17.7796C8.1719 17.4977 7.95815 17.3567 7.72804 17.2552C7.50056 17.1548 7.26147 17.0831 7.01629 17.0417C6.76828 16.9998 6.51225 16.9998 6.00018 16.9998C4.62626 16.9998 3.9393 16.9998 3.33997 16.7225C2.79239 16.4692 2.24482 15.9539 1.95863 15.4228C1.6454 14.8414 1.60856 14.237 1.53488 13.0282C1.52396 12.849 1.51525 12.6722 1.50928 12.4998' stroke='%23000000' stroke-width='1.5' stroke-linecap='round'/%3e%3cpath d='M22 10L18 14M18 10L22 14' stroke='%23000000' stroke-width='1.5' stroke-linecap='round'/%3e%3c/svg%3e");
}
.sndset {
	display: flex;
    position: absolute;
    left: 0;
    bottom: 20px;
    width: 100%;
    height: var(--sizeround);
    justify-content: center;
}
.sndset a{
	margin:0 20px;
    display: block;
    width: var(--sizeround);
    height: var(--sizeround);
    background-size: var(--sizeround);
    background-position-x: 0;
}
.snd{
  background: url("data:image/svg+xml;charset=UTF-8,%3c?xml version='1.0' encoding='utf-8'?%3e%3csvg width='800px' height='800px' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M9 19C9 20.6569 7.65685 22 6 22C4.34315 22 3 20.6569 3 19C3 17.3431 4.34315 16 6 16C7.65685 16 9 17.3431 9 19Z' stroke='%23ffffff' stroke-width='1.5'/%3e%3cpath d='M21 17C21 18.6569 19.6569 20 18 20C16.3431 20 15 18.6569 15 17C15 15.3431 16.3431 14 18 14C19.6569 14 21 15.3431 21 17Z' stroke='%23ffffff' stroke-width='1.5'/%3e%3cpath d='M9 19V8' stroke='%23ffffff' stroke-width='1.5'/%3e%3cpath d='M20.25 11.5C20.25 11.9142 20.5858 12.25 21 12.25C21.4142 12.25 21.75 11.9142 21.75 11.5H20.25ZM21.75 11.5V6H20.25V11.5H21.75Z' fill='%23ffffff'/%3e%3cpath d='M15.7351 3.75466L11.7351 5.08799C10.4151 5.52801 9.75503 5.74801 9.37752 6.27179C9 6.79556 9 7.49128 9 8.88273V11.9997L21 7.99969V7.54939C21 5.01693 21 3.7507 20.1694 3.15206C19.3388 2.55341 18.1376 2.95383 15.7351 3.75466Z' stroke='%23ffffff' stroke-width='1.5' stroke-linecap='round'/%3e%3c/svg%3e") no-repeat center;
}
.aud{
  background: url("data:image/svg+xml;charset=UTF-8,%3c?xml version='1.0' encoding='utf-8'?%3e%3csvg width='800px' height='800px' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12 19.5C12 20.8807 10.8807 22 9.5 22C8.11929 22 7 20.8807 7 19.5C7 18.1193 8.11929 17 9.5 17C10.8807 17 12 18.1193 12 19.5Z' stroke='%23ffffff' stroke-width='1.5'/%3e%3cpath d='M22 17.5C22 18.8807 20.8807 20 19.5 20C18.1193 20 17 18.8807 17 17.5C17 16.1193 18.1193 15 19.5 15C20.8807 15 22 16.1193 22 17.5Z' stroke='%23ffffff' stroke-width='1.5'/%3e%3cpath d='M22 8L12 12' stroke='%23ffffff' stroke-width='1.5' stroke-linecap='round'/%3e%3cpath d='M14.4556 5.15803L14.7452 5.84987L14.4556 5.15803ZM16.4556 4.32094L16.1661 3.62909L16.4556 4.32094ZM21.1081 3.34059L20.6925 3.96496L20.6925 3.96496L21.1081 3.34059ZM21.25 12.0004C21.25 12.4146 21.5858 12.7504 22 12.7504C22.4142 12.7504 22.75 12.4146 22.75 12.0004H21.25ZM12.75 19.0004V8.84787H11.25V19.0004H12.75ZM14.7452 5.84987L16.7452 5.01278L16.1661 3.62909L14.1661 4.46618L14.7452 5.84987ZM22.75 8.01078C22.75 6.67666 22.752 5.59091 22.6304 4.76937C22.5067 3.93328 22.2308 3.18689 21.5236 2.71622L20.6925 3.96496C20.8772 4.08787 21.0473 4.31771 21.1466 4.98889C21.248 5.67462 21.25 6.62717 21.25 8.01078H22.75ZM16.7452 5.01278C18.0215 4.47858 18.901 4.11263 19.5727 3.94145C20.2302 3.77391 20.5079 3.84204 20.6925 3.96496L21.5236 2.71622C20.8164 2.24554 20.0213 2.2792 19.2023 2.48791C18.3975 2.69298 17.3967 3.114 16.1661 3.62909L16.7452 5.01278ZM12.75 8.84787C12.75 8.18634 12.751 7.74991 12.7875 7.41416C12.822 7.09662 12.8823 6.94006 12.9594 6.8243L11.7106 5.99325C11.4527 6.38089 11.3455 6.79864 11.2963 7.25218C11.249 7.68752 11.25 8.21893 11.25 8.84787H12.75ZM14.1661 4.46618C13.5859 4.70901 13.0953 4.91324 12.712 5.12494C12.3126 5.34549 11.9686 5.60562 11.7106 5.99325L12.9594 6.8243C13.0364 6.70855 13.1575 6.59242 13.4371 6.438C13.7328 6.27473 14.135 6.10528 14.7452 5.84987L14.1661 4.46618ZM22.75 12.0004V8.01078H21.25V12.0004H22.75Z' fill='%23ffffff'/%3e%3cpath d='M7 11V6.5V2' stroke='%23ffffff' stroke-width='1.5' stroke-linecap='round'/%3e%3ccircle cx='4.5' cy='10.5' r='2.5' stroke='%23ffffff' stroke-width='1.5'/%3e%3cpath d='M10 5C8.75736 5 7 4.07107 7 2' stroke='%23ffffff' stroke-width='1.5' stroke-linecap='round'/%3e%3c/svg%3e") no-repeat center;
}
.sndset a.off {
	background-image: url("data:image/svg+xml;charset=UTF-8,%3c?xml version='1.0' encoding='utf-8'?%3e%3csvg width='800px' height='800px' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M1.95863 8.57679C2.24482 8.04563 2.79239 7.53042 3.33997 7.27707C3.9393 6.99979 4.62626 6.99979 6.00018 6.99979C6.51225 6.99979 6.76828 6.99979 7.01629 6.95791C7.26147 6.9165 7.50056 6.84478 7.72804 6.74438C7.95815 6.64283 8.1719 6.50189 8.59941 6.22002L8.81835 6.07566C11.3613 4.39898 12.6328 3.56063 13.7001 3.92487C13.9048 3.9947 14.1029 4.09551 14.2798 4.21984C15.2025 4.86829 15.2726 6.37699 15.4128 9.3944C15.4647 10.5117 15.5001 11.4679 15.5001 11.9998C15.5001 12.5317 15.4647 13.4879 15.4128 14.6052C15.2726 17.6226 15.2025 19.1313 14.2798 19.7797C14.1029 19.9041 13.9048 20.0049 13.7001 20.0747C12.6328 20.4389 11.3613 19.6006 8.81834 17.9239L8.59941 17.7796C8.1719 17.4977 7.95815 17.3567 7.72804 17.2552C7.50056 17.1548 7.26147 17.0831 7.01629 17.0417C6.76828 16.9998 6.51225 16.9998 6.00018 16.9998C4.62626 16.9998 3.9393 16.9998 3.33997 16.7225C2.79239 16.4692 2.24482 15.9539 1.95863 15.4228C1.6454 14.8414 1.60856 14.237 1.53488 13.0282C1.52396 12.849 1.51525 12.6722 1.50928 12.4998' stroke='%23ffffff' stroke-width='1.5' stroke-linecap='round'/%3e%3cpath d='M22 10L18 14M18 10L22 14' stroke='%23ffffff' stroke-width='1.5' stroke-linecap='round'/%3e%3c/svg%3e");
}
/* Change color of dropdown links on hover */
.dropdown-content a:hover {background-color: #f1f1f1}

/* Show the dropdown menu on hover */
.menu:hover .dropdown-content, .menu:active .dropdown-content {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}
#lang-button {
	background-image: url("data:image/svg+xml;charset=UTF-8,%3c?xml version='1.0' encoding='utf-8'?%3e%3csvg width='800px' height='800px' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='12' cy='12' r='3' stroke='%23ffffff' stroke-width='1.5'/%3e%3cpath d='M3.66122 10.6392C4.13377 10.9361 4.43782 11.4419 4.43782 11.9999C4.43781 12.558 4.13376 13.0638 3.66122 13.3607C3.33966 13.5627 3.13248 13.7242 2.98508 13.9163C2.66217 14.3372 2.51966 14.869 2.5889 15.3949C2.64082 15.7893 2.87379 16.1928 3.33973 16.9999C3.80568 17.8069 4.03865 18.2104 4.35426 18.4526C4.77508 18.7755 5.30694 18.918 5.83284 18.8488C6.07287 18.8172 6.31628 18.7185 6.65196 18.5411C7.14544 18.2803 7.73558 18.2699 8.21895 18.549C8.70227 18.8281 8.98827 19.3443 9.00912 19.902C9.02332 20.2815 9.05958 20.5417 9.15224 20.7654C9.35523 21.2554 9.74458 21.6448 10.2346 21.8478C10.6022 22 11.0681 22 12 22C12.9319 22 13.3978 22 13.7654 21.8478C14.2554 21.6448 14.6448 21.2554 14.8478 20.7654C14.9404 20.5417 14.9767 20.2815 14.9909 19.9021C15.0117 19.3443 15.2977 18.8281 15.7811 18.549C16.2644 18.27 16.8545 18.2804 17.3479 18.5412C17.6837 18.7186 17.9271 18.8173 18.1671 18.8489C18.693 18.9182 19.2249 18.7756 19.6457 18.4527C19.9613 18.2106 20.1943 17.807 20.6603 17C20.8677 16.6407 21.029 16.3614 21.1486 16.1272M20.3387 13.3608C19.8662 13.0639 19.5622 12.5581 19.5621 12.0001C19.5621 11.442 19.8662 10.9361 20.3387 10.6392C20.6603 10.4372 20.8674 10.2757 21.0148 10.0836C21.3377 9.66278 21.4802 9.13092 21.411 8.60502C21.3591 8.2106 21.1261 7.80708 20.6601 7.00005C20.1942 6.19301 19.9612 5.7895 19.6456 5.54732C19.2248 5.22441 18.6929 5.0819 18.167 5.15113C17.927 5.18274 17.6836 5.2814 17.3479 5.45883C16.8544 5.71964 16.2643 5.73004 15.781 5.45096C15.2977 5.1719 15.0117 4.6557 14.9909 4.09803C14.9767 3.71852 14.9404 3.45835 14.8478 3.23463C14.6448 2.74458 14.2554 2.35523 13.7654 2.15224C13.3978 2 12.9319 2 12 2C11.0681 2 10.6022 2 10.2346 2.15224C9.74458 2.35523 9.35523 2.74458 9.15224 3.23463C9.05958 3.45833 9.02332 3.71848 9.00912 4.09794C8.98826 4.65566 8.70225 5.17191 8.21891 5.45096C7.73557 5.73002 7.14548 5.71959 6.65205 5.4588C6.31633 5.28136 6.0729 5.18269 5.83285 5.15108C5.30695 5.08185 4.77509 5.22436 4.35427 5.54727C4.03866 5.78945 3.80569 6.19297 3.33974 7C3.13231 7.35929 2.97105 7.63859 2.85138 7.87273' stroke='%23ffffff' stroke-width='1.5' stroke-linecap='round'/%3e%3c/svg%3e");
}
#home {
	background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='28' height='28' viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M19 22H5C4.44772 22 4 21.5523 4 21V13H2L11.292 3.70698C11.4796 3.51921 11.7341 3.4137 11.9995 3.4137C12.2649 3.4137 12.5194 3.51921 12.707 3.70698L22 13H20V21C20 21.5523 19.5523 22 19 22ZM10 15H14V20H18V11.828L12 5.82798L6 11.828V20H10V15Z' fill='%23ffffff'/%3e%3c/svg%3e");
	background-image: url("data:image/svg+xml;charset=UTF-8,%3c?xml version='1.0' encoding='utf-8'?%3e%3csvg width='800px' height='800px' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M22 22L2 22' stroke='%23ffffff' stroke-width='1.5' stroke-linecap='round'/%3e%3cpath d='M2 11L6.06296 7.74968M22 11L13.8741 4.49931C12.7784 3.62279 11.2216 3.62279 10.1259 4.49931L9.34398 5.12486' stroke='%23ffffff' stroke-width='1.5' stroke-linecap='round'/%3e%3cpath d='M15.5 5.5V3.5C15.5 3.22386 15.7239 3 16 3H18.5C18.7761 3 19 3.22386 19 3.5V8.5' stroke='%23ffffff' stroke-width='1.5' stroke-linecap='round'/%3e%3cpath d='M4 22V9.5' stroke='%23ffffff' stroke-width='1.5' stroke-linecap='round'/%3e%3cpath d='M20 9.5V13.5M20 22V17.5' stroke='%23ffffff' stroke-width='1.5' stroke-linecap='round'/%3e%3cpath d='M15 22V17C15 15.5858 15 14.8787 14.5607 14.4393C14.1213 14 13.4142 14 12 14C10.5858 14 9.87868 14 9.43934 14.4393M9 22V17' stroke='%23ffffff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M14 9.5C14 10.6046 13.1046 11.5 12 11.5C10.8954 11.5 10 10.6046 10 9.5C10 8.39543 10.8954 7.5 12 7.5C13.1046 7.5 14 8.39543 14 9.5Z' stroke='%23ffffff' stroke-width='1.5'/%3e%3c/svg%3e");
}
#help-button {
	background-image: url("data:image/svg+xml;charset=UTF-8,%3c?xml version='1.0' encoding='utf-8'?%3e%3csvg width='800px' height='800px' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M10.125 8.875C10.125 7.83947 10.9645 7 12 7C13.0355 7 13.875 7.83947 13.875 8.875C13.875 9.56245 13.505 10.1635 12.9534 10.4899C12.478 10.7711 12 11.1977 12 11.75V13' stroke='%23ffffff' stroke-width='1.5' stroke-linecap='round'/%3e%3ccircle cx='12' cy='16' r='1' fill='%23ffffff'/%3e%3cpath d='M7 3.33782C8.47087 2.48697 10.1786 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 10.1786 2.48697 8.47087 3.33782 7' stroke='%23ffffff' stroke-width='1.5' stroke-linecap='round'/%3e%3c/svg%3e");
}
#shop {
	zoom: 1.3;
	background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg width='800px' height='800px' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.5 21.5V18.5C9.5 17.5654 9.5 17.0981 9.70096 16.75C9.83261 16.522 10.022 16.3326 10.25 16.201C10.5981 16 11.0654 16 12 16C12.9346 16 13.4019 16 13.75 16.201C13.978 16.3326 14.1674 16.522 14.299 16.75C14.5 17.0981 14.5 17.5654 14.5 18.5V21.5' stroke='%23ffffff' stroke-width='1.5' stroke-linecap='round'/%3E%3Cpath d='M21 22H9M3 22H5.5' stroke='%23ffffff' stroke-width='1.5' stroke-linecap='round'/%3E%3Cpath d='M19 22V15' stroke='%23ffffff' stroke-width='1.5' stroke-linecap='round'/%3E%3Cpath d='M5 22V15' stroke='%23ffffff' stroke-width='1.5' stroke-linecap='round'/%3E%3Cpath d='M11.9999 2H7.47214C6.26932 2 5.66791 2 5.18461 2.2987C4.7013 2.5974 4.43234 3.13531 3.89443 4.21114L2.49081 7.75929C2.16652 8.57905 1.88279 9.54525 2.42867 10.2375C2.79489 10.7019 3.36257 11 3.99991 11C5.10448 11 5.99991 10.1046 5.99991 9C5.99991 10.1046 6.89534 11 7.99991 11C9.10448 11 9.99991 10.1046 9.99991 9C9.99991 10.1046 10.8953 11 11.9999 11C13.1045 11 13.9999 10.1046 13.9999 9C13.9999 10.1046 14.8953 11 15.9999 11C17.1045 11 17.9999 10.1046 17.9999 9C17.9999 10.1046 18.8953 11 19.9999 11C20.6373 11 21.205 10.7019 21.5712 10.2375C22.1171 9.54525 21.8334 8.57905 21.5091 7.75929L20.1055 4.21114C19.5676 3.13531 19.2986 2.5974 18.8153 2.2987C18.332 2 17.7306 2 16.5278 2H16' stroke='%23ffffff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
#event {
	zoom: 1.3;
	background-image: url("data:image/svg+xml;charset=UTF-8,%3c?xml version='1.0' encoding='utf-8'?%3e%3csvg width='800px' height='800px' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M14 22H10C6.22876 22 4.34315 22 3.17157 20.8284C2 19.6569 2 17.7712 2 14V12C2 8.22876 2 6.34315 3.17157 5.17157C4.34315 4 6.22876 4 10 4H14C17.7712 4 19.6569 4 20.8284 5.17157C22 6.34315 22 8.22876 22 12V14C22 17.7712 22 19.6569 20.8284 20.8284C20.1752 21.4816 19.3001 21.7706 18 21.8985' stroke='%23ffffff' stroke-width='1.5' stroke-linecap='round'/%3e%3cpath d='M7 4V2.5' stroke='%23ffffff' stroke-width='1.5' stroke-linecap='round'/%3e%3cpath d='M17 4V2.5' stroke='%23ffffff' stroke-width='1.5' stroke-linecap='round'/%3e%3cpath d='M21.5 9H16.625H10.75M2 9H5.875' stroke='%23ffffff' stroke-width='1.5' stroke-linecap='round'/%3e%3cpath d='M18 17C18 17.5523 17.5523 18 17 18C16.4477 18 16 17.5523 16 17C16 16.4477 16.4477 16 17 16C17.5523 16 18 16.4477 18 17Z' fill='%23ffffff'/%3e%3cpath d='M18 13C18 13.5523 17.5523 14 17 14C16.4477 14 16 13.5523 16 13C16 12.4477 16.4477 12 17 12C17.5523 12 18 12.4477 18 13Z' fill='%23ffffff'/%3e%3cpath d='M13 17C13 17.5523 12.5523 18 12 18C11.4477 18 11 17.5523 11 17C11 16.4477 11.4477 16 12 16C12.5523 16 13 16.4477 13 17Z' fill='%23ffffff'/%3e%3cpath d='M13 13C13 13.5523 12.5523 14 12 14C11.4477 14 11 13.5523 11 13C11 12.4477 11.4477 12 12 12C12.5523 12 13 12.4477 13 13Z' fill='%23ffffff'/%3e%3cpath d='M8 17C8 17.5523 7.55228 18 7 18C6.44772 18 6 17.5523 6 17C6 16.4477 6.44772 16 7 16C7.55228 16 8 16.4477 8 17Z' fill='%23ffffff'/%3e%3cpath d='M8 13C8 13.5523 7.55228 14 7 14C6.44772 14 6 13.5523 6 13C6 12.4477 6.44772 12 7 12C7.55228 12 8 12.4477 8 13Z' fill='%23ffffff'/%3e%3c/svg%3e");
}
.noview {display: none;}
#statistics {
	background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 0 24 24' width='24'%3e%3cpath fill='%23ffffff' d='M6 8a2 2 0 012 2v8a2 2 0 11-4 0v-8a2 2 0 012-2zm12 3a2 2 0 012 2v5a2 2 0 11-4 0v-5a2 2 0 012-2zm-6-9a2 2 0 012 2v14a2 2 0 11-4 0V4a2 2 0 012-2z'%3e%3c/path%3e%3c/svg%3e");
	background-image: url("data:image/svg+xml;charset=UTF-8,%3c?xml version='1.0' encoding='utf-8'?%3e%3csvg width='800px' height='800px' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M22 22H2' stroke='%23ffffff' stroke-width='1.5' stroke-linecap='round'/%3e%3cpath d='M21 22V14.5C21 13.6716 20.3284 13 19.5 13H16.5C15.6716 13 15 13.6716 15 14.5V22' stroke='%23ffffff' stroke-width='1.5'/%3e%3cpath d='M15 22V9M9 22V5C9 3.58579 9 2.87868 9.43934 2.43934C9.87868 2 10.5858 2 12 2C13.4142 2 14.1213 2 14.5607 2.43934C15 2.87868 15 3.58579 15 5V5' stroke='%23ffffff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M9 22V9.5C9 8.67157 8.32843 8 7.5 8H4.5C3.67157 8 3 8.67157 3 9.5V16M3 22V19.75' stroke='%23ffffff' stroke-width='1.5' stroke-linecap='round'/%3e%3c/svg%3e");
	background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg width='800px' height='800px' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 8L12.5 6.5V10.5' stroke='%23ffffff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M19 5L19.9486 5.31621C20.9387 5.64623 21.4337 5.81124 21.7168 6.20408C22 6.59692 22 7.11873 21.9999 8.16234L21.9999 8.23487C21.9999 9.09561 21.9999 9.52598 21.7927 9.87809C21.5855 10.2302 21.2093 10.4392 20.4569 10.8572L17.5 12.5' stroke='%23ffffff' stroke-width='1.5'/%3E%3Cpath d='M4.99994 5L4.05132 5.31621C3.06126 5.64623 2.56623 5.81124 2.2831 6.20408C1.99996 6.59692 1.99997 7.11873 2 8.16234L2 8.23487C2.00003 9.09561 2.00004 9.52598 2.20723 9.87809C2.41441 10.2302 2.79063 10.4392 3.54305 10.8572L6.49994 12.5' stroke='%23ffffff' stroke-width='1.5'/%3E%3Cpath d='M12 16V19' stroke='%23ffffff' stroke-width='1.5' stroke-linecap='round'/%3E%3Cpath d='M15.5 22H8.5L8.83922 20.3039C8.93271 19.8365 9.34312 19.5 9.8198 19.5H14.1802C14.6569 19.5 15.0673 19.8365 15.1608 20.3039L15.5 22Z' stroke='%23ffffff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M18 22H6' stroke='%23ffffff' stroke-width='1.5' stroke-linecap='round'/%3E%3Cpath d='M17 2.45597C17.7415 2.59747 18.1811 2.75299 18.5609 3.22083C19.0367 3.80673 19.0115 4.43998 18.9612 5.70647C18.7805 10.2595 17.7601 16 12.0002 16C6.24021 16 5.21983 10.2595 5.03907 5.70647C4.98879 4.43998 4.96365 3.80673 5.43937 3.22083C5.91508 2.63494 6.48445 2.53887 7.62318 2.34674C8.74724 2.15709 10.2166 2 12.0002 2C12.7184 2 13.3857 2.02548 14 2.06829' stroke='%23ffffff' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");
}

.exp {
    position: fixed;
	background-image: url(../img/opyt.png);
	background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg width='800px' height='800px' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.2683 18.2287C13.2889 20.9067 12.2992 22.2458 11.3758 21.9628C10.4525 21.6798 10.4525 20.0375 10.4525 16.7528L10.4526 16.4433C10.4526 15.2585 10.4526 14.6662 10.074 14.2946L10.054 14.2754C9.6673 13.9117 9.05079 13.9117 7.81775 13.9117C5.59888 13.9117 4.48945 13.9117 4.1145 13.2387C4.10829 13.2276 4.10225 13.2164 4.09639 13.205C3.74244 12.5217 4.3848 11.6526 5.66953 9.91436L8.73167 5.77133C10.711 3.09327 11.7007 1.75425 12.6241 2.03721C13.5474 2.32018 13.5474 3.96249 13.5474 7.24712V7.55682C13.5474 8.74151 13.5474 9.33386 13.926 9.70541L13.946 9.72466C14.3327 10.0884 14.9492 10.0884 16.1822 10.0884C18.4011 10.0884 19.5106 10.0884 19.8855 10.7613C19.8917 10.7724 19.8977 10.7837 19.9036 10.795C20.2576 11.4784 19.6152 12.3475 18.3304 14.0857' stroke='%23ffffff' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");
    background-size: 30px;
    background-repeat: no-repeat;
    background-position: right center;
	display:block;
    width: 60px;
    height: 30px;
    z-index: 1;
    color: #fff39c;
    font-size: 25px;
}
.getopyt,.allwords,.getgold {
	background-size: 60px;
    background-repeat: no-repeat;
    background-position: center top;
    display: block;
    width: 80px;
    padding-top: 75px;
	margin-top:20px;
    z-index: 1;
    font-size: 20px;
}
.getopyt { background-image: url(../img/exp.png); }
.allwords { background-image: url(../img/clock.png); }
.getgold { background-image: url(../img/coin.png); }




#mainmenu {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: space-around;
    align-items: center;
    overflow-x: hidden;
    width: 100%;
    padding: 10px;
}
#mainmenu h1{
    color: white;
    text-shadow: 0px 0px 5px #00295c;
    text-transform: uppercase;
    margin: 0;
}
.urovni {
    display: flex;
    justify-content: space-around;
    width: 100%;
}
.urovni span {
    line-height: 40px;
    vertical-align: top;
    font-size: 70%;
    padding: 0 5px;
    height: 40px;
    display: inline-block;
}
[rel='button'] {
	cursor:pointer;
    display: block;
    float: left;
    position: relative;
    /* height: 45px; */
    width: 100%;
    margin: 10px;
    text-decoration: none;
    padding: 12px 20px;
    text-transform: uppercase;
    font: 34px Montserrat;
    font-weight: bold;
    /* line-height: 16px; */
    text-align: center;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
}
[rel='button'] p{
	position: absolute;
    bottom: 5px;
    display: block;
    width: calc(100% - 40px);
    height: 5px;
    margin: 0 auto;
    background: #0000004f;
}
[rel='button'] p:before{
    content: '';
	right:0;
	position: absolute;
    display: block;
    width: calc(100% - var(--prog));
    height: 5px;
    margin: 0 auto;
    background: #0000007a;
    z-index: 2;
}
[rel='button'] p:after{
    content: '';
	right:0;
	position: absolute;
    display: block;
    width: 100%;
    height: 5px;
    margin: 0 auto;
    z-index: 1;
    background: rgb(255,166,131);
	background: linear-gradient(90deg, rgba(255,166,131,1) 0%, rgba(236,255,0,1) 65%, rgba(18,255,0,1) 100%);
}
#mainmenu .urovni [rel='button'] {
    padding-top: 5px;
}
#mainmenu .container [rel='button'] {
    margin: 0 20px;
}
[rel='button'].lock:before {
	content: '';
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: calc(100% + 3px);
    background: url(../img/lock.png);
    background-color: #0000007d;
    background-size: auto 70%;
    background-repeat: no-repeat;
    background-position: center;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
    z-index: 5;
}
[rel='button']:before,
[rel='button']:after {
    content: '';
    position: absolute;
    left: -1px;
    right: -1px;
    height: 40px;
    /* width: 100%; */
    bottom: -1px;
 
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
}
 
[rel='button']:before {
    height: 43px;
    bottom: -4px;
    border: 0;
 
    -webkit-border-radius: 0 0 12px 12px;
    -moz-border-radius: 0 0 12px 12px;
    border-radius: 0 0 12px 12px;
 
    /* -webkit-box-shadow: 0 1px 1px 0px #bfbfbf; */
    /* -moz-box-shadow: 0 1px 1px 0px #bfbfbf; */
    /* box-shadow: 0 1px 1px 0px #bfbfbf; */
}

[rel='button']:not(.lock):active {
	border: none;
	bottom: -4px;
	margin-top: 4px;

	/* -webkit-box-shadow: 0 1px 1px #fff; */
	/* -moz-box-shadow:  0 1px 1px #fff; */
	/* box-shadow:  1px 1px 0 #fff, inset 0 1px 1px rgba(0, 0, 0, 0.3); */
}

[rel='button']:not(.lock):active:before,
[rel='button']:not(.lock):active:after {
	border: none; 
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}
.blue, .blue:hover, .blue:visited {
    color: #42788e;
    border-bottom: 4px solid #589cb6;
    text-shadow: 0px 1px 0px #bee9fa;
    background-color: #abe4f8;
    /* background: -webkit-gradient(linear, left top, left bottom, from(#abe4f8), to(#74d0f4)); */
    /* background: -moz-linear-gradient(top, #abe4f8, #74d0f4); */
    box-shadow: inset 1px 1px 0 #b2e6f8;
}
.blue:before, .blue:after {
    /* border: 1px solid #8cc5d9; */
    border-bottom: 1px solid #4e8aa1;
}
a.yellow, a.yellow:hover, a.yellow:visited {
    color: #996633;
    border-bottom: 4px solid #b98a37;
    text-shadow: 0px 1px 0px #fedd9b;
    background-color: #feda71;
    /* background: -webkit-gradient(linear, left top, left bottom, from(#feda71), to(#febe4d)); */
    /* background: -moz-linear-gradient(top, #feda71, #febe4d); */
    box-shadow: inset 1px 1px 0 #fee9aa;
}
.yellow:before, .yellow:after {
    /* border: 1px solid #eab551; */
    border-bottom: 1px solid #9f7630;
}
/* GREEN */
a.green, a.green:hover, a.green:visited {
	color: #5d7731;
	border-bottom: 4px solid #799545;
	text-shadow: 0px 1px 0px #d5e8aa;
	background-color: #cae285;
	/* background: -webkit-gradient(linear, left top, left bottom, from(#cae285), to(#a3cd5a)); */
	/* background: -moz-linear-gradient(top,  #cae285,  #a3cd5a); */
	box-shadow: inset 1px 1px 0 #cce3a1;
}

.green:before, .green:after {
	/* border: 1px solid #98b85b; */
	border-bottom: 1px solid #6d883b;
}
a.pink,a.pink:hover,a.pink:visited {
	color: #913944;
	border-bottom: 4px solid #cb5462;
	text-shadow: 0px 1px 0px #f9a0ad;
	background-color: #f56778;
	/* background: -webkit-gradient(linear, left top, left bottom, from(#f997b0), to(#f56778)); */
	/* background: -moz-linear-gradient(top,  #f997b0,  #f56778); */
	box-shadow: inset 1px 1px 0 #fbc1d0;
}

.pink:before,.pink:after {
	/* border: 1px solid #ee8090; */
	border-bottom: 1px solid #b84d5a;
}
a.gray,a.gray:hover,a.gray:visited {
	color: #555;
	border-bottom: 4px solid #b2b1b1;
	text-shadow: 0px 1px 0px #fafafa;
	background-color: #eee;
	/* background: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#e2e2e2)); */
	/* background: -moz-linear-gradient(top,  #eee,  #e2e2e2); */
	box-shadow: inset 1px 1px 0 #f5f5f5;
}

.gray:before,.gray:after {
	/* border: 1px solid #cbcbcb; */
	border-bottom: 1px solid #a5a5a5;
}



#board-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-grow: 1;
    flex-wrap: wrap;
    overflow: hidden;
    width: 100%;
    /* max-width: 600px; */
    margin: 0px auto 0px;
    position: relative;
    flex-direction: column;
}
#board {
	width: 95%;
    padding: 10px 0;
    box-sizing: border-box;
    position: relative;
}
#board[class^=ur] {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.option {
    width: 90%;
    display: flex;
    justify-content: space-around;
    padding: 10px 20px;
    margin-top: 20px;
    background: #ffffff91;
    height: calc(var(--sizeround) + 30px);
    border-radius: 20px;
    align-items: flex-end;
    position: relative;
}

.option a{
	cursor:pointer;
	position:relative;
	display:flex;
    align-items: flex-end;
    justify-content: center;
	width:var(--sizeround);
	height:var(--sizeround);
    background-size: 100%;
    font-size: 10px;
    color: white;
    font-size: 80%;
    border-radius: 5px;
	/* border-radius:50%; */
	z-index:1;
}
/* .tabcont .option a{ */
	/* width:calc(var(--sizeround) / 2); */
	/* height:calc(var(--sizeround) / 2); */
/* } */
.option a.ftime { background-image: url(../img/time.png); }
.option a.grid { background-image: url(../img/grid.png); }
.option a.split { background-image: url(../img/split.png); }
.option a.view { background-image: url(../img/view.png); }
.option a.shufl { background-image: url(../img/shufl.png); }
.option a.open {cursor:default;}
.option a.open:after{
	transition: transform .5s;
	width: 100%;
	height: 100%;
	display: block;
	content:'';
	position:absolute;
	top:0;
	left:0;
	border-radius:5px;
	background:black;
	opacity:0.5;
	z-index:2;
}
.option a svg.progress-ring {
	z-index:3;
}

.option a span{
	background-color: #2e809f;
    border-radius: 50%;
    display: flex;
    position: absolute;
    bottom: -5px;
    right: -5px;
    min-width: 30px;
    min-height: 30px;
    border: 2px solid #0c5672;
    justify-content: center;
    align-items: center;
    font-size: 100%;
    font-weight: bold;
    line-height: 100%;
}
.option a span.plus {
	text-indent:-9999px;
	background-size:26px;
	background-image: url("data:image/svg+xml;charset=UTF-8,%3c?xml version='1.0' encoding='utf-8'?%3e%3csvg width='800px' height='800px' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M15 12L12 12M12 12L9 12M12 12L12 9M12 12L12 15' stroke='%23ffffff' stroke-width='1.5' stroke-linecap='round'/%3e%3cpath d='M7 3.33782C8.47087 2.48697 10.1786 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 10.1786 2.48697 8.47087 3.33782 7' stroke='%23ffffff' stroke-width='1.5' stroke-linecap='round'/%3e%3c/svg%3e");
}
.option a.open span {display:none;}

.score {
    margin: 10px auto;
    position: absolute;
    top: -25px;
    width: 90%;
    height: 30px;
    text-align: center;
    line-height: 30px;
    color: white;
    z-index: 1;
}
.score .round {
	display: flex;
    position: relative;
    padding: 0px 20px;
    bottom: 10px;
    text-shadow: 0px 3px 3px #263ea2;
    font-weight: bold;
    font-size: calc(var(--sizeround) / 3);
}
.stars {
	position:absolute;
	bottom: 15px;
	width:var(--sizeround);
	height:calc(var(--sizeround) / 2);
	background-size:contain;
	transform: rotate(22deg);
}
.stars.star1 { width:calc(var(--sizeround) / 3); height: calc(var(--sizeround) / 3); left:calc(50% - var(--sizeround) / 2); background-image:url(/img/onestar.png); }
.stars.star2 { width:calc(var(--sizeround) / 3 * 2.1); height: calc(var(--sizeround) / 3); left:calc(80% - var(--sizeround) / 2); background-image:url(/img/onestar.png); }
.stars.star3 { zoom: 1.1; background-repeat:no-repeat; left:calc(99% - var(--sizeround) / 2); background-image:url(/img/star3.png); bottom: 5px;}
.stars.star3.st1 { background-image:url(/img/star1.png); }
.stars.star3.st2 { background-image:url(/img/star2.png); }
.stars.non {background-image:url(/img/onenostar.png);}
.stars.non.star3 { background-image:url(/img/star0.png); }
.stars.pulse {animation-duration: 1000ms;}
.linescore {
	position: absolute;
    overflow: hidden;
    width: 100%;
    height: 100%;
    border: 1px solid #14647f;
    border-radius: 15px;
}
.linescore::before { 
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #4CAF50;
    background: rgb(16,88,112);
    background: linear-gradient(0deg, rgba(16,88,112,1) 0%, rgba(21,101,128,1) 36%, rgba(54,154,187,1) 98%, rgba(16,88,112,1) 100%);
    z-index: -2;
	border-radius: 15px;
}

.linescore::after { 
	content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transform: translateX(calc((100% - var(--percent)) * -1));
    background: rgb(228,208,14);
	background: linear-gradient(0deg, rgb(195 177 8) 0%, rgba(240,219,18,1) 37%, rgba(255,235,42,1) 96%, rgb(181 165 11) 100%);
    z-index: -1;
    transition: transform var(--transition) linear;
	border-radius: 15px;
}
/* .stars:not(.star3):before { */
    /* content: ''; */
    /* display: block; */
    /* width: 2px; */
    /* position: absolute; */
    /* left: 50%; */
    /* top: 42%; */
    /* height: 100%; */
    /* background: #8c8c8c; */
    /* z-index: -1; */
/* } */



.onTimer {
    position: absolute;
    font-size: 70%;
    top: 80%;
    text-align: center;
    left: 50%;
    border-radius: 5px;
    padding: 0 5px;
    background: #e98c00;
    transform: translateX(-50%);
}
.onTimer.sily {
    font-size: 100%;
    top: 0px;
    left: 5px;
    position: relative;
    padding: 5px;
}
.onTimer.nospan span {
	opacity:0;
    transition: opacity 1s linear;
}

.timer {
    margin: 10px auto;
    background-size: 25px;
    background-repeat: no-repeat;
    background-position: calc(50% - var(--sizeroundout) / 2 - 5px) 2px;
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg width='800px' height='800px' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 9V13L14.5 15.5' stroke='%23ffffff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M3.5 4.5L7.50002 2' stroke='%23ffffff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M20.5 4.5L16.5 2' stroke='%23ffffff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M7.5 5.20404C8.82378 4.43827 10.3607 4 12 4C16.9706 4 21 8.02944 21 13C21 17.9706 16.9706 22 12 22C7.02944 22 3 17.9706 3 13C3 11.3607 3.43827 9.82378 4.20404 8.5' stroke='%23ffffff' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");
    position: relative;
    width: 90%;
    max-width: 600px;
    height: 30px;
    text-align: center;
    line-height: 30px;
	color:white;
    border: 1px solid #14647f; 
	border-radius: 5px;
}
.timer::before { 
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #4CAF50;
    background: rgb(16,88,112);
    background: linear-gradient(0deg, rgba(16,88,112,1) 0%, rgba(21,101,128,1) 36%, rgba(54,154,187,1) 98%, rgba(16,88,112,1) 100%);
    z-index: -2;
	border-radius: 5px;
}

.timer::after { 
	content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: var(--percent);
    height: 100%;
    background: rgb(55,189,45);
    background: linear-gradient(0deg, rgba(55,189,45,1) 0%, rgba(65,214,54,1) 56%, rgba(236,255,0,1) 98%, rgba(55,189,45,1) 100%);
    z-index: -1;
    transition: width var(--transition) linear;
	/* transition-duration: .05s; */
}

.h1 {font-size:250%;}
.h2 {font-size:200%;}
.h3 {font-size:150%;}
.finalx {
    position: absolute;
    top: 0;
    display: flex;
	flex-wrap: wrap;
    width: 100%;
    height: 100%;
    justify-content: space-evenly;
    align-items: center;
	flex-direction: column;
    font-size: 300%;
    font-weight: bold;
    color: #fcc20e;
    text-shadow: 0px 3px 2px #9d7808;
    z-index: 1050;
}
.finalx .lose {
    color: #ff6f2b;
    text-shadow: 0px 3px 2px #f50000;
}
.finalx .text {
    font-size: 20px;
    font-weight: bold;
    color: #fcc20e;
    text-shadow: 0px 3px 2px #9d7808;
    z-index: 1050;
    border-radius: 8px;
    border: 1px solid var(--color-tone-6);
    background-color: var(--modal-content-bg);
    color: var(--color-tone-1);
    box-shadow: 0 4px 23px 0 rgb(0 0 0 / 20%);
    /* height: 246px; */
    overflow-y: auto;
    animation: SlideIn 200ms;
    padding: 16px;
    box-sizing: border-box;
    margin: 0 auto;
    flex-direction: column;
	text-shadow:none;
    display: flex;
    transform: translateY(25%);
	transition: transform .3s ease-out;
}
.finalx .pretext {
    width: 90%;
    max-width: 500px;
    display: none;
	opacity:0;
	transition: opacity .15s linear;
}
.finalx .pretext.show {
	opacity:1;
}
.finalx .show .text{
    transform: translate(0);
}
.finalx div[iksy] {
    text-align: center;
    width: 100%;
    color: white;
    color: #fcc20e;
    text-shadow: 0px 3px 2px #9d7808;
}
.finalx div[balance] {
    background-size: 80px;
    background-repeat: no-repeat;
    background-position: right center;
    padding-right: 80px;
    /* margin-right: 10px; */
}
.finalx div[opyt] {
	background-image: url(../img/opyt.png);
	background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg width='800px' height='800px' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.2683 18.2287C13.2889 20.9067 12.2992 22.2458 11.3758 21.9628C10.4525 21.6798 10.4525 20.0375 10.4525 16.7528L10.4526 16.4433C10.4526 15.2585 10.4526 14.6662 10.074 14.2946L10.054 14.2754C9.6673 13.9117 9.05079 13.9117 7.81775 13.9117C5.59888 13.9117 4.48945 13.9117 4.1145 13.2387C4.10829 13.2276 4.10225 13.2164 4.09639 13.205C3.74244 12.5217 4.3848 11.6526 5.66953 9.91436L8.73167 5.77133C10.711 3.09327 11.7007 1.75425 12.6241 2.03721C13.5474 2.32018 13.5474 3.96249 13.5474 7.24712V7.55682C13.5474 8.74151 13.5474 9.33386 13.926 9.70541L13.946 9.72466C14.3327 10.0884 14.9492 10.0884 16.1822 10.0884C18.4011 10.0884 19.5106 10.0884 19.8855 10.7613C19.8917 10.7724 19.8977 10.7837 19.9036 10.795C20.2576 11.4784 19.6152 12.3475 18.3304 14.0857' stroke='%23ffffff' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");
    background-size: 55px;
    background-repeat: no-repeat;
    background-position: right center;
    padding-right: 65px;
    /* margin-right: 10px; */
}
.finalx .unlife {
	width: 170px;
    height: 170px;
    margin: 30px auto;
    text-shadow: 0px 0px 6px black;
    color: red;
    padding: 0 10px !important;
    font-size: 300%;
    display: flex;
    background-position: center;
    background-size: 100%;
    justify-content: center;
    align-items: center;
}
.finalx .ratstars {
    width: 80%;
    /* height: 120px; */
    display: flex;
    margin: 30px auto;
    position: relative;
    justify-content: space-around;
}
.finalx .stars.star1 {
    width: 33%;
    height: 120px;
    display: block;
    position: relative;
    transform: unset;
    left: auto;
    /* margin: 30px auto; */
    zoom: 1;
	background-image: url(/img/finalstar.png);
    background-position: center;
	background-repeat:no-repeat;
}
.finalx .stars.star1:nth-child(odd){
    background-size: 60%;
}
.finalx .stars.star1.non {
	background-image: url(/img/finalstarnon.png);
}


.toaster {
    position: absolute;
    /* left: 5%; */
    bottom: 30px;
    z-index: 1051;
    border-radius: 8px;
    border: 1px solid var(--color-tone-6);
    background-color: var(--modal-content-bg);
    color: var(--color-tone-1);
    box-shadow: 0 4px 23px 0 rgb(0 0 0 / 20%);
    width: 90%;
    max-width: 500px;
    overflow-y: auto;
    animation: SlideIn 200ms;
    padding: 16px;
    box-sizing: border-box;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.line {
	background: rgb(0,0,0);
    background: linear-gradient(90deg, rgba(255,255,255,1) 5%, rgba(0,0,0,1) 50%, rgba(255,255,255,1) 95%);
    display: block;
    width: 100%;
    height: 1px;
	margin:5px 0;
}

.power a{
	cursor:pointer;
	position:relative;
	display:flex;
    align-items: center;
    justify-content: center;
	width:var(--sizeround);
	height:var(--sizeround);
    background-size: 80%;
    background-position: center;
    background-repeat: no-repeat;
    border: 3px dashed transparent;
    font-size: 10px;
    color: white;
    font-size: calc(var(--sizeround) / 3);
    border-radius: 10px;
	/* border-radius:50%; */
	z-index:1;
    filter: grayscale(1);
	transition: .2s filter ease-in-out;
}
.power a.ftime { background-image: url(../img/sttime.png); }					
.power a.nwcard { background-image: url(../img/newcard.png); }
.power a.norevr { background-image: url(../img/5978029.png); color:#1000ff; font-weight:bold; }
.power a.tofing { background-image: url(../img/10288805.png); }
.power a.close {filter: opacity(33%) blur(1px) grayscale(1);}
.power a.open {filter: grayscale(0); border-color:#af6b6b;}
.power a.block {filter: opacity(33%) blur(3px) grayscale(.7);}

.animated-button {
  background: linear-gradient(-30deg, #0b1b3d 50%, #08142b 50%);
  padding: 20px 40px;
  margin: 12px;
  display: inline-block;
  -webkit-transform: translate(0%, 0%);
          transform: translate(0%, 0%);
  overflow: hidden;
  color: #d4e0f7;
  font-size: 20px;
  letter-spacing: 2.5px;
  text-align: center;
  text-transform: uppercase;
  text-decoration: none;
  -webkit-box-shadow: 0 20px 50px rgba(0, 0, 0, 0.5);
          box-shadow: 0 20px 50px rgba(0, 0, 0, 0.5);
}

.animated-button::before {
  content: '';
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background-color: #8592ad;
  opacity: 0;
  -webkit-transition: .2s opacity ease-in-out;
  transition: .2s opacity ease-in-out;
}

.animated-button:hover::before {
  opacity: 0.2;
}

.animated-button span {
  position: absolute;
}

.animated-button span:nth-child(1) {
  top: 0px;
  left: 0px;
  width: 100%;
  height: 5px;
  background: -webkit-gradient(linear, right top, left top, from(rgba(8, 20, 43, 0)), to(#2662d9));
  background: linear-gradient(to left, rgba(8, 20, 43, 0), #2662d9);
  -webkit-animation: 2s animateTop linear infinite;
          animation: 2s animateTop linear infinite;
}

@-webkit-keyframes animateTop {
  0% {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }
  100% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
}

@keyframes animateTop {
  0% {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }
  100% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
}

.animated-button span:nth-child(2) {
  top: 0px;
  right: 0px;
  height: 100%;
  width: 5px;
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(8, 20, 43, 0)), to(#2662d9));
  background: linear-gradient(to top, rgba(8, 20, 43, 0), #2662d9);
  -webkit-animation: 2s animateRight linear -1s infinite;
          animation: 2s animateRight linear -1s infinite;
}

@-webkit-keyframes animateRight {
  0% {
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
  }
  100% {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
  }
}

@keyframes animateRight {
  0% {
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
  }
  100% {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
  }
}

.animated-button span:nth-child(3) {
  bottom: 0px;
  left: 0px;
  width: 100%;
  height: 5px;
  background: -webkit-gradient(linear, left top, right top, from(rgba(8, 20, 43, 0)), to(#2662d9));
  background: linear-gradient(to right, rgba(8, 20, 43, 0), #2662d9);
  -webkit-animation: 2s animateBottom linear infinite;
          animation: 2s animateBottom linear infinite;
}

@-webkit-keyframes animateBottom {
  0% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
  100% {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }
}

@keyframes animateBottom {
  0% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
  100% {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }
}

.animated-button span:nth-child(4) {
  top: 0px;
  left: 0px;
  height: 100%;
  width: 5px;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(8, 20, 43, 0)), to(#2662d9));
  background: linear-gradient(to bottom, rgba(8, 20, 43, 0), #2662d9);
  -webkit-animation: 2s animateLeft linear -1s infinite;
          animation: 2s animateLeft linear -1s infinite;
}

@-webkit-keyframes animateLeft {
  0% {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
  }
  100% {
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
  }
}

@keyframes animateLeft {
  0% {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
  }
  100% {
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
  }
}



#tooltip {
    z-index: 10000;
	position: absolute;
	/* display: none; */
	top:7px;
	left:0px;
	/* right:0; */
	background-color: #fff;
	padding: 8px 10px;
	color: #337ab7;
	font-size: 12px;
	/* min-width:80px; */
	width:auto;
	max-width:280px;
	opacity: 0;
    /* border: 1px solid #00000030; */
	border-radius: 5px;
    -moz-box-shadow: 3px 0px 10px -1px #000;
    -webkit-box-shadow: 3px 0px 10px -1px #000;
    box-shadow: 3px 0px 10px -1px #000;
}
#tooltip p{
	margin:0;
}
#tooltip span {
	display:block;
    content:'';
    position: absolute;
    top: 100%;
    border: 5px solid transparent;
    border-top: 5px solid #fff;
}
#tooltip.bottom span {
    top: auto;
	bottom:100%;
    border-bottom: 5px solid #fff;
    border-top-color: transparent;
}
#tooltip a {
	text-decoration:underline;
}


.dalee {
	cursor:pointer;
    display: block;
    float: left;
    position: relative;
    /* height: 45px; */
    width: auto;
    margin: 0;
    text-decoration: none;
    padding: 5px 10px;
    text-transform: uppercase;
    font: 150% Montserrat;
    font-weight: bold;
    /* line-height: 16px; */
    text-align: center;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
}

a.shar {
	cursor:pointer;
    display: block;
    float: left;
    position: relative;
    /* height: 45px; */
    min-width: 50px;
    width: auto;
    margin: 0 5px;
    text-decoration: none;
    padding: 10px 10px;
    text-transform: none;
    font: 80% Montserrat;
    font-weight: bold;
    /* line-height: 16px; */
    text-align: center;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
}
a.shar {font-size:100%;}
a.shared {
	background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg fill='%234e8aa1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 50' width='100px' height='100px'%3e%3cpath d='M 40 0 C 34.535156 0 30.078125 4.398438 30 9.84375 C 30 9.894531 30 9.949219 30 10 C 30 13.6875 31.996094 16.890625 34.96875 18.625 C 36.445313 19.488281 38.167969 20 40 20 C 45.515625 20 50 15.515625 50 10 C 50 4.484375 45.515625 0 40 0 Z M 28.0625 10.84375 L 17.84375 15.96875 C 20.222656 18.03125 21.785156 21 21.96875 24.34375 L 32.3125 19.15625 C 29.898438 17.128906 28.300781 14.175781 28.0625 10.84375 Z M 10 15 C 4.484375 15 0 19.484375 0 25 C 0 30.515625 4.484375 35 10 35 C 12.050781 35 13.941406 34.375 15.53125 33.3125 C 18.214844 31.519531 20 28.472656 20 25 C 20 21.410156 18.089844 18.265625 15.25 16.5 C 13.71875 15.546875 11.929688 15 10 15 Z M 21.96875 25.65625 C 21.785156 28.996094 20.25 31.996094 17.875 34.0625 L 28.0625 39.15625 C 28.300781 35.824219 29.871094 32.875 32.28125 30.84375 Z M 40 30 C 37.9375 30 36.03125 30.644531 34.4375 31.71875 C 31.769531 33.515625 30 36.542969 30 40 C 30 40.015625 30 40.015625 30 40.03125 C 29.957031 40.035156 29.917969 40.058594 29.875 40.0625 L 30 40.125 C 30.066406 45.582031 34.527344 50 40 50 C 45.515625 50 50 45.515625 50 40 C 50 34.484375 45.515625 30 40 30 Z'/%3e%3c/svg%3e");
	background-size: 25px;
    background-repeat: no-repeat;
    background-position: 11px;
    background-color: #abe4f8;
    height: 46px;
    /* padding-left: 40px; */
}
a.shared2 {
	background-image: url("data:image/svg+xml;charset=UTF-8,%3c?xml version='1.0' encoding='iso-8859-1'?%3e%3csvg version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 47.971 47.971' style='enable-background:new 0 0 47.971 47.971;' xml:space='preserve'%3e%3cg%3e%3cpath fill='%23cb5462' d='M28.228,23.986L47.092,5.122c1.172-1.171,1.172-3.071,0-4.242c-1.172-1.172-3.07-1.172-4.242,0L23.986,19.744L5.121,0.88 c-1.172-1.172-3.07-1.172-4.242,0c-1.172,1.171-1.172,3.071,0,4.242l18.865,18.864L0.879,42.85c-1.172,1.171-1.172,3.071,0,4.242 C1.465,47.677,2.233,47.97,3,47.97s1.535-0.293,2.121-0.879l18.865-18.864L42.85,47.091c0.586,0.586,1.354,0.879,2.121,0.879 s1.535-0.293,2.121-0.879c1.172-1.171,1.172-3.071,0-4.242L28.228,23.986z'/%3e%3c/g%3e%3cg%3e%3c/g%3e%3cg%3e%3c/g%3e%3cg%3e%3c/g%3e%3cg%3e%3c/g%3e%3cg%3e%3c/g%3e%3cg%3e%3c/g%3e%3cg%3e%3c/g%3e%3cg%3e%3c/g%3e%3cg%3e%3c/g%3e%3cg%3e%3c/g%3e%3cg%3e%3c/g%3e%3cg%3e%3c/g%3e%3cg%3e%3c/g%3e%3cg%3e%3c/g%3e%3cg%3e%3c/g%3e%3c/svg%3e");
	background-size: 26px;
    background-repeat: no-repeat;
    background-position: 13px;
    background-color: #f56778;
    height: 46px;
}
a.shared3 {
	background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 482.207 482.207' style='enable-background:new 0 0 482.207 482.207;' xml:space='preserve'%3e%3cpath fill='%23b98a37' d='M482.207,186.973l-159.699-33.705L241.104,11.803l-81.404,141.465L0,186.973l109.388,121.134L92.094,470.404l149.01-66.6 l149.01,66.6l-17.294-162.296L482.207,186.973z M241.104,370.943l-113.654,50.798l13.191-123.788l-83.433-92.393l121.807-25.707 l62.09-107.9l62.09,107.9L425,205.561l-83.433,92.393l13.191,123.788L241.104,370.943z'/%3e%3cg%3e%3c/g%3e%3cg%3e%3c/g%3e%3cg%3e%3c/g%3e%3cg%3e%3c/g%3e%3cg%3e%3c/g%3e%3cg%3e%3c/g%3e%3cg%3e%3c/g%3e%3cg%3e%3c/g%3e%3cg%3e%3c/g%3e%3cg%3e%3c/g%3e%3cg%3e%3c/g%3e%3cg%3e%3c/g%3e%3cg%3e%3c/g%3e%3cg%3e%3c/g%3e%3cg%3e%3c/g%3e%3c/svg%3e");
	background-size: 30px;
    background-repeat: no-repeat;
    background-position: 11px;
    background-color: #feda71;
    height: 46px;
}
a.shared4 {
	/* background-image: url("data:image/svg+xml;charset=UTF-8,%3c?xml version='1.0' encoding='utf-8'?%3e%3csvg version='1.1' id='Icons' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 32 32' style='enable-background:new 0 0 32 32;' xml:space='preserve'%3e%3cstyle type='text/css'%3e .st0%7bfill:none;stroke:%23799545;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;%7d .st1%7bfill:none;stroke:%23799545;stroke-width:2;stroke-linejoin:round;stroke-miterlimit:10;%7d %3c/style%3e%3ccircle class='st0' cx='23' cy='22' r='7'/%3e%3cline class='st0' x1='23' y1='19' x2='23' y2='25'/%3e%3cline class='st0' x1='20' y1='22' x2='26' y2='22'/%3e%3cpath class='st0' d='M20.5,15.5c0.3-0.8,0.5-1.6,0.5-2.5v0c0-1.1,0.9-2,2-2h0l0-2.3c0-2.8-2.1-5.4-4.9-5.7c-2-0.2-3.8,0.6-4.9,2.1 c-0.8-0.2-1.6-0.1-2.6,0.6C9.6,6.4,9,7.7,9,9l0,1v1.5v1.3c0,2.2,1.2,4.3,3,5.4v0c0,2.3-1.6,4.2-3.8,4.8c-2.6,0.7-4.5,2.8-5.1,5.4 C3.1,28.7,3.3,29,3.7,29L23,29'/%3e%3c/svg%3e"); */
	background-image: url("data:image/svg+xml;charset=UTF-8,%3c?xml version='1.0' standalone='no'?%3e%3csvg version='1.0' xmlns='http://www.w3.org/2000/svg' width='512.000000pt' height='512.000000pt' viewBox='0 0 512.000000 512.000000' preserveAspectRatio='xMidYMid meet'%3e%3cg transform='translate(0.000000,512.000000) scale(0.100000,-0.100000)' fill='%23799545' stroke='none'%3e%3cpath d='M898 4669 l-898 -449 0 -1125 0 -1125 900 -450 900 -450 70 35 70 35 -7 43 c-5 23 -8 122 -8 220 0 97 -1 177 -3 177 -1 0 -29 -14 -62 -30 l-60 -30 -700 350 -700 350 0 775 0 775 600 -300 600 -300 0 -490 0 -490 200 0 200 0 0 490 0 490 600 300 600 300 0 -323 0 -323 93 23 c50 13 135 28 187 34 52 6 101 13 108 15 9 3 12 114 12 514 l0 510 -900 450 c-495 247 -901 450 -902 449 -2 0 -407 -202 -900 -450z m1480 -287 l572 -287 -575 -288 -575 -287 -575 287 -575 288 572 287 c315 158 575 287 578 287 3 0 263 -129 578 -287z'/%3e%3cpath d='M3542 2789 c-175 -24 -360 -86 -507 -170 -129 -74 -219 -145 -326 -257 -187 -195 -303 -414 -361 -685 -31 -146 -31 -408 0 -554 58 -269 173 -489 357 -681 190 -200 413 -332 669 -397 392 -99 789 -29 1139 202 94 62 299 267 362 363 166 250 239 491 239 790 0 241 -41 420 -141 620 -76 150 -139 236 -268 365 -208 209 -422 326 -703 385 -114 24 -350 34 -460 19z m413 -418 c465 -115 786 -544 762 -1016 -20 -368 -226 -685 -554 -849 -269 -135 -590 -139 -859 -12 -121 57 -204 115 -289 201 -336 335 -390 853 -130 1251 149 229 388 387 662 439 104 20 301 13 408 -14z'/%3e%3cpath d='M3520 1800 l0 -200 -200 0 -200 0 0 -200 0 -200 200 0 200 0 0 -200 0 -200 200 0 200 0 0 200 0 200 200 0 200 0 0 200 0 200 -200 0 -200 0 0 200 0 200 -200 0 -200 0 0 -200z'/%3e%3c/g%3e%3c/svg%3e ");
	background-size: 30px;
    background-repeat: no-repeat;
    background-position: 11px;
    background-color: #cae285;
    height: 46px;
}
a.shar:active {
    border-bottom: 0;
    border-top: 4px solid white;
}
a.shar.active:active {
	border-top: 0;
}
a.shar.noback {background-image:none;}
.container {
	text-align:center;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-around;
    padding: 8px 0;
	width:100%;
}
.container > div{
    position: relative;
}
.statistic-container {
    /* flex: 1; */
    width: 100%;
	padding:0 10px;
}
.statistic-container .statistic {
    font-size: 150%;
    font-weight: 400;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    letter-spacing: 0.05em;
    font-variant-numeric: proportional-nums;
}
.statistic-container .label {
    font-size: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}
.close-icon {
	cursor:pointer;
    width: 24px;
    height: 24px;
    position: absolute;
    top: 16px;
    right: 16px;
	background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 0 24 24' width='24'%3e%3cpath fill='%23aaaaaa' d='M18.3 5.7a.99.99 0 00-1.4 0L12 10.6 7.1 5.7a.99.99 0 00-1.4 1.4l4.9 4.9-4.9 4.9a.99.99 0 001.4 1.4l4.9-4.9 4.9 4.9a.99.99 0 001.4-1.4L13.4 12l4.9-4.9a.99.99 0 000-1.4z'%3e%3c/path%3e%3c/svg%3e");
}

.spravka > div {
    width: 100%;
    border-radius: 8px;
    border: 1px solid var(--color-tone-6);
    padding: 16px;
    background-color: var(--modal-content-bg);
}
.spravka .row {
    width: 80%;
    max-width: 500px;
    margin: 15px auto;	
}
.spravka span{
	font-weight:bold;
}
.spravka [rel=button]{
	margin-top:30px;
}

.notif {
    position: absolute;
    left: 10%;
    top: 10%;
    z-index: 9999;
    border-radius: 8px;
    background-color: var(--modal-content-bg);
    border: 1px solid var(--color-tone-6);
    /* background-image: url(3.jpg); */
    /* background-size: 100%; */
    /* background-position: 0; */
    color: var(--color-tone-1);
    box-shadow: 0 4px 23px 0 rgb(0 0 0 / 20%);
    width: 80%;
    max-height: 80%;
    overflow-y: auto;
    animation: SlideIn 200ms;
    max-width: var(--game-max-width);
    padding: 16px;
    box-sizing: border-box;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
	font-size:80%;
	text-align:center;
    line-height: 200%;
}

.window {
    position: absolute;
    left: auto;
    top: 60px;
    z-index: 1050;
    border-radius: 8px;
    background-color: var(--modal-content-bg);
    border: 1px solid var(--color-tone-6);
    /* background-image: url(3.jpg); */
    /* background-size: 100%; */
    /* background-position: 0; */
    color: var(--color-tone-1);
    box-shadow: 0 4px 23px 0 rgb(0 0 0 / 20%);
    width: 90%;
	/* height:calc(100% - 70px); */
    max-height: calc(100% - 70px);
    overflow-y: auto;
    animation: SlideIn 200ms;
    max-width: 600px;
    padding: 16px;
    box-sizing: border-box;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
	font-size:80%;
	text-align:center;
    line-height: 200%;
}
a.wclose {
    width: 22px;
    height: 22px;
    min-width: auto;
    display: inline-block;
    font-size: 0;
    margin: 0px;
    border: none;
    padding: 5px;
    background-color: transparent;
    cursor: pointer;
    line-height: 1;
    position: absolute;
    top: 10px;
    right: 10px;
}

.wclose:after, .wclose:before {
    background-color: #000;
    border-radius: 4px;
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%) rotate(45deg);
    transform: translate(-50%,-50%) rotate(45deg);
	transition: transform .2s;
}
.wclose:hover:after, .wclose:hover:before {
    -webkit-transform: translate(-50%,-50%) rotate(135deg);
    transform: translate(-50%,-50%) rotate(135deg);
}

.wclose.dark:after, .wclose.dark:before {
    background-color: #fff;
}
.wclose.bblack:after, .wclose.bblack:before {
    background-color: #e31235;
}
.wclose:before {
    width: 4px;
    height: 18px;
}
.wclose:after {
    width: 18px;
    height: 4px;
}

.everyday ~ .container {
    align-items: flex-start
}
.everyday ~ .container > div{
	display: flex;
    align-items: center;
    /* align-content: center; */
    justify-content: flex-start;
    /* flex-wrap: wrap; */
    flex-direction: column;
}


div.spisk {
    overflow-y: auto;
	width:100%;
    margin-bottom: 10px;
    margin-top: 15px;
}
*::-webkit-scrollbar-button {
background-image:url('');
background-repeat:no-repeat;
width:5px;
height:0px;
margin-left:5px;
}

*::-webkit-scrollbar-track {
background-color:transparent;
}

*::-webkit-scrollbar-thumb {
-webkit-border-radius: 0px;
border-radius: 0px;
background-color:#3997c1;
}

*::-webkit-scrollbar-thumb:hover{
background-color:#005e7f;
}

*::-webkit-resizer{
background-image:url('');
background-repeat:no-repeat;
width:5px;
height:0px
}

*::-webkit-scrollbar{
width: 4px;
}
.profile img {
	border-radius:50%;
	width:100px;
}
.profile .balance, .profile .life, .profile .fire, .profile .level, .success {
    background-size: 27px;
    background-position: right center;
    padding-right: 30px;
    text-align: right;
    margin: 10px 20px;
    font-size: 130%;
    line-height: 26px;
    font-weight: bold;
}
.listpics .level, .listpics .opyt {
    background-size: 15px;
    background-position: left center;
    padding-left: 20px;
    text-align: right;
    margin: 0px 5px;
    font-size: 100%;
    /* font-weight: bold; */
    height: 24px;
    display: inline-block;
    line-height: 24px;
}
.profile a.balance {    
	background-size: 20px;
    padding-right: 25px;
}
a.addmoney {
    padding-right: 50px;
	height:30px;
}
a.addmoney span {
    position: absolute;
    right: 5px;
    top: 0px;
    background-image: url(../img/icon_ads.png);
    background-size: 34px;
    background-repeat: no-repeat;
    background-position: 0px 0px;
    width: 42px;
    height: 26px;
}
.profile [rel=button]{
	/* margin-top:30px; */
}
.dispflex {
	display:flex;
}
.stat {
    position: relative;
    width: 100%;
    margin-top: 10px;
    margin-bottom: 15px;
	display:flex;
    justify-content: center;
}
.stat::after {
    width: 100%;
    position: absolute;
    border-bottom: 1px dashed #d7d7d7;
    bottom: 3px;
    left: 0;
    z-index: 0;
    height: 1px;
    content: "";
}
.stat span {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    align-content: center;
    align-items: center;
}
.stat span > *{
	padding:0;
	margin:0;	
    background: white;
    z-index: 1;
}
.inline {
    position: relative;
    margin-top: 10px;
    margin-bottom: 30px;
    display: flex;
    justify-content: space-between;
	width: 100%;
    flex-direction: row;
    align-content: center;
    align-items: center;
}
.inline::after {
    width: 100%;
    position: absolute;
    border-bottom: 1px dashed #d7d7d7;
    bottom: 3px;
    left: 0;
    z-index: 0;
    height: 1px;
    content: "";
}
.inline > *{
	/* padding:0; */
	/* margin:0;	 */
    /* background: white; */
    z-index: 1;
}
.inline img {
	height:50px;
}
.buytext {margin:15px 10px;}
.buytext img {
	display:none;
}
.finalx .inline {
    margin: 5px 0;
}
.finalx .inline > * {
    font-size: 90%;
	font-weight:normal;
}
/* .finalx .stat span p { */
	/* font-size:80%; */
/* } */
/* .stat span p:first-child { */
	/* padding-right:10px; */
/* } */
.profile .stat span p:last-child {
	/* padding-left:10px; */
	font-size:150%;
}
.finalx .stat span p {
	padding:0!important;
}

.listpics {
	position: relative;
	height: 48px;
    margin-bottom: 12px;
	width:100%;
	display: inline-block;
    overflow: hidden;
	text-align:left;
}
.listpics>div:nth-child(1){
	float: left;
	margin-right:5px;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 48px;
    min-width: 40px;
}
.listpics>div:nth-child(2){
	float: left;
	margin-right:5px;
}
.listpics>div:nth-child(2) img{
	width:48px;
	border-radius:50%;
}
.listpics>div:nth-child(3){
	line-height:20px;
	word-break: break-all;
	white-space: pre;
	overflow: hidden;
	text-overflow: ellipsis;
	font-size: 16px;
}
.listpics>div:nth-child(4){
	line-height:18px;
	word-break: break-all;
	white-space: pre;
	overflow: hidden;
	text-overflow: ellipsis;
	color: #677177;
	font-size: 10px;
}	
.stats .opyt {
    display: inline;
    font-weight: bold;
    padding-left: 10px;
}
.stats .listpics>div:nth-child(1){
    display: none;
}
.stat2 {
    font-size: 80%;
    text-align: center;
}


.tbd {
    background-color: #60afd4!important;
    /* border: 2px solid var(--color-tone-3); */
    /* color: var(--color-tone-1); */
}
.present {
    /* color: black!important; */
    border: 2px solid #fcc20e;
    background-color: #fcc20e!important;
}
.correct {
    background-color: #60d481!important;
    border: 2px solid #60d481;
}
.absent {
    opacity: 0.3;
}
.empty {
    text-shadow: 0px 3px 2px #9d7808;
    box-shadow: 0px 0px 9px 5px white;
    z-index: 3;
}
.famil{
	color:black;
	font-size: 30px;
	background: white;
	padding: 20px 30px;
	display: block;
	margin: 10px auto;
	border-radius: 10px;
}

.psevdiv {
    position: fixed;
    z-index: 999999;
}
.tabs a.active {
	box-shadow:0px 2px 8px 1px;
}
.tabcont {
	display:flex;
	position:relative;
	clear: both;
	width:100%;
	height:100%;
	overflow:hidden;
	list-style: none;
	padding: 0;
	margin: 0;
    /* margin-left: -15px; */
    /* margin-right: -15px; */
}

.tabcont > div {
	/* float:left; */
	position:absolute;
	left:100%;
   /* padding-top: 20px; */
   min-width:100%;
   /* animation: backOutLeft; */
   /* animation-duration: 0.6s; */
}

.tabcont > div.active {
	position:relative;
	display:block;
	/* left:0px; */
   /* animation: backInRight;  */
   /* animation-duration: .5s; */
}
.tabcont > div.inactive .shar {
	opacity:0;
}
@-webkit-keyframes backOutLeft {
  0% {
    opacity: 1;
  }

  20% {
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
    opacity: 0.7;
  }

  to {
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
    opacity: 0.7;
  }
}
@-webkit-keyframes backInRight {
  0% {
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
    opacity: 0.7;
  }

  80% {
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
    opacity: 0.7;
  }

  to {
    opacity: 1;
  }
}


.modal-open .modal .dropdown-menu { z-index: 2050; }
.modal-open .modal .dropdown.open { z-index: 2050; }
.modal-open .modal .popover { z-index: 2060; }
.modal-open .modal .tooltip { z-index: 2080; } 
.modal-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1041; background-color: #000000; }
.modal-backdrop1 { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1050; background-color: #000000; opacity: 0.7; filter: alpha(opacity=70); }
.modal-backdrop2 { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 9998; background-color: #000000; opacity: 0.7; filter: alpha(opacity=70); }
.modal-backdrop3 { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 10000; background-color: #000000; opacity: 0.7; filter: alpha(opacity=70); }
.modal-backdrop4 { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 10000; background-color: #1b0a68cc; }
.premod,.premod2 {
	position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 10001; background-image:url(../img/pre.gif); background-repeat:no-repeat;background-position:center;
    animation-name: rotation;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}
.ramka-1 {
    display: flex;
    align-items: center;
    justify-content: center;
    border: 8px solid #337AB7;
    background: #08002a;
    border-radius: 30% 70% 70% 30%/30% 30% 70% 70%;
    box-shadow: 15px 15px 50px rgba(0,0,0,0.6);
    animation: anim-ramka-1 10s linear infinite;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
    width: 300px;
    height: 300px;
}
.ramka-1 span {
	display: inline-block;
	margin: 0 5px;
	color: #fff;
	filter: blur(0px);
	animation: blur-text 1.5s calc(var(--num) / 5) infinite linear alternate;
}
.appstart {
    height: 50px;
	padding:5px 20px;
    border: none;
    outline: none;
    color: #fff;
    background: #111;
    cursor: pointer;
    position: relative;
    z-index: 0;
    border-radius: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-transform: uppercase;
    font-weight: bold;
	cursor:pointer;
}
.appstart:before {
    content: '';
    background: linear-gradient(45deg, #ff0000, #ff7300, #fffb00, #48ff00, #00ffd5, #002bff, #7a00ff, #ff00c8, #ff0000);
    position: absolute;
    top: -2px;
    left:-2px;
    background-size: 400%;
    z-index: -1;
    filter: blur(5px);
    width: calc(100% + 4px);
    height: calc(100% + 4px);
    animation: glowing 20s linear infinite;
    opacity: 1;
    transition: opacity .3s ease-in-out;
    border-radius: 10px;
}
.appstart:after {
    z-index: -1;
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: #08002a;
    left: 0;
    top: 0;
    border-radius: 10px;
}

@keyframes glowing {
    0% { background-position: 0 0; }
    50% { background-position: 400% 0; }
    100% { background-position: 0 0; }
}
@keyframes blur-text {
	0% {filter: blur(0px);}
	100% {filter: blur(4px);}
}
@keyframes anim-ramka-1 {
    0% {
        /* border-radius: 30% 70% 70% 30%/30% 30% 70% 70%; */
        box-shadow: 15px 15px 50px rgba(0,0,0,0.6);
    }
    25% {
        border-radius: 58% 42% 75% 25%/76% 46% 54% 24%;
    }
    50% {
        border-radius: 50% 50% 33% 67%/55% 27% 73% 45%;
        box-shadow: -10px -5px 50px rgba(0,0,0,0.6);
    }
    75% {
        border-radius: 33% 67% 58% 42%/63% 68% 32% 37%;
    }
}




.modal-tile {z-index: 1051; position:fixed; top: 0; right: 0; bottom: 0; left: 0;}
.modal-tile .tile {position:fixed;}
.modal-tile .nazad {position:fixed; bottom:20px; position: absolute;  bottom: 100px;  left: calc(50% - 93px); width: auto;font-size: 20px;}
.modal-backdrop.fade { opacity: 0; }
.modal-backdrop, .modal-backdrop.fade.in { opacity: 0.5; filter: alpha(opacity=50); }
.modal { 
    position: absolute;
    width: 100%;
    max-width: calc(var(--game-max-width) - 50px);
    /* top: 50%; */
    /* left: 50%; */
    z-index: 1050;
    overflow: auto;
    /* width: 560px; */
    margin: 0 25px;
    background: url(../img/bg.png);
    border: 1px solid #c5c5c5;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0 1px 4px rgb(0 0 0 / 10%);
    -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 4px rgb(0 0 0 / 10%);
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding-box;
    background-clip: padding-box;

}
.modal.fade {top: -25%;
  -webkit-transition: opacity .3s linear, top .3s ease-out;
  -moz-transition: opacity .3s linear, top .3s ease-out;
  -o-transition: opacity .3s linear, top .3s ease-out;
  transition: opacity .3s linear, top .3s ease-out;
}
.modal.fade.in { top: 300px; }
.modal-header { padding: 7px 15px; -webkit-border-top-right-radius: 3px; -webkit-border-top-left-radius: 3px; border-bottom: 1px solid #c1c1c1; box-shadow: 0 1px 0 #fff; -webkit-box-shadow: 0 1px 0 #fff; -moz-box-shadow: 0 1px 0 #fff;

  background: #fcfcfc;
  background: -moz-linear-gradient(top,  #fcfcfc 0%, #ececec 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcfcfc), color-stop(100%,#ececec));
  background: -webkit-linear-gradient(top,  #fcfcfc 0%,#ececec 100%);
  background: -o-linear-gradient(top,  #fcfcfc 0%,#ececec 100%);
  background: -ms-linear-gradient(top,  #fcfcfc 0%,#ececec 100%);
  background: linear-gradient(to bottom,  #fcfcfc 0%,#ececec 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#ececec',GradientType=0 );

}
.modal-header .close { margin-top: 6px; }
.modal-header h5 { margin: 0; padding: 3px 0 3px 0; }
.modal-body { overflow-y: auto; padding: 15px; }
.modal-body .selector, .modal-body .select { max-width: 100%; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -ms-box-sizing: border-box; height: 30px; }
.modal-body .control-group { padding: 15px 0; }
.modal-body .control-group:first-child { padding-top: 0; }
.modal-body .control-group:last-child { padding-bottom: 0; }

.modal-form { margin-bottom: 0; }
.modal-footer .btn { margin-top: 0; margin-bottom: 0; }
.modal-footer { padding: 15px; margin-bottom: 0; text-align: right; background-color: #f5f5f5; border-top: 1px solid #ddd; *zoom: 1;

  -webkit-border-radius: 0 0 3px 3px;
  -moz-border-radius: 0 0 3px 3px;
  border-radius: 0 0 3px 3px;

  -webkit-box-shadow: inset 0 1px 0 #ffffff;
  -moz-box-shadow: inset 0 1px 0 #ffffff;
  box-shadow: inset 0 1px 0 #ffffff;

}
.modal-header .close {
    float: right;
    font-size: 16px;
    line-height: 16px;
    color: #000000;
    opacity: 0.2;
    filter: alpha(opacity=20);
}
.modal-header .close {
    margin-top: 6px;
}
.modal-footer:before, .modal-footer:after { display: table; content: ""; line-height: 0; }
.modal-footer:after { clear: both; }
.modal-footer .btn + .btn { margin-left: 5px; margin-bottom: 0; }
.modal-footer .btn-group .btn + .btn { margin-left: -1px; }
.dropup, .dropdown { position: relative; }
.dropdown-toggle { *margin-bottom: -3px; }
.dropdown-toggle:active, .open .dropdown-toggle { outline: 0; }

.newuser1,.newuser2,.newuser3,.newuser4 {
	position: absolute;
    text-align: center;
    width: 180px;
    font-size: 12px;
    background: white;
    color: black;
    padding: 10px;
    top: 50px;
    right: 20px;
    border-radius: 10px;
	cursor:pointer;
}
.newuser2 {
    left: 10px;
	right:auto;
}
.newuser3 {
    left: 22%;
	right:auto;
}
.newuser4 {
    left: 40%;
	right:auto;
}
.newuser1:after,.newuser2:after,.newuser3:after,.newuser4:after{
	position: absolute;
    background: white;
    width: 10px;
    height: 10px;
    content: '';
    display: block;
    transform: rotate(45deg);
    top: -5px;
    right: 40px;
}
.newuser2:after,.newuser3:after,.newuser4:after{
    left: 25px;
	right:auto;
}

@media only screen and (max-width: 500px){
	/* body { */
		/* font-size:24px!important; */
	/* } */
	/* body{zoom:1!important;} */
	/* header .balance, header .opyt { */
		/* font-weight: bold; */
		/* padding-top: 2px!important; */
	/* } */
	.keyboard span b {
		max-width:35px;
	}
	.listpics>div:nth-child(4){
		font-size: 12px;
		line-height: 20px;
	}	
	.finalx {
		font-size: 200%;
	}
	[rel='button'] {
		font-size: 25px;
		padding-left:10px;
		padding-right:10px;
	}
	[rel='button'] p{
		width: calc(100% - 20px);
	}
	.urovni span {
		line-height: 32px;
		height:30px;
	}
	.profile .balance, .profile .opyt, .profile .fire, .profile .level {margin: 10px;}
	.profile .container {}
	/* button.icon { */
		/* background-size: 20px; */
		/* padding: 10px; */
	/* } */
	/* :root { */
		/* --header-height: 40px; */
	/* } */
	/* .menu { */
		/* height: 40px; */
	/* } */
}
@media only screen and (max-width: 400px){
	.finalx {
		font-size: 150%;
	}
	.dalee {
		font-size:100%;
	}
	.listpics>div:nth-child(1){
		/* min-width:0; */
	}
	.profile .balance, .profile .opyt, .profile .fire, .profile .life, .profile .level {margin: 5px;}
	.profile,.rating,.stats {
		width: 90%;
	}
	.listpics .level, .listpics .opyt {
		font-size: inherit;
	}
}

.horizon .progres {
    flex-direction: column;
    flex-wrap: nowrap;
    top: 10%;
    height: 80%;
    left: 0;
    width: 10%;
    min-width: 80px;
}
.horizon .progres > * {
	display:flex;
    width: 100%;
    height: 42px;
    background-size: 42px 42px;
    background-repeat: no-repeat;
    background-position: center;
    align-items: center;
    justify-content: space-around;
    padding: 0;
    margin: 0;
}
.horizon .progres .lifes,.horizon .progres .opyt {
	padding-left: 100px;
}
.horizon .maxtile,.horizon #board {
    width: 90%;
    margin-left: 10%;
}
/* .horizon .maxtile .tile{ */
	/* width: 130px; */
    /* height: 130px; */
/* } */
.horizon #board.ur24 .tile {
	font-size: calc(90vh / 6 * 0.5 - 17px);
}
.horizon #board.ur10 .tile {
	font-size: calc(90vh / 5 * 0.5 - 17px);
}
.horizon #board.ur4 .tile {
	font-size: calc(90vh / 4 * 0.5 - 17px);
}
.horizon .option {display:none;}

.horizon #board-container {
    height: calc(100vh - 80px);
    max-width: 100%;
    margin: 20px auto 20px;
    align-content: space-between;
}
.horizon .finalx {
    flex-direction: column;
    left: 10%;
    width: 90%;
}


.balance,.money,.finalx div[balance] {
	background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools --%3E%3Csvg width='800px' height='800px' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 6V18' stroke='%23ffffff' stroke-width='1.5' stroke-linecap='round'/%3E%3Cpath d='M15 9.5C15 8.11929 13.6569 7 12 7C10.3431 7 9 8.11929 9 9.5C9 10.8807 10.3431 12 12 12C13.6569 12 15 13.1193 15 14.5C15 15.8807 13.6569 17 12 17C10.3431 17 9 15.8807 9 14.5' stroke='%23ffffff' stroke-width='1.5' stroke-linecap='round'/%3E%3Cpath d='M7 3.33782C8.47087 2.48697 10.1786 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 10.1786 2.48697 8.47087 3.33782 7' stroke='%23ffffff' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");
}
.fire {
	background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg width='800px' height='800px' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.25961 3.09856C9.6636 2.08774 10.9948 1.46276 12.0272 2.2492C13.7471 3.55935 15.9044 5.4855 17.6398 7.68865C19.3595 9.87197 20.75 12.4348 20.75 15C20.75 17.2933 20.0398 18.9975 19.0117 20.218C17.9933 21.4269 16.6994 22.1193 15.5816 22.4671C15.0076 22.6457 14.4825 22.3825 14.2275 21.9545C13.9871 21.5512 13.9859 21.0147 14.2863 20.583C15.1436 19.351 16.05 17.5793 16.05 16C16.05 15.2165 15.7123 14.2889 15.1668 13.3372C14.7566 12.6215 14.2539 11.9351 13.7643 11.3465C13.6627 12.7494 13.3578 14.5121 12.412 15.9696C11.9822 16.6319 11.0267 16.706 10.518 16.0627C10.3592 15.8618 10.2023 15.6412 10.0588 15.4393C10.0501 15.4271 10.0415 15.4151 10.033 15.403C9.9545 15.2927 9.87986 15.1882 9.80763 15.09C9.12187 15.773 8.48333 16.5902 8.48333 17.5C8.48333 18.3037 8.88448 19.4025 9.35898 20.3335C9.61561 20.837 9.50832 21.3951 9.1994 21.7606C8.87092 22.1492 8.27312 22.3491 7.70569 22.0206C5.76159 20.8952 3.25 18.4917 3.25 15C3.25 14.0531 3.57109 13.0736 4.0203 12.1168C4.47254 11.1536 5.0858 10.15 5.72984 9.14739C5.95297 8.80004 6.17941 8.45306 6.40546 8.10668C7.51002 6.41411 8.60528 4.73579 9.25961 3.09856ZM10.8983 3.41743C10.7958 3.45292 10.6992 3.53846 10.6525 3.65524C9.93718 5.44504 8.74008 7.27713 7.63532 8.9679C7.41569 9.30403 7.19971 9.63458 6.99189 9.95809C6.35264 10.9532 5.78547 11.8866 5.3781 12.7543C4.96769 13.6284 4.75 14.3737 4.75 15C4.75 17.2945 6.15653 19.0762 7.63307 20.1782C7.27845 19.3371 6.98333 18.367 6.98333 17.5C6.98333 15.7694 8.2827 14.4629 9.00894 13.7752C9.47929 13.3298 10.2914 13.2899 10.7647 13.874C10.9359 14.0853 11.1032 14.3197 11.2553 14.5336L11.2734 14.559C11.3161 14.619 11.3576 14.6774 11.3983 14.7342C12.0671 13.4599 12.2543 11.9056 12.3012 10.6262C12.3204 10.0998 12.6468 9.68344 13.0747 9.50935C13.5118 9.33153 14.0549 9.40987 14.4285 9.82319L13.8721 10.3261L14.4285 9.82319C15.0949 10.5604 15.8626 11.5347 16.4682 12.5913C17.0657 13.6337 17.55 14.8329 17.55 16C17.55 17.6926 16.7822 19.4101 16.0062 20.6885C16.6582 20.3692 17.3159 19.9028 17.8644 19.2516C18.6512 18.3177 19.25 16.9612 19.25 15C19.25 12.9433 18.1125 10.7131 16.4614 8.61679C14.8259 6.54033 12.7696 4.70034 11.1183 3.44243C11.0636 3.40079 10.993 3.38466 10.8983 3.41743Z' fill='%23ffffff'/%3E%3C/svg%3E");
}
.life {
	background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg width='800px' height='800px' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 5.50063L11.4596 6.02073C11.463 6.02421 11.4664 6.02765 11.4698 6.03106L12 5.50063ZM8.96173 18.9109L8.49742 19.4999L8.96173 18.9109ZM15.0383 18.9109L14.574 18.3219L15.0383 18.9109ZM7.00061 16.4209C6.68078 16.1577 6.20813 16.2036 5.94491 16.5234C5.68169 16.8432 5.72758 17.3159 6.04741 17.5791L7.00061 16.4209ZM2.34199 13.4115C2.54074 13.7749 2.99647 13.9084 3.35988 13.7096C3.7233 13.5108 3.85677 13.0551 3.65801 12.6917L2.34199 13.4115ZM13.4698 8.03034C13.7627 8.32318 14.2376 8.32309 14.5304 8.03014C14.8233 7.7372 14.8232 7.26232 14.5302 6.96948L13.4698 8.03034ZM2.75 9.1371C2.75 6.98623 3.96537 5.18252 5.62436 4.42419C7.23607 3.68748 9.40166 3.88258 11.4596 6.02073L12.5404 4.98053C10.0985 2.44352 7.26409 2.02539 5.00076 3.05996C2.78471 4.07292 1.25 6.42503 1.25 9.1371H2.75ZM8.49742 19.4999C9.00965 19.9037 9.55955 20.3343 10.1168 20.6599C10.6739 20.9854 11.3096 21.25 12 21.25V19.75C11.6904 19.75 11.3261 19.6293 10.8736 19.3648C10.4213 19.1005 9.95208 18.7366 9.42605 18.3219L8.49742 19.4999ZM15.5026 19.4999C16.9292 18.3752 18.7528 17.0866 20.1833 15.4758C21.6395 13.8361 22.75 11.8026 22.75 9.1371H21.25C21.25 11.3345 20.3508 13.0282 19.0617 14.4798C17.7469 15.9603 16.0896 17.1271 14.574 18.3219L15.5026 19.4999ZM22.75 9.1371C22.75 6.42503 21.2153 4.07292 18.9992 3.05996C16.7359 2.02539 13.9015 2.44352 11.4596 4.98053L12.5404 6.02073C14.5983 3.88258 16.7639 3.68748 18.3756 4.42419C20.0346 5.18252 21.25 6.98623 21.25 9.1371H22.75ZM14.574 18.3219C14.0479 18.7366 13.5787 19.1005 13.1264 19.3648C12.6739 19.6293 12.3096 19.75 12 19.75V21.25C12.6904 21.25 13.3261 20.9854 13.8832 20.6599C14.4405 20.3343 14.9903 19.9037 15.5026 19.4999L14.574 18.3219ZM9.42605 18.3219C8.63014 17.6945 7.82129 17.0963 7.00061 16.4209L6.04741 17.5791C6.87768 18.2624 7.75472 18.9144 8.49742 19.4999L9.42605 18.3219ZM3.65801 12.6917C3.0968 11.6656 2.75 10.5033 2.75 9.1371H1.25C1.25 10.7746 1.66995 12.1827 2.34199 13.4115L3.65801 12.6917ZM11.4698 6.03106L13.4698 8.03034L14.5302 6.96948L12.5302 4.97021L11.4698 6.03106Z' fill='%23ffffff'/%3E%3C/svg%3E");
}
.unlife {
	background-image: url("data:image/svg+xml;charset=UTF-8,%3c?xml version='1.0' encoding='utf-8'?%3e%3csvg width='800px' height='800px' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M8.96173 18.9109L9.42605 18.3219L8.96173 18.9109ZM12 5.50063L11.4596 6.02073C11.601 6.16763 11.7961 6.25063 12 6.25063C12.2039 6.25063 12.399 6.16763 12.5404 6.02073L12 5.50063ZM15.0383 18.9109L15.5026 19.4999L15.0383 18.9109ZM7.00061 16.4209C6.68078 16.1577 6.20813 16.2036 5.94491 16.5234C5.68169 16.8432 5.72758 17.3159 6.04741 17.5791L7.00061 16.4209ZM2.34199 13.4115C2.54074 13.7749 2.99647 13.9084 3.35988 13.7096C3.7233 13.5108 3.85677 13.0551 3.65801 12.6917L2.34199 13.4115ZM2.75 9.1371C2.75 6.98623 3.96537 5.18252 5.62436 4.42419C7.23607 3.68748 9.40166 3.88258 11.4596 6.02073L12.5404 4.98053C10.0985 2.44352 7.26409 2.02539 5.00076 3.05996C2.78471 4.07292 1.25 6.42503 1.25 9.1371H2.75ZM8.49742 19.4999C9.00965 19.9037 9.55954 20.3343 10.1168 20.6599C10.6739 20.9854 11.3096 21.25 12 21.25V19.75C11.6904 19.75 11.3261 19.6293 10.8736 19.3648C10.4213 19.1005 9.95208 18.7366 9.42605 18.3219L8.49742 19.4999ZM15.5026 19.4999C16.9292 18.3752 18.7528 17.0866 20.1833 15.4758C21.6395 13.8361 22.75 11.8026 22.75 9.1371H21.25C21.25 11.3345 20.3508 13.0282 19.0617 14.4798C17.7469 15.9603 16.0896 17.1271 14.574 18.3219L15.5026 19.4999ZM22.75 9.1371C22.75 6.42503 21.2153 4.07292 18.9992 3.05996C16.7359 2.02539 13.9015 2.44352 11.4596 4.98053L12.5404 6.02073C14.5983 3.88258 16.7639 3.68748 18.3756 4.42419C20.0346 5.18252 21.25 6.98623 21.25 9.1371H22.75ZM14.574 18.3219C14.0479 18.7366 13.5787 19.1005 13.1264 19.3648C12.6739 19.6293 12.3096 19.75 12 19.75V21.25C12.6904 21.25 13.3261 20.9854 13.8832 20.6599C14.4405 20.3343 14.9903 19.9037 15.5026 19.4999L14.574 18.3219ZM9.42605 18.3219C8.63014 17.6945 7.82129 17.0963 7.00061 16.4209L6.04741 17.5791C6.87768 18.2624 7.75472 18.9144 8.49742 19.4999L9.42605 18.3219ZM3.65801 12.6917C3.0968 11.6656 2.75 10.5033 2.75 9.1371H1.25C1.25 10.7746 1.66995 12.1827 2.34199 13.4115L3.65801 12.6917Z' fill='%23ffffff'/%3e%3cpath d='M12 5.50073L10.5 8.5001L14 11.0001L11 14.5001L13 16.5001L12 20.5001' stroke='%23ffffff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e");
}
.yans {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath fill='%23D65B28' d='M9.473 1.05 15.7 7.277c.4.4.4 1.047 0 1.447l-6.227 6.227c-.2.2-.462.3-.723.3h-1.5c-.66 0-.75-.535-.75-1.194V1.944c0-.66.09-1.194.75-1.194h1.5c.262 0 .524.1.723.3Z'/%3E%3Cpath fill='%23FFE150' d='M7.25 14.875a.64.64 0 0 1-.458-.19L.565 8.458a.649.649 0 0 1 0-.917l6.227-6.227a.64.64 0 0 1 .458-.19.64.64 0 0 1 .458.19l6.227 6.227a.649.649 0 0 1 0 .917l-6.227 6.227a.64.64 0 0 1-.458.19Z'/%3E%3Cpath fill='%23D65B28' d='M7.25 1.5a.27.27 0 0 1 .193.08l6.227 6.227a.272.272 0 0 1 0 .386L7.443 14.42a.27.27 0 0 1-.386 0L.83 8.193a.272.272 0 0 1 0-.386L7.057 1.58a.27.27 0 0 1 .193-.08Zm0-.75c-.262 0-.524.1-.724.3L.3 7.276c-.4.4-.4 1.047 0 1.447l6.227 6.227a1.02 1.02 0 0 0 1.448 0l6.227-6.227c.4-.4.4-1.047 0-1.447L7.975 1.049A1.028 1.028 0 0 0 7.25.75Z'/%3E%3Cpath stroke='%23D65B28' d='M3.031 10.969 4.501 9.5V8'/%3E%3Cpath fill='%23D65B28' d='M4.5 8.85a1.35 1.35 0 1 0 0-2.7 1.35 1.35 0 0 0 0 2.7Zm6 1a1.35 1.35 0 1 0 0-2.7 1.35 1.35 0 0 0 0 2.7Z'/%3E%3Cpath stroke='%23D65B28' d='m13.5 5.5-2.542 2.458M4.5 12.5l3.151-3.151a1.2 1.2 0 0 0 0-1.697l-.303-.303a1.2 1.2 0 0 1 0-1.697L9.5 3.5'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h16v16H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}

.balance.dark,.money.dark,.finalx div[balance].dark {
	background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools --%3E%3Csvg width='800px' height='800px' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 6V18' stroke='%23000000' stroke-width='1.5' stroke-linecap='round'/%3E%3Cpath d='M15 9.5C15 8.11929 13.6569 7 12 7C10.3431 7 9 8.11929 9 9.5C9 10.8807 10.3431 12 12 12C13.6569 12 15 13.1193 15 14.5C15 15.8807 13.6569 17 12 17C10.3431 17 9 15.8807 9 14.5' stroke='%23000000' stroke-width='1.5' stroke-linecap='round'/%3E%3Cpath d='M7 3.33782C8.47087 2.48697 10.1786 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 10.1786 2.48697 8.47087 3.33782 7' stroke='%23000000' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");
}
.fire.dark {
	background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg width='800px' height='800px' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.25961 3.09856C9.6636 2.08774 10.9948 1.46276 12.0272 2.2492C13.7471 3.55935 15.9044 5.4855 17.6398 7.68865C19.3595 9.87197 20.75 12.4348 20.75 15C20.75 17.2933 20.0398 18.9975 19.0117 20.218C17.9933 21.4269 16.6994 22.1193 15.5816 22.4671C15.0076 22.6457 14.4825 22.3825 14.2275 21.9545C13.9871 21.5512 13.9859 21.0147 14.2863 20.583C15.1436 19.351 16.05 17.5793 16.05 16C16.05 15.2165 15.7123 14.2889 15.1668 13.3372C14.7566 12.6215 14.2539 11.9351 13.7643 11.3465C13.6627 12.7494 13.3578 14.5121 12.412 15.9696C11.9822 16.6319 11.0267 16.706 10.518 16.0627C10.3592 15.8618 10.2023 15.6412 10.0588 15.4393C10.0501 15.4271 10.0415 15.4151 10.033 15.403C9.9545 15.2927 9.87986 15.1882 9.80763 15.09C9.12187 15.773 8.48333 16.5902 8.48333 17.5C8.48333 18.3037 8.88448 19.4025 9.35898 20.3335C9.61561 20.837 9.50832 21.3951 9.1994 21.7606C8.87092 22.1492 8.27312 22.3491 7.70569 22.0206C5.76159 20.8952 3.25 18.4917 3.25 15C3.25 14.0531 3.57109 13.0736 4.0203 12.1168C4.47254 11.1536 5.0858 10.15 5.72984 9.14739C5.95297 8.80004 6.17941 8.45306 6.40546 8.10668C7.51002 6.41411 8.60528 4.73579 9.25961 3.09856ZM10.8983 3.41743C10.7958 3.45292 10.6992 3.53846 10.6525 3.65524C9.93718 5.44504 8.74008 7.27713 7.63532 8.9679C7.41569 9.30403 7.19971 9.63458 6.99189 9.95809C6.35264 10.9532 5.78547 11.8866 5.3781 12.7543C4.96769 13.6284 4.75 14.3737 4.75 15C4.75 17.2945 6.15653 19.0762 7.63307 20.1782C7.27845 19.3371 6.98333 18.367 6.98333 17.5C6.98333 15.7694 8.2827 14.4629 9.00894 13.7752C9.47929 13.3298 10.2914 13.2899 10.7647 13.874C10.9359 14.0853 11.1032 14.3197 11.2553 14.5336L11.2734 14.559C11.3161 14.619 11.3576 14.6774 11.3983 14.7342C12.0671 13.4599 12.2543 11.9056 12.3012 10.6262C12.3204 10.0998 12.6468 9.68344 13.0747 9.50935C13.5118 9.33153 14.0549 9.40987 14.4285 9.82319L13.8721 10.3261L14.4285 9.82319C15.0949 10.5604 15.8626 11.5347 16.4682 12.5913C17.0657 13.6337 17.55 14.8329 17.55 16C17.55 17.6926 16.7822 19.4101 16.0062 20.6885C16.6582 20.3692 17.3159 19.9028 17.8644 19.2516C18.6512 18.3177 19.25 16.9612 19.25 15C19.25 12.9433 18.1125 10.7131 16.4614 8.61679C14.8259 6.54033 12.7696 4.70034 11.1183 3.44243C11.0636 3.40079 10.993 3.38466 10.8983 3.41743Z' fill='%23000000'/%3E%3C/svg%3E");
}
.life.dark {
	background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg width='800px' height='800px' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 5.50063L11.4596 6.02073C11.463 6.02421 11.4664 6.02765 11.4698 6.03106L12 5.50063ZM8.96173 18.9109L8.49742 19.4999L8.96173 18.9109ZM15.0383 18.9109L14.574 18.3219L15.0383 18.9109ZM7.00061 16.4209C6.68078 16.1577 6.20813 16.2036 5.94491 16.5234C5.68169 16.8432 5.72758 17.3159 6.04741 17.5791L7.00061 16.4209ZM2.34199 13.4115C2.54074 13.7749 2.99647 13.9084 3.35988 13.7096C3.7233 13.5108 3.85677 13.0551 3.65801 12.6917L2.34199 13.4115ZM13.4698 8.03034C13.7627 8.32318 14.2376 8.32309 14.5304 8.03014C14.8233 7.7372 14.8232 7.26232 14.5302 6.96948L13.4698 8.03034ZM2.75 9.1371C2.75 6.98623 3.96537 5.18252 5.62436 4.42419C7.23607 3.68748 9.40166 3.88258 11.4596 6.02073L12.5404 4.98053C10.0985 2.44352 7.26409 2.02539 5.00076 3.05996C2.78471 4.07292 1.25 6.42503 1.25 9.1371H2.75ZM8.49742 19.4999C9.00965 19.9037 9.55955 20.3343 10.1168 20.6599C10.6739 20.9854 11.3096 21.25 12 21.25V19.75C11.6904 19.75 11.3261 19.6293 10.8736 19.3648C10.4213 19.1005 9.95208 18.7366 9.42605 18.3219L8.49742 19.4999ZM15.5026 19.4999C16.9292 18.3752 18.7528 17.0866 20.1833 15.4758C21.6395 13.8361 22.75 11.8026 22.75 9.1371H21.25C21.25 11.3345 20.3508 13.0282 19.0617 14.4798C17.7469 15.9603 16.0896 17.1271 14.574 18.3219L15.5026 19.4999ZM22.75 9.1371C22.75 6.42503 21.2153 4.07292 18.9992 3.05996C16.7359 2.02539 13.9015 2.44352 11.4596 4.98053L12.5404 6.02073C14.5983 3.88258 16.7639 3.68748 18.3756 4.42419C20.0346 5.18252 21.25 6.98623 21.25 9.1371H22.75ZM14.574 18.3219C14.0479 18.7366 13.5787 19.1005 13.1264 19.3648C12.6739 19.6293 12.3096 19.75 12 19.75V21.25C12.6904 21.25 13.3261 20.9854 13.8832 20.6599C14.4405 20.3343 14.9903 19.9037 15.5026 19.4999L14.574 18.3219ZM9.42605 18.3219C8.63014 17.6945 7.82129 17.0963 7.00061 16.4209L6.04741 17.5791C6.87768 18.2624 7.75472 18.9144 8.49742 19.4999L9.42605 18.3219ZM3.65801 12.6917C3.0968 11.6656 2.75 10.5033 2.75 9.1371H1.25C1.25 10.7746 1.66995 12.1827 2.34199 13.4115L3.65801 12.6917ZM11.4698 6.03106L13.4698 8.03034L14.5302 6.96948L12.5302 4.97021L11.4698 6.03106Z' fill='%23000000'/%3E%3C/svg%3E");
}
.unlife.dark {
	background-image: url("data:image/svg+xml;charset=UTF-8,%3c?xml version='1.0' encoding='utf-8'?%3e%3csvg width='800px' height='800px' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M8.96173 18.9109L9.42605 18.3219L8.96173 18.9109ZM12 5.50063L11.4596 6.02073C11.601 6.16763 11.7961 6.25063 12 6.25063C12.2039 6.25063 12.399 6.16763 12.5404 6.02073L12 5.50063ZM15.0383 18.9109L15.5026 19.4999L15.0383 18.9109ZM7.00061 16.4209C6.68078 16.1577 6.20813 16.2036 5.94491 16.5234C5.68169 16.8432 5.72758 17.3159 6.04741 17.5791L7.00061 16.4209ZM2.34199 13.4115C2.54074 13.7749 2.99647 13.9084 3.35988 13.7096C3.7233 13.5108 3.85677 13.0551 3.65801 12.6917L2.34199 13.4115ZM2.75 9.1371C2.75 6.98623 3.96537 5.18252 5.62436 4.42419C7.23607 3.68748 9.40166 3.88258 11.4596 6.02073L12.5404 4.98053C10.0985 2.44352 7.26409 2.02539 5.00076 3.05996C2.78471 4.07292 1.25 6.42503 1.25 9.1371H2.75ZM8.49742 19.4999C9.00965 19.9037 9.55954 20.3343 10.1168 20.6599C10.6739 20.9854 11.3096 21.25 12 21.25V19.75C11.6904 19.75 11.3261 19.6293 10.8736 19.3648C10.4213 19.1005 9.95208 18.7366 9.42605 18.3219L8.49742 19.4999ZM15.5026 19.4999C16.9292 18.3752 18.7528 17.0866 20.1833 15.4758C21.6395 13.8361 22.75 11.8026 22.75 9.1371H21.25C21.25 11.3345 20.3508 13.0282 19.0617 14.4798C17.7469 15.9603 16.0896 17.1271 14.574 18.3219L15.5026 19.4999ZM22.75 9.1371C22.75 6.42503 21.2153 4.07292 18.9992 3.05996C16.7359 2.02539 13.9015 2.44352 11.4596 4.98053L12.5404 6.02073C14.5983 3.88258 16.7639 3.68748 18.3756 4.42419C20.0346 5.18252 21.25 6.98623 21.25 9.1371H22.75ZM14.574 18.3219C14.0479 18.7366 13.5787 19.1005 13.1264 19.3648C12.6739 19.6293 12.3096 19.75 12 19.75V21.25C12.6904 21.25 13.3261 20.9854 13.8832 20.6599C14.4405 20.3343 14.9903 19.9037 15.5026 19.4999L14.574 18.3219ZM9.42605 18.3219C8.63014 17.6945 7.82129 17.0963 7.00061 16.4209L6.04741 17.5791C6.87768 18.2624 7.75472 18.9144 8.49742 19.4999L9.42605 18.3219ZM3.65801 12.6917C3.0968 11.6656 2.75 10.5033 2.75 9.1371H1.25C1.25 10.7746 1.66995 12.1827 2.34199 13.4115L3.65801 12.6917Z' fill='%23000000'/%3e%3cpath d='M12 5.50073L10.5 8.5001L14 11.0001L11 14.5001L13 16.5001L12 20.5001' stroke='%23000000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e");
}
.success {
	background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg fill='%23000000' width='800px' height='800px' viewBox='-3.5 0 19 19' xmlns='http://www.w3.org/2000/svg' class='cf-icon-svg'%3E%3Cpath d='M4.63 15.638a1.028 1.028 0 0 1-.79-.37L.36 11.09a1.03 1.03 0 1 1 1.58-1.316l2.535 3.043L9.958 3.32a1.029 1.029 0 0 1 1.783 1.03L5.52 15.122a1.03 1.03 0 0 1-.803.511.89.89 0 0 1-.088.004z'/%3E%3C/svg%3E");
}


.screen-manager-rotate-banner {
    z-index: 9999;
    align-items: center!important;
    background: #fff!important;
    bottom: 0!important;
    color: var(--color-grey-8)!important;
    display: flex!important;
    flex-direction: column!important;
    justify-content: center!important;
    left: 0px!important;
    position: absolute!important;
    right: 0!important;
    top: 0!important;
}
.orientation_portrait .screen-manager-rotate-banner__image {
    transform: rotate(90deg) scaleY(-1)!important;
}
.screen-manager-rotate-banner__image {
    margin-top: auto;
    max-height: 50%!important;
}
.screen-manager-rotate-banner__title {
    font-family: var(--font-family);
    font-size: 24px;
    font-weight: var(--typography-font-weight-medium);
    margin: 0!important;
    padding: 20px 0 8px!important;
    text-align: center!important;
}
.screen-manager-rotate-banner__description {
    font: var(--text-desktop-body-3);
    line-height: 18px;
    margin-bottom: auto;
    text-align: center!important;
}

.copytext {
    border: 1px solid gray;
    padding: 5px 15px;
    border-radius: 5px;
    background: #eee;
    cursor: pointer;
}