a:active{font-weight:400;color:#fff}a:visited{font-weight:400;color:#fff}a:link{font-weight:400;color:#fff}a:hover{color:red;background-color:#ff0}a img:hover{background-color:transparent}a:has(img):hover{background-color:transparent}textarea{font-family:monospace}body{top:0;margin-top:0;margin-left:0;margin-right:0;margin-bottom:0;border:0;padding:0;height:100%;max-height:100%;font-family:sans-serif;font-size:100%;background:#555}.box{margin-left:200px;margin-right:0;top:0;margin-top:0;border:0;padding:20px;height:100%;max-height:100%;background:#fff}h1{border:0;border-top:solid;border-bottom:solid;border-color:#800;border-width:0;padding:5px;background:#333;color:orange;font-size:150%}h2{display:box;padding:5px;background:#555;color:orange;font-size:150%}.header{color:#fff;background-color:#333;border-bottom:solid 5px;border-bottom-color:orange;background-repeat:repeat-x;font-size:200%;padding:3px 19px;text-align:left}.examplebox{padding:5px;border:solid;background:#777;border-color:#00f;border-width:thin}.experimentbox{padding:5px;border:solid;background:#fffbac;color:#00f;border-color:#yellow;border-width:thin;border-radius:5px}.tip{padding:2px;border:solid;color:#000;background:#ff0;border-color:red;border-width:1px}.tip a:link{font-weight:400;color:#00f}.tip a:visited{font-weight:400;color:#00f}.tip a:hover{font-weight:700;color:red}.errorbox{padding:5px;border:solid;background:#ff0;border-color:red;border-width:1px;color:#000}.errorbox a:active{font-weight:400;color:#00f}.errorbox a:visited{font-weight:400;color:#00f}.errorbox a:link{font-weight:400;color:#00f}.errorbox a:hover{font-weight:400;color:green}.warningbox{padding:5px;border:solid;background:#d3d3d3;border-color:red;border-width:1px;color:#000}.bluebox{padding:5px;border:solid;background:#88f;border-color:red;border-width:1px;color:#000}.container{margin-top:15px;margin-left:15px;float:left}.menu{width:12em;margin-bottom:1em;padding:1em 1.5em;font-size:70%;background-color:#fb6;border:1px solid #300;white-space:normal}ul.menu{list-style:none;margin:0;padding:0;border:none}li.menu{border-bottom:1px solid #90bade;margin:0}a.menu{display:block;padding:5px 5px 5px .5em;border-left:10px solid #1958b7;border-right:10px solid #508fc4;background-color:#2175bc;color:#fff;text-decoration:none;width:100%}.main{margin-top:15px;margin-left:200px;margin-right:1em;margin-bottom:1em;padding:1em 1.5em;border:1px solid #300;border-radius:5px;background-color:#777;color:#fff}.shadowbox{margin-top:15px;margin-left:200px;margin-right:1em;margin-bottom:1em;padding:1em 1.5em;max-width:800px;border:1px solid #300;border-radius:5px;background-color:#777;color:#fff;box-shadow:5px 5px 5px #000}.fb{border:1px solid #000;background-color:#fff}.CodeMirror-scroll{height:auto;overflow-y:hidden;overflow-x:auto;width:100%}.css_vertical_menu{width:160px;padding:5px;background-color:#333;border:0 solid #437e7e;border-radius:5px;margin-bottom:1em;font-family:arial;font-size:12px;color:#fff}.css_vertical_menu a{display:block;margin-top:2px;padding-top:3px;padding-bottom:2px;padding-left:5px;background-color:orange;border-left:10px solid #d2691e;font-family:sans-serif;font-size:10px;font-weight:400;text-decoration:none;color:#00f;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.css_vertical_menu a:hover{background-color:#ff0;border-left:10px solid red;color:red}.css_vertical_menu a.first{margin-top:2px}.css_vertical_menu a.selected{border-left:10px solid #0a0;background-color:#afa}.css_vertical_menu a.deselected{border-left:10px solid #d2691e;background-color:#97590c;color:#111}.summarytable table{border-collapse:collapse}.summarytable td{border:1px dotted #d3d3d3;padding:2px}.ileft{float:left}.iright{float:right}.ebox{width:100%;height:1em;margin:0 auto;padding:0;border:none}.text1 input[type=text]{padding:10px;border:solid 1px #dcdcdc;padding:15px;transition:box-shadow .3s,border .3s}.text1 input[type=text].focus,.text1 input[type=text]:focus{border:solid 1px #707070;box-shadow:0 0 5px 1px #969696}.modal{display:none;position:fixed;z-index:1;padding-top:100px;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#000;background-color:rgba(0,0,0,.4)}.modal-content{position:relative;background-color:#fefefe;margin:auto;padding:0;border:1px solid #888;width:80%;box-shadow:0 4px 8px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19);-webkit-animation-name:animatetop;-webkit-animation-duration:.4s;animation-name:animatetop;animation-duration:.4s}@-webkit-keyframes animatetop{from{top:-300px;opacity:0}to{top:0;opacity:1}}@keyframes animatetop{from{top:-300px;opacity:0}to{top:0;opacity:1}}.close{color:#fff;float:right;font-size:28px;font-weight:700}.close:focus,.close:hover{color:#000;text-decoration:none;cursor:pointer}.modal-header{padding:2px 16px;background-color:#5cb85c;color:#fff}.modal-body{padding:2px 16px}.modal-footer{padding:2px 16px;background-color:#5cb85c;color:#fff}.pb{position:relative;display:inline-block;padding:.25em .5em;text-decoration:none;color:#fff;background:#03a9f4;border-radius:4px;font-weight:700;border:solid 2px #05afff;transition-duration:.4s}.pb:hover{background:#fff;color:#03a9f4}.help{position:relative;display:inline-block;padding:.25em .5em;text-decoration:none;color:#fff;background:green;border-radius:4px;box-shadow:inset 0 2px 0 rgba(255,255,255,.2),inset 0 -2px 0 rgba(0,0,0,.05);font-weight:700;border:solid 2px green;transition-duration:.4s;z-index:10}.help:hover{background:#fff;color:green}input[type=date],input[type=email],input[type=text],input[type=time],input[type=url]{padding:5px 10px;margin:8px 0;display:inline-block;border:1px solid #ccc;border-radius:4px;box-sizing:border-box;font-size:100%}input[type=date]:focus,input[type=email]:focus,input[type=text]:focus,input[type=time]:focus,input[type=url]:focus{background-color:#ff0}.xp{background-color:#02a7f0;border-top-left-radius:10px;border-bottom-left-radius:10px;padding:10;width:10px;position:fixed;right:0;transition:width .5s;opacity:.8;overflow:hidden;z-index:999}.xp:hover{width:110px;transition:width .5s;right:0}.button-container{display:flex;justify-content:center;align-items:center;gap:20px;margin-top:20px}.product-button{position:relative;background-color:#1e1e1e;border:2px solid #333;border-radius:10px;width:120px;height:120px;box-shadow:4px 4px 8px #000,-4px -4px 8px #2a2a2a;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden}.product-button img{max-width:70%;max-height:70%;border-radius:5px;box-shadow:0 0 5px #000;transition:transform .3s ease}.product-button .button-label{margin-top:10px;font-size:14px;color:#fff;text-shadow:1px 1px 2px #000}.product-button:hover{transform:translateY(-5px) scale(1.1);box-shadow:6px 6px 12px #000,-6px -6px 12px #2a2a2a}.product-button:active{transform:translateY(2px);box-shadow:2px 2px 4px #000,-2px -2px 4px #2a2a2a}.product-button:hover img{transform:scale(1.1)}.card{border:1px solid #ccc;border-radius:10px;padding:15px;margin:20px auto}.card label{display:block;margin-bottom:10px}.CodeMirror{font-family:'Source Code Pro',monospace!important;font-size:14px;resize:both;overflow:auto;min-height:100px;max-height:2500px;border:1px solid #ccc}.truncate{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:150px;display:block}.note-editable h1{background-color:#00f;font-size:20px;color:#fff;margin:10px 0}.note-editable h2{background-color:purple;font-size:16px;color:#fff;margin:10px 0}.flexbuttonrow{display:flex;align-items:center;border:none;max-width:100%;margin:none}.flexbuttonrow form{margin:0;flex-shrink:0}.flexbuttonrow button{padding:10px 20px;font-size:16px;background-color:#4caf50;color:#fff;border:none;border-radius:5px;cursor:pointer}.flexbuttonrow .separator{width:1px;background-color:#ccc;margin:0 15px;min-height:40px}.flexbuttonrow .text{flex:1;font-size:15px;line-height:1.5}.linkbox{display:inline-flex;user-select:all;align-items:center;font-size:16px;font-weight:700;padding:.25em .5em;border-radius:4px;border:2px solid #b0c4ff;background:linear-gradient(135deg,#e0e7ff,#f0f4ff);color:#1a237e;box-shadow:0 2px 5px rgba(0,0,0,.1);white-space:nowrap}.linkbox:hover{background:linear-gradient(135deg,#d0d9ff,#e6eeff)}.linkrow{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:10px}.tipbox{margin-top:10px;padding:12px 16px;border:1px solid #fff;border-radius:8px;background-color:rgba(255,255,255,.05);color:#fff;font-size:14px;line-height:1.5;max-width:800px}.tipbox ul{margin:0;padding-left:20px}.tipbox li{margin-bottom:6px}