.itdh-carousel{width:100%;max-width:1024px;margin:0 auto;background:#eee;position:relative}
.itdh-carousel [hidden]{display:none!important}
.itdh-carousel__slide{width:100%;aspect-ratio:1024/400;overflow:hidden}
.itdh-carousel--ready{display:grid}
.itdh-carousel--ready .itdh-carousel__slide{grid-area:1/1;position:relative}
.itdh-carousel__slide img{display:block;width:100%;height:100%;object-fit:contain}
.itdh-carousel__slide a{display:block;height:100%}
.itdh-carousel__controls{position:absolute;inset:0;pointer-events:none;z-index:3}
.itdh-carousel__controls button{pointer-events:auto;cursor:pointer;border:0;background:rgba(0,0,0,.6);color:#fff;padding:0;font:18px Arial,sans-serif}
.itdh-carousel__controls [data-prev],.itdh-carousel__controls [data-next]{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:52px;border-radius:5px}
.itdh-carousel__controls [data-prev]{left:12px}
.itdh-carousel__controls [data-next]{right:12px}
.itdh-carousel__dots{position:absolute;bottom:12px;left:50%;transform:translateX(-50%);display:flex;justify-content:center;flex-wrap:wrap;width:max-content;max-width:calc(100% - 112px);padding:4px 8px;border-radius:24px;background:rgba(0,0,0,.45);pointer-events:auto}
.itdh-carousel__dots button{display:grid;place-items:center;width:24px;height:24px;background:transparent;border-radius:50%}
.itdh-carousel__dots button:before{content:"";display:block;width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,.65);border:1px solid #fff;box-sizing:border-box}
.itdh-carousel__dots button[aria-pressed=true]:before{background:#fff;transform:scale(1.35)}
.itdh-carousel__controls [data-pause]{position:absolute;right:12px;bottom:12px;min-height:32px;padding:4px 8px;border-radius:4px;font-size:12px}
@media(max-width:600px){.itdh-carousel__controls [data-prev],.itdh-carousel__controls [data-next]{width:32px;height:40px}.itdh-carousel__controls [data-prev]{left:6px}.itdh-carousel__controls [data-next]{right:6px}.itdh-carousel__dots{bottom:6px;max-width:calc(100% - 100px);padding:2px 4px}.itdh-carousel__dots button{width:16px;height:24px}.itdh-carousel__controls [data-pause]{right:6px;bottom:6px;font-size:10px;padding:3px 5px}}
.itdh-carousel button:focus-visible,.itdh-carousel:focus-visible{outline:3px solid #176c77;outline-offset:3px}
.itdh-carousel .screen-reader-text{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.slider:has(.itdh-carousel){height:auto}
.slider .content>div:has(.itdh-carousel){height:auto}