.bg-gray-200{--bg-opacity:1;background-color:#e0e0de;background-color:rgba(224,224,222,var(--bg-opacity))}.border-gray-300{--border-opacity:1;border-color:grey;border-color:rgba(128,128,128,var(--border-opacity))}

/*algemeen*/
body{font: 70% Markazi Text,Times,Times New Roman,serif; margin: 50px; color: #322e2e; background-color: #e0e0de; /*background-image:url('../images/bg_waterfall.jpg'); background-repeat: no-repeat; background-size: cover;background-attachment:fixed;*/}
body#admin_login{font: 70% Helvetica, Arial, sans-serif; margin: 50px; /*background-image:url('../images/bg_admin_login.jpg'); background-repeat: no-repeat; background-size: cover;background-attachment:fixed;*/}
/*#body_userlogin {margin:0px; background-image:url('../images/bg_hertlingfree.jpg'); background-repeat: no-repeat; background-size: cover; }*/
#body_assessment{font: 70% Markazi Text,Times,Times New Roman,serif; margin: 10px;}
.bg{ /*background-image:url('../images/bg.jpg'); position: fixed;*/ background-color: #f0f0f0; width: 100%; height: 100%; margin:-50px; z-index:-1;}
/*.bg.bg-login{ background-image:url('../images/bg_login.jpg');}*/
.bg.assessment{margin: -10px;}
img, a {border:none;}
.state-default-tab {/*background-image:url('../images/bg_transparent.png');*/ background-repeat: repeat; color: #333333; background-color: #fafafa; border-right: 1px solid #e0e0e0;}
.state-default-tab.ui-state-hover{background-color: #f2f2f2; color: #333333;}
.ui-tabs-anchor {color: #333333;}
.ui-tabs-active {background-image:url('../images/bg_white.png'); background-repeat: repeat; color: #333333; border: 0px;}
/*.black-transparent {background-image:url('../images/bg_transparent.png'); background-repeat: repeat; text-align: center; color: #ffffff;}*/
.black-transparent {background-color: #f0f0f0; }
#megaheader {/*background: url(../images/footer-bg.png) left bottom repeat-x #525252;padding: 0 0 20px 20px;border-top: 3px solid #FFE700;zoom: 1;*/}
.ui-slider-handle.ui-state-default{background-color: #c0c0c0; border: 1px solid #c0c0c0;}
.ui-button.ui-state-default, .submit_button.ui-state-default, #btn_submit_login.ui-state-default{background-color: #322e2e; color: #0f0; border: 0; padding: 0.2em .8em;}
.ui-button.ui-state-active, .ui-button.ui-state-hover, .submit_button.ui-state-active, .submit_button.ui-state-hover, #btn_submit_login.ui-state-active, #btn_submit_login.ui-state-hover {background-color: #0f0; color: #322e2e; border: 0;}
#submit_next,#submit_previous,#submit_all{font-size: 1.4em;}
.radio-button.ui-state-default, 
.btn-charts.ui-state-default, 
.a_back.ui-state-default{border: 1px solid #505050;border-left: 3px solid #000084;background-color: #322e2e;color: #0f0;/*display: block;*/border-top: 1px dotted #777;padding: 4px 10px;padding-left: 7px;line-height: 1.4;}
.radio-button.ui-state-active {color: #322e2e;border-left: 3px solid #000084;padding-left: 7px;background-color: #0f0; font-weight: bold;}
/*.radio-button.ui-state-hover,*/
.btn-charts.ui-state-hover,
.a_back.ui-state-hover{color: #322e2e;border-left: 3px solid #000084;padding-left: 7px;background-color: #0f0;}
/*.btn-charts.ui-state-default{background-color: #00a89c; border: 1px solid #00a89c;}
.btn-charts.ui-state-hover{background-color: #8dd9d4; border: 1px solid #8dd9d4;}
.btn-di.ui-state-default{background-color: #00a89c; border: 1px solid #00a89c;}
.btn-di.ui-state-hover{background-color: #8dd9d4; border: 1px solid #8dd9d4;}
.a_back.ui-state-default{background-color: #00a89c; border: 1px solid #00a89c;}
.a_back.ui-state-hover{background-color: #8dd9d4; border: 1px solid #8dd9d4;}*/
#intro_txt {font: 70% Verdana, sans-serif; font-size: .9em; letter-spacing:normal;}
form#assessment{font: 70% Verdana, sans-serif; font-size: .9em; letter-spacing:normal;}
.ui-slider-handle.ui-state-default {padding: 0px;}
.slider-range.ui-slider-handle.ui-state-default{background-color: #00a89c;}
.ui-slider-range.ui-widget-header{background-color:#cccccc;}
.ui-dialog.ui-widget-content{background-color: transparent; border:0px;}
.ui-dialog-content{background-color:#ffffff;}
.ui-dialog-titlebar{background:url('../images/bg_transparent.png'); background-repeat: repeat;}
.ui-dialog-title{color:#ffffff;}
.ui-state-default.ui-dialog-titlebar-close{background-color:#cccccc; border:0px; z-index:1;}
.body-chart {font: 12px Verdana, sans-serif; margin: 0px; background-image:url('');}
#body_ksi{font: 12px Verdana, sans-serif;/*font: 75% sans-serif;*/ margin:0px; background-image:url('');}
#header_img{background-image: url('../images/woordmerk.png'); width: 472px; height: 90px; position: absolute; left: 10px; top: 0px;}
#header_img2{background-image: url('../images/woordmerk.png'); background-size: 315px 60px; width: 315px; height: 60px; position: absolute; left: 5px; top: 0px;}
#header_chart{ position: relative; top:0px; left:0px; width: 100%; height:auto; z-index: -999;}
.ui-widget-header{background-color: #0f0;}
.top {height:50px;}
.top-small{height:20px;}
.top-assessment {height:10px;}
.main {width:60%; margin: auto; min-width: 750px;}
.header {height:30px; text-align:center; margin:2px; background-image: url('../images/logo_small.jpg');}
.header-txt {margin-top:4px;}
.header-top{margin-left: auto;margin-right: auto; margin-top: 5px;}
.header-admin{margin-left: -40px;}
.footer {background: left bottom repeat-x #322e2e;padding: 5px 0px 50px 0px; border-top: 10px solid #00ffff;zoom: 1; margin:0px; margin-top: 0px; margin-bottom: 1px; width:100%;}
.footer-txt {margin:5px;/*display: table-cell; vertical-align:middle; color: #fffff;*/ color: #ffffff;}
.input-login {width:300px; height:20px; 	border-radius: 10px; text-indent: 5px;}
.content-login {padding: 20px; min-width: 500px; background-color: #ffffff; /* margin-top: 5px; */}
/*.a_logout {position:absolute; top:2px; margin-left:90%;}*/
.navigation_buttons {position:absolute; top:4px; float: right; right: 4px; width: 100%; height:0px;}
.session-name{display: table-cell;}
.a_back {float: right;}
.a_logout {float: right;}
.input-hidden {position: absolute; top:0px; visibility: hidden;}
.explanation {color:#333333; font-weight:700;}
.explanation-assessment {color:#333333; font-weight:700;}
.explanation-charts {color:#00a89b; font-weight:700;}
.icons{list-style-type: none; position: absolute; width:20px;}
#btn_show {width: 170px;}
.chart_title {font-size: 20px; margin-left: 5px;}
.chart_title2{font-size: 20px;}
#logo {float:right; margin-top:-35px; margin-right: 2px; height: 30px; border: 0px;}
#markup { width:100%;}
#markup_txt {margin-left: 10px;}
#filters1{display: table-cell; width: 300px;}
#filters2{display: table-cell; width: 300px;}
#filters3{width: 300px;}
/*user_login.php */
#wrapper { height: 92%; min-height: 450px;}
#social_media {position: absolute; margin-top: 5px; margin-left: 5px;}
.socialmedia-pic {height: 20px; border: 0px;}
#container_logo {width: 100%; min-width: 1150px; display:inline-block;}
#div_logo {display:inline-block; float: right;}
#img_logo {float: right; border: 0px;}
#content_userlogin { margin-top: -120px; width:100%; min-width: 1100px;}
#block_content_left {display:inline-block; height:100%; min-width:200px; position: relative;}
#container_content {display:inline-block; margin-left: 30%; position: relative;}
#hf_menu {margin-top: -20px; min-height: 100px; min-width: 500px;}
#hf_login {margin-top: 50px; min-height: 100px; min-width: 500px;}
#hf_title {font: 36px Segoe Print; color: #4a6b7e; margin-left: -30px; min-width: 500px;}
.a_hf {font: 25px Segoe Print; color: #4a6b7e; text-decoration: underline; border: 0px;}
.a_hf:hover {color: #97d5e4; text-decoration: underline; border: 0px;}
.a_hf2 {font: 25px Segoe Print; color: #f8931d; text-decoration: underline;}
.a_hf2:hover {color: #e23524; text-decoration: underline;}/*#facd34*/
#container_bottom { width: 100%; min-width: 800px; display: inline-block; position: relative; bottom: 5px;}
/*#container_bottom {width: 100%; min-width: 800px; display: inline-block; position: absolute; margin-top: 150px;}*/
#counters {float: right; margin-right: 5px;}
.counter-img {background-image: url('../images/counter_bg.png'); width:39px; height:49px; display: inline-block;}
.counter {font-size: 36px; color: #ffffff; margin-left: 7px;}
#counter_txt {font: 16px Segoe Print; color: #0c3348; display: inline-block; position: absolute; right: 180px; top:10px;}
/*user login old?*/
#content_login_left {display:inline-block; width: 50%; min-width:300px;}
#content_login_right {display:inline-block; padding:10px; padding-left:25px; text-align:left; width: 30%; position: relative; top:-70px;}
.hf_txt {font: 14px; color: #4a6b7e; font-weight: strong;}

/*assessment.php*/
#explanation-txt-assessment { margin-left:40px; margin-right:40px; margin-top:20px;}
#sliders {width:90%; margin:auto; margin-top:20px;}
.slider-value {width:30px; height:20px;}
.slider {top:-20px; left:50px; width:60%;}
.slider-pos {padding-top:4px;}
.hidden-div {visibility: hidden; height: 5px;}
#assessment_finished {margin-left:30px; margin-top:20px; margin-bottom:200px;}
#progressbar {width:80%; height:20px; margin-top:18px; margin-left:30px; border-radius: 0px;}
.question_counter {color:#0c3348; text-align: right; margin-top:-17px; margin-right:25px;}
#scores_pos {margin-left: 40px; margin-top:-10px;}
#lblsum_scores {color: red; margin-top: 20px;}
#submit_buttons {right: 20%; text-align: right; bottom: 5px; padding: 2px;}
.selection-questions {margin-left:40px; margin-right:40px; margin-top:20px; margin-bottom:20px;}
.radio-selection-questions {margin:5px; margin-left:20px;}
#disclaimer_txt {padding: 20px;}

/*admin_login.php*/
#btn_submit_login {width:200px;}
#a_password {color:#322e2e; margin-left: 0px; text-decoration: underline #0f0;
    position: relative;
    display: inline-block;
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-timing-function: cubic-bezier(.4,0,1,1);
    transition-timing-function: cubic-bezier(.4,0,1,1);
    line-height: .8;
    background-image: -webkit-gradient(linear,left top,left bottom,from(#0f0),to(#0f0));
    background-image: linear-gradient(
180deg
,#0f0,#0f0);
    background-position: 100% 100%;
    background-size: 100% 0;
    background-repeat: no-repeat;}
	#a_password:focus,#a_password:hover{background-size:100% 100%}
	
/*portal_admin.php*/
#icon1 {margin-top:1px; margin-left:375px;}
#icon2 {margin-top:-28px; margin-left:115px;}
#icon3 {margin-top:1px; margin-left:375px;}
.alarm_txt {color:red;}
.explanation-txt-admin { margin-right:0px; margin-bottom:10px;}
.input-user {width:300px; border-radius: 10px; border: 1px solid #aaaaaa; text-indent: 5px;}
#btn_addUser {margin-top:5px;}
.select-openassessments {width: 200px;}
.list-participants {margin-top:20px;}
#selectReminderUsers .ui-selecting { background: #0c3348 url(../images/ui-bg_highlight-soft_75_0c3348_1x100.png) 50% 50% repeat-x;}
#selectReminderUsers .ui-selected  { background: #3e849a url(../images/ui-bg_highlight-hard_50_3e849a_1x100.png) 50% 50% repeat-x; color: white; }
#selectReminderUsers li:hover      { background: #74b1b3 url(../images/ui-bg_highlight-hard_75_74b1b3_1x100.png) 50% 50% repeat-x; color: #026890; }
#selectReminderUsers 	{ list-style-type: none; margin: 0; padding: 0; width: 60%; }
#selectReminderUsers li 	{ margin: 3px; padding: 0.4em; }
#finishedUsers 			{ list-style-type: none; margin: 0; padding: 0; width: 60%; }
#finishedUsers li 		{ margin: 3px; padding: 0.4em;  }
#selectUsersInvite .ui-selecting { background: #0c3348 url(../images/ui-bg_highlight-soft_75_0c3348_1x100.png) 50% 50% repeat-x;}
#selectUsersInvite .ui-selected  { background: #3e849a url(../images/ui-bg_highlight-hard_50_3e849a_1x100.png) 50% 50% repeat-x; color: white; }
#selectUsersInvite li:hover      { background: #74b1b3 url(../images/ui-bg_highlight-hard_75_74b1b3_1x100.png) 50% 50% repeat-x; color: #026890; }
#selectUsersInvite 		{ list-style-type: none; margin: 0; padding: 0; width: 60%; }
#selectUsersInvite li 	{ margin: 3px; padding: 0.4em;  }
#invitedUsers 			{ list-style-type: none; margin: 0; padding: 0; width: 60%; }
#invitedUsers li 		{ margin: 3px; padding: 0.4em;  }

/*profile.php*/
.main-profile {width:70%; margin-left: 10%; }
#title_profile {font-size:18px; font-weight:bold;}
/*#btn_show_profile{width:170px;}*/
#icon_profile{ margin-top:1px; margin-left:102px;}
#explanation_txt_profile { margin-right:0px; margin-bottom:10px;}
#btn_profile{position:absolute; margin-top: -10px;}
#filters_profile { position:absolute; left:80%; margin-top: 50px; max-width: 350px;}
.lbl_radio {text-align: left;}
/*#profile_select {width: 140px;}
.select_profile {width: 170px;}*/
#conditional_text_profile{margin-top:15px;}
.profile-title {font-size:16px; font-weight:bold; color:#00a89c; margin-bottom: 10px;}

/*charts(_menu).php*/
.main.charts {width:750px;}
.chart_header {color:#0c3348; font-weight: 700; padding-bottom: 10px;}
#div_row2{background-color:#f2f2f2;}
#div_row4{background-color:#f2f2f2;}
.div_td {text-align:left; /*width: 100%; height:200px;*/ position: relative; display: table-cell;}
.div_chart {/*display:table-cell;*/ padding:25px; padding-left: 45px; text-align:left; width: 175px; /*height:150px;*/}
.div_chart_txt {/*display:inline-block;*/ padding:3px; padding-left:25px; text-align:center; width: 200px; /*height: 150px;*/ position: relative; top:-8px;}
.button_chart {padding-top: 10px;}

.btn-charts{width:180px;}
.select-charts{width:180px;}
.slider-range{margin-left:10px; width:160px;}
/*radar.php*/
/*#btn_show_radar{width:170px;}*/
#icon_radar{ margin-top:1px; margin-left:102px;}
#explanation_txt_radar { margin-right:0px; margin-bottom:10px;}
/*#title_conditionaltxt{ font-weight:bold; color:#0c3348;}*/
#btn_radar{position:absolute; margin-top: -10px;}
#chart { float:left;} 
#legends { position:absolute; left:600px; top:400px;}
#filters_radar { position:absolute; left:1050px; width: 300px; margin-top: -400px;}
#filters_radar_iv { position:absolute; left:700px; width: 450px; margin-top: -400px;}
/*#radar_select {width: 170px;}
.select_radar {width: 170px;}*/
#conditional_text_radar {position:absolute; margin-top:-310px; left:1000px; width:300px;}
#markup_radar{ width: 100%; margin-top:650px;}
#container_integriteit{width:500px; height:430px; margin: 0 0; display:table-cell;}
#container_vitaliteit{width:500px; height:430px; margin: 0 0; display:table-cell;}
#container_iv1{width:500px; height:430px; margin: 0 0;}
#container_iv2{width:500px; height:430px; margin-top:-430px; visibility: hidden;}

/*pie_chart.php*/
.pie-profile {position:relative; top:10px; left:10px; z-index:1002; display: inline-block; width:350px;}
.pie_title {font-size: 18px; font-weight: 700; margin-left: 10px;}
#chart { float:left;} 
#legends { position:absolute; left:600px; top:400px;}
#filters_pie { position:absolute; left:800px; margin-top: 30px; max-width: 600px; z-index: 1001;}
#conditional_text_pie { margin-left: 42px; margin-top: 20px; margin-bottom: 20px;}
#conditional_text_pie_filters {display: table-cell; width: 330px; padding-right: 10px;}
#conditional_text_pie_gedrag{position: absolute; margin-top: -1150px; left:800px; max-width: 350px;}
#conditional_text_pie_denken{position: absolute; margin-top: -700px; left:800px; max-width: 350px;}
#conditional_text_pie_houdingen{position: absolute; margin-top: -200px; left:800px; max-width: 350px;}
#title_pie { font-size: 20px; margin-left: 5px;}
/*#btn_show_pie{width:170px;}*/
#explanation_txt_pie { margin-right:0px; margin-bottom:10px;}
/*.select_pie {width: 170px;}
#pie_select {width: 140px;}*/
#icon_pie{ margin-top:1px; margin-left:102px;}
#title_conditionaltxt{ font-weight:bold; color:#0c3348;}
#btn_pie{position:absolute; margin-top: -10px;}
/*#pie_profiles {position: absolute; top: 50px; left: 10px;}*/
#markup_pie{ width: 100%; margin-top:20px;}
span {text-decoration: none !important;}
#pie_label {color: #000000; text-decoration: none; font-weight: 300; font-size: 16px;}

/*ksi_dashboard.php*/
.icons{list-style-type: none; position: absolute;}
.input-hidden { position: absolute; top: 0px;visibility:hidden;}
#btn_table{ position:absolute; margin-top: 40px;}
#icon1_ksi { margin-top:-16px; margin-left:-25px; width:20px;}
#icon2_ksi { margin-top:1px; margin-left:120px; width:20px;}
#xLabels { position:relative; top:-400px; left:180px; width:30%;}
#yLabels { position:relative; top:-375px; left:7px; width:20%;}
#viz { position:relative; top:-925px; left:165px; width:20%;}
#slider { position:relative; top:-900px; left:165px; width:50%;}
#slide { width:450px; margin-left:10px; margin-right:10px; display:inline-block;}
/*#waarde { position:absolute; top:-1000px; left:980px; width:30%;}*/
#Waarde { position:relative; top:-1050px; left:980px; width:25%;}
#title_ksi { position:relative; margin-left: 10px; font-size: 22px;}
#filters_ksi { position:relative; left:980px; top:120px; max-width: 350px; height: 400px;}
.radio_ksi { width:75px; margin-bottom:3px;}
/*.select_ksi {width:170px;}
#btn_show_ksi { width:170px;}*/
#markup_ksi{ width: 100%; position:relative; top:-880px; left:0px;}

/*scatterplot_krachten.php*/
#icon_krachten { margin-top:0px; margin-left:85px;}
#explanation_txt_krachten { margin-right:0px; margin-bottom:10px; }
#conditional_text_krachten {position:relative; top:-300px; left:900px; width:30%;}
#btn_krachten {font-size: 100%;}
#title_krachten {margin-left: 20px;}
#filters_krachten {position:absolute; left:600px; margin-top:60px; width: 600px; z-index: 1;}
/*#krachten_select {width: 170px;}*/
#markup_krachten { width: 100%; position: absolute; top:800px;}
/*.select_krachten {width:170px;}*/

/*scatterplot_TCDZ.php*/
#icon_tcdz {margin-top:0px; margin-left:85px;}
#explanation_txt_tcdz { margin-right:0px; margin-bottom:10px;}
.title-tcdz {margin-left: 20px; margin-top: -95px;}
#filters_tcdz {position:absolute; left:610px; margin-top:60px; width: 600px; z-index: 1;}
/*#tcdz_select {width: 170px;}*/
#btn_tcdz {font-size: 55%; margin-top:-3px; margin-left: 5px;}
#btn_T {font-size: 100%;}
#btn_C {font-size: 100%; }
#btn_D {font-size: 100%; }
#btn_Z {font-size: 100%; }
#conditional_text_T {position:absolute; margin-top:-300px; left:910px; width:30%; z-index: 1;}
#conditional_text_C {position:absolute; margin-top:-450px; left:910px; width:30%;}
#conditional_text_D {position:absolute; margin-top:-450px; left:910px; width:30%;}
#conditional_text_Z {position:absolute; margin-top:-450px; left:910px; width:30%;}
#markup_tcdz{ width: 100%; margin-top:20px;}
/*.select_tcdz {width:170px;}*/

/*bar_chart.php*/
#icon_bar{ margin-top:1px; margin-left:102px;}
#explanation_txt_bar { margin-right:0px; margin-bottom:10px;}
#btn_bar{position:absolute; margin-top: -10px;}
#chart { float:left;} 
#legends { position:absolute; left:-400px; top:300px; height: 100px; width: 100px;}
#filters_bar { position:absolute; left:820px; width: 550; margin-top: -970px;}
#conditional_text_bar {position:absolute; margin-top:220px; left:900px; width:30%;}
#markup_bar{ width: 100%; margin-top:0px;}

/*scatterplot_systeemrisico.php*/
#icon_sr{ margin-top:1px; margin-left:102px;}
#explanation_txt_sr { margin-right:0px; margin-bottom:10px;}
#filters_sr { position:absolute; left:800px; margin-top: -470px;}
#sr_select {width: 170px;}
#conditional_text_sr {position:absolute; margin-top:220px; left:900px; width:30%;}
#markup_sr{ width: 100%; margin-top:600px;}

/*scatterplot_stress.php*/
#explanation_txt_stress { margin-right:0px; margin-bottom:10px;}
#icon_stress {margin-top:0px; margin-left:85px;}
#conditional_text_stress {position:absolute; top:50px; left:900px; width:30%;}
#title_stress {margin-left: 20px;}
#filters_stress {position:absolute; left:600px; margin-top:20px;}

/*#filters_bullets2 { position:absolute; left:1050px; width: 300px; margin-top: 0px;}*/
#filters_bullets2{ position:absolute; left:970px; max-width: 380px; height: 400px; top: 200px;}
#filters_softcontrols_relevant{ position:absolute; left:970px; max-width: 380px; height: 400px; top: 200px;}
#filters_softcontrols_significant{ position:absolute; left:970px; max-width: 380px; height: 400px; top: 200px;}
#filters_bullets_hm{ position:absolute; left:1000px; max-width: 380px; height: 400px; top: 200px;}
#softcontrols {position:fixed; left:10px; top: 150px; width: 700px;}
#filters_softcontrols_worksheet{ position:absolute; left:970px; max-width: 380px; height: 400px; top: 200px;}
.btn-di{width:180px;}

#filters_norm{ position:absolute; left:970px; max-width: 380px; height: 400px; top: 200px;}
#filters_dashboard{ position:absolute; left:970px; max-width: 380px; height: 400px; top: 200px;}
#filters_openq{ position:absolute; left:970px; max-width: 380px; height: 400px; top: 200px;}
.norm_column1 {display: inline-block; width:600px; margin-left: 20px;}
.norm_column2 {display: inline-block; width:200px; margin-left: 20px;}
.red {color:red;}
.norm_header {text-decoration:bold; font-size: 20px; margin-bottom:4px;}
.sc_grade{display:inline-block; width:200px;}
.oq_row1{width:700px; margin-left: 20px;}
.oqa_row{width:700px; margin-left: 20px;}
#filters_analysis { position:absolute; left:900px; width: 300px; top: 200px;}
#analysis_overview{width: 800px;}
#filters_dashboard { position:absolute; left:1000px; width: 300px; margin-top: 50px;}
/*logout.php*/
#logout {padding: 20px;}



.cursor-wrapper{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;mix-blend-mode:exclusion;z-index:999999}
.cursor{position:absolute;top:0;left:0;border-radius:9999px;--bg-opacity:1;background-color:#e0e0de;
background-color:rgba(224,224,222,var(--bg-opacity));width:40px;height:40px;will-change:transform;-webkit-transition:background .3s ease-in;transition:background .3s ease-in}
.cursor.is-hover{background-color:transparent}
.cursor__inner{position:absolute;border-radius:9999px;--bg-opacity:1;background-color:#0f0;background-color:rgba(0,255,0,var(--bg-opacity));width:6px;height:6px;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);mix-blend-mode:exclusion}