:root {    
    /* ligth #f9f9f9 - strong #333*/
    --bg-color: #1f242d;
    --second-bg-color: #323946;

    --violet_00: #f4f5ff ;  /*#f8f9fa*/
    --violet_10: #ede7f6; 
    --violet_20: #b388ff; 
    --violet_30: #673ab7; /*rgba(103, 58, 183,0.3)*/
    --violet_50: #4a148c; /*rgba(74, 20, 140, 0.5)*/
    
    --focus: #ea80fc ;
    --green_30: #0ef;
    
    --pink_00: #fce4ec; 
    --pink_10: #df4881; 
    --pink_20: #c430d7; 
    
    --error: var(--pink_10);
    
    --bs1:0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2);
    --bs2:0 4px 5px 0 rgba(0,0,0,0.14), 0 1px 10px 0 rgba(0,0,0,0.12), 0 2px 4px -1px rgba(0,0,0,0.3);
    --bs3:0 8px 17px 2px rgb(0 0 0 / 14%), 0 3px 14px 2px rgb(0 0 0 / 12%), 0 5px 5px -3px rgb(0 0 0 / 20%);
    --ts1:0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
}
*{margin:0;padding:0;border:0;list-style:none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
*{font-family:'Poppins', sans-serif;}

.fc{display:flex;flex-direction:column;}
.fr{display:flex;flex-direction:row;}
.cc{align-items:center;justify-content:center;}
.ce{align-items:center;justify-content:flex-end;}
.ca{align-items:center;justify-content:space-around;}
.cs{align-items:center;justify-content:flex-start;}
.cb{align-items:center;justify-content:space-between;}
.sb{align-items:flex-start;justify-content:space-between;}
.ec{align-items:flex-end;justify-content:center;}
.sc{align-items:flex-start;justify-content:center;}

.h100{height:100%;}.vh100{height:100vh;}.vh100-min{min-height:100vh;}
.h50{height:50%;}
.w100{width:100%;} .w90{width:90%;} .w80{width:80%;}.w70{width:70%;}.w60{width:60%;}.w50{width:50%;}
.w40{width:40%;} .w30{width:30%;}.w33{width:33%;}.w25{width:25%;}.w20{width:20%;}.w10{width:10%;}
.w-max-400{max-width:400px;}
.w-max-600{max-width:600px;}

.dnone{display: none;}
.disabled{pointer-events: none;}
.blr-a{background-color:rgba(255,255,255,0.5);backdrop-filter: blur(1.5px);-webkit-backdrop-filter: blur(1.5px);}
.blr-b{background-color:rgba(0,0,0,0.5);backdrop-filter: blur(3px);-webkit-backdrop-filter: blur(3px);}
.blink {animation:fade 3000ms infinite;-webkit-animation:fade 1500ms infinite;}@keyframes fade {from {opacity: 1.0;} 50% {opacity: 0.4;} to {opacity: 1.0;}}
.wrap{-webkit-flex-wrap:wrap;flex-wrap:wrap;display:flex;flex-direction:row;}
.truncate{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} /*padding: 5px; width: 200px;*/ 
.op0{opacity:0;transition:0.5s;z-index:-10!important;}
.m0a{margin:0 auto;}
.mr05{margin-right:0.5rem}
.ml05{margin-left:0.5rem}
.mb05{margin-bottom:0.5rem}
.mb10{margin-bottom:1rem}
.mt10{margin-top:1rem}

.mt05{margin-top:0.5rem}
.ma05{margin:0.5rem}
.ma10{margin:1rem}

.pd10{padding:1rem;} 
.pd05{padding:0.5rem;} 
.bs1{box-shadow: var(--bs1);}
.bs2{box-shadow: var(--bs2);}
.br05{border-radius: 0.5rem;}
.br03{border-radius: 0.3rem;}
.br50{border-radius: 50%;}

.truncate {width:100%}
.truncate p{white-space: nowrap;overflow:hidden;text-overflow:ellipsis;height:100%;align-content:center;}

.txt-upr{text-transform:uppercase;}
.txt-c{text-align: center;}


/*
    --bg-color: #1f242d;
    --second-bg-color: #323946;

    --text-color: #fff; 
    --main-color: #0ef;
    --red: #ec407a;
    --focus: #ea80fc ;
    --dark-yellow: #eeff41 ; 
    --dark-green: #76ff03 ;

    --white: #FFF;
    --grey: #9e9e9e;
    --grey_30:#323946; 
    --grey_50:#1f242d; 

    --grey_00: #F3F3F3;
    --grey_10: #ede7f6; 
    --grey_20: #9e9e9e; 
    --grey_30: #323946;
    --grey_50: #1f242d;

    .bs-b{box-shadow: 0 1px 0 0 var(--violet_10);}
    .bs-t{box-shadow: 0 -1px 0 0 var(--violet_10);}
    .bs-l{box-shadow: -1px 0 0 0 var(--violet_10);}
    .bs-r{box-shadow: 1px 0 0 0 var(--violet_10);}
    .bs-a{box-shadow: 0 0 0 1px var(--violet_10);}
*/

/*#ldp img {content:url("src/M.jpeg");width:70vw;max-width:400px;box-shadow:var(--bs3);}*/