/* ROOT
/////////////////////////////////////////////////////// */

:root { 
    --back: #FFF;
    --white: #FFF;
    --orange: #FF5000; 
    --green: #27E750;
    --blue: #00BAE2;
    --lilac: #A79FFF;
    --pink: #FFA9FB;
    --grey: #1C1C1C;
    --black: #000;
    --yellow: #ffe600; 
    
    --false: #F70000;
    --true: #0AE448;
    
    --gap: 3vw;
    --margin: 6vw; 

    --border-radius: 10px;
    --border-solid: solid 0.15vw;
    --border-dashed: dashed 0.15vw;
    
    --border-radius-buttons: 60px;
    --border-buttons: solid 0.15vw; }

:root_new { 
    --black: #fce6ff;
    --white: #FFFCE1;
    --orange: #FF5000; 
    --green: #0053ff;
    --blue: #00BAE2;
    --lilac: #A79FFF;
    --pink: #FF5000;
    --grey: #f2d3f6;
    --yellow: #ffe600; }

:root_old { 
    --black: #0E100F;
    --white: #FFFCE1;
    --orange: #FF5000; 
    --green: #27E750;
    --blue: #00BAE2;
    --lilac: #A79FFF;
    --pink: #FFA9FB;
    --grey: #1C1C1C;
    --yellow: #ffe600; }

/* CURSOR
/////////////////////////////////////////////////////// */

.cursor {
	width: 20px;
	height: 20px;
	top: 0;
	left: 0;
	border-radius: 50%;
	pointer-events: none;
	display: none;
    background: var(--pink);
	position: fixed;
	z-index: 99999999;
	-webkit-transition: all 0.1s;
			transition: all 0.1s; }

.cursor__hover {
    width: 3vw;
	height: 3vw;
	opacity: 0.5; }

.cursor.cursor__grab {
	width: auto;
	height: auto;
    font-family: "Barlow Semi Condensed", sans-serif;
    font-weight: 900;
	font-size: 2vw;
	line-height: 0.5;
	text-align: center;
	color: var(--orange);
    background:none;
	border-radius: none;
	opacity: 1; }

.cursor.cursor__grab::before {
	content: attr(data-content); }

/* /////////////////////////
RESPON 1200 */
@media (min-width: 1200px){ 
        
    .cursor {
	display: block; }
         
} /* FI */ 

/* STYLE
/////////////////////////////////////////////////////// */