.roths-article-hub-carousel{--visible-frames:2;display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto auto auto;grid-template-areas:"title       title" "frames      frames" "pagination  nav" "footer      footer";row-gap:1.5rem;padding-inline:1rem;overflow:hidden;opacity:var(--roths-carousel-reveal-opacity,1);transform:var(--roths-carousel-reveal-transform,none);transition:opacity var(--anim-speed-medium) var(--anim-easing-cubic),transform var(--anim-speed-medium) var(--anim-easing-cubic)}@media (prefers-reduced-motion:reduce){.roths-article-hub-carousel{transition:none!important;animation:none!important}}@media (min-width:64rem){.roths-article-hub-carousel{--visible-frames:4;grid-template-rows:auto auto auto;grid-template-areas:"title   nav" "frames  frames" ".       footer";row-gap:0;overflow:visible;margin-inline-end:calc(var(--layout-gutter-inline)*-1)}}@media (min-width:90rem){.roths-article-hub-carousel{--visible-frames:5;margin-inline-end:calc(((100vw - var(--layout-max-content-width))/2 + var(--layout-gutter-inline))*-1)}}@media (min-width:31.25rem) and (max-width:47.9375rem){.roths-article-hub-carousel{--visible-frames:3}}@media (min-width:48rem) and (max-width:63.9375rem){.roths-article-hub-carousel{--visible-frames:4}}.roths-article-hub-carousel-frames{grid-area:frames;display:flex;gap:1rem;margin-block:0 calc(var(--spacing-4xl) - var(--spacing-lg))}@media (min-width:64rem){.roths-article-hub-carousel-frames{gap:2rem;margin-block:2.5rem;margin-block:var(--spacing-4xl) 0}}.roths-article-hub-carousel-frame{flex:0 0 15.125rem;overflow:hidden;position:relative;display:flex;flex-direction:column}.roths-article-hub-carousel-frame>slot{display:block;position:relative;z-index:1;flex:1 1 auto}.roths-article-hub-carousel-frame>slot[name$=-entering]{position:absolute;inset:0;z-index:2}@media (min-width:64rem){.roths-article-hub-carousel-frame{flex:0 0 20rem}.roths-article-hub-carousel-frame:nth-child(n+2){margin-top:3rem}.roths-article-hub-carousel-frame--large{flex:0 0 34.6875rem}}.roths-article-hub-carousel-frame:nth-child(n+3){display:none}@media (min-width:31.25rem) and (max-width:47.9375rem){.roths-article-hub-carousel-frame:nth-child(n+3){display:block}}@media (min-width:48rem) and (max-width:63.9375rem){.roths-article-hub-carousel-frame:nth-child(n+3){display:block}}@media (min-width:64rem){.roths-article-hub-carousel-frame:nth-child(n+3){display:block}}.roths-article-hub-carousel-frame:nth-child(n+5){display:none}@media (min-width:90rem){.roths-article-hub-carousel-frame:nth-child(n+5){display:block}}@media (min-width:31.25rem) and (max-width:47.9375rem){.roths-article-hub-carousel-frame:nth-child(n+4){display:none}}.roths-article-hub-carousel-nav{grid-area:nav;display:flex;gap:.5rem;align-items:center;justify-content:flex-end;border-top:.0625rem solid var(--theme-border-stone-80);padding-top:.5rem}@media (min-width:64rem){.roths-article-hub-carousel-nav{border-top:0;padding-top:0;padding-inline-end:2rem;align-items:flex-start}}@media (min-width:90rem){.roths-article-hub-carousel-nav{padding-inline-end:calc(2rem + (100vw - var(--layout-max-content-width))/2)}}.roths-article-hub-carousel-footer{grid-area:footer}@media (min-width:64rem){.roths-article-hub-carousel-footer{justify-self:end;padding-inline-end:2rem;margin-block-start:var(--spacing-2xl)}}@media (min-width:90rem){.roths-article-hub-carousel-footer{padding-inline-end:calc(2rem + (100vw - var(--layout-max-content-width))/2)}}:host([data-direction]) .roths-article-hub-carousel-frames{transition:height var(--anim-speed-short) var(--anim-easing-cubic)}@media (prefers-reduced-motion:reduce){:host([data-direction]) .roths-article-hub-carousel-frames{transition:none!important;animation:none!important}}::slotted(h2){grid-area:title;margin:0}::slotted(uid-pagination-message){grid-area:pagination;display:inline-flex;align-items:center;border-top:.0625rem solid var(--theme-border-stone-80);padding-top:.5rem;color:var(--theme-text-title)}@media (min-width:64rem){::slotted(uid-pagination-message){clip:rect(0 0 0 0);clip-path:inset(50%);height:.0625rem;overflow:hidden;position:absolute;white-space:nowrap;width:.0625rem}}::slotted(.btn-icon-only){flex-shrink:0}::slotted([slot=button-previous]){transform:scaleX(-1)}