#cover-spin{ position:fixed; width:100%; left:0; right:0; top:0; bottom:0; background-color: rgba(255,255,255,0.7); z-index:9999; display:none; margin:auto; }
@-webkit-keyframes spin{
	from{ -webkit-transform:rotate(0deg); }
	to{ -webkit-transform:rotate(360deg); }
}
@keyframes spin{
	from{ transform:rotate(0deg); }
	to{ transform:rotate(360deg); }
}
#cover-spin::after{ content:''; display:block; position:absolute; left:0; right:0; top:40%; margin:auto; width:40px; height:40px; border-style:solid; border-color:black; border-top-color:transparent; border-width: 4px; border-radius:50%; -webkit-animation: spin .8s linear infinite; animation: spin .8s linear infinite; }
#cover-spin::before{ margin: -15px auto -65px auto; display: block; }
.loading-text{ width:260px; position: absolute; top: calc(50% - 15px); left:0; right:0; margin:auto; text-align: center; color:#000; font-size:16px; font-family: SCDream7, serif; }
.lds-ellipsis{ display:inline-block; position:relative; width:30px; height:5px; }
.lds-ellipsis div{ position: absolute; top: 0; width: 5px; height: 5px; border-radius: 50%; background: #fff; animation-timing-function: cubic-bezier(0, 1, 1, 0); }
.lds-ellipsis div:nth-child(1){ left: 3px; animation: lds-ellipsis1 0.6s infinite; }
.lds-ellipsis div:nth-child(2){ left: 3px; animation: lds-ellipsis2 0.6s infinite; }
.lds-ellipsis div:nth-child(3){ left: 13px; animation: lds-ellipsis2 0.6s infinite; }
.lds-ellipsis div:nth-child(4){ left: 22.5px; animation: lds-ellipsis3 0.6s infinite; }
@keyframes lds-ellipsis1{
	0%{ transform: scale(0); }
	100%{ transform: scale(1); }
}
@keyframes lds-ellipsis3{
	0%{ transform: scale(1); }
	100%{ transform: scale(0); }
}
@keyframes lds-ellipsis2{
	0%{ transform: translate(0, 0); }
	100%{ transform: translate(9.5px, 0); }
}

.bet-type-blue,
.bet-type-red{ display:inline-block; width:26px; height:26px; line-height:26px; color:#ffffff; border-radius:50%; font-size:13px; font-weight:normal; font-style:normal; text-shadow:0 1px 1px rgba(0, 0, 0, 0.3); }
.bet-type-blue{ background-image:linear-gradient(0deg, #004db6, #61c1ff); }
.bet-type-red{ background-image:linear-gradient(0deg, #b60000, #ff6161); }
@media (max-width: 800px){
	.bet-type-blue,
	.bet-type-red{ width:22px; height:22px; line-height:22px; font-size:12px; }
}

.bet-result{ display:inline-block; padding:2px 7px; color:#ffffff; border-radius:5px; font-size:12px;  text-shadow:0 1px 1px rgba(0, 0, 0, 0.3); }

.spin{ animation:-animation-spin 2s infinite linear; }
@keyframes -animation-spin{
	0%{ transform:rotate(0deg); }
	100%{ transform:rotate(360deg); }
}


.btn-lock:before{ content:"" !important; position:absolute !important; top:0 !important; left:0 !important; width:100% !important; height:100% !important; background:rgba(0, 0, 0, 0.8) !important; z-index:3 !important; }
.btn-lock:after{ content:"\f023" !important; position:absolute !important; top:50% !important; left:50% !important; bottom:unset !important; transform:translate(-50%, -50%) !important; z-index:4 !important; height:auto !important; font-family: var(--fa-style-family,"Font Awesome 6 Free") !important; font-weight: var(--fa-style,900) !important; font-size:50px !important; color:#ffffff !important; background:transparent !important; }

input:-webkit-autofill {
	-webkit-box-shadow: 0 0 0 1000px white inset;
	box-shadow: 0 0 0 1000px white inset;
}



.container-arcade{ display:flex; width:100%; flex-wrap:wrap; gap:20px; margin-bottom:20px; }
.container-arcade .arcade_wrap{ display:flex; justify-content:center; gap:20px; position:relative; width:100%; padding:15px; overflow:hidden; background:rgba(0, 0, 0, 0.5); transition:all ease-in-out 0.5s 0.2s; }
.container-arcade .arcade_wrap{ border-radius:20px; box-shadow:inset 0 0 60px 0 rgb(153 156 205 / 45%), 0 0 10px 0 rgba(0, 0, 0, 0.5); }
.container-arcade .arcade_wrap:hover{ box-shadow:inset 0 0 60px 0 rgb(219 220 240 / 46%), 0 0 10px 0 rgba(0, 0, 0, 0.5); }
.container-arcade .arcade_wrap .forms{ z-index:1; position:relative; display:flex; flex-direction:column; flex-wrap:wrap; align-items:center; justify-content:center; gap:10px; width:100%; }
.container-arcade .arcade_wrap .forms .direction{ display:flex; justify-content:space-between; align-items:center; gap:10px; width:400px; max-width:100%; padding:0; cursor:pointer; }
.container-arcade .arcade_wrap .forms .direction h3{ flex:1; display:flex; flex-direction:column; align-items:center; gap:0px; border-radius:20px; color:#ffffff; margin:0; padding:10px 15px; min-width:100px; font-size:13px; font-weight:600; line-height:unset; box-shadow:inset 0 0 30px rgb(255 255 255 / 30%), 0 0 10px 0 rgba(0, 0, 0, 0.5); }
.container-arcade .arcade_wrap .forms .direction h3.right{ box-shadow:inset 0 0 50px rgb(228 116 24 / 70%), 0 0 10px 0 rgba(0, 0, 0, 0.5); }
.container-arcade .arcade_wrap .forms .direction h3 b{ display:block; color:#ff8839; font-size:14px; }
.container-arcade .arcade_wrap .forms .direction button{ position:relative; width:50px; height:50px; overflow:hidden; border:none; border-radius:100%; background:transparent; background-image:linear-gradient(0deg, #8c280b, #ff7e58); box-shadow:3px 5px 10px rgba(0, 0, 0, 0.3); }
.container-arcade .arcade_wrap .forms .direction button i{ transition:all 0.5s ease-in-out; transform:rotate(0deg); animation:arrowLoop 1s ease-in-out infinite; margin-top:3px; }
.container-arcade .arcade_wrap .forms .direction button i{ font-size:24px; color:#ffffff; text-shadow:0 1px 1px rgba(0, 0, 0, 0.7); }
.container-arcade .arcade_wrap .forms .moneys{ display:flex; flex-direction:column; gap:10px; max-width:100%; }
.container-arcade .arcade_wrap .forms .moneys form{ display:flex; height:35px; width:100%; border-radius:10px; overflow:hidden; box-shadow:0 0 10px 0 rgba(0, 0, 0, 0.5); }
.container-arcade .arcade_wrap .forms .moneys form input{ flex:1; width:340px; padding:0 20px; border:solid 3px #b98744; border-radius:10px 0 0 10px; background:rgba(255, 255, 255, 0.2); color:#ffffff; font-size:12px; }
.container-arcade .arcade_wrap .forms .moneys form button{ width:60px; border:none; background:#b98744; font-size:14px; font-weight:600; color:#ffffff; }
.container-arcade .arcade_wrap .forms .moneys .buttons{ display:flex; width:100%; justify-content:center; align-items:center; flex-wrap:wrap; gap:2px; }
.container-arcade .arcade_wrap .forms .moneys .buttons button{ border:none; height:25px; padding:1px 6px; background:#cc7857; border-radius:5px; color:#ffffff; font-size:12px; box-shadow:0 0 10px 0 rgba(0, 0, 0, 0.5); }
.container-arcade .arcade_wrap .forms .moneys .buttons button.max{ width:60px; background:#797979; }
.container-arcade .arcade_wrap .forms .moneys .buttons button.max.reverse{ display:none; }
.container-arcade .arcade_wrap.reverse .forms .direction h3.left{ box-shadow:inset 0 0 50px rgb(228 116 24 / 70%), 0 0 10px 0 rgba(0, 0, 0, 0.5); }
.container-arcade .arcade_wrap.reverse .forms .direction h3.right{ box-shadow:inset 0 0 30px rgb(255 255 255 / 30%), 0 0 10px 0 rgba(0, 0, 0, 0.5); }
.container-arcade .arcade_wrap.reverse .forms .direction button{ background-image:linear-gradient(0deg, #00357e, #0167a8); }
.container-arcade .arcade_wrap.reverse .forms .direction button i{ transform:rotate(-540deg); }
.container-arcade .arcade_wrap.reverse .forms .moneys .buttons button.max{ display:none; }
.container-arcade .arcade_wrap.reverse .forms .moneys .buttons button.max.reverse{ display:block; }

.container-arcade .arcade_wrap .enter{ display:flex; width:100%; margin-top:30px; justify-content:center; align-items:center; }
.container-arcade .arcade_wrap .enter button{ width:150px; aspect-ratio:1.5; border:none; border-radius:20px; background:rgb(99 105 157 / 45%); font-size:18px; font-weight:600; color:#ffffff; box-shadow:inset 0 0 20px 0 rgba(255, 255, 255, 0.5), 0 0 10px 0 rgba(0, 0, 0, 0.5); }
.container-arcade .arcade_wrap .enter button:hover{ background:rgba(4, 6,15, 0.45); }
.container-arcade .arcade_wrap .enter button:active{ background:rgba(131, 141, 221, 0.45); }

.container-arcade .arcade_wrap.inplay{ padding:70px 15px; background:url(../img/bg_inplay.jpg); background-size:cover; background-position:center; box-shadow:inset 0 0 270px 0 rgb(0 0 0 / 98%), 0 0 10px 0 rgba(0, 0, 0, 0.7); }
.container-arcade .arcade_wrap.inplay:hover{ box-shadow:inset 0 0 270px 0 rgb(0 0 0 / 98%), 0 0 10px 0 rgba(0, 0, 0, 0.7); }
.container-arcade .arcade_wrap.inplay .forms .direction h3{ box-shadow:unset; background:rgb(58 58 69 / 70%); }
.container-arcade .arcade_wrap.inplay .forms .direction h3.right{ box-shadow:inset 0 0 50px rgb(228 116 24 / 70%); }
.container-arcade .arcade_wrap.inplay .forms .moneys form input{ background:rgba(255, 255, 255, 0.8); color:#333333; }
.container-arcade .arcade_wrap.inplay.reverse .forms .direction h3.left{ box-shadow:inset 0 0 50px rgb(228 116 24 / 70%); }
.container-arcade .arcade_wrap.inplay.reverse .forms .direction h3.right{ box-shadow:inset 0 0 30px rgb(255 255 255 / 30%); }
.container-arcade .arcade_wrap.inplay .enter button{ width:200px; aspect-ratio:2; background:rgb(255 255 255 / 60%); box-shadow:inset 0 0 50px 0 rgba(255, 255, 255, 0.7), 0 0 10px 0 rgba(0, 0, 0, 0.5); color:#222222; }
.container-arcade .arcade_wrap.inplay .enter button:hover{ background:rgb(255 255 255 / 40%); }
.container-arcade .arcade_wrap.inplay .enter button:active{ background:rgb(255 255 255 / 50%); }

.container-arcade .arcade_wrap.inplay{ padding:50px 15px 70px; background:url(../img/bg_inplay.jpg); background-size:cover; background-position:center; box-shadow:inset 0 0 270px 0 rgb(0 0 0 / 98%), 0 0 10px 0 rgba(0, 0, 0, 0.7); }
.container-arcade .arcade_wrap.inplay:hover{ box-shadow:inset 0 0 270px 0 rgb(0 0 0 / 98%), 0 0 10px 0 rgba(0, 0, 0, 0.7); }
.container-arcade .arcade_wrap.inplay .forms .direction h3{ background:rgb(0 0 0 / 80%); box-shadow:inset 0 0 30px rgb(255 255 255 / 30%), 0 0 10px 0 rgba(0, 0, 0, 0.5); }
.container-arcade .arcade_wrap.inplay .forms .direction h3.right{ box-shadow:inset 0 0 50px rgb(228 116 24 / 70%), 0 0 10px 0 rgba(0, 0, 0, 0.5); }
.container-arcade .arcade_wrap.inplay .forms .moneys form input{ background:rgba(255, 255, 255, 0.8); color:#333333; }
.container-arcade .arcade_wrap.inplay.reverse .forms .direction h3.left{ box-shadow:inset 0 0 50px rgb(228 116 24 / 70%); }
.container-arcade .arcade_wrap.inplay.reverse .forms .direction h3.right{ box-shadow:inset 0 0 30px rgb(255 255 255 / 30%); }
.container-arcade .arcade_wrap.inplay .enter button{ width:200px; aspect-ratio:2; background:rgb(255 255 255 / 60%); box-shadow:inset 0 0 50px 0 rgba(255, 255, 255, 0.7), 0 0 10px 0 rgba(0, 0, 0, 0.5); color:#222222; }
.container-arcade .arcade_wrap.inplay .enter button:hover{ background:rgb(255 255 255 / 40%); }
.container-arcade .arcade_wrap.inplay .enter button:active{ background:rgb(255 255 255 / 50%); }

@keyframes arrowLoop{
	0%{ margin-left:-10px; }
	50%{ margin-left:10px; }
	100%{ margin-left:-10px; }
}

@media (max-width:767px){
	.container-arcade .arcade_wrap{ flex-direction:column; align-items:center; border-radius:10px; }
	.container-arcade .arcade_wrap .forms{ gap:10px; }
	.container-arcade .arcade_wrap .forms .direction h3{ font-size:12px; }
	.container-arcade .arcade_wrap .forms .direction h3 b{ font-size:12px; }
	.container-arcade .arcade_wrap .forms form input{ padding:0 10px; }
	.container-arcade .arcade_wrap .forms form button{ font-size:12px; }
}
@media (max-width:480px){
	.container-arcade .arcade_wrap .forms .direction h3{ padding:7px 10px; font-size:11px; }
	.container-arcade .arcade_wrap .forms .direction button{ width:40px; height:40px; }
	.container-arcade .arcade_wrap .forms .direction button i{ font-size:20px; }
}




.container-holdem{ display:flex; width:100%; flex-wrap:wrap; gap:20px; }
.container-holdem .holdem_wrap{ display:flex; justify-content:center; position:relative; width:calc((100% - 20px) / 2); padding:50px 30px 100px; overflow:hidden; aspect-ratio:1.2; background:rgba(0, 0, 0, 0.5); transition:all ease-in-out 0.5s 0.2s; }
.container-holdem .holdem_wrap{ border-radius:20px; box-shadow:inset 0 0 270px 0 rgb(0 0 0 / 98%), 0 0 10px 0 rgba(0, 0, 0, 0.7); }
/* .container-holdem .holdem_wrap:hover{ box-shadow:inset 0 0 60px 0 rgb(219 220 240 / 46%), 0 0 10px 0 rgba(0, 0, 0, 0.5); } */
.container-holdem .holdem_wrap:before{ content:""; position:absolute; top:0; left:0; right:0; bottom:0; z-index:-1; background-image:url(../img/bg_holdem.jpg); background-repeat:no-repeat; background-size:cover; background-position:center; }

.container-holdem .holdem_wrap.betholdem:before{ background-image:url(../img/bg_holdem_02.jpg); }
.container-holdem .holdem_wrap:flexholdem:before{ background-image:url(../img/bg_holdem_01.jpg); }

.container-holdem .holdem_wrap .image{ display:none; position:absolute; bottom:0; left:0; width:100%; height:40%; overflow:hidden; text-align:left; }
.container-holdem .holdem_wrap .image img{ width:70%; opacity:0.3; transition:all ease-in-out 0.3s; }
.container-holdem .holdem_wrap:hover .image img{ opacity:0.5; }
.container-holdem .holdem_wrap .forms{ z-index:1; position:relative; display:inline-flex; flex-direction:column; align-items:flex-start; max-width:100%; }
.container-holdem .holdem_wrap .forms h2{ font-size:32px; font-weight:900; color:#b98744; }
.container-holdem .holdem_wrap .forms h2 img{ max-height:100px; max-width:90%; }
.container-holdem .holdem_wrap .forms .direction{ display:flex; justify-content:space-between; align-items:center; gap:10px; width:100%; cursor:pointer; }
.container-holdem .holdem_wrap .forms .direction h3{ flex:1; display:flex; flex-direction:column; align-items:center; gap:5px; border-radius:20px; color:#ffffff; margin:10px 0; padding:15px 20px; min-width:100px; font-size:13px; line-height:unset; background:rgb(0 0 0 / 80%); box-shadow:inset 0 0 30px rgb(255 255 255 / 30%); }
.container-holdem .holdem_wrap .forms .direction h3.right{ box-shadow:inset 0 0 50px rgb(228 116 24 / 70%); }
.container-holdem .holdem_wrap .forms .direction h3 b{ display:block; color:#ff8839; }
.container-holdem .holdem_wrap .forms .direction button{ position:relative; width:60px; height:60px; overflow:hidden; border:none; border-radius:100%; background:transparent; background-image:linear-gradient(0deg, #8c280b, #ff7e58); box-shadow:3px 5px 10px rgba(0, 0, 0, 0.3); }
.container-holdem .holdem_wrap .forms .direction button i{ transition:all 0.3s ease-in-out; transform:rotate(0deg); animation:arrowLoop 1s ease-in-out infinite; }
.container-holdem .holdem_wrap .forms .direction button i{ font-size:30px; color:#ffffff; text-shadow:0 1px 1px rgba(0, 0, 0, 0.7); }
.container-holdem .holdem_wrap .forms h3{ margin-top:20px; font-size:14px; font-weight:600; color:#ffffff; }
.container-holdem .holdem_wrap .forms form{ display:flex; min-height:50px; width:100%; border-radius:10px; overflow:hidden; }
.container-holdem .holdem_wrap .forms form input{ flex:1; width:100%; padding:0 20px; border:solid 3px #b98744; border-radius:10px 0 0 10px; background:rgba(255, 255, 255, 0.8); color:#333333; font-size:13px; }
.container-holdem .holdem_wrap .forms form button{ height:100%; border:none; background:#b98744; aspect-ratio:1; font-size:13px; font-weight:600; color:#ffffff; }
.container-holdem .holdem_wrap .forms form button.reverse{ display:none; }
.container-holdem .holdem_wrap .forms .moneys{ display:flex; width:100%; margin-top:10px; justify-content:center; align-items:center; flex-wrap:wrap; gap:2px; }
.container-holdem .holdem_wrap .forms .moneys button{ border:none; height:25px; aspect-ratio:2; background:#cc7857; border-radius:5px; color:#ffffff; font-size:11px; }
.container-holdem .holdem_wrap .forms .moneys button.max{ background:#797979; }
.container-holdem .holdem_wrap .forms .moneys button.max.reverse{ display:none; }

.container-holdem .holdem_wrap .lock_blind{ display:none; }
.container-holdem .holdem_wrap.lock .lock_blind{ position:absolute; top:0; left:0; z-index:10; display:flex; justify-content:center; align-items:center; width:100%; height:100%; background:rgba(0, 0, 0, 0.8); font-size:100px; color:#ffffff; }

.container-holdem .holdem_wrap.reverse .forms .direction h3.left{ box-shadow:inset 0 0 50px rgb(228 116 24 / 70%); }
.container-holdem .holdem_wrap.reverse .forms .direction h3.right{ box-shadow:inset 0 0 30px rgb(255 255 255 / 30%); }
.container-holdem .holdem_wrap.reverse .forms .direction button{ background-image:linear-gradient(0deg, #00357e, #0167a8); }
.container-holdem .holdem_wrap.reverse .forms .direction button i{ transform:rotate(-540deg); }
.container-holdem .holdem_wrap.reverse .forms form button{ display:none; }
.container-holdem .holdem_wrap.reverse .forms form button.reverse{ display:block; }
.container-holdem .holdem_wrap.reverse .forms .moneys button.max{ display:none; }
.container-holdem .holdem_wrap.reverse .forms .moneys button.max.reverse{ display:block; }

.container-holdem .holdem_wrap .forms .buttons{ display:flex; width:100%; margin-top:30px; justify-content:center; align-items:center; }
.container-holdem .holdem_wrap .forms .buttons .enter{ width:200px; aspect-ratio:2; border:none; border-radius:20px; background:rgb(255 255 255 / 60%); box-shadow:inset 0 0 50px 0 rgba(255, 255, 255, 0.7), 0 0 10px 0 rgba(0, 0, 0, 0.5); font-size:18px; font-weight:600;  color:#222222;}
.container-holdem .holdem_wrap .forms .buttons .enter:hover{ background:rgb(255 255 255 / 40%); }
.container-holdem .holdem_wrap .forms .buttons .enter:active{ background:rgb(255 255 255 / 50%); }
@keyframes arrowLoop{
	0%{ margin-left:-10px; }
	50%{ margin-left:10px; }
	100%{ margin-left:-10px; }
}


/* wide */
.container-holdem.wide .holdem_wrap{ width:100%; aspect-ratio:unset; }
.container-holdem.wide .holdem_wrap .image{ left:unset; right:0; width:40%; height:70%; }
.container-holdem.wide .holdem_wrap .image img{ width:100%; }
.container-holdem.wide .holdem_wrap:hover .image img{ opacity:0.5; }
@media (max-width:1800px){
	.container-holdem .holdem_wrap{ padding:30px 20px 50px; aspect-ratio:unset; }
}
@media (max-width:980px){
	.container-holdem .holdem_wrap{ width:100%; }
	.container-holdem .holdem_wrap .forms h2{ font-size:18px; }
	.container-holdem .holdem_wrap .forms h3{ margin-top:10px; font-size:12px; }
	.container-holdem .holdem_wrap .forms form{ min-height:40px; }
	.container-holdem .holdem_wrap .forms form input{ padding:0 10px; font-size:12px; }
	.container-holdem .holdem_wrap .forms form button{ font-size:12px; }
	.container-holdem .holdem_wrap .forms .buttons .enter{ aspect-ratio:2.5; border-radius:10px; font-size:14px; }
}
@media (max-width:480px){
	.container-holdem .holdem_wrap .forms .direction h3{ gap:2px; box-shadow:inset 0 0 30px rgb(255 255 255 / 30%); padding:10px 15px; font-size:12px; }
	.container-holdem .holdem_wrap .forms .direction button{ width:40px; height:40px; }
	.container-holdem .holdem_wrap .forms .direction button i{ font-size:20px; }
}


.side-exchange{ order:9999; display:none !important; height:auto !important; user-select:none; }
.side-exchange.active{ display:block !important; }
.side-exchange .exchange_wrap{ display:flex; justify-content:center; position:relative; width:100%; margin:5px 0 10px; padding:10px; overflow:hidden; background:rgba(0, 0, 0, 0.5); transition:all ease-in-out 0.5s 0.2s; }
.side-exchange .exchange_wrap{ border-radius:5px; box-shadow:inset 0 0 60px 0 rgb(153 156 205 / 45%), 0 0 5px 0 rgba(0, 0, 0, 0.5); }
.side-exchange .exchange_wrap .forms{ z-index:1; position:relative; display:flex; flex-direction:column; flex-wrap:wrap; align-items:center; justify-content:center; gap:3px; width:100%; }
.side-exchange .exchange_wrap .forms .direction{ display:flex; justify-content:space-between; align-items:center; gap:3px; width:400px; max-width:100%; padding:0; cursor:pointer; }
.side-exchange .exchange_wrap .forms .direction h3{ width:45%; display:flex; align-items:center; justify-content:center; border-radius:5px; color:#ffffff; margin:0; padding:5px 0; font-size:11px; font-weight:400; line-height:unset; box-shadow:inset 0 0 30px rgb(255 255 255 / 30%), 0 0 10px 0 rgba(0, 0, 0, 0.5); text-align:center; }
.side-exchange .exchange_wrap .forms .direction h3.right{ width:55%; box-shadow:inset 0 0 50px rgb(228 116 24 / 70%), 0 0 10px 0 rgba(0, 0, 0, 0.5); }
.side-exchange .exchange_wrap .forms .direction h3 span{ flex:unset; width:auto; max-width:unset; text-overflow:unset; font-size:11px; }
.side-exchange .exchange_wrap .forms .moneys{ display:flex; flex-direction:column; gap:3px; max-width:100%; }
.side-exchange .exchange_wrap .forms .moneys form{ display:flex; gap:3px; flex-wrap: wrap; height:25px; width:100%; overflow:hidden; box-shadow:0 0 10px 0 rgba(0, 0, 0, 0.5); }
.side-exchange .exchange_wrap .forms .moneys form input{ flex:1; width:340px; padding:0 10px; border:solid 2px #b98744; border-radius:5px; background:rgba(0, 0, 0, 0.2); color:#ffffff; font-size:11px; }
.side-exchange .exchange_wrap .forms .moneys form button{ width:calc(25% - 2px); border:none; border-radius:5px; background:#b98744; font-size:11px; font-weight:600; color:#ffffff; }
.side-exchange .exchange_wrap .forms .moneys .buttons{ display:flex; width:100%; justify-content:center; align-items:left; flex-wrap:wrap; gap:2px; }
.side-exchange .exchange_wrap .forms .moneys .buttons button{ border:none; width:calc(25% - 2px); height:25px; padding:1px 0px; background:#cc7857; border-radius:3px; color:#ffffff; font-size:11px; box-shadow:0 0 10px 0 rgba(0, 0, 0, 0.5); }
.side-exchange .exchange_wrap .forms .moneys .buttons button.max{ width:calc(25% - 2px); background:#797979; }
.side-exchange .exchange_wrap .forms .moneys .buttons button.max.reverse{ display:none; }
.side-exchange .exchange_wrap.reverse .forms .direction h3.left{ box-shadow:inset 0 0 50px rgb(228 116 24 / 70%), 0 0 10px 0 rgba(0, 0, 0, 0.5); }
.side-exchange .exchange_wrap.reverse .forms .direction h3.right{ box-shadow:inset 0 0 30px rgb(255 255 255 / 30%), 0 0 10px 0 rgba(0, 0, 0, 0.5); }
.side-exchange .exchange_wrap.reverse .forms .direction button{ background-image:linear-gradient(0deg, #00357e, #0167a8); }
.side-exchange .exchange_wrap.reverse .forms .direction button i{ transform:rotate(-540deg); }
.side-exchange .exchange_wrap.reverse .forms .moneys .buttons button.max{ display:none; }
.side-exchange .exchange_wrap.reverse .forms .moneys .buttons button.max.reverse{ display:block; }



.top-exchange{ display:none !important; width:100% !important; height:auto !important; user-select:none; }
.top-exchange.active{ display:block !important; }
.top-exchange .top_exchange_wrap{ display:flex; justify-content:center; position:relative; width:100%; max-width:250px; margin:5px auto 10px; padding:10px; overflow:hidden; background:rgba(0, 0, 0, 0.5); transition:all ease-in-out 0.5s 0.2s; }
.top-exchange .top_exchange_wrap{ border-radius:5px; box-shadow:inset 0 0 60px 0 rgb(153 156 205 / 45%), 0 0 5px 0 rgba(0, 0, 0, 0.5); }
.top-exchange .top_exchange_wrap .forms{ z-index:1; position:relative; display:flex; flex-direction:column; flex-wrap:wrap; align-items:center; justify-content:center; gap:3px; width:100%; }
.top-exchange .top_exchange_wrap .forms .direction{ display:flex; justify-content:space-between; align-items:center; gap:3px; width:400px; max-width:100%; padding:0; cursor:pointer; }
.top-exchange .top_exchange_wrap .forms .direction h3{ width:45%; display:flex; align-items:center; justify-content:center; border-radius:5px; color:#ffffff; margin:0; padding:5px 0; font-size:11px; font-weight:400; line-height:unset; box-shadow:inset 0 0 30px rgb(255 255 255 / 30%), 0 0 10px 0 rgba(0, 0, 0, 0.5); text-align:center; }
.top-exchange .top_exchange_wrap .forms .direction h3.right{ width:55%; box-shadow:inset 0 0 50px rgb(228 116 24 / 70%), 0 0 10px 0 rgba(0, 0, 0, 0.5); }
.top-exchange .top_exchange_wrap .forms .direction h3 span{ flex:unset; width:auto; max-width:unset; text-overflow:unset; font-size:11px; }
.top-exchange .top_exchange_wrap .forms .moneys{ display:flex; flex-direction:column; gap:3px; max-width:100%; }
.top-exchange .top_exchange_wrap .forms .moneys form{ display:flex; gap:3px; flex-wrap: wrap; height:25px; width:100%; overflow:hidden; box-shadow:0 0 10px 0 rgba(0, 0, 0, 0.5); }
.top-exchange .top_exchange_wrap .forms .moneys form input{ flex:1; width:340px; padding:0 10px; border:solid 2px #b98744; border-radius:5px; background:rgba(0, 0, 0, 0.2); color:#ffffff; font-size:11px; }
.top-exchange .top_exchange_wrap .forms .moneys form button{ width:calc(25% - 2px); border:none; border-radius:5px; background:#b98744; font-size:11px; font-weight:600; color:#ffffff; }
.top-exchange .top_exchange_wrap .forms .moneys .buttons{ display:flex; width:100%; justify-content:center; align-items:left; flex-wrap:wrap; gap:2px; }
.top-exchange .top_exchange_wrap .forms .moneys .buttons button{ border:none; width:calc(25% - 2px); height:25px; padding:1px 0px; background:#cc7857; border-radius:3px; color:#ffffff; font-size:11px; box-shadow:0 0 10px 0 rgba(0, 0, 0, 0.5); }
.top-exchange .top_exchange_wrap .forms .moneys .buttons button.max{ width:calc(25% - 2px); background:#797979; }
.top-exchange .top_exchange_wrap .forms .moneys .buttons button.max.reverse{ display:none; }
.top-exchange .top_exchange_wrap.reverse .forms .direction h3.left{ box-shadow:inset 0 0 50px rgb(228 116 24 / 70%), 0 0 10px 0 rgba(0, 0, 0, 0.5); }
.top-exchange .top_exchange_wrap.reverse .forms .direction h3.right{ box-shadow:inset 0 0 30px rgb(255 255 255 / 30%), 0 0 10px 0 rgba(0, 0, 0, 0.5); }
.top-exchange .top_exchange_wrap.reverse .forms .direction button{ background-image:linear-gradient(0deg, #00357e, #0167a8); }
.top-exchange .top_exchange_wrap.reverse .forms .direction button i{ transform:rotate(-540deg); }
.top-exchange .top_exchange_wrap.reverse .forms .moneys .buttons button.max{ display:none; }
.top-exchange .top_exchange_wrap.reverse .forms .moneys .buttons button.max.reverse{ display:block; }