/* Five destination previews, mouse + keyboard + touch, without JavaScript. */
.aex-destination[data-aex-destination-photo]{isolation:isolate;overflow:hidden;transition:background .3s ease}
.aex-destination[data-aex-destination-photo]:hover{padding-inline:0;background:#101721}
.aex-destination[data-aex-destination-photo]>.aex-destination-photo{position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:0;transition:opacity .35s ease}
.aex-destination-photo-image{position:absolute;inset-block:0;inset-inline-end:0;width:72%;height:100%;object-fit:cover;object-position:50% 47%;transform:scale(1.025);transition:transform .55s ease}
.aex-destination-photo:after{content:"";display:block;position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,#08090b 8%,rgba(8,9,11,.94) 27%,rgba(8,9,11,.14) 57%,rgba(8,9,11,.5) 77%,rgba(8,9,11,.9) 100%)}
[dir=rtl] .aex-destination-photo:after{background:linear-gradient(270deg,#08090b 8%,rgba(8,9,11,.94) 27%,rgba(8,9,11,.14) 57%,rgba(8,9,11,.5) 77%,rgba(8,9,11,.9) 100%)}
.aex-destination[data-aex-destination-photo]>.aex-destination-photo-credit{position:absolute;inset-inline-end:45px;bottom:8px;max-width:calc(100% - 70px);font-size:10px;line-height:1.5;color:#f1f2f4;background:rgba(8,9,11,.78);padding:2px 6px;opacity:0;pointer-events:none;transition:opacity .35s ease}
.aex-destination[data-aex-destination-photo]:focus-visible{outline:2px solid #e5e9f0;outline-offset:3px;background:#101721}
.aex-destination[data-aex-destination-photo]:focus-visible>.aex-destination-photo,
.aex-destination[data-aex-destination-photo]:focus-visible>.aex-destination-photo-credit{opacity:1}
.aex-destination[data-aex-destination-photo]:focus-visible .aex-destination-photo-image{transform:none}
.aex-destination[data-aex-destination-photo] h3{position:relative;text-shadow:0 2px 14px #08090b}
.aex-destination[data-aex-destination-photo]>.aex-destination-meta{position:relative;text-shadow:0 1px 5px #08090b}
[data-aex-destination-photo=meribel] .aex-destination-photo-image{object-position:50% 75%}
[data-aex-destination-photo=megeve] .aex-destination-photo-image{object-position:50% 56%}
[data-aex-destination-photo=val-thorens] .aex-destination-photo-image{object-position:50% 60%}
@media(hover:hover){
 .aex-destination[data-aex-destination-photo]:hover>.aex-destination-photo,
 .aex-destination[data-aex-destination-photo]:hover>.aex-destination-photo-credit{opacity:1}
 .aex-destination[data-aex-destination-photo]:hover .aex-destination-photo-image{transform:none}
}
@media(hover:none),(pointer:coarse){
 .aex-destination[data-aex-destination-photo]>.aex-destination-photo,
 .aex-destination[data-aex-destination-photo]>.aex-destination-photo-credit{opacity:1}
 .aex-destination[data-aex-destination-photo] .aex-destination-photo-image{transform:none}
}
@media(max-width:767px){
 .aex-destination[data-aex-destination-photo]{min-height:145px;padding-block:24px 34px}
 .aex-destination[data-aex-destination-photo]>.aex-destination-photo,
 .aex-destination[data-aex-destination-photo]>.aex-destination-photo-credit{opacity:1}
 .aex-destination-photo-image{width:100%;transform:none}
 .aex-destination-photo:after{background:linear-gradient(90deg,rgba(8,9,11,.86) 8%,rgba(8,9,11,.7) 53%,rgba(8,9,11,.24) 100%)}
 [dir=rtl] .aex-destination-photo:after{background:linear-gradient(270deg,rgba(8,9,11,.86) 8%,rgba(8,9,11,.7) 53%,rgba(8,9,11,.24) 100%)}
 .aex-destination[data-aex-destination-photo]>.aex-destination-photo-credit{inset-inline-end:8px;bottom:5px;font-size:9px}
 .aex-destination[data-aex-destination-photo]>.aex-destination-meta,
 .aex-destination[data-aex-destination-photo]>.aex-destination-meta small{color:#e0e4eb}
}
@media(prefers-reduced-motion:reduce){
 .aex-destination[data-aex-destination-photo],.aex-destination-photo,.aex-destination-photo-image,.aex-destination-photo-credit{transition:none!important;transform:none!important}
}
@media(forced-colors:active){
 .aex-destination[data-aex-destination-photo]>.aex-destination-photo,
 .aex-destination[data-aex-destination-photo]>.aex-destination-photo-credit{display:none}
 .aex-destination[data-aex-destination-photo] h3,.aex-destination[data-aex-destination-photo]>.aex-destination-meta{text-shadow:none}
}
