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