select {background-image: url("data:image/svg+xml;utf8,<svg fill='purple' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");background-repeat: no-repeat;background-position-x: calc(100%);background-position-y: center;padding: 12px 6px;background-color:azure;border-radius: 5px 0 0 5px;-webkit-appearance: none;}select:focus {outline: none; }select:hover {border-color: transparent;}.WebeBizheadtop {z-index:1;display: flex;width:100%;height:auto;justify-content: center;background-repeat:repeat;background-color:rgb(250, 250, 250);  background-size:cover;user-select:none;transition: transform 0.25s ease-in-out;}.WebeBizheadmenus {z-index:1;display:flex;height:auto;margin:auto 0;justify-content: right;font-family:Arial;font-style:normal;font-weight:400;border-style: solid none;border-top: none;border-bottom: 1px solid #ccc;border-left: none; border-right: none; background-color: #fff;overflow-x: auto;overflow-y: hidden;white-space: nowrap;scrollbar-width: none;-ms-overflow-style: none;user-select:none;}.SearchKeywords {width:50px;height:41px;border: 0 solid gray;}.SearchKeywords:focus, .SearchKeywords:hover {background-color: lightgoldenrodyellow;}.SearchOptions {background-color: azure;}.HyperInputArea {display:flex;width:auto;height:41px;margin:auto 0;border-radius:5px; border: 1px solid #aaa; }.HyperInputArea:focus, .HyperInputArea:hover {border:2px solid orange; }.HyperInputs {position: relative;width: auto;background-color: azure;border-radius:5px;}.HyperInputs input[type="text"]::placeholder {color: lightskyblue;}.HyperInputs input[type="text"] {width:30vw;padding:0 30px 0 6px;color:rgb(51, 51, 255);border:none;outline: none;}.HyperInputs input[type="text"]:focus {background-color: rgb(252, 252, 232);border:none;outline: none;box-shadow: none;-webkit-box-shadow: none;} .HyperInputs img {position: absolute;top: 50%;right: 3px;transform: translateY(-50%); width: 22px;height: 22px;}.DelButtons {display:flex;border-radius: 50%;background: lightskyblue;cursor: pointer;outline: none;}.DelButtons:hover, .DelButtons:focus { background:orange;}.FindOptions {margin:auto 0 auto 110px;text-align:left;background-color:transparent;}.FindOptions img {width:auto;height:32px;margin:auto 0;cursor: pointer;border-radius: 5px;}.HeadMenus {display: inline-block;height: 36px;margin: 0 5px;padding: 0 0px;vertical-align: center;text-align: center;box-sizing: border-box;background-color: transparent;}.HeadMenus:hover, .HeadMenus:focus {border:  1px solid orange;border-radius: 3px;  outline: 3px solid rgba(5, 15, 50, 0.25); outline-offset: 3px;animation: flashOutline 2.0s ease-in-out infinite;}.HeadMenusIcons {padding:2px 2px 0 2px;height:30px;vertical-align:bottom;}.HeadKeyItems, .Diamonds{width:auto;height:40px;padding: 2px 5px;margin: auto 25px;font-size:0.9rem;font-weight: bold;font-family: Arial, sans-serif;color:#888;align-content:center;vertical-align: center;background-color:transparent;}.HeadKeyItems:hover, .HeadKeyItems:focus{border: 2px solid orange;border-radius: 3px;}.Diamonds:hover, .Diamonds:focus {border:none;border-radius:0;clip-path: polygon(0% 0%, 12px 100%, 100% 100%, calc(100% - 12px) 0%); background: linear-gradient(90deg, orange, gold); }.WelcomeTipView {z-index: 20;position: relative; display: inline-block;margin:-15 0 0 0;align-items:top;}.WelcomeTipMenu {z-index: 20;display: none;position: absolute;align-items: top; width: 300px;height: auto;background-color: #fff;text-align: center;border: 3px, solid #f8f8f8;border-radius: 5px;padding: 5px;top: 30px; left: 30%; margin-left: -315%; opacity: 0.25; transition: opacity 0.75s;  box-shadow: 0 0 0 1px #ccc, 2px 2px 3px #bbb;}.WelcomeTipMenu::before {z-index: 20;content: '';position: absolute;top: -8.3px; left: 94.0%;transform: translateX(-50%); width: 0; height: 0;border-style: solid;border-width: 0 7.5px 7.5px 7.5px; border-color: transparent transparent #ccc transparent; pointer-events: none;}.WelcomeTipMenu::after {z-index: 20;content: '';position: absolute;top: -6.8px; left: 94.0%;transform: translateX(-50%);width: 0;height: 0;border-left: 7px solid transparent;border-right: 7px solid transparent;border-bottom: 7px solid lightskyblue; }.WelcomeTipView:hover .WelcomeTipMenu {z-index: 20;visibility: visible;opacity: 1;}.LoginStates { width:92%; padding:10px;font-size:0.95rem;color:royalblue;background-color:lightskyblue;white-space:nowrap;text-overflow:ellipsis;}.OptionIcons { height:20px;width:20px; }.ActHandlingHook {z-index: 1;position: absolute; display: none;  width: 100vw;height: 100vh;top: 58px;left: 0;background-color: rgba(0,0,0,0.35); justify-content: center;align-items: center;user-select:none;}.HomePopupMenus {z-index: 10;display: none;position: absolute;width: 280px;top: 60%;margin-left:auto;padding: 10px;text-align: left;border: 1px, solid gray;border-radius: 5px 0 5px 5px;opacity: 1; transition: opacity 0.75s; background-color: #fff;}.PopupCloses {float: right;height: 25px;padding: 0 3px 6px 3px;margin:-11px -5px 0 0; font-size: 28px;font-weight: bold;cursor: pointer;color: lightskyblue;align-items: center;}.PopupCloses:hover, .PopupCloses:focus {color: orange;text-decoration: none;}.FileSelects {margin: 10px 0 0 0;border: none;border-radius: 15px;font-size:1.25rem;text-decoration: none; cursor: pointer;color: orange; background-color: transparent;}.RainbowTrajections {display:none;z-index:25;position: absolute;top: 65px;left: 25vw;margin: 0 0 0 10px;width: auto;height: auto;background: var(--card-bg);border-radius: 15px;overflow: hidden;align-items: center;justify-content: center;}.RainbowTrajections::before {z-index: 25;position: absolute;content: "";top:-200%;left:-200%;width: 500%;height: 500%;background: conic-gradient(from 0deg,transparent 75%,#ff0000, #ff7f00, #ffff00, #00ff00, #0000ff, #4b0082, #8b00ff  );animation: trajectRainbow 3s linear infinite;filter: blur(35px);pointer-events: none;}.RainbowTrajections::after {z-index: 28;position: absolute;content: "";border-radius: 15px;pointer-events: none;}@keyframes trajectRainbow {from { transform: rotate(360deg); }to { transform: rotate(0deg); }}.TrajectionContent {z-index: 29;position: relative;top: 0px;left: 0px;width: calc(100% - 6px);inset: 3px;background: #fff;border-radius: 12px;align-items: center;justify-content: center;}.PhotoSelects {z-index:30;position: relative;width:44vw;padding:30px;margin-bottom: 6px;border-radius:15px;background-color: transparent;color:blue;text-align:left;font-size:1rem;user-select:none !important;}.PhotoSelects input[type="text"]#photolink {background-color: azure;}.PhotoSelects input[type="text"]#photolink:focus {background-color: rgb(252, 252, 232);border:none;outline: none;box-shadow: none;-webkit-box-shadow: none;} .SlidingWidgets { z-index: 15;position: absolute;display: flex;right: 0.30%;justify-content: right;font-size: 0.8rem;user-select:none;}@media (orientation: portrait) {.SlidingWidgets { top: 160px; }.SlidingContents{ background-color: azure;}}.SlidingWidgets.collapsed {right: 0px;.SlidingContents { display:none; }}.SlidingHiddens {z-index: 16;margin-bottom: auto;height:36px;background: rgba(0, 0, 0, 0.025);color: rgba(65, 105, 225, 0.5);border: none;padding: auto;font-size: 1.2rem;cursor: pointer;border-radius: 5px 0 0 5px;}.SlidingHiddens:hover, .SlidingHiddens:focus {background: rgba(65, 105, 225, 0.65);color: #fff;}.SlidingContents {z-index: 16;display: flex;width: auto;flex-direction:column;justify-content: left;align-content: left;background: rgb(0,0,0, 0.025);border-radius: 0 0 0 8px;border: 1px solid #ddd;padding: 10px;box-shadow: 2px 0 10px rgba(0,0,0,0.125);}.SlidingWidgets.collapsed .SlidingContents { visibility: hidden; .SlidingContents{display:none;}}.SlidingItems, .SlidingItemx {z-index: 16;width:auto;height:auto;padding: 5px 0px;margin: auto 0px;font-size:0.8rem;font-weight: 400;font-family: Arial, sans-serif;align-content:center;vertical-align: center;background-color:transparent;}.SlidingItems > a > img, .SlidingItemx > a > img {width:auto;height:30px;border-radius: 5px;border: 5px solid transparent;}.SlidingItems:hover, .SlidingItems:focus{border: 0px solid orange;border-radius: 3px;outline: 3px solid rgba(5, 15, 50, 0.25); outline-offset: 3px;animation: flashOutline 2.0s ease-in-out infinite;}@media screen and (max-width: 600px) {.SlidingWidgets {z-index: 15;}}.OntopListColSummaries {z-index: 18;position: absolute;display: flex;flex-direction: row; padding: 20px 20px;width:auto;top:138px;left:cals(100%-60px);vertical-align: top;}.OntopListColSummaries.collapsed, .OntopListColSummaries.hidden {.OntopContents { display:none; visibility: hidden;}}.OntopListColSummaries input[type=button] {cursor: pointer;pointer-events: all;}.ListColCloses {margin:-5px 0 0 102%;color:red;font-size:1.5rem;line-height:0.9;-webkit-text-stroke: 3px red;}.OntopContents {z-index: 19;width: auto;min-height:20px;max-height:400px;overflow-x: hidden;overflow-y: auto;padding: 8px 25px 8px 8px;color:#000;line-height:1.25; text-align: left;font-size: 1.0rem;background-color: #f8f8f8;vertical-align: top;}.OntopHiddens {position: relative;z-index: 19;height:35px;padding: auto; font-size: 1.2rem;color: rgba(195, 0, 0, 0.65);cursor: pointer;border-radius:5px 0 0 5px;background-color: #f8f8f8;border: 0;vertical-align: middle;user-select: none;}.OntopHiddens:hover, .OntopHiddens:focus {color: rgba(195, 0, 0, 0.65);border: 0;background: rgba(195, 0, 0, 0.15);}.GotoTopButtons {display:none;z-index: 22;position: absolute;top:82.5vh;width: 45px;height:45px;right: 1%;color: #fff;font-size: 1.2rem;font-weight:bolder;cursor: pointer;border-radius: 50%;background: rgba(65, 105, 225, 0.375);justify-content: center;place-items: center;user-select:none;}.GotoTopButtons:hover, .GotoTopButtons:focus {background: royalblue;color: #fff;outline: 3px solid rgba(5, 15, 50, 0.25); outline-offset: 3px;box-shadow:2px 3px 5px rgba(5, 15, 50, 0.25);animation: flashOutline 2.0s ease-in-out infinite;}@keyframes flashOutline {0%  { outline-color: rgba(255,165,0,1.0);outline-offset: 3px; }25% { outline-color: rgba(255,165,0,0.5);outline-offset: 3px; }50% { outline-color: rgba(255,165,0,0.3);outline-offset: 3px; }75% { outline-color: rgba(255,165,0,0.5);outline-offset: 3px; }100%{ outline-color: rgba(255,165,0,1.0);outline-offset: 3px; }}.LogViews {position: absolute;display: none;top:100px;right: 0; width: 60vw;aspect-ratio: 16/9;padding: 10px; margin-left: auto;border: 2px solid rebeccapurple;border-radius: 12px;}.LogList {z-index: 10;width :100%;height:80vh;margin:auto auto;padding: 0 0 22px 0;overflow:auto;color: rgb(51, 51, 255);background-color:rgba(255,255,255, 0.85);text-align: left;font-family: Palatino Linotype;font-size: 1rem;white-space: nowrap; border: 2px solid transparent;border-radius: 12px;}.LogList a { cursor:pointer; color: rgb(51, 51, 255); text-decoration: underline; width: 100%;}.LogList a:hover { color: Indigo; background-color: Gold;text-decoration:  underline; }.LogList a:active { color: white; background-color: LightSeaGreen;text-decoration:  underline; }.Buttons {z-index: 10;line-height: 20px;color: rebeccapurple;padding: 10px;margin: 0 5px;border:2px solid;border-radius:10px;cursor: pointer;font-family: Roboto,Helvetica,Arial,sans-serif,Palatino Linotype;font-size:0.8rem;font-weight: 400;pointer-events: all;}.ZoomingWrappers {  position: relative;  display: inline-block;  cursor: crosshair;}.ZoomingWLens {  position: absolute;  border: 2px solid #fff;  border-radius: 50%;  box-shadow: 0 0 10px rgba(0,0,0,0.5);  width: 150px;  height: 150px;  pointer-events: none;   display: none;  background-repeat: no-repeat;  z-index: 99;}.ZoomingViews {flex: 0 0 100%;width: 600px;}.ZoomingLens {z-index:20;position: absolute;display: none;width: 150px;height: 150px;border: 1px solid #eee;border-radius: 50%;   box-shadow: 0 0 10px rgba(250, 200, 200, 0.25), inset 0 0 10px rgba(250, 215, 215, 0.15);pointer-events: none;overflow: hidden;background-repeat: no-repeat;background-color:transparent;}.ZoomScreens {z-index: 30;position: fixed;display: none;width: 100%;height: 100vh;margin: 0 auto;background: rgba(0,0,0,0.35);justify-content: center;align-items: top;cursor: crosshair;vertical-align: top;overflow: auto;user-select: none;-webkit-user-select: none;}.ZoomScreens img {max-width: 98%;  max-height: 98%;margin: 2% auto;box-shadow: 0 0 20px rgba(0,0,0,0.35);object-fit: contain;}.ZoomCloses {z-index: 30;position: absolute;width: 35px;height:35px;line-height: 35px;text-align: center;color: white;font-size:1.85rem;border-radius: 50%;cursor: pointer;pointer-events: all;user-select: none;border: 2px solid white;}.ZoomScreens:hover, .ZoomScreens:focus {.ZoomCloses {color:rgba(0, 152, 255);outline: 3px solid rgba(5, 15, 50, 0.25); outline-offset: 2px;box-shadow:2px 3px 5px rgba(5, 15, 50, 0.25); background-color:transparent;animation: flashOutline 2.0s ease-in-out infinite;transition: transform 0.5s ease;}}.GradientGreys { background-color: #fff; background-image: linear-gradient(#eee  1px, transparent 1px), linear-gradient(90deg, #eee  1px, transparent 1px); background-size: 5px 3px;}.SysWarnings {z-index: 20;position:fixed;top: 60px;left: 48%;min-width: 20%;padding: 5px 10px;text-align:center;color: royalblue;background-color: #fff;border:2px solid orange;border-radius:10px;transform: translateX(-51%);}.WaitingRings {z-index: 20;position:absolute;display:none;margin: -2.25% 45%;width: 60px;height:60px;border-radius: 50%;animation: spin 1s linear infinite; border: 3.5px solid lightcyan;border-top: 3.5px solid lightskyblue; }@keyframes spin {0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); }}  .container {  position: absolute;  width: 300px;  height: 300px;}.box {  position: absolute;  top: 0;  right: 0;  width: 200px;  height: 200px;  color: white;  padding: 20px;}.container {  position: fixed;  top: 50px;         right: 0px;      width: 300px;  height: 300px;}