@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@600&display=swap');
html {
    scroll-behavior: smooth;
}
input:focus, input:hover, button:focus, button:hover{
	outline: none;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  	-webkit-appearance: none;
  	margin: 0;
}
@keyframes opacityZero {
	from{opacity: 0;top:0;}
	to{opacity: 1;top:50%;}
}
.okesip-spinner{
  	border: 16px solid #1d3557;
  	border-radius: 50%;
  	border-top: 16px solid #3498db;
  	width: 120px;
  	height: 120px;
  	animation: spin 0.7s linear infinite;
}
@keyframes spin {
  	0% { transform: rotate(0deg); }
  	100% { transform: rotate(360deg); }
}
.okesip-container-div{
	width: 100%;
	height: 100%;
	position: fixed;
	background: rgba(0,0,0,0.3);
	top:0;
	right: 0;
	z-index: 50;
	font-family: 'Nunito', sans-serif;
}
.okesip-container{
	background: #1d3557;
	border-radius: 40px;
	padding: 21px;
	width: 500px;
	color: white;
	position: absolute;
	top: 50%;
   	left: 50%;
   	-moz-transform: translateX(-50%) translateY(-50%);
   	-webkit-transform: translateX(-50%) translateY(-50%);
   	transform: translateX(-50%) translateY(-50%);
   	z-index: 51;
   	animation-name: opacityZero;
   	animation-duration: 0.7s;
}
.okesip-display-sm{
	display: none;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	height: 25px;
	font-size: 17px;
	padding: 7px 7px 7px 11px;
	background:rgba(0,0,0,0.5);
	border-radius: 40px;
}
.okesip-input-token{
	border:1px solid #1f1f1f;
	border-radius: 40px;
	min-height:40px;
	padding:7px 14px 7px 14px;
	display: flex;
	flex-wrap: nowrap;
}
.okesip-input-token>input{
	font-size: 17px;
	margin: 2px 3px 0 0;
	background:transparent;
	border:none;
	width:100%;
	color: white;
}
.okesip-input-token>div{
	width: 220px;height:25px;
	padding: 7px 7px 7px 11px;
	border-radius: 40px;
	margin: 1px 0 0 3px;
	background:rgba(0,0,0,0.5);
}
.okesip-input-token>div>p{
	text-align: center;
	font-size: 17px;
	color: white;
	margin-top: 0;
}
.okesip-standard-p{
	color:white;
	font-size: 15px;
	margin-bottom:4px;
}
.okesip-standard-flex{
	display: flex;
	flex-wrap: nowrap;
	width: 100%;
	margin-bottom: 14px;
	margin-top: 14px;
}
.okesip-button-swap{
	font-size: 15px;
	cursor: pointer;
	transition: 0.7s;
	padding: 7px;
	color:white;
	background: rgba(0,0,0,0.5);
	border-radius: 40px;
	border:none;
	margin-right: 5px;
}
@media screen and (max-width: 625px) {
	.okesip-container{
		width:85%;
		margin: 0 auto;
	}
}