mirror of
https://github.com/SwingTheVine/Wplace-BlueMarble.git
synced 2026-03-11 13:05:38 +00:00
1 line
5.6 KiB
CSS
1 line
5.6 KiB
CSS
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-J{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-H{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-H.bm-C{cursor:grabbing}.bm-J:has(.bm-H.bm-C){pointer-events:none;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.bm-H.bm-C{pointer-events:auto}.bm-I{display:inline-block;height:2.5em;margin-right:1ch;vertical-align:middle}.bm-J h1{display:inline-block;font-size:x-large;font-weight:700;vertical-align:middle}.bm-H 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-H div:has(h1){display:contents}.bm-J h2{display:inline-block;font-size:larger;font-weight:700;vertical-align:middle}.bm-J h3{display:inline-block;font-size:large;font-weight:700}.bm-B.bm-b{width:fit-content;margin-left:auto;margin-right:auto}.bm-B{margin:.5em 0}.bm-J button{background-color:#144eb9;border-radius:1em;padding:0 .75ch}.bm-J button:hover,.bm-J button:focus-visible{background-color:#1061e5}.bm-J button:active,.bm-J button:disabled{background-color:#2e97ff}.bm-J button:disabled{text-decoration:line-through}.bm-k{border:white 1px solid;height:1.5em;width:1.5em;margin-top:2px;text-align:center;line-height:1em;padding:0!important}.bm-z{vertical-align:middle}.bm-z svg{width:50%;margin:0 auto;fill:#111}.bm-J button.bm-r{background-color:unset}.bm-r.bm-9:hover,.bm-r.bm-9:focus{background-color:#ffffff2b}.bm-r.bm-9:active{background-color:#ffffff38}.bm-r.bm-a:hover,.bm-r.bm-a:focus{background-color:#0000002b}.bm-r.bm-a:active{background-color:#00000038}input[type=number].bm-s{appearance:auto;-moz-appearance:textfield;width:5.5ch;margin-left:1ch;background-color:#0003;padding:0 .5ch;font-size:small}input[type=number].bm-s::-webkit-outer-spin-button,input[type=number].bm-s::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}div:has(>.bm-A)>button{width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bm-A,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-J select{color:#fff;background-color:#144eb9;border-radius:1em;padding:0 .5ch}.bm-J label:has(input[type=checkbox]){display:flex;width:fit-content;gap:1ch}.bm-J input[type=checkbox]{width:1em}.bm-f{overflow:hidden;transition:height .3s cubic-bezier(.4,0,.2,1)}.bm-J textarea{font-size:small;background-color:#0003;padding:0 .5ch;height:5.25em;width:100%}.bm-J a:not(:has(*)){text-decoration:underline}.bm-J small{font-size:x-small;color:#d3d3d3}.bm-J ul li{list-style:disc;margin-left:5ch}.bm-J .bm-B.bm-x{max-height:calc(80vh - 150px);overflow:auto}.bm-p{display:flex;align-content:center;justify-content:space-between;align-items:center;gap:.5ch}.bm-u{display:flex;align-content:center;justify-content:center;align-items:center;gap:.5ch}#bm-m p svg{display:inline;height:1em;fill:#fff}.bm-v{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;gap:1em 3ch}.bm-q{width:fit-content;max-width:35ch;background-color:#153063e6;border-radius:1em;padding:.5em;gap:1ch;transition:background-color .3s ease}.bm-q:hover,.bm-q:focus-within{background-color:#112855e6}.bm-5{display:block;border:thick double darkslategray;width:fit-content;height:fit-content;padding:1ch}.bm-q[data-id="-2"] .bm-5{background:conic-gradient(#a00,#aa0 16.6%,#0a0,#0aa 50%,#00a 66.6%,#a0a,#a00)}.bm-q[data-id="-1"] .bm-5{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-q[data-id="-1"] .bm-5 svg{fill:#fff!important}.bm-q[data-id="0"] .bm-5{background-color:transparent!important}#bm-m .bm-5 button{padding:.75em .5ch}.bm-5 svg{width:4ch}.bm-q>.bm-p{flex-direction:column;align-items:flex-start;gap:0}.bm-q small{font-size:.75em}#bm-m .bm-q.bm-y{display:none}#bm-t{max-width:300px}#bm-o{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start}#bm-o>.bm-B{width:100%;justify-content:flex-start;background-color:#153063e6;border-radius:1em;padding:.5em;transition:background-color .3s ease}#bm-o>.bm-B:hover,#bm-o>.bm-B:focus-within{background-color:#112855e6}#bm-o .bm-1{height:100%;font-size:xxx-large}#bm-o .bm-0{flex-direction:column;align-items:flex-start;gap:0}
|