@layer components{.carousel{position:relative;max-width:1076px;margin-inline:calc(var(--content-padding) * -1);--action-width: 40px}@media (min-width: 1024px),print{.carousel{--action-width: 60px;margin-inline:auto}}.carousel.carousel--wide{max-width:initial}.carousel:not(:has(.carousel__item-caption)) .carousel__indicators{margin-bottom:0}.carousel__action{all:unset;position:absolute;top:0;bottom:0;overflow:hidden;width:var(--action-width);box-sizing:border-box;cursor:pointer;text-align:center;transform:translateY(-32px);transition:opacity .5s}.carousel__action:disabled{cursor:initial;opacity:0}.carousel__action svg{--size: 32px;width:var(--size);height:var(--size);box-sizing:border-box;padding:8px;border-radius:50%;fill:var(--color-link-decoration);transition:transform .25s,background-color .25s}@media (min-width: 1024px),print{.carousel__action svg{--size: 44px;padding:12px}}.carousel__action:hover svg{background-color:var(--color-gray-200)}.carousel__action--prev{left:0}.carousel__action--prev svg{transform:rotate(90deg)}.carousel__action--next{right:0}.carousel__action--next svg{transform:rotate(-90deg)}.carousel__items{display:flex;width:calc(100% - var(--action-width) * 2);padding:0;margin:0 auto;gap:16px;overflow-x:auto;scroll-behavior:smooth;scroll-snap-type:x mandatory;scrollbar-width:none}.carousel__items::-webkit-scrollbar{display:none}.carousel__item{display:flex;width:100%;flex-shrink:0;align-items:center;scroll-snap-align:center}.carousel__item figure,.carousel__item picture,.carousel__item-content{width:100%;margin:0 0 1em;background-color:#00000006}@media (min-width: 1024px),print{.carousel__item figure,.carousel__item picture,.carousel__item-content{margin-bottom:3em}}.carousel__item figure img,.carousel__item picture img,.carousel__item-content img{display:block;max-width:100%;height:auto;margin-inline:auto}.carousel__item figure:has(.carousel__item figcaption),.carousel__item figure:has(.carousel__item-caption),.carousel__item picture:has(.carousel__item figcaption),.carousel__item picture:has(.carousel__item-caption),.carousel__item-content:has(.carousel__item figcaption),.carousel__item-content:has(.carousel__item-caption){margin-bottom:0}.carousel__item figcaption,.carousel__item-caption{box-sizing:content-box;padding:16px 0;background-color:var(--color-white)}.carousel__item figcaption:not(:empty),.carousel__item-caption:not(:empty){min-height:2em}@media (min-width: 1024px),print{.carousel__item figcaption,.carousel__item-caption{overflow:hidden;padding-right:20%;line-height:1.5}}.carousel__indicators{display:flex;box-sizing:border-box;justify-content:center;margin:0 0 1.2em;gap:15px}@media (min-width: 1024px),print{.carousel__indicators{position:absolute;right:var(--action-width);bottom:0;justify-content:flex-end;padding:16px 0 16px 40px;background:linear-gradient(to right,transparent,var(--color-white) 40px)}}.carousel__indicator{display:inline}.carousel__indicator-button{all:unset;display:block;width:10px;height:10px;background-color:var(--color-link-decoration);cursor:pointer;opacity:.15;transition:.25s opacity}.carousel__indicator-button:hover{opacity:.5}.carousel__indicator-button[aria-current=true]{opacity:1}.article__content .carousel{grid-column:left/right}}
