@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@300;400;600;700&display=swap');

:root {
  --primary: #FF402E;
  --primary-light: #FFF1F0;
  --primary-dark: #150200;

  --secondary: #FF7338;
  --secondary-light: #FFF5F1;
  --secondary-dark: #160700;

  --info: #2f4858;
  --info-light: #EDF2F6;
  --info-dark: #030506;

  --grey: #798897;
  --grey-light: #F5F6F8;

  --title: #0C0F0A;
}

.radius-5 {
  border-radius: 5px !important;
}

.radius-10 {
  border-radius: 10px !important;
}

.radius-20 {
  border-radius: 20px !important;
}

.font-sb { font-weight: 600 !important; }

.toastt {
  height: 0;
  position: sticky;
  top: 50px;
  z-index: 1000;
  width: 100%;
  display: flex;
  justify-content: center;
  animation: fadeIn-Down .5s ease-in
}

.toastt-container {
  background: var(--secondary);
  color: #fff;
  display: flex;
  width: 17rem;
  height: 3rem;
  border-radius: 25px;
  padding-right: 15px;
  padding-left: 5px;
  top: 15px;
  box-shadow: var(--grey) 0px 5px 15px -5px;
}

.toastt-icon {
  margin: auto;
  background: #fff;
  min-width: 30px;
  height: 30px;
  border-radius: 50%;
  color: var(--secondary);
  display: flex;
  font-size: 15pt;
  text-align: center;
  margin-right: 6px;
  margin-left: 5px;
}

.toastt-icon i {
  margin: auto;
}

.toastt-msg {
  margin: auto;
  margin-left: 6px;
  padding-top: 1px
}

.organik_alert_icon {
  width: 70px;
  height: 70px;
  border-radius: 50%;
  font-size: 30px!important;
  padding: 18px;
  /* background: var(--primary-light); */
  color: var(--primary);
  /* border: 1px solid var(--primary); */
}

.organik_alert_icon i::after {
  content: ' ';
  width: 0;
  height: 0;
  position: absolute;
  box-shadow: var(--primary) -8px 25px 32px 12px;
}

.pace {
	-webkit-pointer-events: none;
	pointer-events: none;

	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;

	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	-webkit-transform: translate3d(0, -50px, 0);
	-ms-transform: translate3d(0, -50px, 0);
	transform: translate3d(0, -50px, 0);

	-webkit-transition: transform .5s ease-out;
	-ms-transition: transform .5s ease-out;
	transition: transform .5s ease-out;
}

.pace.pace-active {
	-webkit-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

.pace .pace-progress {
	display: block;
	position: fixed;
	z-index: 20000;
	top: 0;
	right: 100%;
	width: 100%;
	height: 2px;
	background: #fff;
	pointer-events: none;
}