@layer common{:root,:host{--radius:10px;--control-radius:8px;--border:0px;--margin:15px;--toolbar-padding:5px;--hoverbartop-height:30px;--bar-font-size0:13px;--bar-icon-size0:30px;--bar-font-size:13px;--bar-icon-size:30px;--toolbar-border:none;--base-font:Verdana;--header-font:'Blinker';--drag-range:10px;--animation-time:0.5s;--svg-stroke-width:1.5px;--load-mode:eager;--bg-color:light-dark(oklch(.9 0 0),oklch(.331 0 0));--bg-hl-color:light-dark(oklch(.7 0 0),oklch(.641 0 0));--toolbar-bg-color:light-dark(oklch(.8 0 0),oklch(.44 0 0));--highlight-color:light-dark(black,black);--highlight-bg:light-dark(oklch(.975 .25 107.8),oklch(.975 .25 107.8));--overlay-bg-color:light-dark(oklch(.869 0 0),oklch(.869 0 0));--border-color:light-dark(oklch(.845 0 0),oklch(.428 0 0));--text-color:light-dark(oklch(.4 0 0),oklch(.923 0 0));--text-color-fade:light-dark(oklch(.598 0 0),oklch(.92 0 0));--menu-bg-color:light-dark(white,oklch(.321 0 0));--menubutton-hover-bg:light-dark(oklch(.8 0 0),oklch(.428 0 0));--menu-shadow:light-dark(oklch(.321 0 0/.8),oklch(.185 0 0/.8));--menubutton-color:light-dark(oklch(.714 0 0),oklch(.765 0 0));--menubutton-hover:light-dark(oklch(.2 0 0),oklch(.92 0 0));--svg-stroke:light-dark(oklch(.35 0 0),oklch(.845 0 0));--svg-hover-stroke:light-dark(oklch(.05 0 0),oklch(.95 0 0));--control-hover-bg:light-dark(oklch(.65 0 0),oklch(.72 0 0));--svg-fill:light-dark(oklch(.138 0 0/.01),oklch(.138 0 0/.01));--svg-hover-fill:transparent;--svg-disable-fill:transparent;--svg-disable-stroke:light-dark(oklch(.773 0 0 ),oklch(.535 .19 139));--form-bg-color:light-dark(white,white);--textarea-bg-color:light-dark(white,oklch(.483 0 0));--textarea-font-color:light-dark(black,white);--content-alt-bg-color:light-dark(oklch(.829 0 0),oklch(.501 0 0));--app-bg-color:light-dark(oklch(.598 0 0),oklch(.598 0 0));--content-header-bg-color:light-dark(oklch(.892 0 0),oklch(.892 0 0));--graph-color:light-dark(oklch(.714 .13 245.8),oklch(.66 .12 247.8));--graph-grid-color:light-dark(oklch(.714 .13 245.8),oklch(.6 0 0));--graph-text-color:light-dark(oklch(.714 .13 245.8),oklch(.885 0 0));--graph-high-color:light-dark(oklch(.56 .22 38.7),oklch(.61 .17 42));--graph-low-color:light-dark(oklch(.827 .29 139.5),oklch(.719 .17 68.7));--drop-shadow:light-dark(oklch(.598 0 0/.8),oklch(.169 0 0/.8));--galleryWidth:300px;--fs5:clamp(4.2rem,calc(3.16 * 3.5vw),5.7rem);--fs4:clamp(3.16rem,calc(2.37 * 3.5vw),4.2rem);--fs3:clamp(2.37rem,calc(1.77 * 3.5vw),3.3rem);--fs2:clamp(1.77rem,calc(1.33 * 3.5vw),2.4rem);--fs1:clamp(1.33rem,2vw,1.8rem);--fs0:clamp(1rem,1vw,1.4rem);color-scheme:light dark;}*,*:before,*:after{box-sizing:border-box;}@supports (view-transition-name:none){@view-transition{navigation:auto;}}body{-webkit-user-select:none;user-select:none;background-color:var(--bg-color);color:var(--text-color);font-family:var(--base-font),sans-serif;margin:0px;}h1,h2,h3,h4,h5,h6{font-family:var(--header-font),Arial,sans-serif;font-weight:400;margin-top:1vh;margin-bottom:1vh;}.wide{letter-spacing:4px}.contentclass{border-radius:var(--radius);background:var(--content-bg-color);}.margin{margin:var(--margin);}h1{font-size:var(--fs5);}h2{font-size:var(--fs4);}h3{font-size:var(--fs3);}h4{font-size:var(--fs2);}h5{font-size:var(--fs1);}h6{font-size:var(--fs0);font-weight:600;}.round{border-radius:4px}.round-large{border-radius:8px}.round-xlarge{border-radius:16px}.input{padding:8px;display:block;border:none;border-bottom:1px solid oklch(0.845 0.02 0);width:100%}.card,.hover-shadow:hover{box-shadow:0 4px 10px 0 oklch(0.138 0 0/0.2),0 4px 20px 0 oklch(0.138 0 0/0.19)}.padding-small{padding:4px 8px !important}.padding{padding:8px 16px !important}.padding-large{padding:12px 24px !important}.padding-16{padding-top:16px !important;padding-bottom:16px !important}.padding-24{padding-top:24px !important;padding-bottom:24px !important}.padding-32{padding-top:32px !important;padding-bottom:32px !important}.padding-48{padding-top:48px !important;padding-bottom:48px !important}.padding-64{padding-top:64px !important;padding-bottom:64px !important}.border-0{border:0 !important}.border{border:1px solid oklch(0.845 0.02 0) !important}.border-top{border-top:1px solid oklch(0.845 0.02 0) !important}.border-bottom{border-bottom:1px solid oklch(0.845 0.02 0) !important}.border-left{border-left:1px solid oklch(0.845 0.02 0) !important}.border-right{border-right:1px solid oklch(0.845 0.02 0) !important}.ul{list-style-type:none;padding:0;margin:0}.ul li{padding:8px 16px;border-bottom:1px solid #ddd}.ul li:last-child{border-bottom:none}.table,.table-all{border-collapse:collapse;border-spacing:0;width:100%;display:table;margin-bottom:10px;}.table-all{border:1px solid oklch(0.845 0.02 0);margin-bottom:10px;}.bordered tr,.table-all tr{border-bottom:1px solid #ddd}.striped tbody tr:nth-child(even){background-color:#f1f1f1}.table-all tr:nth-child(odd){background-color:#fff}.table-all tr:nth-child(even){background-color:#f1f1f1}.hoverable tbody tr:hover,.ul.hoverable li:hover{background-color:oklch(0.845 0.02 0)}.centered tr th,.centered tr td{text-align:center}.table td,.table th,.table-all td,.table-all th{padding:8px 8px;display:table-cell;text-align:left;vertical-align:top}.table th:first-child,.table td:first-child,.table-all th:first-child,.table-all td:first-child{padding-left:16px}.animate-opacity{animation:opac 0.8s}@keyframes opac{from{opacity:0}to{opacity:1}}.center{text-align:center !important;text-align-last:center;}.right{text-align:right !important;text-align-last:right;}.highlighttext{color:white}.container:after,.container:before{content:"";display:table;clear:both;}.container{padding:0.01em 16px}.content{max-width:980px;margin:auto}.hide{display:none !important}.top{position:fixed;width:100%;z-index:1;top:0}.left-align{text-align:left !important}p,li{font-size:var(--fs0);text-align:justify;text-align-last:left;}@supports (margin-block-start:0em){p{margin-block-start:0em;}}.inline{display:inline;}.bspacer{width:calc(var(--bar-icon-size) / 4);}.bspan{font-size:var(--bar-font-size);font-weight:bold;pointer-events:none;text-decoration:none;color:var(--svg-stroke);text-align:center;}svg{width:auto;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;}svg-icon,.icon{height:var(--bar-icon-size);width:var(--bar-icon-size);margin:0 !important;padding:0 !important;flex-shrink:0;flex-grow:0;transform-origin:50% 50%;z-index:3;}svg.icon,svg-icon{fill:var(--svg-fill);stroke:var(--svg-stroke);color:var(--svg-stroke);stroke-width:var(--svg-stroke-width);-webkit-tap-highlight-color:transparent;outline:0;font-weight:600;font-size:12px;}p svg-icon{color:var(--text-color);stroke:var(--text-color);height:calc( var(--fs0) + 5px );width:calc( var(--fs0) + 5px );vertical-align:-20%;display:inline-block;}svg.icon.disable,svg-icon.disable{color:var(--svg-disable-stroke);stroke:var(--svg-disable-stroke);fill:var(--svg-disable-fill);pointer-events:none;}video{width:100%;height:100%;object-fit:contain;}.pointer{cursor:pointer;}.fscreenbody{width:100vw;height:100vh;}@media screen{.fullscreen{width:100%;min-width:100px;min-height:100px;background-color:var(--bg-color);}.fullscreen2{width:100%;background-color:var(--bg-color);flex:1 0 auto;overflow:auto;max-height:calc( 100vh - 60px );}.scroll-y{overflow-y:auto;}.scroll-x{overflow-x:auto;}.noscroll-y{overflow-y:hidden;}}#hovertopbar{position:fixed;top:0;height:var(--hoverbartop-height);width:100%;text-align:center;z-index:2;display:flex;border-radius:var(--control-radius);& div{position:relative;height:var(--hoverbartop-height);display:flex;}}.controlbar svg-icon:focus:not(.disable),.controlbar svg-icon:hover:not(.disable){fill:var(--svg-hover-fill);stroke:var(--svg-hover-stroke);color:var(--svg-hover-stroke);cursor:pointer;}.toolbarcont{background-color:var(--bg-color);width:100%;flex-shrink:0;flex-grow:0;height:max-content;padding:5px 2% 5px 2%}.toolbar{flex-grow:0;flex-shrink:0;flex-wrap:wrap;gap:5px;display:flex;background-color:var(--toolbar-bg-color);padding:var(--toolbar-padding) !important;border:var(--toolbar-border) !important;border-radius:var(--radius);max-width:100%;>a{height:var(--bar-icon-size) !important;width:var(--bar-icon-size) !important;}& input{max-width:140px;}>div{display:flex;flex-direction:column;align-items:center;}svg.icon:hover:not(.disable),svg.icon:focus:not(.disable),svg-icon:hover:not(.disable),svg-icon:focus:not(.disable){fill:var(--svg-hover-fill);stroke:var(--svg-hover-stroke);color:var(--svg-hover-stroke);cursor:pointer;border-radius:var(--control-radius);}}select,input{background-color:var(--bg-hl-color);color:var(--svg-stroke);border-radius:var(--control-radius);outline:0;border:0;}select:hover,.menubutton:hover,input:hover,select:focus,.menubutton:focus,input:focus{background-color:var(--control-hover-bg);color:var(--svg-hover-stroke);}select:disabled,.menubutton:disabled,input:disabled{--svg-stroke:var(--svg-disable-stroke);color:var(--svg-disable-stroke);cursor:not-allowed;}.grid{display:grid;}.flex{display:flex;}.flexnogrow{display:flex;}.flexnogrow>*{flex-grow:0;flex-shrink:0;}.flex_start{display:flex;justify-content:flex-start;align-items:center;align-content:flex-start;}.flex_center{display:flex;justify-content:center;align-items:center;}.flex_center2{display:flex;justify-content:center;}.flex_end{justify-content:flex-end;align-items:center;}.flex_column{display:flex;flex-direction:column;}.flex_column_reverse{display:flex;flex-direction:column-reverse;}.flex_grow{flex-grow:1;}.flex_shrink{flex-shrink:1;}.flex_wrap{flex-wrap:wrap;}.flex_gap{gap:15px;}.content_fit{width:-moz-fit-content;width:fit-content;height:-moz-fit-content;height:fit-content;}.full{width:98%;height:auto !important;padding:5px;}.half{width:48%;height:auto !important;padding:5px;}.quarter{width:24%;height:auto !important;padding:5px;}.min-width{width:auto}@media print{.toolbar{display:none;}.vertical{height:auto;}}.padding16{padding:16px;}.contain{background:url() no-repeat center center fixed;background-size:contain;}.marginspacer{width:var(--margin) !important;height:var(--margin) !important;flex-grow:0 !important;flex-shrink:0;}.hide + .marginspacer{display:none;}.menubg{width:auto;background-color:var(--menu-bg-color);z-index:15;box-shadow:10px 10px 5px var(--menu-shadow);border-radius:8px;position:fixed;padding:2px;display:inline-grid;grid-template-columns:auto;max-height:90vh;overflow-y:auto;}.helpbg{width:85vw;max-height:85vh;background-color:var(--bg-color);box-shadow:10px 10px 5px oklch(0.321 0.01 0/.5);border-radius:8px;padding:16px;max-width:700px;display:flex;flex-direction:column;overflow-y:auto;input[type="number"]{max-width:8rem;}input[type="range"]{max-width:16rem;}p{margin:10px;}h2{border-bottom:1px solid oklch(0.888 0.02 0);}}.logindialog{max-width:400px;}.helprow *{pointer-events:none;}.overlay{position:fixed;left:0;right:0;top:0;bottom:0;z-index:10;background-color:oklch(0.138 0 0/0);transition:background-color 0.4s ease;transform:scale(0);}.overlay.active{transform:scale(1);background-color:oklch(0.138 0 0/0.5);}.menubutton{display:flex;align-items:center;padding:0.2em .8em;margin:0 0.3em 0 0.3em;cursor:pointer;text-decoration:none;font-size:var(--fs0);font-family:var(--base-font);border-radius:var(--control-radius);}.menubutton p{color:var(--text-color);}.menubg a{text-decoration:none;}.helpbg .menubutton{max-width:-moz-fit-content;max-width:fit-content;}.helpbg .menubutton.radiotoggle{background-color:transparent;}.twocols{column-count:2;margin-bottom:12px;}.bubble{margin-bottom:25px;font-family:sans-serif;font-size:var(--fs2);line-height:24px;width:320px;background:var(--bg-hl-color);border-radius:40px;padding:28px;text-align:left;color:var(--text-color);display:inline-flex;padding-top:45px;}.bubble-bottom-left:before{content:"";width:0px;height:0px;position:absolute;border-left:24px solid var(--bg-hl-color);border-right:12px solid transparent;border-top:12px solid var(--bg-hl-color);border-bottom:20px solid transparent;left:32px;bottom:-24px;}.slide-in{z-index:20;position:absolute;overflow:hidden;top:80px;}.slide-in.from-left{left:0;}.slide-in.from-right{right:0;}.slide-in-content{transition:transform .5s ease;}.slide-in.from-left .slide-in-content{transform:translateX(-100%);}.slide-in.from-right .slide-in-content{transform:translateX(100%);}.slide-in.show .slide-in-content{transform:translateX(0);}.transbg{background-color:oklch(0.138 0 0/0);}.trans{opacity:0;}.opaq{opacity:1;}.transslow{opacity:0;transition:opacity var(--animation-time);}.opaqslow{opacity:1;transition:opacity var(--animation-time);}.highlight{background-color:var(--highlight-bg);color:var(--highlight-color);border-radius:3px;}@keyframes spin{0%{transform:rotate(0deg);}100%{transform:rotate(360deg);}}.bigloader{width:120px;height:120px;top:calc(50% - 60px);left:calc(50% - 60px);position:fixed;}.baseloader{border:16px solid oklch(0.964 0.03 0);border-radius:50%;border-top:16px solid var(--toolbar-bg-color);animation:spin 2s linear infinite;position:absolute;pointer-events:none;}.load-wrapd{position:fixed;width:200px;height:320px;background:transparent;top:calc(50% - 130px);left:calc(50% - 100px);}input[type="color" i]{padding:0px;}form input[type="submit"]{display:block;margin:20px;margin-left:auto;margin-right:auto;border:2px solid;border-radius:var(--control-radius);border-color:var(--svg-stroke);color:var(--svg-stroke);}form input[type="submit"]:hover{border-color:var(--svg-hover-stroke);color:var(--svg-hover-stroke);}form input[type="number"]{max-width:100px;}.radiotoggle input[type="radio"]{color:var(--svg-stroke);border:0.15em solid var(--svg-stroke);width:1.15em;height:1.15em;border-radius:50%;margin-top:0.5em;transform:translateY(0.18em);display:grid;place-content:center;}input + label{transform:translateY(-1.8em);transform-origin:0 0;transition:all var(--animation-time);margin-left:5px;}input[type=checkbox] + label{transform:translate(1em,-1.2em);}.radiotoggle input[type="radio"]::before{content:"";width:0.65em;height:0.65em;border-radius:50%;transform:scale(0);transition:120ms transform ease-in-out;box-shadow:inset 1em 1em var(--form-control-color);}.radiotoggle input[type="radio"]:checked::before{transform:scale(1);}.uncheckedradio::before{content:"\25CE";}.checkedradio::before{content:"\25C9";}.uncheckedradio::before,.checkedradio::before{font-size:var(--fs0);padding-right:3px;color:var(--svg-stroke);padding-left:calc( ( var(--bar-icon-size) - 18px ) / 2 );padding-right:calc( ( var(--bar-icon-size) - 18px ) / 2 );}.checkedradio,.uncheckedradio{align-items:baseline;}.form-control{box-shadow:none;background-color:white;border-radius:0px;border-color:oklch(0.845 0.02 0);border-style:none none solid none;transition:all var(--animation-time);padding:5px;border-radius:2px;background-color:var(--textarea-bg-color);color:var(--textarea-font-color);width:98%;}.form-label{font-size:1em;display:block;opacity:0.6;padding-left:5px;transform-origin:0 0;transition:all var(--animation-time);}input[type=checkbox] + .form-label{opacity:1;}.form-control::placeholder{color:transparent;}.form-control:focus{box-shadow:none;outline:none;border-color:var(--brand-color);}textarea{font-size:18px;font-family:var(--base-font),sans-serif;margin-bottom:var(--margin);color:var(--textarea-font-color);margin-left:3px;}input{font-size:15px;font-family:var(--base-font),sans-serif;}input.form-control:focus + .form-label,input.form-control:not(:placeholder-shown) + .form-label{transform:translateY(-3.1em) scale(0.9);opacity:1;}input[type=checkbox i].form-control,input[type=radio i].form-control,input[type=date]{width:initial;}input:-webkit-autofill,:-webkit-autofill:hover,:-webkit-autofill:focus,:-webkit-autofill:active{appearance:none;background-color:var(--textarea-bg-color) !important;color:var(--textarea-font-color) !important;}input[type="checkbox"]{-webkit-appearance:none;width:1.2em;height:1.2em;border-radius:0.15em;transform:translateY(-0.075em);display:grid;place-content:center;}input[type="checkbox"]::before{content:"";width:0.65em;height:0.65em;clip-path:polygon(14% 44%,0 65%,50% 100%,100% 16%,80% 0%,43% 62%);transform:scale(0);transform-origin:bottom left;transition:120ms transform ease-in-out;box-shadow:inset 1em 1em var(--svg-stroke);background-color:CanvasText;}input[type="checkbox"]:checked::before{transform:scale(1);}input[type="checkbox"]:focus{outline:max(1px,0.1em) solid currentColor;outline-offset:max(2px,0.15em);}select{font-size:15px;font-family:var(--base-font),sans-serif;}select + .form-label{transform:translateY(-3.3em) scale(0.9);}.fs5{font-size:var(--fs5);}.fs4{font-size:var(--fs4);}.fs3{font-size:var(--fs3);}.fs2{font-size:var(--fs2);}.fs1{font-size:var(--fs1);}.fs0{font-size:var(--fs0);}.fw600{font-weight:600;}.fw500{font-weight:500;}.fw400{font-weight:400;}.rotated{writing-mode:vertical-rl;transform:rotate(180deg);white-space:nowrap;display:inline-block;overflow:visible;}.overflowboth{overflow:auto;}.helprow{display:flex;}.selector{flex-wrap:wrap;gap:5px;color:var(--svg-stroke);justify-content:space-around;max-height:calc(85vh - 120px);overflow-y:auto;}.selectorbar{display:flex;justify-content:space-around;margin:4px;}svg.graph{color:var(--svg-stroke);flex-shrink:0;flex-grow:0;}#barhelper{position:fixed;background-color:var(--bg-hl-color);border-radius:var(--control-radius);padding:var(--toolbar-padding) !important;border:var(--toolbar-border) !important;}.dropshadow{filter:drop-shadow(3px -3px 2px var(--drop-shadow));}rect.bar{stroke:none;}rect.bartransparent{fill:oklch(0.773 0.02 0/0.01);stroke:none;}rect.barhighlight{fill:oklch(0.773 0.02 0/0.7);stroke:none;}.scroll_snap_y_mandatory{scroll-snap-type:y mandatory;}.scroll_snap_x_mandatory{scroll-snap-type:x mandatory;}.scroll_snap_both{scroll-snap-type:both mandatory;}.snap_start_child>*,.snap_start{scroll-snap-align:start;}.powered{z-index:10;position:absolute;padding:10px;font-size:var(--fs0);background-color:transparent;height:max-content;bottom:0;right:0;color:var(--bg-hl-color);:last-child{color:red;font-weight:bold;font-stretch:condensed;}}.appheader{z-index:10;position:absolute;background-color:transparent;color:var(--bg-color);top:50%;left:50%;transform:translate(-50%,-50%);font-size:20vw;}.graph{transition:all 0.8s;}.blurwindow{backdrop-filter:blur(2px);background-color:transparent;flex-direction:column;gap:10px;}.fullsize{width:100%;height:100%;}#loginform{max-width:300px;margin:0 auto;margin-top:10px;}#loginmsg{color:red;text-align:center;}.dialogicon{width:var(--fs3) !important;height:auto !important;stroke:var(--text-color) !important;}@keyframes tilt-n-move-shaking{15%{transform:translate(6px,6px) rotate(6deg);}30%{transform:translate(-5px,5px) rotate(-5deg);}45%{transform:translate(4px,4px) rotate(4deg);}60%{transform:translate(-3px,3px) rotate(-3deg);}75%{transform:translate(2px,2px) rotate(2deg);}90%{transform:translate(-1px,1px) rotate(-1deg);}100%{transform:translate(0,0) rotate(0deg);}}.shakeanim{animation:tilt-n-move-shaking 0.3s;}.captioncont{position:fixed;left:2%;top:10%;border-radius:4px;background-color:var(--toolbar-bg-color);padding:20px;max-width:18%;display:block;z-index:10;}.select{font-family:monospace;}.gallery_active{opacity:1;z-index:5;}.gallery_inactive{opacity:0;z-index:1;}.horzGallery{display:flex;flex-direction:row;overflow-x:auto;scroll-snap-type:x mandatory;>.gallerycont{flex-grow:0;flex-shrink:0;scroll-snap-align:center;display:flex;overflow:auto;width:100%;img{height:100%;width:100%;object-fit:contain;transition:all .5s;padding:20px;}.helpbg{height:90%;width:auto;margin:auto;margin-top:2%;background:var(--bg-hl-color);}}.gallery_inactive{display:none;}}.singlehead,.lefthead,.righthead,.lasthead{background-color:var(--bg-hl-color);border-radius:4px;flex-shrink:0;padding:4px;margin-bottom:4px;}.singlehead{width:100%;}.righthead{margin-left:2px;width:calc( 50% - 2px );text-align:end;}.lefthead{margin-right:2px;width:calc( 50% - 2px );}.lasthead{width:50%;margin-right:50%;}.vertGallery,.staticGallery{display:flex;gap:15px;margin:12px;& svg,img{border-radius:4px;}>.gallerycont{width:var(--galleryWidth);display:flex;flex-wrap:wrap;flex:0 0 auto;.firstpage{text-align:center;font-size:min( calc( var(--galleryWidth) / 2),120px );align-content:center;}.plpage{width:50%;}img{width:50%;height:auto;transition:all .5s;cursor:pointer;}.helpbg{width:50%;height:auto;background:var(--bg-hl-color);}}>.galleryconthalf{width:calc( var(--galleryWidth) / 2 );display:flex;flex-wrap:wrap;flex:0 0 auto;div,img{width:100%;height:auto;transition:all .5s}.helpbg{width:100%;height:auto;background:var(--bg-hl-color);}}.single{width:calc( var(--galleryWidth) / 2 );}}.vertGallery{flex-wrap:wrap;overflow:auto;}.tooltip{position:relative;display:inline-block;}.tooltip .righttooltiptext{width:300px;font-size:var(--fs0);background-color:var(--bg-hl-color);border-radius:6px;padding:6px;position:absolute;z-index:10;top:-5px;left:110%;opacity:0;transition:opacity 1s;}.center{margin:auto;text-align:center;}.tooltip:hover .righttooltiptext{opacity:1;}}