.socialCard{background:#fff;border-radius:8px;justify-content:center;align-items:center;width:220px;height:50px;padding:1rem;transition:all .3s ease-in-out;display:flex;position:relative;overflow:hidden;box-shadow:0 2px 4px #0000001a}.socialCard:before,.socialCard:after{content:"";z-index:0;width:50%;height:100%;transition:transform .3s,opacity .3s;position:absolute}.socialCard:before{background-color:#4d60b6;left:0}.socialCard:after{background-color:#4453a6;right:0}.socialCard span{color:#fff;z-index:2;justify-content:center;align-items:center;width:100%;height:100%;font-family:Fira Mono,monospace;font-size:18px;font-weight:700;transition:opacity .3s;display:flex;position:absolute}.socialCard .socialLink{z-index:2;opacity:0;pointer-events:none;justify-content:center;align-items:center;width:33.33%;height:100%;text-decoration:none;transition:opacity .3s;display:flex;position:relative}.socialCard .socialLink svg{width:28px;height:28px;transition:transform .3s}.socialCard:hover span{opacity:0}.socialCard:hover .socialLink{opacity:1;pointer-events:auto}.socialCard:hover .socialLink:hover svg{transform:scale(1.3)}.socialCard:hover:before{opacity:.5;transform:translateY(-100%)}.socialCard:hover:after{opacity:.5;transform:translateY(100%)}.weatherCard{background:#d3d3d3;border-radius:10px;flex-direction:column;align-items:center;width:240px;height:160px;transition:all .1s;display:flex;overflow:hidden;box-shadow:2px 3px 4px #00000026}.info-section{color:#fff;justify-content:space-between;align-items:center;width:100%;height:75%;display:flex;position:relative}.left-side{z-index:1;flex-direction:column;justify-content:space-around;height:100%;padding-left:18px;display:flex}.socialCard>button{background:0 0;border:none;display:block}.weather{justify-content:flex-start;align-items:center;gap:5px;display:flex}.weather div{align-items:center;display:flex}.weather div:first-child{width:40%;height:auto}.temperature{font-size:34pt;font-weight:500;line-height:8%}.right-side{z-index:1;flex-direction:column;justify-content:space-around;align-items:flex-end;height:100%;padding-right:18px;display:flex}.right-side>div{flex-direction:column;align-items:flex-end;display:flex}.hour{font-size:19pt;line-height:1em}.date{font-size:15px}.city{font-size:14px;font-weight:500}.range{opacity:.8;font-size:12px}.background-design{background-color:#02ade5;width:100%;height:100%;position:absolute;overflow:hidden}.circle{background-color:#fff}.circle:first-child{opacity:.2;border-radius:50%;width:300px;height:300px;position:absolute;top:-80%;right:-50%}.circle:nth-child(2){opacity:.2;border-radius:50%;width:210px;height:210px;position:absolute;top:-70%;right:-30%}.circle:nth-child(3){opacity:.3;border-radius:50%;width:100px;height:100px;position:absolute;top:-35%;right:-8%}.days-section{background-color:#0288d1;justify-content:space-between;align-items:center;gap:2px;width:100%;height:25%;display:flex;box-shadow:inset 0 2px 5px #0288d1}.days-section button{cursor:pointer;background-color:#03a9f4;justify-content:center;align-items:center;gap:5px;width:100%;height:100%;transition:all .1s;display:flex;box-shadow:inset 0 2px 5px #0288d1}.days-section button:hover{background-color:#4fc3f7;border-radius:10px;scale:.9}.days-section button.active{background-color:#4fc3f7;scale:.95}.days-section .day{color:#fff;opacity:.9;font-size:10pt;font-weight:500}.icon-weather-day{align-items:center;width:20px;height:100%;display:flex}#app{justify-content:center;align-items:center;height:100%;display:flex}.footerLocationsCard{will-change:transform;transform-origin:50% 100%;filter:blur(10px);background:#fff;border-radius:18px;width:160px;height:130px;padding:2px;transition:transform .3s cubic-bezier(.74,-.03,.05,1.24);animation-duration:.3s;animation-delay:.1s;animation-fill-mode:both;top:-120px;left:15%;overflow:hidden;transform:scale(0);box-shadow:0 0 0 2px #b0dbbf,1px 4px 5px 4px #ededed54}#app:has(.hover-card:hover)>.reference>.footerLocationsCard{animation-name:coolfadeIn;transform:scale(1)}.footerLocationsCard:hover{pointer-events:all}.bg-map{z-index:0;background-position:15px -32px;background-repeat:no-repeat;background-size:cover;width:100%;height:100%;position:absolute;top:0;left:0}.elements{flex-direction:column;gap:15px;height:100%;display:flex}.details{z-index:1;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#daecdd;border-radius:0 0 16px 16px;max-height:35px;margin:0;padding:8px 0;overflow:hidden}.addresses{margin-top:5px}.address-line{color:#5e836b;text-align:center;margin:2px 0;font-size:.75em;font-weight:500;line-height:1.3}.address-extra{color:#6a8a76;text-align:center;margin:3px 0;font-size:.7em;font-style:normal;font-weight:400;line-height:1.2}.description{z-index:1;padding:10px 12px}.main-title{color:#fff;margin-bottom:1rem;padding-left:1.75rem;font-size:1.1rem;font-weight:500;line-height:1.2;position:relative}.main-title:before{content:"📍";color:#4e518e;font-size:1rem;position:absolute;top:.1rem;left:0}.second-title{color:#5e836b;margin-bottom:8px;font-size:.9em;font-weight:500}.inner-card{background:#daecdd;border:2px solid #2d2d2d45;border-radius:calc(18px - 2%);width:100%;height:100%;position:relative;overflow:hidden}.blur-item{filter:blur(10px);z-index:-1;background:#daecdd;min-width:60px;height:110%;top:0;left:0}.relative{position:relative}.absolute{position:absolute}.location{z-index:1000;background-color:#226630;border:5px solid #fff;border-radius:50%;width:20px;height:20px;animation:3s infinite pulse;top:24%;left:60%;box-shadow:0 0 10px 7px #c1c1c180}@keyframes pulse{0%{transform:scale(.95);box-shadow:0 0 #484848b3,0 0 8px 5px #d9d9d980}70%{transform:scale(1);box-shadow:0 0 0 10px #48484800,0 0 8px 5px #d9d9d980}to{transform:scale(.95);box-shadow:0 0 #48484800,0 0 8px 5px #d9d9d980}}@keyframes coolfadeIn{0%{filter:brightness()blur(10px)}10%{filter:brightness()blur(20px)}to{filter:brightness()blur()}}@keyframes movingClouds{0%{transform:translate(-100px)}to{transform:translate(100px)}}.cloud{z-index:1;border-radius:50%;animation-name:movingClouds;animation-timing-function:ease;animation-iteration-count:infinite;position:absolute}.cloud:first-child{filter:blur(.125em)drop-shadow(.438em .188em #ffffffae)drop-shadow(-.625em .313em #ffffffae);background:linear-gradient(to top right,#ffffffae,#ffffffae);width:1.4em;height:1em;transition:all .4s;animation-duration:45s;top:3.5em;left:50%}.cloud:nth-child(2){filter:blur(.425em)drop-shadow(-.313em .812em #e0dfdfae)drop-shadow(-1.625em .812em #bbbbbbae)drop-shadow(-1em .063em #cfcfcfae);background:#ebebebdb;width:4.075em;height:1.575em;animation-duration:30s;top:.325em;right:-1em}.cloud:nth-child(3){filter:blur(.125em)drop-shadow(.438em .188em #ffffffae)drop-shadow(-.625em .313em #ffffffae);background:#fff;width:1.075em;height:.575em;transition:all .8s;animation-duration:60s;top:2.45em;right:4.938em}.cloud:nth-child(4){filter:blur(.125em)drop-shadow(.438em .188em #ffffffae)drop-shadow(-.625em .313em #ffffffae);background:#fff;width:1.075em;height:.375em;transition:all .8s;animation-duration:40s;top:4.45em;right:4.938em}