/* Start:/local/templates/MYFISH_WEB/styles.css?17719443171199*/
@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:ital,wght@0,100..900;1,100..900&display=swap');

/*@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: normal;
  font-display: swap;
  src: url(/local/templates/MYFISH_WEB/./font/Roboto.woff2) format('woff2');
}*/

.control-text{
	width:100%;
    padding: 20px 20px;
    border-radius: 8px;
    background: #292A2A;
    font-size: 20px;
    font-weight: 300;
    color: #DDDDDD;
    text-transform: uppercase;
}

.progress-circle{
    display:none;
	position: absolute;
	top: 50%;
	left: 50%;
	border-top: 2px solid #EA775D;
	border-left: 2px solid #EA775D;
	border-right: 2px solid transparent;
	border-bottom: 2px solid transparent;
	width: 24px;
	height: 24px;
	margin-top: -12px;
	margin-left: -12px;
	background: transparent;
	border-bottom-color: transparent;
	border-radius: 100%;
	animation: ball-clip-rotate .5s linear infinite;
}
.progress-circle.shown{display:block;}
.progress-circle.shown + *{opacity:0;}
   
@keyframes ball-clip-rotate {
   0% {transform: rotate(0deg);}
   50% {transform: rotate(180deg);}
   100% {transform: rotate(1turn);}
}
/*** end form controls ***/
/* End */


/* Start:/local/templates/MYFISH_WEB/template_styles.css?1771944316455*/
html{
  -webkit-text-size-adjust: none;
  touch-action: manipulation;
  container-type: scroll-state;
  container-name: scroller;
  scroll-behavior: smooth;
}

html,body, *{
  border:none;
  outline:none;
  margin:0;padding:0;
  box-sizing:border-box;
  font-family: "Roboto Condensed", sans-serif;
  transition:color .15s ease,fill .15s ease;
}

body.stop-scrolling {
  height: 100%;
  overflow: hidden;
}

body{background:#000206;}
/* End */
/* /local/templates/MYFISH_WEB/styles.css?17719443171199 */
/* /local/templates/MYFISH_WEB/template_styles.css?1771944316455 */