[data-js-mdx-ux-carousel]{position:relative;isolation:isolate;z-index:1;width:100%}[data-js-mdx-ux-carousel] [contenteditable="true"]{outline:none}[data-js-mdx-ux-carousel] [data-js-mdx-ux-carousel-title-container]{display:flex;justify-content:center;justify-items:center}[data-js-mdx-ux-carousel] [data-js-mdx-ux-carousel-title-container] span{font-size:1.5rem;line-height:1em;padding-inline-start:0;padding-inline-end:0;padding-block-start:1em;padding-block-end:1em}[data-js-mdx-ux-carousel] [data-js-mdx-ux-carousel-container-counter]{position:absolute;top:0;right:0;z-index:1;padding:0.25em;background-color:rgba(223,227,231,0.7)}[data-js-mdx-ux-carousel] [data-js-mdx-ux-carousel-container-counter] [data-js-mdx-ux-carousel-container-counter-index]{color:var(--op-color-black-0)}[data-js-mdx-ux-carousel] [data-js-mdx-ux-carousel-container-counter] [data-js-mdx-ux-carousel-container-counter-index]::after{content:"|";padding-inline-start:0.25em;padding-inline-end:0.25em}[data-js-mdx-ux-carousel] [data-js-mdx-ux-carousel-container-counter] [data-js-mdx-ux-carousel-container-counter-count]{color:var(--op-color-grey-7)}[data-js-mdx-ux-carousel] [data-js-mdx-ux-carousel-container]{isolation:isolate;position:relative;padding-block-start:var(--_carousel-container-spacer-top);padding-block-end:var(--_carousel-container-spacer-bottom);margin-inline-start:var(--_carousel-container-spacer-left);margin-inline-end:var(--_carousel-container-spacer-right)}[data-js-mdx-ux-carousel] [data-js-mdx-ux-carousel-container] [data-js-mdx-ux-carousel-showreel]{display:grid;grid-auto-flow:column;grid-auto-columns:calc(100% / var(--_cols));position:relative}[data-js-mdx-ux-carousel] [data-js-mdx-ux-carousel-container]{--_cols: 1;overflow:hidden}[data-js-mdx-ux-carousel] [data-js-mdx-ux-carousel-showreel-nav]{position:absolute;top:50%;transform:translateY(-50%);font-size:3rem;line-height:1em;width:1em;height:1em;display:none;place-content:center;cursor:pointer;z-index:2;background-color:rgba(255,255,255,0.9);border-style:solid;border-width:1px;border-color:var(--op-color-grey-5);border-radius:100%}[data-js-mdx-ux-carousel] [data-js-mdx-ux-carousel-showreel-nav]::before{content:"";clip-path:polygon(40% 0, 90% 50%, 40% 100%, 15% 100%, 65% 50%, 15% 0);font-size:0.25em;display:grid;place-content:center;width:1em;height:1em;color:var(--op-color-grey-5);background-color:var(--op-color-grey-5)}[data-js-mdx-ux-carousel] [data-js-mdx-ux-carousel-showreel-nav]:not([disabled]):hover,[data-js-mdx-ux-carousel] [data-js-mdx-ux-carousel-showreel-nav]:not([disabled]):focus{background-color:#dfe3e7;cursor:pointer}[data-js-mdx-ux-carousel] [data-js-mdx-ux-carousel-showreel-nav].active{display:grid}[data-js-mdx-ux-carousel] [data-js-mdx-ux-carousel-showreel-nav="left"]{left:0}[data-js-mdx-ux-carousel] [data-js-mdx-ux-carousel-showreel-nav="left"]::before{transform:rotate(-180deg)}[data-js-mdx-ux-carousel] [data-js-mdx-ux-carousel-showreel-nav="right"]{right:0}[data-js-mdx-ux-carousel] [data-js-mdx-ux-carousel-showreel-slide]{--_spacing: calc(var(--_carousel-showreel-slide-spacing) / 2);margin-left:var(--_spacing);margin-right:var(--_spacing)}[data-js-mdx-ux-carousel] [data-js-mdx-ux-carousel-pagination] ul{display:flex;flex-direction:row;justify-content:center;justify-items:center;gap:0.5em;list-style:none;margin-inline-start:0;margin-inline-end:0;margin-block-start:0;margin-block-end:0;padding-inline-start:1em;padding-inline-end:1em;padding-block-start:1em;padding-block-end:1em}[data-js-mdx-ux-carousel] [data-js-mdx-ux-carousel-pagination] ul li [data-js-mdx-ux-carousel-pagination-page]{display:flex;place-content:center;place-items:center;font-size:1rem;line-height:1em;width:1em;height:1em;background-color:var(--op-color-white-0);border-style:solid;border-width:1px;border-color:var(--op-color-black-0);border-radius:100%}[data-js-mdx-ux-carousel] [data-js-mdx-ux-carousel-pagination] ul li [data-js-mdx-ux-carousel-pagination-page]::after{content:attr(data-js-mdx-ux-carousel-pagination-page);font-size:0.75em;color:var(--op-color-black-0)}[data-js-mdx-ux-carousel] [data-js-mdx-ux-carousel-pagination] ul li [data-js-mdx-ux-carousel-pagination-page]:not([disabled]):hover,[data-js-mdx-ux-carousel] [data-js-mdx-ux-carousel-pagination] ul li [data-js-mdx-ux-carousel-pagination-page]:not([disabled]):focus{background-color:var(--op-color-black-0);cursor:pointer}[data-js-mdx-ux-carousel] [data-js-mdx-ux-carousel-pagination] ul li [data-js-mdx-ux-carousel-pagination-page]:not([disabled]):hover::after,[data-js-mdx-ux-carousel] [data-js-mdx-ux-carousel-pagination] ul li [data-js-mdx-ux-carousel-pagination-page]:not([disabled]):focus::after{color:var(--op-color-white-0)}[data-js-mdx-ux-carousel] [data-js-mdx-ux-carousel-pagination] ul li [data-js-mdx-ux-carousel-pagination-page]:not([disabled]).active{background-color:var(--op-color-black-0);cursor:pointer}[data-js-mdx-ux-carousel] [data-js-mdx-ux-carousel-pagination] ul li [data-js-mdx-ux-carousel-pagination-page]:not([disabled]).active::after{color:var(--op-color-white-0)}
/*# sourceMappingURL=components.carousel.min.css.map */
