body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.user-profile-container{font-family:Arial,sans-serif;color:#333;max-width:400px;margin:auto;background:#fff}.profile-page-component{box-shadow:0 .5vh 1vh rgba(0,0,0,.1)}.profile-card{text-align:center;padding-top:80px;background-color:#295c7e;background-image:url(/profilePage/test-image/Collection\ Cell.png)}.blurry{filter:blur(5px);transition:filter .8s ease-in-out;pointer-events:none}.profile-card-Wrapper{margin-top:-80px;position:relative;padding:20px 20px 0;background:#fff;border-radius:25px 25px 0 0}.profile-picture{position:relative;width:176px;height:176px;margin:0 auto 16px;z-index:1}.profile-picture-img,.profile-picture-img-undefined{width:100%;box-sizing:border-box;border:4px solid #fff;border-radius:25px}.profile-picture-img-undefined{background-color:grey;padding:24px}.user-name h1{margin:64px 0 0;color:#333;font-size:20px}.user-name p{color:#666;margin:8px 0 16px}.user-stats{font-size:16px;margin-bottom:16px;color:#666}.user-stats span{margin:16px}.share-profile-button{width:90%;background-image:linear-gradient(90deg,#1e9bee,#023fb7);color:#fff;border:none;border-radius:20px;padding:10px 20px;font-size:16px;cursor:pointer;margin-bottom:16px}.bio{text-align:center}.bio p{text-align:left;margin:8px}.bio a{color:#007bff;text-decoration:none}.gallery{display:flex;flex-wrap:wrap;justify-content:space-around;padding:16px}.profile-page-placelist{display:flex;justify-content:center;width:47%;margin-bottom:15px;position:relative;overflow:hidden;border-radius:10px}.profile-page-placelist.wide{width:94%}.profile-page-placelist img{height:256px;width:auto;display:block;transition:transform .3s ease}.profile-page-placelist.wide img{width:352px;-o-object-fit:cover;object-fit:cover}.profile-page-placelist h2{position:absolute;bottom:0;left:10px;color:#fff;padding:5px 10px;border-radius:5px;font-size:16px;z-index:2}.profile-page-placelist:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:25%;background:linear-gradient(0deg,rgba(0,0,0,.6),transparent);pointer-events:none}#popup{position:fixed;top:50%;left:50%;width:200px;transform:translate(-50%,-50%);background-color:#fff;border:1px solid #ccc;z-index:1000;visibility:hidden;opacity:0;transition:visibility .3s,opacity .3s ease-in-out;border-radius:10px}.option{padding:10px 24px;border-bottom:1px solid #ddd;cursor:pointer;display:flex;align-items:center;justify-content:flex-start}.option:first-child{padding-top:16px;cursor:default}.option:last-child{padding-top:12px;padding-bottom:12px;justify-content:center;border-bottom:none;color:#6ca8e9}#popup.hidden,#qrcode-popup.hidden{visibility:hidden;opacity:0;transition:visibility .3s,opacity .3s ease-in-out}#popup.visible,#qrcode-popup.visible{visibility:visible;opacity:1;animation:bounceIn .3s ease-in-out}#qrcode-popup{position:fixed;top:50%;left:50%;width:240px;transform:translate(-50%,-50%);background-color:#fff;border:1px solid #ccc;z-index:1000;visibility:hidden;opacity:0;transition:visibility .3s,opacity .3s ease-in-out;border-radius:10px}.qrcode-popup-content{display:flex;flex-direction:column;align-items:center;margin:32px}.copy-link-notification{position:absolute;min-width:250px;background-color:#fff;color:#000;text-align:center;border-radius:25px;padding:16px;top:-80px;left:-23%;box-shadow:0 4px 8px rgba(0,0,0,.2);font-size:17px}.copy-link-notification.show{visibility:visible;animation:fadein .5s,fadeout .5s 1.5s}@keyframes fadein{0%{top:0;opacity:0}to{top:-80px;opacity:1}}@keyframes fadeout{0%{top:-80px;opacity:1}to{top:0;opacity:0}}@keyframes bounceIn{0%{transform:translate(-50%,-50%) scale(.8)}50%{transform:translate(-50%,-50%) scale(1.1)}90%{transform:translate(-50%,-50%) scale(.95)}to{transform:translate(-50%,-50%) scale(1)}}@media (min-width:768px){.profile-page-placelist img{height:360px}.profile-page-placelist.wide img{width:440px}.user-profile-container{max-width:600px}.profile-page-component{border-radius:20px 20px 0 0;overflow:hidden}.profile-card{padding-top:128px}.profile-page-placelist:hover img{transform:scale(1.1);transition:transform .3s ease}}