@media screen and (max-width: 1650px) {
  .nav22mgl2 {
    visibility: hidden;
    display: none;
  }
}


.nav22mgl2 {
	
	
	    -webkit-box-shadow: 0px 0px 15px 0px rgba(29, 20, 51, 0.6);
-moz-box-shadow: 0px 0px 15px 0px rgba(29, 20, 51, 0.6);
box-shadow: 0px 0px 15px 0px rgba(29, 20, 51, 0.6);

 
	width: 405px; 
	max-height:245px;
	position: fixed;
	z-index: 10;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
	background: transparent;
   
	line-height: 45px;
	padding: 0 0px 5px;
	border-radius:  13px; 
  background-color: #181521;
right: 15px;
	top:90px;

	
}


.AnimationCard_animationCard__2-IrN {
	display: inline-block;
	border-radius: 9px;
	box-sizing: content-box;
	border: 2px solid transparent;
	transition: .2s
}

.AnimationCard_animationCard__2-IrN:hover {
	
	background-color: #64429f
}

.AnimationCard_animationCard__2-IrN img {
	border-radius: 9px;
	background-color: #493370;
	height: auto;
	max-width: 100%;
	width: auto
}

.Loading_loader__2v7FN,
.Loading_loader__2v7FN:after {
	border-radius: 50%;
	width: 30px;
	height: 30px
}

.Loading_loader__2v7FN {
	font-size: 10px;
	position: relative;
	text-indent: -9999em;
	border: 1.1em solid rgba(0, 0, 0, .05);
	border-left-color: #49B77E;
	transform: translateZ(0);
	animation: Loading_load8__2jtLq 1.1s linear infinite
}

@keyframes Loading_load8__2jtLq {
	0% {
		transform: rotate(0deg)
	}

	to {
		transform: rotate(1turn)
	}
}

.Loading_loading-wrapper__3yMPd {
	align-items: center;
	display: flex;
	flex-direction: column;
	margin: 0 auto 30px
}

.Loading_loading-description__2G5im {
	font-size: 14px;
	margin-top: 10px;
	color: #bbb;
	line-height: 24px
}

.Giphy_input__1Qrqj {
	background-color: #7553B5;
	border: 1px solid #815BC6;
	border-radius: 9px;
	color: #fff;
	display: inline-block;
	font-size: 14px;
	font-weight: 600;
	height: inherit;
	line-height: 42px;
	outline: none;
	padding-left: 35px;
	transition: .2s;
	width: calc(100% - 42px)
}

.Giphy_input__1Qrqj:focus {
	border-color: #BE9EFF;
	box-shadow: 0 0 3px #BE9EFF
}

.Giphy_inputButton__3VB_n {
	background-color: #49B77E;
	border: none;
	border-radius: 9px;
	color: #fff;
	display: inline-block;
	font-family: "Open Sans", sans-serif;
	font-size: 14px;
	font-weight: 600;
	height: 42px;
	padding: 0;
	outline: none;
	transition: .2s
}

.Giphy_inputButton__3VB_n:hover {
	background-color: #57DB95;
	cursor: pointer
}

@media (max-width:768px) {
	.Giphy_inputButton__3VB_n {
		padding: 0 10px
	}
}

.Giphy_inputContainer__27ok4 {
	position: relative
}

.Giphy_inputGroup__1JdyU {
	border: 0;
	border-radius: 3px;
	box-sizing: border-box;
	color: #fff;
	grid-column-gap: 5px;
	-webkit-column-gap: 5px;
	column-gap: 5px;
	display: grid;
	font-family: "Open sans", sans-serif;
	font-size: 14px;
	grid-template-columns: auto 120px;
	height: 42px;
	margin-bottom: 20px
}

@media (max-width:768px) {
	.Giphy_inputGroup__1JdyU {
		grid-template-columns: auto -webkit-min-content;
		grid-template-columns: auto min-content
	}
}

.Giphy_instructions__2_o_2 {
	color: #fff;
	font-size: 14px;
	font-family: "Open sans", sans-serif;
	line-height: 30px
}

.Giphy_giphyContainer__1QEJR {
	background-color: #201C2B;
	box-sizing: border-box;
	margin: 0 auto;
	max-width: 800px;
	width: 100%;
	min-height: 100%;
	padding: 15px
}

.Giphy_giphyGrid__20H8Y {
	display: grid;
	grid-auto-flow: row;
	grid-template-columns: 1fr 1fr
}

.Giphy_giphyLogo__2biIJ {
	height: 30px;
	width: auto
}

.Giphy_logoContainer__1Lttr {
	display: flex;
	justify-content: flex-start;
	margin-bottom: 20px
}

.Giphy_searchIcon__1x2Ip {
	position: absolute;
	left: 14px;
	top: 14px
}

* {
	font-family: Raleway, sans-serif;
	padding: 0;
	margin: 0
}

.app-container {
	background-color: #201C2B;
	min-height: 100vh;
	width: 100vw
}

/*# sourceMappingURL=main.ec18a773.chunk.css.map */