@import url(https://fonts.googleapis.com/css2?family=Abril+Fatface&family=Gochi+Hand&family=Limelight&family=Rock+Salt&family=Titan+One&family=Ultra&display=swap);*{box-sizing:border-box;margin:0;padding:0}body{background-color:#101010;color:#fff;font-family:Roboto,sans-serif}.limelight-regular{font-family:Limelight,sans-serif;font-style:normal;font-weight:400}.gochi-hand-regular{font-family:Gochi Hand,cursive;font-style:normal;font-weight:400}.titan-one-regular{font-family:Titan One,sans-serif;font-style:normal;font-weight:400}.ultra-regular{font-family:Ultra,serif;font-style:normal;font-weight:400}.rock-salt-regular{font-family:Rock Salt,cursive;font-style:normal;font-weight:400}.abril-fatface-regular{font-family:Abril Fatface,serif;font-style:normal;font-weight:400}.wall-top-header{-webkit-backdrop-filter:blur(.25rem);backdrop-filter:blur(.25rem);background:linear-gradient(0deg,#10101000,#101010);justify-content:space-between;-webkit-mask:linear-gradient(#000,#000,#0000);mask:linear-gradient(#000,#000,#0000);padding:3rem 1.5rem 1rem;top:0;width:100%}.wall-app-drawer,.wall-top-header{align-items:center;display:flex;left:0;position:fixed;z-index:100}.wall-app-drawer{-webkit-backdrop-filter:blur(1rem);backdrop-filter:blur(1rem);background:#10101099;box-shadow:inset 4px 4px 48px 0 #101010cc;justify-content:space-around;padding:1.5rem;top:100vh;transform:translateY(-100%);width:100vw}.wall-hotspot-grid{grid-gap:1rem;display:grid}.wall-landing-container-outer{overflow-y:scroll;scroll-snap-type:y mandatory}.wall-landing-container-inner{overflow-x:scroll;scroll-snap-type:x mandatory}.wall-landing-container{grid-gap:1rem;display:grid;grid-template-columns:1fr 1fr 1fr;height:100vh;overflow:scroll;padding:5rem 1rem;width:100vw}.grid-item-hotspot-preview{grid-gap:1rem;display:grid;grid-auto-rows:8rem;grid-template-columns:1fr 1fr;padding:1rem;width:100%}.grid-item-hotspot-preview img{border-radius:.5rem;height:100%;object-fit:cover;width:100%}.grid-item-hotspot-preview .large{grid-column:span 2;grid-row:span 2}.grid-item-hotspot-preview .host-details{background-color:#ffffff0d;border-radius:.5rem;font-size:1rem;padding:1rem .5rem}.grid-item-hotspot-preview .host-details span:first-child{font-size:.625rem;opacity:.32}.grid-item-hotspot-preview .host-details p{font-weight:700;margin:2rem 0 .5rem}.grid-item-hotspot-preview .host-details span:last-child{font-size:.875rem;opacity:.48}.hotspot-info-header{align-content:center;align-items:center;display:flex;font-size:.875rem;gap:.5rem;opacity:.34;opacity:.5;padding:4rem 1rem 1rem}.hotspot-info-header .back-btn{margin-right:auto}.wall-hotspot-grid-item{background-position:50%;background-size:cover;border-radius:.5rem;filter:grayscale(1) blur(.25rem);font-size:30px;height:calc(100vh - 13rem);position:relative;scroll-snap-align:center;scroll-snap-stop:always;transition:opacity .5s ease-in-out,height 1s ease-in-out .5s,width 1s ease-in-out .5s;width:calc(100vw - 6rem)}.wall-hotspot-grid-item .grid-item-header,.wall-hotspot-grid-item .wall-hotspot-grid-title{opacity:0}.wall-hotspot-grid-item.active,.wall-hotspot-grid-item:active{filter:none}.wall-hotspot-grid-item.active .grid-item-header,.wall-hotspot-grid-item.active .wall-hotspot-grid-title,.wall-hotspot-grid-item:active .grid-item-header,.wall-hotspot-grid-item:active .wall-hotspot-grid-title{opacity:1}.wall-hotspot-grid-item.expanded{height:60vh;scroll-snap-align:center,none;width:90vw}.wall-app-drawer.hide{transform:translateY(100%)}.wall-top-header.hide{transform:translateY(-100%)}.wall-app-drawer,.wall-top-header{transition:all 1s ease-in-out}.wall-landing-container.hasExpandedCard .wall-hotspot-grid-item:not(.expanded){height:0;opacity:0;width:0}.wall-landing-container.hasExpandedCard{grid-gap:0;overflow-x:hidden;padding:1rem}.wall-wrapper{padding:3rem 1rem 1rem}.grid-item-header{display:flex;gap:.75rem;left:0;padding:1rem;position:absolute;top:0;width:100%}.grid-item-header .host-image{border-radius:.25rem;height:2.5rem;width:2.5rem}.grid-item-header .hotspot-details>p:first-child{font-size:.875rem;font-weight:600;margin-bottom:.25rem}.grid-item-header .hotspot-details>p:last-child{font-size:.75rem;opacity:.72}.grid-item-header .invitees{align-items:center;color:gray;display:flex;font-size:.875rem;gap:.25rem;margin-left:auto}.wall-hotspot-grid-title{bottom:1.5rem;left:0;padding:1rem;position:absolute}.wall-hotspot-grid-title .hotspot-title{font-size:2.5rem;margin:.75rem 0;width:70%}.wall-hotspot-grid-title .hotspot-info{align-items:center;color:gray;display:flex;font-size:.875rem;gap:.5rem}.center-container{align-items:center;display:flex;height:100vh;justify-content:center;width:100vw}.hotspot-grid-item{background-position:50%;background-size:cover;filter:grayscale(1) blur(.25rem);font-size:30px;height:calc(100vh - 8rem);position:relative;scroll-snap-align:center;transition:height 1s ease-in,width 1s ease-in;width:calc(100vw - 4rem);will-change:filter}.hotspot-grid-item.active{height:60vh;margin:auto;width:calc(100vw - 2rem)}.hotspot-grid-item.active,.hotspot-grid-item.intersecting{filter:grayscale(0) blur(0)}
/*# sourceMappingURL=main.9fa8d5fa.css.map*/