@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');
body, html{
font-family: "Inter", sans-serif;
margin:0;
padding:0;
}
button{
cursor:pointer;
}
.loading__circle {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(255, 255, 255, 0.7);
display: none;
justify-content: center;
align-items: center;
z-index: 9999;
}
.loading__circle-spinner {
border: 4px solid #f3f3f3;
border-top: 4px solid #2263ae;
border-radius: 50%;
width: 50px;
height: 50px;
animation: loading__circle-spin 0.6s linear infinite;
}
@keyframes loading__circle-spin {
    to {
        transform: rotate(360deg);
    }
}
.group:hover .group-hover\:flex {
display: flex !important;
}
.group-hover\:flex {
display: none;
}
.custom-toast {
position: fixed;
top: 1.5rem;
right: 1.5rem;
z-index: 9999;
background-color: #16a34a;
color: #fff;
padding: 0.75rem 1.5rem;
border-radius: 0.5rem;
box-shadow: 0 10px 15px -3px rgba(0,0,0,0.1), 0 4px 6px -4px rgba(0,0,0,0.1);
font-weight: 600;
font-size: 1rem;
transition: all 0.5s;
opacity: 1;
pointer-events: auto;
max-width: 90vw;
}
.custom-toast.opacity-0 {
opacity: 0;
transform: translateY(-20px);
}
.s-hidden {
visibility:hidden;
padding-right:10px;
}
.select {
cursor: pointer;
display: inline-block;
position: relative;
appearance: none;
width: 100%;
padding: 0;
margin-bottom: 0px;
border: 0;
transition: box-shadow 150ms ease 0s, border-color 150ms ease 0s, padding 150ms ease 0s !important;
background-color: transparent !important;
}
.styledSelect {
position: absolute;
top: 50%;
right: 0;
bottom: 0;
left: 0;
background-color: transparent;
padding: 0;
transform: translateY(-50%);
height: 100%;
opacity: 0;
color:#555;
z-index: 5;
}
.styledSelect:active, .styledSelect.active {
background-color:transparent;
}
.options {
display:none;
position:absolute;
top:100%;
width: 100%;
left: 0;
z-index:999;
padding:0 0;
list-style:none;
border:1px solid #B7B7B7D6;
background-color: #ffffff;
border-radius:8px;
-webkit-box-shadow:0 1px 2px rgba(0, 0, 0, 0.2);
-moz-box-shadow:0 1px 2px rgba(0, 0, 0, 0.2);
box-shadow:0 1px 2px rgba(0, 0, 0, 0.2);
max-height: 220px;
overflow-y: auto;
color:#555;
font-size:15px;
margin: 0 !important;
scrollbar-color: rgb(223, 227, 232) rgb(249, 250, 251);
scrollbar-width: 0;
}
.options li {
padding:0 6px;
margin:0 0;
padding:0 10px;
height:34px;
font-size:15px;
font-weight: 500;
display:flex;
align-items:center;
color:#555;
}
.options li:hover{
background:#3c83f6;
color:#fff;
}
select{
appearance: none;
-moz-appearance: none;
-webkit-appearance: none;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='rgba(119,119,119,1)'%3E%3Cpath d='M11.9999 13.1714L16.9497 8.22168L18.3639 9.63589L11.9999 15.9999L5.63599 9.63589L7.0502 8.22168L11.9999 13.1714Z'%3E%3C/path%3E%3C/svg%3E");
background-size:20px;
background-repeat: no-repeat;
background-position: center right 5px;
}
.base-bar{
z-index:1;
opacity: 0.2;
}
.bar{
z-index:2;
}
.step-item{
z-index:3;
}