.globe{width:100%;height:100dvh;color:#000}.globe .marker div:has(img.selected){z-index:2}.globe .marker img{width:auto;height:32px}.globe .marker img.selected{background-color:#fff;padding:2px;border-radius:2px;box-shadow:2px 4px 8px #0000004d;transition:background-color .2s ease-in-out,box-shadow .2s ease-in-out}.globe .marker.cluster>div{position:relative}.globe .marker.cluster>div>div{font-family:Comic Sans,Comic Sans MS;position:absolute;right:-4px;bottom:0;background-color:#fff;padding:0 6px;border-radius:2px;box-shadow:2px 4px 8px #0000004d;font-weight:700}.globe .marker.cluster:has(img.selected)>div>div{box-shadow:2px 4px 8px #0000004d,0 0 4px #0000004d}.globe .maplibregl-user-location-accuracy-circle,.globe .maplibregl-user-location-dot{z-index:1;pointer-events:none}.sidebar{max-width:100%;height:100dvh;position:fixed;left:0;z-index:4;transition:translate .5s ease-in-out;color:#000}.sidebar.hidden{translate:-100%;transition:translate .5s ease-in-out}.sidebar .buttons button:hover,.sidebar .buttons a:hover,.sidebar .card:hover{border:4px var(--accent-color) dashed;transition:border .1s ease-in}.sidebar .buttons button:active,.sidebar .buttons a:active,.sidebar .card.selected{border:4px var(--accent-color) solid;transition:border .1s ease-in}.sidebar .buttons{position:absolute;top:0;right:-44px;height:100%;display:flex;flex-direction:column;justify-content:center;pointer-events:none}.sidebar .buttons button,.sidebar .buttons a{all:unset;pointer-events:initial;margin:6px 0;width:36px;height:36px;display:flex;justify-content:center;align-items:center;border:4px white solid;text-align:center;cursor:pointer;background:#fff;box-shadow:2px 4px 8px 2px #0000004d}.sidebar .buttons button svg,.sidebar .buttons a svg{height:22px;width:auto}.sidebar .list{height:100%;overflow-y:scroll;display:flex;flex-direction:column;direction:rtl}.sidebar .card{width:400px;max-height:252px;background:#fff;display:flex;flex-direction:row;align-items:center;aspect-ratio:1.586;margin:16px;padding:12px;border:4px white solid;box-shadow:2px 4px 8px 2px #0000004d;cursor:default;direction:ltr}.sidebar .card .left{width:50%;height:100%;display:flex;flex-direction:column}.sidebar .card .left .text{flex-grow:1;display:flex;flex-direction:column;justify-content:center;margin:0 8px 0 0}.sidebar .card .left .text .title{font-weight:700;font-size:1.5em;margin:6px 0;max-height:calc(1,37em * 4);line-height:1.37em;word-break:break-word;overflow:hidden;line-clamp:3;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3}.sidebar .card .left .text .author{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:medium;font-weight:400;margin:0}.sidebar .card .left .text .author:has(a[href]){color:var(--accent-color)}.sidebar .card .left .text .author img{height:1.1em;vertical-align:middle}.sidebar .card .left .icons a{color:#000}.sidebar .card .left .icons svg{padding:4px;cursor:pointer}.sidebar .card .right{width:50%;height:100%}.sidebar .card .right>div{height:100%}.sidebar .card .right img{max-width:100%;width:100%;height:100%;object-fit:cover}@media (width < 800px){.sidebar{right:auto;bottom:0;height:auto}.sidebar.hidden{translate:0 100%;transition:translate .5s ease-in-out}.sidebar .list{height:auto;width:100%;flex-direction:row;overflow-y:auto;overflow-x:scroll;direction:ltr}.sidebar .buttons{flex-direction:row;height:auto;width:100%;top:-44px;left:0}.sidebar .buttons button,.sidebar .buttons a{margin:0 6px}.sidebar .buttons button:hover,.sidebar .buttons a:hover{border:4px white solid}.sidebar .card{min-width:280px}.sidebar .card .left .icons{display:none}}@keyframes fadein{0%{opacity:0}to{opacity:1}}.big-card[open]{color-scheme:light;background-color:#eee;padding:0;border:0;max-width:95%;max-height:95%;box-shadow:2px 4px 8px 2px #0000004d;animation:fadein .2s ease-in forwards;aspect-ratio:3/2}.big-card::backdrop{-webkit-backdrop-filter:saturate(50%) blur(6px);backdrop-filter:saturate(50%) blur(6px)}.big-card[open] .actual-card{color:#000;max-width:100%;width:1024px;max-height:100%;aspect-ratio:3/2;display:flex;--segments: 14.5;background:repeating-linear-gradient(146.61deg,var(--accent-color),var(--accent-color) calc(50% / var(--segments)),transparent calc(50% / var(--segments)),transparent calc(100% / var(--segments)),var(--accent-color) calc(100% / var(--segments)))}.big-card .container{background-color:#eee;margin:10px;width:100%;height:calc(100% - 20px);display:flex;flex-direction:row}.big-card .left{width:60%;height:100%}.big-card .left .icons{width:100%;display:flex;flex-direction:row;justify-content:start}.big-card .left .icons button{all:unset;display:flex;justify-content:center;align-items:center;cursor:pointer;width:24px;height:24px;margin:6px 3px;font-size:18px}.big-card .left .content{height:calc(100% - 36px);display:flex;flex-direction:column}.big-card .left .content .message{text-align:center;margin-bottom:8px;flex-shrink:0}.big-card .left .content .image{height:inherit;width:100%;display:flex;justify-content:center;align-items:center}.big-card .left .content .image img{max-width:90%;max-height:90%;width:auto;height:auto;object-fit:contain}.big-card .right{width:40%;margin:40px 0;border-left:2px solid silver}.big-card .right .stamp{width:100%;height:20%;position:relative}.big-card .right .stamp .stamp-square{position:absolute;right:40px;width:25%;height:100%;border:2px solid silver}.big-card .right .stamp .stamp-square img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);max-height:110%}.big-card .right .address{width:100%;height:60%;display:flex;flex-direction:column;align-items:center;justify-content:center}.big-card .right .address>div{width:80%;margin:8px 0;padding:0 8px;border-bottom:2px solid silver;word-break:break-word}.big-card .right .actions{width:100%;height:20%;display:flex;gap:12px;align-items:center;justify-content:center}.big-card .right .actions a,.big-card .right .actions button{all:unset;font-family:Comic Sans,Comic Sans MS;border:2px var(--accent-color) solid;border-radius:4px;padding:6px 10px;cursor:pointer;transition:box-shadow .2s ease-in-out}.big-card .right .actions a:hover,.big-card .right .actions button:hover{box-shadow:2px 4px 8px #0000004d;transition:box-shadow .2s ease-in-out}@media (width < 800px){.big-card[open]{aspect-ratio:2/3}.big-card[open] .actual-card{aspect-ratio:2/3;width:auto;height:800px;--segments: 13.5}.big-card .container{margin:8px;flex-direction:column;align-items:center}.big-card .left{width:100%;height:50%}.big-card .left .icons button{width:18px;height:18px;margin:6px 0 0 3px;font-size:14px}.big-card .left .content .image-link{margin:0 16px 8px}.big-card .right{width:90%;height:50%;margin:0;border-left:none;border-top:2px solid silver;display:flex;flex-direction:column;justify-content:center}.big-card .right .stamp{display:none}}
