:root{--blue-dark:#0e0e26;--blue:#4b4bff;--blue-hover:#9696ff;--grey:#b3b3b3;--grey-hover:#ffffff;}body{overflow:hidden;}html, body, canvas#glCanvas{margin:0;padding:0;height:100%;}canvas#glCanvas{display:block;width:100%;height:100%;}button{border-radius:4px;border:none;background-color:var(--blue);color:white;cursor:pointer;padding:6px 12px;margin-left:9px;}button:hover{filter:brightness(200%)}input[type="checkbox"]{-webkit-appearance:none;accent-color:var(--blue);cursor:pointer;border-radius:3px;border:1px solid var(--grey);}input[type="checkbox"]:hover{filter:brightness(200%);}input[type="checkbox"]:checked{background-color:var(--blue);border-color:var(--blue);}input[type="radio"]{-webkit-appearance:none;accent-color:var(--blue);cursor:pointer;border-radius:10px;border:1px solid var(--grey);}input[type="radio"]:hover{filter:brightness(200%);}input[type="radio"]:checked{background-color:var(--blue);border-color:var(--blue);}body{font-family:sans-serif;font-size:12px;}h1{                text-align:center;}div.menu{font-size:12px;}div.menu label, div.menu span{font-weight:normal;color:lightgray;}div.menu ul > label, div.menu > label{font-weight:bold;color:white;text-align:left;width:180px;}span.tooltip{font-size:12px;}table{border-collapse:collapse;margin:auto;}table td, table th{text-align:center;padding:2px;}table th{padding:7px 7px;}table select{width:20ex;padding:0;margin:0;}table input{padding:0;margin:0;float:left;}div#next_direction{padding:7px 7px;background-color:rgba(24, 24, 24, 0.8);border-radius:6px;margin:2px;}table tr.top td{border-top:1px lightgrey solid;padding-top:5px;padding-bottom:3px;}table td.even, table th.even{background-color:rgba(200, 200, 200, 0.15);}table tr.bottom td{border-bottom:1px lightgrey solid;padding-bottom:5px;padding-top:3px;}table tr th{font-weight:bold;padding:10px 20px;}div.menu#menu_details{bottom:auto;display:none;}div.menu#menu_details li{white-space:nowrap;}div.menu{position:absolute;bottom:3px;left:50%;padding:4px;margin:10px;background-color:rgba(24, 24, 24, 0.8);border-radius:8px;user-select:none;transform:translate(-50%, 0);}ul{padding:0;margin:0;float:left;}div.menu ul{float:none;display:inline-block;}div.menu{white-space:nowrap;width:max-content;}div.menu div{white-space:normal;width:auto;}ul.right{float:right;}ul.right li{float:right;}ul.horizontal_separator{margin:8px;float:none;clear:both;}ul.separator{margin:8px;}.icons li:not(.thumbnail){padding:0px;font-size:24px;width:40px;height:40px;display:block;float:left;}div#export{white-space:nowrap;color:lightgray;}div#samples > div{margin-top:6px;}div::-webkit-scrollbar{width:8px;}div::-webkit-scrollbar-track{border-radius:4px;background:black;cursor:pointer;}div::-webkit-scrollbar-track:hover{background:black;}div::-webkit-scrollbar-thumb{background:var(--blue); border-radius:4px;}div::-webkit-scrollbar-thumb:hover{background:var(--blue-hover); cursor:pointer;}li{list-style-type:none;padding:4px 1em;margin:4px;background-color:white;color:rgba(75, 75, 255, 1.0);border-radius:6px;cursor:pointer;}li.selected{background-color:rgba(75, 75, 255, 1.0);color:white;}li.selected > img:not(.thumbnail){filter:brightness(400%);}li:not(.selected):not(.disabled):hover > img:not(.thumbnail){filter:brightness(200%);}li.thumbnail, li.thumbnail:hover{background:none !important; background-color:rgb(0, 0, 0, 1.0) !important; padding:8px;margin:8px;margin-left:2px;margin-right:2px;    }li.thumbnail:first-of-type{margin-top:0;}li.thumbnail:last-of-type{margin-bottom:0;}li.thumbnail:hover{background-color:rgb(24, 24, 24, 1.0) !important; }li.thumbnail > img.thumbnail{border-radius:4px;height:112px;width:200px;object-fit:cover;}li.thumbnail:hover > img.thumbnail{filter:brightness(150%);}li.disabled > img:not(.thumbnail){filter:brightness(0%);}li.disabled{background-color:rgba(75, 75, 75, 0.66);color:black;cursor:auto;}li.selected:not(.disabled):hover{background-color:rgba(150, 175, 255, 1.0);color:white;}li:not(.disabled):hover{background-color:white;color:rgba(150, 175, 255, 1.0);}li > i{transform:translate(-50%, -50%);left:50%;top:50%;position:relative;}li{position:relative;}li .counter{width:auto;font-size:9px;white-space:nowrap;background-color:var(--blue-dark);color:white !important;text-align:center;padding:3px 5px;margin:0;border-radius:10px;border:#bbbbbb 2px solid;position:absolute;z-index:1;right:-5px;top:-5px;box-shadow:-1px 1px 3px var(--blue-dark);}li.disabled .counter{filter:brightness(50%);opacity:0.5;}li img:not(.thumbnail){position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);width:24px;height:24px;}.menu li img:not(.thumbnail){width:32px;height:32px;}li .tooltip{visibility:hidden;width:auto;white-space:nowrap;background-color:black;color:white;text-align:center;padding:5px 10px;margin:16px 0;border-radius:6px;position:absolute;z-index:1;left:50%;transform:translateX(-50%);}li .tooltip{bottom:100%;}li .tooltip::after{content:" ";position:absolute;top:100%;left:50%;margin-left:-5px;border-width:5px;border-style:solid;border-color:black transparent transparent transparent;}li .tooltip.bottom{top:100%;bottom:auto;}li .tooltip.bottom::after{top:auto;bottom:100%;margin-left:-5px;border-width:5px;border-style:solid;border-color:transparent transparent black transparent;                }li:not(.switch.selected):hover .tooltip{visibility:visible;}textarea{display:none;resize:none;}.menu:hover textarea{display:block;visibility:visible;margin:4px;border-radius:6px;}img.wgs-logo{position:absolute;top:20px;right:20px;width:250px;height:auto;opacity:66%;user-select:none;}label{color:white;display:block;padding-left:15px;text-indent:-15px;padding-top:5px;padding-bottom:5px;white-space:nowrap;}#settings div > label{padding-left:20px;}#settings input{width:15px;height:15px;padding:0;margin:0;margin-right:5px;vertical-align:bottom;position:relative;top:-1px;}#settings input[type='range']{-webkit-appearance:none;width:64px;height:6px;border-radius:3px;  background:var(--grey);outline:none;vertical-align:middle;-webkit-transition:.2s;transition:background-color .2s;cursor:pointer;}#settings input[type='range']:hover{background:var(--grey-hover);}#settings input[type='range']::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:12px;height:12px;border-radius:50%; background:var(--blue);cursor:pointer;}#settings input[type='range']::-moz-range-thumb{width:12px;height:12px;border-radius:50%;background:var(--blue);cursor:pointer;}#settings input[type='range']:hover::-webkit-slider-thumb{background:var(--blue-hover);}#settings input[type='range']:hover::-moz-range-thumb{background:var(--blue-hover);}div.sub-menu{display:none;bottom:56px;margin:0;padding:10px;border:4px solid rgba(24, 24, 24, 0.0);overflow-y:auto;left:-8px;transform:none;cursor:auto;}div#ring_menu{position:absolute;--radius:96px;background:transparent;border-radius:50%;border:rgba(24, 24, 24, 0.66) 1px solid;background-color:rgba(255, 255, 255, 1.0);padding:0;margin:0;transform:translate(-50%, -50%);--radius:96px;width:0px;height:0px;border-width:0px;transition:left 0;transition:top 0;box-shadow:5px 5px 5px rgba(24, 24, 24, 0.5);pointer-events:none;}div#ring_menu.show{opacity:1.0;pointer-events:auto;             }div#ring_menu li{position:absolute;left:50%;top:50%;border:rgba(24, 24, 24, 0.66) 1px solid;background-color:rgba(255, 255, 255, 1.0);border-radius:50%;padding:0;margin:0;transform:translate(-50%, -50%);box-shadow:5px 5px 5px rgba(24, 24, 24, 0.5);}div#ring_menu li.selected{background-color:rgba(75, 75, 255, 1.0);color:white;}            div#ring_menu li.selected img{filter:brightness(400%);}div#ring_menu li:nth-child(1){ --delay:0s; }div#ring_menu li:nth-child(2){ --delay:0.03s; }div#ring_menu li:nth-child(3){ --delay:0.06s; }div#ring_menu li:nth-child(4){ --delay:0.09s; }div#ring_menu li:nth-child(5){ --delay:0.12s; }div#ring_menu li:nth-child(6){ --delay:0.15s; }div#ring_menu li:nth-child(7){ --delay:0.18s; }div#ring_menu li:nth-child(8){ --delay:0.21s; }div#ring_menu li{ --delay:0.21s; }div#ring_menu li{transform:translateX(calc(cos(var(--angle)) * var(--radius) - 50%)) translateY(calc(sin(var(--angle) * -1) * var(--radius) - 50%));--radius:0;--angle:0;opacity:0;width:0px;height:0px;transition:all 0.3s var(--delay) ease;user-select:none;}div#ring_menu.show li{--radius:96px;opacity:1.0;width:38px;height:38px;}div#ring_menu li img{position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);width:0;height:0;opacity:0.0;transition:all 0.3s var(--delay) ease;}div#ring_menu.show li img{width:24px;height:24px;opacity:1.0;}div#ring_menu li:hover{width:48px;height:48px;}div#ring_menu li:hover img{width:32px;height:32px;}div#objects ul{clear:both;}div#samples{text-align:center;}div#samples ul{float:none;}