.three-container[data-v-0bcc8598]{width:100%;height:100%;overflow:hidden;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;-o-user-drag:none}.viewport[data-v-6a923589]{top:0;border-top:.1px solid var(--color-1-solid);width:100%;height:100%;overflow:hidden;position:relative}h1[data-v-6a923589]{font-size:18px;line-height:.5;z-index:1000;position:absolute;background-color:none;margin:0;padding:15px}h1[data-v-6a923589],h2[data-v-6a923589]{font-family:satoshi;color:var(--color-2-solid);text-shadow:0 2px 10px rgba(0,0,0,.5)}h2[data-v-6a923589]{font-size:14px;line-height:.5em}p[data-v-6a923589]{text-shadow:0 2px 10px rgba(0,0,0,.5)}.restroom-details[data-v-6a923589]{margin-left:1em}.restroom-attribution[data-v-6a923589],.restroom-details[data-v-6a923589]{font-family:satoshi;font-size:14px;line-height:.1em;color:var(--color-2-solid);position:absolute;z-index:1000;display:flex;flex-direction:column;bottom:2.4em;padding:.5em}.restroom-attribution[data-v-6a923589]{right:1em;text-align:right}.loading-animation[data-v-6a923589]{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2000;background-color:rgba(0,0,0,.5);width:100vw;height:100vh;display:flex;justify-content:center;align-items:center}@media (max-width:600px){h1[data-v-6a923589]{font-size:14px}.restroom-details[data-v-6a923589]{font-size:12px;bottom:1.8em;margin-left:.5em}.restroom-attribution[data-v-6a923589]{font-size:12px;bottom:1.8em;right:.5em}}h2[data-v-1a04a335]{font-family:satoshi;font-size:16px;line-height:.5;color:var(--color-2-solid);text-shadow:0 4px 15px rgba(0,0,0,.7);margin-left:5px;text-align:center}.gui-content[data-v-1a04a335]{margin-top:90px;margin-left:5px;margin-right:5px}.dropdown-container[data-v-1a04a335]{max-height:calc(100vh - 400px);height:auto;overflow-y:auto;overflow-x:hidden;border-radius:5px;background:rgba(25,25,25,.41);box-shadow:0 4px 30px rgba(0,0,0,.1);backdrop-filter:blur(6.5px);-webkit-backdrop-filter:blur(6.5px);border:1px solid hsla(0,0%,100%,.13);position:relative}.dropdown-headers[data-v-1a04a335]{display:flex;top:0;z-index:2;position:sticky;justify-content:space-between;padding:8px 10px;font-size:14px;font-family:satoshi;color:rgba(0,0,0,.6);background-color:hsla(0,0%,86%,.9);-webkit-backdrop-filter:blur(5.5px);backdrop-filter:blur(5.5px);cursor:pointer}.dropdown-headers .sortable[data-v-1a04a335]:hover{text-decoration:underline}.dropdown-headers .active-sort[data-v-1a04a335]{text-decoration:underline;color:#000}.dropdown-menu[data-v-1a04a335]{list-style:none;margin:0;padding:0}.dropdown-menu li[data-v-1a04a335]{display:flex;justify-content:space-between;padding:5px 10px;cursor:pointer;color:var(--color-2-solid);border-bottom:1px solid hsla(0,0%,100%,.13);text-align:left;font-size:10px;font-family:satoshi}.dropdown-menu li[data-v-1a04a335]:hover{background:hsla(0,0%,100%,.23);border:none}.dropdown-menu li.active-restroom[data-v-1a04a335]{background:hsla(0,0%,100%,.53);color:#000}.dropdown-column[data-v-1a04a335]{flex:1}.randomize-button[data-v-1a04a335]{font-family:satoshi;font-size:14px;padding:3px 10px;background:var(--color-2-transparent);box-shadow:0 4px 30px rgba(0,0,0,.1);border:1px solid var(--color-2-transparent);color:var(--color-1-solid);border-radius:5px;cursor:pointer;width:100%}.randomize-button[data-v-1a04a335]:hover{background:rgba(25,25,25,.8);border:1px solid hsla(0,0%,100%,.43);color:var(--color-2-solid)}.dice[data-v-1a04a335]{display:inline-block;transition:transform .4s}.randomize-button:active .dice[data-v-1a04a335]{transform:rotate(1turn)}.share-btn-wrapper[data-v-1a04a335]{text-align:center;margin-top:8px}.share-button[data-v-1a04a335]{width:100%;min-width:120px;font-family:satoshi;font-size:14px;padding:3px 10px;background:var(--color-1-transparent);box-shadow:0 4px 30px rgba(0,0,0,.1);border:1px solid var(--color-2-transparent);color:var(--color-2-solid);border-radius:5px;cursor:pointer}.share-button[data-v-1a04a335]:hover{background:hsla(0,0%,100%,.2);border:1px solid hsla(0,0%,100%,.43);color:var(--color-1-solid)}.share-button.active[data-v-1a04a335]{background:rgba(255,0,0,.9)!important;color:#fff!important;border:1px solid #fff!important;transition:background .1s,color .1s}@media (max-width:600px){.gui-content[data-v-1a04a335]{margin-top:70px}.dropdown-container[data-v-1a04a335]{max-height:calc(100vh - 500px)}.share-button[data-v-1a04a335]{width:100%;min-width:unset}}.gui[data-v-566f6de5]{position:fixed;top:0;left:0;height:100%;width:300px;min-width:300px;max-width:100vw;padding:10px;z-index:100;transform:translateX(-100%);transition:transform .3s ease-in-out;background:hsla(0,0%,100%,.11);box-shadow:0 4px 30px rgba(0,0,0,.1);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.13);overflow-x:calc(100% - 20px)}.gui.gui-visible[data-v-566f6de5]{transform:translateX(0)}.gui-resize-handle[data-v-566f6de5]{position:absolute;top:0;right:-5px;width:3px;height:100%;cursor:col-resize;z-index:9999;background:linear-gradient(270deg,rgba(0,0,0,.08),transparent);pointer-events:all;border-left:2px solid hsla(0,0%,100%,.3)}.gui-resize-handle[data-v-566f6de5]:hover{border-left:4px solid hsla(0,0%,100%,.4);cursor:col-resize}@media (max-width:600px){.gui[data-v-566f6de5]{width:95vw!important;min-width:unset!important}.gui-resize-handle[data-v-566f6de5]{display:none!important}}h2[data-v-3cc12390]{color:#fff;font-family:satoshi;font-size:18px;text-align:center}.colophon-overlay[data-v-3cc12390]{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.6);display:flex;justify-content:center;align-items:center;z-index:1000}.colophon-popup[data-v-3cc12390]{background:hsla(0,0%,100%,.11);box-shadow:0 4px 30px rgba(0,0,0,.5);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;max-width:400px;width:90%;box-shadow:0 4px 6px rgba(color-1-transparent);border:1px solid hsla(0,0%,100%,.3);position:relative}.colophon-content[data-v-3cc12390]{font-family:satoshi;font-size:14px;color:#fff;padding:1.5rem;padding-top:0}.colophon-content a[data-v-3cc12390]{color:#fff;background-color:#000;text-decoration:none;padding:0 .25em}.colophon-content a[data-v-3cc12390]:hover{background-color:red;color:#fff}.close-btn[data-v-3cc12390]{font-family:satoshi;position:absolute;top:.25em;right:.5em;color:#fff;background:transparent;border:none;font-size:24px;cursor:pointer}.close-btn[data-v-3cc12390]:hover{color:red}footer[data-v-5b436d80]{position:relative;background-color:var(--color-1-solid);color:var(--color-2-solid);border-top:.5px solid var(--color-2-solid);width:100%;font-family:satoshi}.footer-content[data-v-5b436d80]{padding:.25rem 1.5rem;display:flex;justify-content:space-between;align-items:center}.footer-icon[data-v-5b436d80]{height:20px;width:auto;display:inline-block;vertical-align:middle;margin-right:.5em;color:#fff}.footer-left a[data-v-5b436d80]{margin-left:0;padding-right:.6em;color:var(--color-2-solid);text-decoration:underline;font-size:14px}.footer-left a[data-v-5b436d80]:hover{color:var(--color-3-hilighted)}.footer-right a.submission-link[data-v-5b436d80]{padding:0 .25rem;margin-right:.5rem;color:var(--color-2-solid);text-decoration:underline;font-size:14px;background-color:var(--color-1-solid);cursor:pointer}.footer-right a.submission-link[data-v-5b436d80]:hover{color:var(--color-3-hilighted);background-color:var(--color-1-solid)}.footer-right[data-v-5b436d80]{text-align:right}.footer-right a[data-v-5b436d80]{padding:0 .25rem;margin-right:.5rem;background-color:var(--color-2-solid);color:var(--color-1-solid);text-decoration:none;cursor:pointer}.footer-right a[data-v-5b436d80]:hover{background-color:red;color:#fff}@media (max-width:600px){.footer-content[data-v-5b436d80],.footer-left a[data-v-5b436d80],.footer-right a.submission-link[data-v-5b436d80]{font-size:10px}.footer-content[data-v-5b436d80]{padding:.25rem .75rem}}::-moz-selection{color:#fff;background:red}::selection{color:#fff;background:red}#portfolioLink{position:absolute;margin:0;padding:15px;right:0;top:0;line-height:.5;font-family:satoshi;font-size:18px;color:var(--color-2-solid);text-decoration:none;text-shadow:0 4px 30px #000;z-index:1000}#portfolioLink:hover{text-decoration:none;color:red}.buttons{position:fixed;top:45px;left:15px;z-index:1000;display:flex;flex-direction:column;align-items:flex-start;gap:10px}.toggle-button{font-family:satoshi;z-index:101;background:transparent;backdrop-filter:blur(6.5px);-webkit-backdrop-filter:blur(6.5px);color:var(--color-2-solid);border:1px solid hsla(0,0%,100%,.4);text-shadow:0 2px 10px rgba(0,0,0,.3);border-radius:5px;box-shadow:0 4px 30px rgba(0,0,0,.1);padding:3px 10px;cursor:pointer;font-size:14px;width:160px}.toggle-button:hover{background:rgba(25,25,25,.8);border:1px solid hsla(0,0%,100%,.43);color:var(--color-2-solid)}.toggle-button-open{background:var(--color-2-transparent);color:var(--color-1-solid);border:none;width:290px}.randomize-button.main-random{font-family:satoshi;font-size:14px;padding:3px 10px;background:transparent;box-shadow:0 4px 30px rgba(0,0,0,.1);backdrop-filter:blur(6.5px);-webkit-backdrop-filter:blur(6.5px);color:var(--color-2-solid);text-shadow:0 2px 10px rgba(0,0,0,.3);border:1px solid hsla(0,0%,100%,.4);border-radius:5px;cursor:pointer;width:160px}.randomize-button.main-random:hover{background:rgba(25,25,25,.8);border:1px solid hsla(0,0%,100%,.43);color:var(--color-2-solid)}.randomize-button.main-random:active .dice{transform:rotate(1turn)}.dice{display:inline-block;transition:transform .4s}.footer-container{position:fixed;z-index:1000;bottom:0;width:100%}@media (max-width:600px){.randomize-button.main-random,.toggle-button{font-size:8px;width:25vw}#portfolioLink{font-size:14px;text-shadow:none}}@font-face{font-family:robotoMono;src:url(/fonts/RobotoMono-Light.0c81496a.ttf)}@font-face{font-family:Satoshi;src:url(/fonts/Satoshi-Regular.333ab73b.otf)}:root{--color-1-solid:#000;--color-1-transparent:rgba(0,0,0,.8);--color-1-hilighted:#1b1b1b;--color-1-hilighted-transparent:rgba(27,27,27,.8);--color-2-solid:#fff;--color-2-transparent:hsla(0,0%,100%,.6);--color-2-hilighted:#fff;--color-2-hilighted-transparent:hsla(0,0%,100%,.8);--color-2-selected:#d4d4d4;--color-2-selected-transparent:hsla(0,0%,83%,.8);--color-3-solid:#0087c1;--color-3-transparent:rgba(0,135,193,.8);--color-3-selected:#04a4e8;--color-3-selected-transparent:rgba(4,164,232,.8);--color-3-hilighted:#a1a1a1;--color-3-hilighted-transparent:rgba(0,121,173,.8)}#app,body,html{width:100%;height:100%;margin:0;overflow:hidden}html{background-color:var(--color-1-solid)}