:root{--black:#000;--white:#fff;--off-white:#f8f6f3;--fuschia:#f988da;--purple:#a192ff;--blue:#6aa4fa;--sky:#bfe8ff;--teal:#4ec5d4;--green:#6eb987;--lime:#eaf447;--yellow:#ffe600;--sand:#f5bb55;--coral:#ff7c54;--grey:#e1deda}.background-grey{background-color:var(--grey)}.background-coral{background-color:var(--coral)}.background-sand{background-color:var(--sand)}.background-yellow{background-color:var(--yellow)}.background-lime{background-color:var(--lime)}.background-green{background-color:var(--green)}.background-teal{background-color:var(--teal)}.background-sky{background-color:var(--sky)}.background-blue{background-color:var(--blue)}.background-purple{background-color:var(--purple)}.background-fuschia{background-color:var(--fuschia)}pre{margin:0}#blocklyDiv{width:100%;height:100vh;transition:filter .1s ease-in}.selected svg{fill:#fff}#blocklyDiv *{font-family:Inter,sans-serif}.blocklySvg{background-image:url(../../../tiles/Scatter%20Pink.png);background-size:80px}#world{opacity:1;background-image:url(../../../tiles/ScatterGray.png);background-size:30px;flex-shrink:0;height:100vh;transition:opacity 1s;position:relative}#world.loading{opacity:0}@media only screen and (width<=700px){#world{height:auto;width:100vw!important}}.blocklyMainBackground{stroke:none}.blocklyBlockCanvas{filter:drop-shadow(1px 4px 4px #2e2c2c3a)}.App{display:flex}.resizeHandle{z-index:2000;cursor:ew-resize;background:repeating-linear-gradient(90deg,gray,gray 1px 2px,#dcdcdc 2px 3px);border:0 ridge gray;width:8px;height:100%;position:absolute;top:0;left:-8px}label{color:#000;font-size:16px}#fps{align-content:right;text-align:right;z-index:2000;color:#483d8b;pointer-events:none;width:100px;display:none;position:fixed;bottom:40px;right:5px}.Dropdown-control{padding-right:30px!important}::-webkit-scrollbar-thumb{background-color:#00000037;border:1px solid gray;border-radius:0}.family .title{font-weight:500}.featured-flag,.play-count{margin-left:5px}.family img{border:1px solid #dcdcdc}.family .title-container{flex-direction:column;flex-grow:1;flex-basis:50px;gap:10px;margin:0;font-size:20px;display:flex}@media only screen and (width<=700px){.family .title-container{font-size:20px}}.browse-post-metadata-row{justify-content:space-between;align-items:flex-end;margin:1px;display:flex}.browse-post-metadata-row span{align-items:flex-end;display:flex}.browse-post-metadata-row button{margin-right:4px}.family .info{position:absolute;bottom:3px}.family{margin-top:1.5em;display:flex}.post-group{display:flex;position:relative}.group-title{position:absolute;top:-1.2em}.post{cursor:pointer;background-color:#faf7f7b8;border:0 solid #0000;border-right:0;margin-bottom:6px;padding:5px;display:flex;position:relative;overflow:hidden}.post.splash{cursor:unset;margin-top:0;font-size:19px;display:block;overflow:visible}.post.splash p{margin:5px 5px 10px}.post>.profile{flex-direction:column;align-items:start;display:flex}.selected{background-color:#faf7f7;box-shadow:inset 0 0 0 1px #000}@media (hover:hover){.post:not(.splash):hover{background-color:#f2e92b;box-shadow:inset 0 0 0 1px #000}.post:hover .userName,.post:hover .timestamp,.post:hover .title{color:#1e3fe0}}.post.selected{cursor:unset;background-color:#f2e92b;box-shadow:inset 0 0 0 1px #000}.post.selected .userName,.post.selected .timestamp,.post.selected .title{color:#1e3fe0}.post.placeholder{filter:grayscale()contrast(.5)}.event-swatch{background-position:50%;background-size:cover;border:1px solid #dcdcdc;flex-shrink:0;width:90px;height:90px;margin-right:10px}.event-card .title{font-weight:700}.poster-panel{flex:1;height:100vh;position:relative;overflow:hidden}.nightclub-page{justify-content:flex-start!important}.nightclub-page .browse.family{flex:0 0 380px;width:380px;max-width:380px}.nightclub-page .poster-panel{flex:auto;width:auto}@media only screen and (width<=700px){.nightclub-page .browse.family{flex-basis:auto;width:100%;max-width:100%}}.poster-display{background-position:50%;background-size:cover;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.poster-placeholder-text{text-align:center;color:#000000bf;font-family:Inter,sans-serif}.poster-title{font-size:48px;font-weight:800}.poster-date{margin-top:8px;font-size:22px}.rsvp-button{text-align:center;color:#fff;background:#000;border:none;width:100%;padding:12px 0;font-size:20px;font-weight:800;display:block}.rsvp-button:disabled{color:#ddd;cursor:not-allowed;background:#999}.postThumbnail{margin-right:3px;position:relative}.postThumbnail,.postThumbnail img{width:calc(clamp(100px,20vw - 16px,300px));height:calc(clamp(100px,20vw - 16px,300px))}.userCard{cursor:pointer;align-self:flex-start;align-items:center;display:flex}.userCard a{margin-left:10px;font-weight:500}.pfp{cursor:pointer;border-radius:100%;width:50px!important;height:50px!important}.userCard.pfp:hover{border:1px solid}.timestamp{letter-spacing:-.9px;transform-origin:0;margin-top:4px;font-family:Poppins,sans-serif;font-size:16px;font-weight:600;transform:scaleY(1.4)}.userName{letter-spacing:-1.4px;text-transform:uppercase;transform-origin:0;font-family:Poppins,sans-serif;font-size:32px;font-weight:600;display:inline-block;transform:scaleY(1.4)}.family .title{letter-spacing:-.9px;transform-origin:0;font-family:Poppins,sans-serif;font-size:16px;font-weight:600;line-height:.95;transform:scaleY(1.4)}.userName,.timestamp,.family .title{color:#000}.nav-bar button{color:#000;border:none;outline:none;font-family:Inconsolata,monospace;font-size:14px;font-weight:500}.nav-bar button.selected{color:#fff;text-shadow:none;background:#666}@media (hover:hover){.nav-bar button:hover{color:#fff;text-shadow:none;background:#666}}.about-content{color:#000;white-space:pre-wrap;cursor:text;outline:none;padding:10px;font-family:Inconsolata,monospace;font-size:14px;font-weight:500}.post-header-container{flex-direction:row;justify-content:space-between;display:flex}.replies-button{cursor:pointer;text-align:right;flex-grow:0;width:100px;margin-top:-10px;margin-right:-10px;font-size:16px}.browse-post-metadata-row .replies-button{margin-bottom:-10px;margin-right:-10px}@media only screen and (width<=700px){.replies-button{text-align:center;width:35px}}.explanation{display:none}.publicPostToggle:hover .explanation{display:block}.profile-stats{flex-direction:row;justify-content:space-between;align-items:center;margin:0 0 10px;display:flex}.profile-stats div{margin-right:8px}.post:not(.splash) button{font-size:16px}.admin-page{padding:20px;font-family:Poppins,sans-serif}.admin-family{flex-direction:column}.admin-post{flex-direction:row}.admin-post-controls{margin-top:8px}.admin-post-controls button,.admin-post-controls a{margin-right:6px}.create-event-form{flex-direction:column;gap:14px;padding:20px;font-family:Poppins,sans-serif;display:flex}.create-event-form label{flex-direction:column;gap:4px;height:auto;font-weight:600;display:flex}.create-event-form input,.create-event-form textarea{border:1px solid #000;height:auto;padding:8px;font-family:Poppins,sans-serif;font-size:16px}.create-event-form textarea{resize:vertical;min-height:80px}.create-event-templates{flex-direction:column;gap:8px;display:flex}.create-event-templates button{height:auto;padding:10px;font-family:Poppins,sans-serif;font-weight:700}.create-event-status{padding:20px;font-family:Poppins,sans-serif}