/* Shared country image cards on the homepage and Countries page. */
.country-showcase{margin-top:68px;column-gap:18px;row-gap:66px}
.country-showcase .country{position:relative;display:flex;min-height:330px;padding:0;overflow:visible;border:0;border-radius:12px;background:linear-gradient(145deg,#0bbbe8,#1361a0);box-shadow:0 9px 24px #13265b1e;isolation:isolate}
.country-showcase .country-card-image{position:absolute;inset:0;width:100%;height:100%;border-radius:12px;object-fit:cover}
.country-showcase .country-top{position:absolute;z-index:3;top:-46px;right:0;left:0;display:flex;justify-content:center;pointer-events:none}
.country-showcase .country .emoji{display:grid;width:92px;height:92px;place-items:center;border:5px solid #fff;border-radius:50%;background:#f4f7fb;font-size:48px;box-shadow:0 6px 15px #13265b22;transition:transform .55s cubic-bezier(.2,.8,.2,1),box-shadow .25s ease}
.country-showcase .country .emoji img{width:100%;height:100%;border-radius:50%;object-fit:cover}
.country-showcase .country .emoji img+.flag-fallback{display:none}
.country-showcase .country-content{position:absolute;z-index:2;inset:0;display:flex;overflow:hidden;padding:78px 24px 24px;flex-direction:column;align-items:center;justify-content:center;border-radius:12px;background:#084678ba;color:#fff;text-align:center;opacity:0;pointer-events:none;transform:translateY(100%);will-change:transform,opacity;transition:opacity .38s ease,transform .78s cubic-bezier(.22,.61,.36,1)}
.country-showcase .country:hover .country-content,.country-showcase .country:focus-within .country-content{opacity:1;pointer-events:auto;transform:translateY(0);transition-delay:.06s}
.country-showcase .country:hover .emoji,.country-showcase .country:focus-within .emoji{box-shadow:0 9px 22px #13265b40;transform:rotate(360deg)}
.country-showcase .country .tag{margin-bottom:10px;background:#ffffff24;color:#fff}
.country-showcase .country h3{margin:0 0 9px;color:#fff;font-size:24px}
.country-showcase .country p{max-width:250px;margin:0;color:#e0edf7;font-size:13px;line-height:1.55}
.country-showcase .country .btn{margin-top:18px;border-color:#fff;background:#fff;color:#084678;font-size:12px}
.country-showcase .country .btn:hover{background:#df1f5a;border-color:#df1f5a;color:#fff}
@media(prefers-reduced-motion:reduce){.country-showcase .country-content,.country-showcase .country .emoji{transition:none}}
@media(max-width:600px){.country-showcase{margin-top:58px;row-gap:58px}.country-showcase .country{min-height:290px}.country-showcase .country .emoji{width:80px;height:80px;font-size:41px}.country-showcase .country-top{top:-40px}.country-showcase .country-content{padding:64px 20px 20px}}
