/*basic*/
@font-face{font-family: 'humnst777'; src: url('../fonts/humnst777.ttf'); font-display: swap;}
body {font-family: 'humnst777'!important; font-size: 16px;  background: #F7F7F7; color: #000; overflow-x: hidden;}
textarea{resize: none;}

/*ICONS*/
.icon{position: relative; padding: .25rem .75rem .25rem .75rem; height: .5rem; width: .5rem; }
.icon::before{content: ""; position: absolute; top: 0; left: 0; height: 100%; width: 100%; transition: all 0.25s ease-in-out; background-size: 1.5rem 1.5rem!important; background-position: center center!important;}

.icon-sm::before{ background-size: 1rem 1rem!important; }
.icon-md{padding: 1rem; height: 2rem!important; width: 2rem!important;}
.icon-md::before{ background-size: 2rem 2rem!important; }

.icon-eye::before{ background: url(../img/icons/eye.svg) no-repeat;}
.icon-copy::before{ background: url(../img/icons/copy.svg) no-repeat;}
.icon-edit::before{ background: url(../img/icons/edit.svg) no-repeat;}
.icon-link::before{ background: url(../img/icons/link.svg) no-repeat;}
.icon-delete::before{ background: url(../img/icons/delete.svg) no-repeat;}
.icon-plus::before{ background: url(../img/icons/plus.svg) no-repeat;}
.icon-arrow-right::before{ background: url(../img/icons/arrow-right.svg) no-repeat;}