.card__media{isolation:isolate;z-index:2}
.card__media-link{display:block;position:absolute;inset:0}
.card__media-link>.card__image,.card__media-link>svg{width:100%;height:100%;object-fit:cover}
.card__badges{pointer-events:none}
.card-slider-controls[hidden]{display:none}
.card-slider-controls{position:absolute;inset:0;pointer-events:none}
.card-slider-controls>button{pointer-events:auto;position:absolute;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:34px;height:34px;min-width:34px;border:1px solid #ffffff99;border-radius:50%;background:#fffffff2;color:#253b33;font:26px/1 var(--font-body);box-shadow:0 2px 9px #0002;cursor:pointer;z-index:3}
.card-slider-controls>button:hover{background:#fff;box-shadow:0 3px 12px #0003}
.card-slider-controls>button:disabled{opacity:.5;cursor:wait}
.card-slider-controls>button[hidden]{display:none}
.card-slider-prev{left:12px}.card-slider-next{right:12px}
.card-slider-dots{position:absolute;left:48px;right:48px;bottom:12px;display:flex;gap:5px;justify-content:center;flex-wrap:wrap;pointer-events:auto}
.card-slider-dots>button{width:7px;height:7px;padding:0;border:0;border-radius:20px;background:#ffffff88;box-shadow:0 1px 4px #0005;cursor:pointer;position:relative}
.card-slider-dots>button::before{content:'';position:absolute;inset:-7px -2px}
.card-slider-dots>button[aria-current=true]{width:17px;background:#fff}
.card__media[aria-busy=true]::after{content:'';position:absolute;left:12px;right:12px;bottom:12px;height:2px;background:#ffffffb3;pointer-events:none}
@media(hover:hover){.card-slider-controls>button{opacity:0;transition:opacity .2s}.card:hover .card-slider-controls>button,.card:focus-within .card-slider-controls>button{opacity:1}}
@media(max-width:700px){.card-slider-controls>button{width:38px;height:38px}}
