/* Destination previews share one component in categories and countries. */
.country-holiday[data-destination] {--holiday-preview-sea-bg:color-mix(in srgb,#4289de 18%,var(--panel))}
[data-theme=dark] .country-holiday[data-destination] {--holiday-preview-sea-bg:color-mix(in srgb,#4289de 24%,var(--panel))}
.country-holiday[data-destination] .country-holiday-more {font-size:13px;line-height:1.7;font-weight:600;margin-top:12px}
.country-holiday[data-destination] .country-holiday-days {grid-template-columns:repeat(7,minmax(0,1fr));align-items:stretch}
.country-holiday[data-destination] .country-holiday-day {position:relative;padding:0;overflow:hidden;color:var(--ink);text-decoration:none;outline:1px solid transparent;outline-offset:2px;transition:background .15s,outline-color .15s}
.country-holiday[data-destination] .country-holiday-day:hover {background:var(--panel);outline-color:var(--line);text-decoration:none}
.country-holiday[data-destination] .country-holiday-day:focus-visible {outline:2px solid var(--accent);text-decoration:none}
.country-holiday-sky {display:flex;flex-direction:column;align-items:center;width:100%;min-width:0;padding:10px 4px 8px}
.country-holiday[data-destination] .country-holiday-air {margin-bottom:8px}
.country-holiday[data-destination] .country-holiday-sea {position:relative;width:100%;margin-top:auto;padding:5px 2px 7px;border-radius:0;background:var(--holiday-preview-sea-bg);color:#4289de;font-size:15px;line-height:1.3}
.country-holiday[data-destination] .country-holiday-sea strong {font-weight:600}
.country-holiday-sea-wave {position:absolute;top:-12px;left:0;width:100%;height:13px;color:#4289de;overflow:hidden}
.country-holiday-sea-fill {fill:var(--holiday-preview-sea-bg);stroke:none}
.country-holiday-sea-line {fill:none;stroke:currentColor;stroke-width:1.2;stroke-opacity:.45;vector-effect:non-scaling-stroke}
@media(max-width:760px) {
 .country-holiday-sky {padding:8px 2px 6px}
 .country-holiday[data-destination] .country-holiday-day time {white-space:normal;line-height:1.3;min-height:26px}
 .country-holiday[data-destination] .country-holiday-sea {font-size:12px;padding:4px 1px 6px}
 .country-holiday-sea-wave {top:-10px;height:11px}
}
@media(max-width:375px) {
 .country-holiday[data-destination] .country-holiday-day time {font-size:9px}
 .country-holiday[data-destination] .country-holiday-air {font-size:10px}
 .country-holiday[data-destination] .country-holiday-sea {font-size:10px}
}