.b-imgGallery{position:relative}.b-imgGallery.start-gallery .b-imgGallery__control:first-child{opacity:0;transform:translateX(-10%)}.b-imgGallery.end-gallery .b-imgGallery__control:last-child{opacity:0;pointer-events:none;transform:translateX(10%)}.b-imgGallery:where(.has-autoplay) .b-imgGallery__timer{visibility:visible}.b-imgGallery__main{transition:var(--transition)}.b-imgGallery__count{align-items:center;display:flex;flex-direction:column;gap:var(--gap);justify-content:center;margin-top:var(--gap);position:relative}.b-imgGallery__timer{--_bg-color:var(--color-background-over);background-color:color-mix(in oklab,var(--_bg-color) calc(var(--color-muted)*100%),transparent 100%);border-radius:var(--radius);height:var(--thickness-limit-min);overflow:hidden;position:relative;visibility:hidden;width:5rem}.b-imgGallery__timer__bar{background-color:var(--_bg-color);height:100%;left:0;position:absolute;top:0;transition:none;width:0}.b-imgGallery__items{position:relative;transition:transform var(--gallery-transition-duration) cubic-bezier(.455,.03,.515,.955)}.b-imgGallery__item{--img-border-opacity:0;align-items:center;cursor:pointer;display:flex;height:100%;left:0;margin:0;opacity:var(--gallery-inactive-opacity);padding:var(--gutter);pointer-events:none;position:absolute;top:0;transition:inherit;transition-property:opacity}.b-imgGallery__item.is-active{--img-border-opacity:var(--color-muted);cursor:default;opacity:1}.b-imgGallery__item.is-active figcaption{opacity:1}.b-imgGallery__item img{border-radius:max(var(--radius-min),var(--card-radius) - var(--media-border-thickness));height:calc(100% - var(--media-border-thickness)*2);inset:var(--media-border-thickness);position:absolute;width:calc(100% - var(--media-border-thickness)*2)}.b-imgGallery__item figcaption{left:0;margin:0;opacity:0;padding:1em 0 0;position:absolute;text-align:center;top:100%;transition:var(--transition);width:100%}.b-imgGallery__wrapImg{padding:var(--media-border-thickness);position:relative}.b-imgGallery__wrapImg:before{background-color:var(--media-border-color);border-radius:var(--radius);content:"";display:block;inset:0;opacity:var(--media-border-opacity);position:absolute}.b-imgGallery__controls{align-items:center;display:flex;justify-content:space-between;left:0;padding:0 var(--col-gutter);position:absolute;top:0;transform:translateY(-50%);width:100%}@media screen and (min-width:46rem){.b-imgGallery__controls{padding:0}}.b-imgGallery__control{position:relative;transition:var(--transition)}.b-imgGallery__control:has([class*=left]){transform-origin:left}.b-imgGallery__control:has([class*=right]){transform-origin:right}.b-imgGallery__button{--_color:var(--color-background-button-over);--_bg-color:var(--color-background-over);--_padding-button-side:0.75em;--_padding-tip-side:0.8em;align-items:center;background-color:color-mix(in oklab,var(--_bg-color) calc(var(--color-muted)*100%),transparent 100%);border-radius:var(--radius-button);color:var(--_color);cursor:pointer;display:flex;flex:none;height:var(--icon-button-width);justify-content:center;overflow:hidden;padding-block:0;position:relative;width:var(--icon-button-width)}.b-imgGallery__button:after{--_position:absolute;--_width:var(--fill-width,100%);--_height:var(--fill-height,100%);background-color:var(--color-background-button);border-radius:inherit;content:"";display:block;height:var(--_height);inset:0;position:var(--_position);transition:var(--transition);width:var(--_width);z-index:2}.b-imgGallery__button [class*=fa-]{position:relative;z-index:3}.b-imgGallery__button .keyboard-tip{color:var(--color-background-over);display:none;font-family:var(--font-meta);font-size:var(--h7);opacity:0;pointer-events:none;position:relative;transition:inherit}.b-imgGallery__button:has([style*=left]){padding-inline:var(--_padding-button-side) var(--_padding-tip-side)}.b-imgGallery__button:has([style*=left]):after{transform-origin:left}.b-imgGallery__button:has([style*=right]){padding-inline:var(--_padding-tip-side) var(--_padding-button-side)}.b-imgGallery__button:has([style*=right]):after{transform-origin:right}@media screen and (min-width:46rem){.b-imgGallery__button{justify-content:space-between;width:6em}.b-imgGallery__button .keyboard-tip{align-items:center;display:flex}.b-imgGallery__button:hover:after{filter:brightness(1.2)}.b-imgGallery__button:hover:has([style*=left]):after{transform:translateX(-56%)}.b-imgGallery__button:hover:has([style*=right]):after{transform:translateX(56%)}}