.options .active,.options .active:hover{background:var(--blue1);border:1px solid var(--blue3);transition:0.3s;}
.textout{max-height:85px;overflow:auto;}
#clone{display:none;}
ul.options pre{overflow:visible;}

/*intensity slider*/
.slider_container{padding:0 5px;border:1px solid var(--blue1);border-radius:3px;transition:background-color 0.3s;}
@media (hover: hover) {.slider_container:hover{background:var(--blue4);transition:background-color 0.3s;}}
.slider_container:active{background:var(--blue6);transition:background-color 0.3s;}
	.slider{--c:white;--g:6px;--l:2px;--s:16px;display:block;width:100%;height:26px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;cursor:pointer;overflow:hidden;}
	.slider:active,.slider:focus-visible{--_b: var(--s)}
	/* chromium */.slider::-webkit-slider-thumb{height:var(--s);aspect-ratio:1;border-radius:50%;box-shadow:0 0 0 var(--_b,var(--l)) inset var(--c);border-image:linear-gradient(90deg,var(--c) 50%,transparent 0) 0 1/calc(50% - var(--l)/2) 100vw/0 calc(100vw + var(--g));-webkit-appearance:none;appearance:none;transition:.3s;}
	/* Firefox */.slider::-moz-range-thumb{height:var(--s);width:var(--s);background:none;border-radius:50%;box-shadow:0 0 0 var(--_b,var(--l)) inset var(--c);border-image:linear-gradient(90deg,var(--c) 50%,transparent 0) 0 1/calc(50% - var(--l)/2) 100vw/0 calc(100vw + var(--g));-moz-appearance:none;appearance:none;transition:.3s;}



.toggle_container{position:relative;display:flex;width:54px;height:28px;align-items:center;}
.toggle_container input{opacity:0;width:0;height:0;}
.toggle_container input:checked + .toggle{background-color:var(--blue6);}
@media (hover: hover) {.toggle_container input:not(:checked) + .toggle:hover{background:var(--blue4);transition:background-color 0.3s;}}
.toggle_container input:checked + .toggle:before{transform:translateX(24px);}
	.toggle{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background:none;transition:.4s;border-radius:3px;border:1px solid var(--blue1);
	
	
	--c: white;
  --g: 6px;
  --l: 2px;
  --s: 16px;
  
  }
	.toggle:before {
		position:absolute;
		content:"";
		height:16px;width:16px;left:7px;bottom:5px;border-radius:50%;transition:.4s;
		background: none;
		border-radius: 50%;
		box-shadow:0 0 0 var(--_b,var(--l)) inset var(--c);
		-moz-appearance: none;
		appearance: none;
		transition: .3s;
		}
		
	.toggle:active,.toggle:focus-visible{--_b: var(--s)}		
		
	.toggle_container .title{margin-left:62px;font-size:14px;}


