Wplace-BlueMarble/dist/BlueMarble.user.css

#bm-p p svg{display:inline;height:1em;fill:#fff}#bm-y{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;gap:1em 3ch}.bm-t{width:fit-content;max-width:35ch;background-color:#153063e6;border-radius:1em;padding:.5em;gap:1ch;transition:background-color .3s ease}.bm-t:hover,.bm-t:focus-within{background-color:#112855e6}.bm-7{display:block;border:thick double darkslategray;width:fit-content;height:fit-content;padding:1ch}.bm-t[data-id="-2"] .bm-7{background:conic-gradient(#a00,#aa0 16.6%,#0a0,#0aa 50%,#00a 66.6%,#a0a,#a00)}.bm-t[data-id="-1"] .bm-7{background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 8 8" width="1em" height="1em"><path d="M0,0V8H16V16H8V0" fill="rgba(0,0,0,0.5)"/></svg>') repeat;background-color:transparent!important}.bm-t[data-id="-1"] .bm-7 svg{fill:#fff!important}.bm-t[data-id="0"] .bm-7{background-color:transparent!important}#bm-p .bm-7 button{padding:.75em .5ch}.bm-7 svg{width:4ch}.bm-t>.bm-s{flex-direction:column;align-items:flex-start;gap:0}.bm-t small{font-size:.75em}#bm-p .bm-t.bm-B{display:none}.bm-G #bm-y{flex-direction:column;gap:.25em}.bm-G .bm-t{width:auto;margin:0;padding:0}.bm-G .bm-7{display:flex;width:100%;gap:.5ch;align-items:center;padding:.1em .5ch;border:none;border-radius:1em}#bm-p.bm-G .bm-7 button{padding:.5em .25ch}.bm-G .bm-7 svg{width:3ch}.bm-G .bm-t h2{font-size:.75em}#bm-r{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start}#bm-r>.bm-E{width:100%;justify-content:flex-start;background-color:#153063e6;border-radius:1em;padding:.5em;transition:background-color .3s ease}#bm-r>.bm-E:hover,#bm-r>.bm-E:focus-within{background-color:#112855e6}#bm-r .bm-1{height:100%;font-size:xxx-large}#bm-r .bm-0{flex-direction:column;align-items:flex-start;gap:0}div:has(>confetti-piece){position:absolute;inset:0;overflow:hidden;pointer-events:none}confetti-piece{position:absolute;top:-10px;width:var(--size);height:var(--size);background:currentColor;transform:translate3d(var(--x),-10vh,0) rotate(var(--rot));animation:fall var(--duration) linear var(--delay);will-change:transform;pointer-events:none}@keyframes fall{to{transform:translate3d(var(--x),110vh,0) rotate(calc(var(--rot) + 720deg))}}.bm-screenreader{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.bm-N{position:fixed;background-color:#153063e6;color:#fff;padding:10px;border-radius:8px;z-index:9000;transition:all .3s ease,transform 0s;top:75px;left:60px;width:auto;max-height:fit-content;max-width:calc(100% - 135px);font-family:Roboto Mono,Courier New,Monaco,DejaVu Sans Mono,monospace,Arial;letter-spacing:.05em}.bm-N.bm-G{max-width:300px}.bm-L{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.5ch;background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="5" height="5"><circle cx="3" cy="3" r="1.5" fill="CornflowerBlue"/></svg>') repeat;cursor:grab;width:100%;height:fit-content}.bm-L.bm-F{cursor:grabbing}.bm-N:has(.bm-L.bm-F){pointer-events:none;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.bm-L.bm-F{pointer-events:auto}.bm-M{display:inline-block;height:2.5em;margin-right:1ch;vertical-align:middle}.bm-N h1{display:inline-block;font-size:x-large;font-weight:700;vertical-align:middle}.bm-L h1{font-size:1.2em;user-select:none;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-shadow:3px 0px rgba(21,48,99,.5),-3px 0px rgba(21,48,99,.5),0px 3px rgba(21,48,99,.5),0px -3px rgba(21,48,99,.5),3px 3px rgba(21,48,99,.5),-3px 3px rgba(21,48,99,.5),3px -3px rgba(21,48,99,.5),-3px -3px rgba(21,48,99,.5)}.bm-L div:has(h1){display:contents}.bm-N h2{display:inline-block;font-size:larger;font-weight:700;vertical-align:middle}.bm-N h3{display:inline-block;font-size:large;font-weight:700}.bm-E.bm-d{width:fit-content;margin-left:auto;margin-right:auto}.bm-E{margin:.5em 0}.bm-N button{background-color:#144eb9;border-radius:1em;padding:0 .75ch}.bm-N button:hover,.bm-N button:focus-visible{background-color:#1061e5}.bm-N button:active,.bm-N button:disabled{background-color:#2e97ff}.bm-N button:disabled{text-decoration:line-through;cursor:not-allowed}.bm-n{border:white 1px solid;height:1.5em;width:1.5em;margin-top:2px;text-align:center;line-height:1em;padding:0!important}.bm-C{vertical-align:middle}.bm-C svg{width:50%;margin:0 auto;fill:#111}.bm-N button.bm-u{background-color:unset}.bm-u.bm-b:hover,.bm-u.bm-b:focus{background-color:#ffffff2b}.bm-u.bm-b:active{background-color:#ffffff38}.bm-u.bm-c:hover,.bm-u.bm-c:focus{background-color:#0000002b}.bm-u.bm-c:active{background-color:#00000038}input[type=number].bm-v{appearance:auto;-moz-appearance:textfield;width:5.5ch;margin-left:1ch;background-color:#0003;padding:0 .5ch;font-size:small}input[type=number].bm-v::-webkit-outer-spin-button,input[type=number].bm-v::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}div:has(>.bm-D)>button{width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bm-D,input[type=file]{display:none!important;visibility:hidden!important;position:absolute!important;left:-9999px!important;top:-9999px!important;width:0!important;height:0!important;opacity:0!important;z-index:-9999!important;pointer-events:none!important}.bm-N select{color:#fff;background-color:#144eb9;border-radius:1em;padding:0 .5ch}.bm-N label:has(input[type=checkbox]){display:flex;width:fit-content;gap:1ch}.bm-N input[type=checkbox]{width:1em}.bm-h{overflow:hidden;transition:height .3s cubic-bezier(.4,0,.2,1)}.bm-N textarea{font-size:small;background-color:#0003;padding:0 .5ch;height:5.25em;width:100%}.bm-N a:not(:has(*)){text-decoration:underline}.bm-N small{font-size:x-small;color:#d3d3d3}.bm-N ul li{list-style:disc;margin-left:5ch}.bm-N .bm-E.bm-A{max-height:calc(80vh - 150px);overflow:auto}.bm-s{display:flex;align-content:center;justify-content:space-between;align-items:center;gap:.5ch}.bm-x{display:flex;align-content:center;justify-content:center;align-items:center;gap:.5ch}.bm-Q{white-space:pre;letter-spacing:0;line-height:1!important;font-size:1.6em;font-family:monospace}.bm-E:not(#bm-w .bm-E){margin:.25em 0}.bm-G h1:not(#bm-w h1){font-size:1em}