.countries-scratch-map{flex-direction:column;gap:12px;width:100%;display:flex}.countries-scratch-map__header{flex-direction:column;gap:12px;display:flex}.countries-scratch-map__info{width:100%}@media (max-width:479px){.countries-scratch-map__info{flex-direction:column;align-items:flex-start}}.countries-scratch-map__hint{color:var(--color-text-secondary);margin:0;font-size:13px;line-height:1.5}.countries-scratch-map__map{cursor:grab;clip-path:inset(0 round 8px);touch-action:none;border-radius:8px;width:100%;max-width:640px;margin:0 auto;position:relative;overflow:hidden}.countries-scratch-map__map>svg{border-radius:8px;width:100%;height:auto;display:block}.countries-scratch-map__map:active{cursor:grabbing}.countries-scratch-map__loading{justify-content:center;align-items:center;height:400px;display:flex}.countries-scratch-map__empty{background:var(--color-gray-5);text-align:center;border-radius:10px;padding:48px 10px}.countries-scratch-map__empty h3{color:var(--color-text-primary);margin-bottom:8px;font-size:18px}.countries-scratch-map__empty p{color:var(--color-text-secondary);margin:0;font-size:14px}.countries-scratch-map__tooltip{z-index:10;background:rgb(var(--color-text-primary-rgb)/88%);color:var(--color-white);pointer-events:none;white-space:nowrap;border-radius:6px;flex-direction:column;gap:2px;padding:6px 10px;font-size:12px;display:flex;position:absolute}.countries-scratch-map__tooltip-name{font-weight:var(--weight-semi-bold)}.countries-scratch-map__tooltip-status{color:var(--color-sentiment-negative)}.countries-scratch-map__tooltip-status--completed{color:var(--color-sentiment-positive)}.countries-scratch-map__tooltip-neutral{color:var(--color-text-secondary);font-size:11px}.countries-scratch-map__legend{flex-wrap:wrap;gap:18px;display:flex}.countries-scratch-map__legend-item{color:var(--color-text-secondary);align-items:center;gap:7px;font-size:14px;display:flex}.countries-scratch-map__legend-color{border-radius:4px;width:14px;height:14px}.countries-scratch-map__legend-color--completed{background:linear-gradient(135deg, var(--color-education), var(--color-health-and-sport), var(--color-travel))}.countries-scratch-map__legend-color--unvisited{background:linear-gradient(135deg, color-mix(in srgb, var(--color-education) 10%, var(--color-gray-12)), color-mix(in srgb, var(--color-travel) 10%, var(--color-gray-12)))}.countries-scratch-map__legend-color--neutral{background:color-mix(in srgb, var(--color-white) 22%, var(--color-primary))}.countries-scratch-map__card{flex-direction:column;width:100%;display:flex}.countries-scratch-map__card-image{background-position:50%;background-size:cover;border-radius:10px;width:100%;height:180px}.countries-scratch-map__card-image--placeholder{background:linear-gradient(135deg, color-mix(in srgb, var(--color-travel) 55%, var(--color-primary)), color-mix(in srgb, var(--color-education) 45%, var(--color-primary)))}.countries-scratch-map__card-body{flex-direction:column;gap:10px;display:flex}.countries-scratch-map__card-head{align-items:flex-start;gap:10px;margin-top:20px;display:flex}.countries-scratch-map__card-title{min-width:0;color:var(--color-text-primary);font-size:20px;font-weight:var(--weight-bold);flex:1;margin:0;line-height:1.3}.countries-scratch-map__card-tag{flex-shrink:0;margin-left:auto}.countries-scratch-map__card-description{color:var(--color-text-secondary);margin:0;font-size:14px;line-height:1.5}.countries-scratch-map__card-actions{flex-wrap:wrap;gap:10px;margin-top:6px;display:flex}.countries-scratch-map--showcase{gap:8px}.countries-scratch-map--showcase .countries-scratch-map__map{max-width:100%}.countries-scratch-map--showcase .countries-scratch-map__loading{height:280px}