html, body {
    font-family: "Inter", sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
    font-size:13px;
}

/* CURSOR */
.pointer {
    cursor: pointer !important;
}


/* LINK */
.etk-link-underline {
    cursor: pointer;
    /*color: #075BF7 !important; /* brands/eteko/cobalt/500 */

    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: none;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
}

.etk-link-underline:visited {
    color: rgb(147 51 234) !important; /* text-purple-600 */
}


/* MODAL */
.etk-modal {
    border-radius: 8px; /* radius-M */
    border: 1px solid #E3E6ED; /* stroke-default */
    background: #FFF; /* bg-surface-default */

    box-shadow: 0 8px 4px -6px rgba(0, 0, 0, 0.06), 0 7px 12px 0 rgba(0, 0, 0, 0.07); /* elevation-3 */
}



.etk_backdrop_loader.active{
	 position: fixed;
	 top: 0;
	 width: 100%;
	 height: 100%;
	 background: #00000099;
	 z-index: 99999;
	 left: 0;
	display: block !important;
}


.etk_backdrop_loader_spinner{
	height: 100%;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.etk_backdrop_lds_ring {
	display: flex;
 	position: relative;
 	align-items: center;
 	justify-content: center;
	width: 80px;
 	height: 80px;
}
.etk_backdrop_lds_ring div {
  box-sizing: border-box;
  display: block;
  position: absolute;
  width: 64px;
  height: 64px;
  margin: 8px;
  border: 5px solid #fff;
  border-radius: 50%;
  animation: etk_backdrop_lds_ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  border-color: #fff transparent transparent transparent;
}
.etk_backdrop_lds_ring div:nth-child(1) {
  animation-delay: -0.45s;
}
.etk_backdrop_lds_ring div:nth-child(2) {
  animation-delay: -0.3s;
}
.etk_backdrop_lds_ring div:nth-child(3) {
  animation-delay: -0.15s;
}
@keyframes etk_backdrop_lds_ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}