@layer components{.thumb-icon{position:absolute;bottom:70px;right:10px;font-size:24px;color:#fff;z-index:2;cursor:pointer}.thumb-icon.active{color:var(--color-yellow-500)}.fade-out{opacity:0;pointer-events:none;transition:opacity 0.5s}.translate-to-top-left{transform:translate(0,0);z-index:5;position:relative;transition:transform 0.5s}.card-selected .details-view{display:block}.viewColumn+.details-view{display:block}.grey-out{color:var(--color-gray-400);pointer-events:none}@media screen and (min-width:1400px){#gridAndMapContainer{height:calc(100vh - 200px)}}#gridContainer a:hover{color:unset;text-decoration:none}#cafeGrid a{text-decoration:none;color:inherit}@media screen and (max-width:1200px) and (min-width:768px){#cafeModal #detailsView{max-width:calc(100vw - 100px)}}.info-window__directions button:hover,.info-window__directions button:focus,.info-window__directions button{background-color:unset;color:unset}.cafe-card{border:1px solid #000;margin-bottom:1rem}.vote-button{background:none;border:none;font-size:1.2rem;color:#000;transition:color 0.2s}#cafe-suggestions{max-width:600px;margin:0 auto}.vote-button:hover{color:var(--color-gray-600)}.vote-count{font-size:1.1rem;font-weight:700}#new-cafe-suggestion input{margin-bottom:.5rem}#new-cafe-suggestion button{width:100%}.vote-button.voted{opacity:.5;cursor:not-allowed}.vote-button.voted:hover{opacity:.5}.wiggle{animation:wiggle 0.5s ease-in-out;animation-iteration-count:2}.delete-suggestion{cursor:pointer;margin-left:.5rem;opacity:.5;transition:opacity 0.2s,color 0.2s}.delete-suggestion:hover{opacity:1;color:var(--color-red-600)}#cafeGrid{position:relative}.cafe-grid-item{position:relative;overflow:hidden;width:50%;aspect-ratio:1 / 1;cursor:pointer;border:1px solid var(--bg-color,#f7f6f3)}@media (min-width:576px){.cafe-grid-item{width:33.333%}}@media (min-width:992px){.cafe-grid-item{width:25%}}@media (min-width:1200px){.cafe-grid-item{width:20%}}.custom-card-img{width:100%;height:100%;object-fit:cover;filter:brightness(.9);transition:filter 0.3s ease}.cafe-grid-item:hover .custom-card-img{filter:brightness(1)}.cafe-tag{z-index:1}.near-me .driving-time-overlay{display:flex}.near-me .custom-card-img{filter:brightness(.5)}.driving-time-overlay{display:none;position:absolute;inset:0;justify-content:center;align-items:center;pointer-events:none}.driving-time-content{display:flex;flex-direction:column;align-items:start}.walking-time,.driving-time{text-shadow:2px 2px 4px rgb(0 0 0 / .5)}.driving-time-icons{display:flex;justify-content:center;gap:15px}.driving-time-icons i{font-size:24px;color:#fff;text-shadow:1px 1px 2px rgb(0 0 0 / .5)}.promotional-card-title{font-size:clamp(1rem, 2.5vw, 1.5rem)}#cafeMapContainer,#gridAndMapContainer{height:100vh}#gridContainer{height:100%;overflow:scroll}.filterBarLogo img{height:40px;width:auto}.filter-menu{display:flex;overflow-x:auto;gap:5px;width:100%;border-bottom:1px solid lightgrey;z-index:2;transition:all 0.3s ease}@media screen and (min-width:1200px){.filter-menu{gap:40px}}.filter-item{display:flex;flex-direction:column;align-items:center;text-align:center;padding:10px 10px;border-radius:30px;cursor:pointer;transition:background-color 0.3s ease}.filter-item.active{border-bottom:2px solid var(--color-gray-800);border-radius:0}.filter-item:hover{background-color:var(--color-gray-100)}.material-icons{margin-bottom:5px}.filter-text{font-size:.7em;line-height:1.2}@media screen and (min-width:782px){body.admin-bar .filter-menu:not(.sticky){top:30px}}.filter-pill{display:inline-flex;align-items:center;border:1px solid var(--color-gray-800);padding:5px 10px;margin:5px;cursor:pointer;border-radius:5px;font-size:14px}.filter-pill::after{content:"×";margin-left:8px}.filter-menu::-webkit-scrollbar{display:none}#cafeGridContainer{position:relative}#detailview-gallery{position:relative;height:300px}#detailview-gallery .stacked{height:300px;overflow:hidden}#detailview-gallery .stacked img{height:50%}#detailsModal .title{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10}.star-rating{position:relative;display:inline-flex;font-size:24px;color:var(--color-gray-300);width:150px}.star-rating i:not(:last-child){margin-right:3px}.star-rating-overlay{position:absolute;top:0;left:0;white-space:nowrap;overflow:hidden;color:var(--color-yellow-400);display:inline-flex}.star-rating-overlay i{margin-right:3px}.star-rating-new{display:inline-flex;align-items:center;font-size:16px;gap:2px}.star-rating-new .star-full{color:var(--color-yellow-400)}.star-rating-new .star-empty{color:var(--color-gray-300)}.star-rating-new .star-half{background:linear-gradient(to right,var(--color-yellow-400) 50%,var(--color-gray-300) 50%);-webkit-background-clip:text;background-clip:text;color:#fff0}#attributes i{width:30px}#detailsModal{display:flex;row-gap:16px;flex-wrap:wrap;justify-content:flex-start}#detailsModal .title{min-width:300px}#detailsModal .mapAndContent{display:flex;column-gap:16px;align-items:center;flex-direction:column;width:100%}#detailview-gallery{display:flex;flex:0 0 auto;width:100%;column-gap:4px}#detailview-gallery>.large-image{flex-basis:100%}#detailview-gallery .stacked-images,#detailview-gallery .medium-image{display:none}#detailview-gallery img:first-of-type{height:100%;width:100%;object-fit:cover;filter:brightness(.9)}#map{width:100%;max-width:600px;height:200px;margin:auto}#attributes>li{width:100%}#detailsModal .topCloseButton{cursor:pointer;position:absolute;right:25px;top:19px;color:#fff;z-index:1070;font-size:1.5em;background:none;border:none;padding:8px;user-select:none}#detailsContent{width:100%;max-width:600px}@media screen and (min-width:768px){#detailview-gallery>.large-image{flex-basis:60%}#detailview-gallery>.medium-image{display:block;flex-basis:30%}#detailview-gallery img{height:100%;width:100%;object-fit:cover;filter:brightness(.9)}#detailview-gallery>.stacked-images{display:flex;flex-direction:column;flex-basis:20%;height:50%}#detailsModal .mapAndContent{display:flex;column-gap:16px;align-items:center;flex-direction:row-reverse}#attributes{column-count:2}}#ratings{width:100%;max-width:600px}#directionsUrl,#ratings>div{font-weight:600}#detailsView.loading{filter:blur(1px);opacity:.8}.dummy-image{width:100%;height:300px;background-color:var(--color-gray-100);background-image:linear-gradient(45deg,var(--color-gray-200) 25%,transparent 25%),linear-gradient(-45deg,var(--color-gray-200) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--color-gray-200) 75%),linear-gradient(-45deg,transparent 75%,var(--color-gray-200) 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0}.dummy-image,.dummy-content p{animation:pulse 1s infinite}#cafeModal [type="button"]{border-radius:0}#cafeModal.loading{animation:blur 3s infinite}.responsive-gallery{position:relative;display:grid;gap:4px;height:300px;width:100%;overflow:hidden;border-radius:8px}.gallery-item{position:relative;overflow:hidden;border-radius:4px;transition:transform 0.2s ease}.gallery-item:hover{z-index:2}.topCloseButton{z-index:1070;position:relative}.gallery-item img{width:100%;height:100%;object-fit:cover;transition:transform 0.3s ease}.gallery-item:hover img{transform:scale(1.1)}.gallery-overlay-title{z-index:10;position:absolute;left:50%;transform:translateX(-50%);backdrop-filter:blur(4px);border-radius:6px}.no-images-placeholder{height:300px;border-radius:8px;border:2px dashed var(--color-gray-300)}.responsive-gallery.single-image{grid-template-columns:1fr;grid-template-rows:1fr}.responsive-gallery.two-images{grid-template-columns:1fr 1fr;grid-template-rows:1fr}.responsive-gallery.three-images{grid-template-columns:2fr 1fr;grid-template-rows:1fr 1fr}.responsive-gallery.three-images .item-1{grid-row:1 / 3}.responsive-gallery.four-images{grid-template-columns:2fr 1fr 1fr;grid-template-rows:1fr 1fr}.responsive-gallery.four-images .item-1{grid-row:1 / 3}@media (max-width:768px){.responsive-gallery{height:250px;gap:2px}.responsive-gallery.three-images,.responsive-gallery.four-images{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr}.responsive-gallery.three-images .item-1,.responsive-gallery.four-images .item-1{grid-row:1 / 2}.gallery-overlay-title{display:none}.gallery-item:hover{transform:none}.gallery-item:hover img{transform:none}}@media (max-width:992px) and (min-width:769px){.responsive-gallery{height:280px}}.gallery-item.loading{background:linear-gradient(90deg,var(--color-gray-100) 25%,var(--color-gray-200) 50%,var(--color-gray-100) 75%);background-size:200% 100%;animation:loading 1.5s infinite}}.pac-container{z-index:1051;border-radius:.25rem;margin-top:5px;box-shadow:0 2px 5px rgb(0 0 0 / .2)}@keyframes wiggle{0%{transform:rotate(0deg)}25%{transform:rotate(-1deg)}50%{transform:rotate(0deg)}75%{transform:rotate(1deg)}100%{transform:rotate(0deg)}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.01)}100%{transform:scale(1)}}@keyframes blur{0%{filter:blur(0)}100%{filter:blur(8px)}}@keyframes loading{0%{background-position:200% 0}100%{background-position:-200% 0}}