@charset "UTF-8";slideshow-controls{flex-shrink:0;display:flex;justify-content:space-between;scrollbar-width:none;min-height:var(--minimum-touch-target);grid-area:controls}slideshow-controls[controls-on-media]{position:absolute;bottom:0}slideshow-controls::-webkit-scrollbar{display:none}slideshow-controls button{--color: rgb(var(--color-foreground-rgb) / var(--opacity-30));--color-active: var(--color-foreground);--color-hover: rgb(var(--color-foreground-rgb) / var(--opacity-50));display:inline-block;height:var(--minimum-touch-target);width:var(--minimum-touch-target);cursor:pointer}slideshow-controls .icon{width:var(--icon-size-sm);height:var(--icon-size-xs)}slideshow-controls[pagination-position=center]{align-items:center;justify-content:center}slideshow-controls[pagination-position=center][thumbnails]{width:100%}slideshow-controls[pagination-position=center]:not([controls-on-media],[thumbnails],[icons-on-media]){justify-content:space-between}@media screen and (min-width:750px){slideshow-controls[thumbnails]:is([pagination-position=right],[pagination-position=left]){display:flex;flex-direction:column;height:0;min-height:100%}slideshow-controls[thumbnails]:is([pagination-position=right],[pagination-position=left]) .slideshow-controls__thumbnails-container{overflow:hidden auto}slideshow-controls[thumbnails]:is([pagination-position=right],[pagination-position=left]):not([controls-on-media]) .slideshow-controls__thumbnails-container{position:sticky;top:var(--sticky-header-offset, 0)}slideshow-controls[thumbnails]:is([pagination-position=right],[pagination-position=left]):not([controls-on-media]) .slideshow-controls__thumbnails{padding-block-start:var(--focus-outline-offset)}slideshow-controls:is([pagination-position=right],[pagination-position=left]) .slideshow-controls__thumbnails{flex-direction:column}slideshow-controls:not([controls-on-media]):is([pagination-position=left],[pagination-position=right]) .slideshow-controls__thumbnails{padding-block:var(--padding-2xs)}slideshow-controls:not([controls-on-media])[pagination-position=right] .slideshow-controls__thumbnails{padding-inline-end:var(--slideshow-thumbnails-padding-inline, var(--focus-outline-offset))}slideshow-controls:not([controls-on-media])[pagination-position=left] .slideshow-controls__thumbnails{padding-inline-start:var(--slideshow-thumbnails-padding-inline, var(--focus-outline-offset))}}slideshow-controls:not([controls-on-media])[icons-on-media][pagination-position=right]{justify-content:flex-end}slideshow-controls:not([controls-on-media])[icons-on-media][pagination-position=left]{justify-content:flex-start}slideshow-controls[controls-on-media]{z-index:var(--layer-raised)}slideshow-controls[controls-on-media]:has(.slideshow-controls__dots,.slideshow-controls__counter){--color-foreground: #fff;--color-foreground-rgb: var(--color-white-rgb)}slideshow-controls[controls-on-media][pagination-position=right]{right:0}slideshow-controls[controls-on-media][pagination-position=left]{left:0}slideshow-controls[controls-on-media][pagination-position=center]{width:100%}slideshow-controls[controls-on-media]:not([thumbnails])[pagination-position=left]{width:-moz-fit-content;width:fit-content;align-self:flex-start}slideshow-controls[controls-on-media]:not([thumbnails])[pagination-position=right]{width:-moz-fit-content;width:fit-content;align-self:flex-end}.slideshow-controls__arrows{display:flex;justify-content:space-between;height:var(--minimum-touch-target);grid-area:arrows}.slideshow-controls__arrows button{padding:0 var(--padding-xs)}.slideshow-controls__dots,.slideshow-controls__counter{display:inline-flex;justify-content:center;align-items:center;margin:0;list-style:none}.slideshow-controls__dots button,.slideshow-controls__counter button{--color: rgb(var(--color-foreground-rgb) / var(--opacity-30));--color-active: var(--color-foreground);--color-hover: rgb(var(--color-foreground-rgb) / var(--opacity-50))}slideshow-controls[controls-on-media]:has(.slideshow-controls__dots),slideshow-component[autoplay] slideshow-controls[controls-on-media]{mix-blend-mode:difference}.slideshow-controls__dots{gap:.6rem;padding:var(--padding-sm) var(--padding-lg);border-radius:3rem;overflow:hidden}.slideshow-controls__dots button{--size: .56rem;display:flex;align-items:center;justify-content:center;width:calc(var(--size) * 2);height:calc(var(--size) * 2);margin:calc(var(--size) / -2);font-size:0;border-radius:calc(var(--size))}.slideshow-controls__dots button:after{content:"";display:block;background-color:var(--color);height:var(--size);width:var(--size);border-radius:calc(var(--size) / 2);box-shadow:inset 0 0 0 1.5px #00000026}@supports not (view-timeline-axis: inline){.slideshow-controls__dots button:after [aria-selected=true]{--color: var(--color-active)}}.slideshow-controls__dots button:after:hover{--color: var(--color-hover)}.slideshow-controls__dots button[aria-selected=true]{--color: var(--color-active)}.slideshow-controls__dots button[aria-selected=true]:after{box-shadow:inset 0 0 0 1.5px #0006}.slideshow-controls__dots:only-child,.slideshow-controls__counter:only-child{margin-inline:auto}slideshow-controls.resource-list__carousel-indicator{margin-top:var(--spacing--padding-4)}slideshow-controls.resource-list__carousel-indicator .slideshow-controls__dots{padding:0;border-radius:0;overflow:visible;gap:var(--spacing--padding-1)}slideshow-controls.resource-list__carousel-indicator .slideshow-controls__dots:only-child{margin-inline:0}slideshow-controls.resource-list__carousel-indicator .slideshow-controls__dots button{--color: var(--bg--colour-overlay);--color-active: var(--brand--600);display:block;width:14px;height:6px;min-height:0;min-width:0;margin:0;opacity:.2;transition:width .3s ease}slideshow-controls.resource-list__carousel-indicator .slideshow-controls__dots button:after{width:100%;height:100%;border-radius:0;box-shadow:none;background-color:var(--color);transition:background-color .3s ease}slideshow-controls.resource-list__carousel-indicator .slideshow-controls__dots button[aria-selected=true]{--color: var(--brand--600);width:40px;opacity:1}slideshow-controls.resource-list__carousel-indicator .slideshow-controls__dots button[aria-selected=true]:after{box-shadow:none}slideshow-controls.resource-list__carousel-indicator .slideshow-controls__progress{position:relative;width:100%;height:1px;background-color:var(--border--inverse-secondary)}slideshow-controls.resource-list__carousel-indicator .slideshow-controls__progress-fill{position:absolute;top:0;left:0;width:160px;height:1px;transform:translate(0);background-color:var(--cpfc-blue--500)}@media screen and (max-width:749px){slideshow-controls.resource-list__carousel-indicator{padding-inline:var(--util-page-margin-offset)}}@media screen and (min-width:750px){slideshow-controls.resource-list__carousel-indicator{--grid-content-width: calc(min(100vw, var(--grid--max-width)) - (var(--grid--margins) * 2));--grid-column-width: calc((var(--grid-content-width) - (var(--grid--gutters) * 15)) / 16);--grid-edge-offset: calc((100vw - min(100vw, var(--grid--max-width))) / 2 + var(--grid--margins));--grid-column-2-offset: calc(var(--grid-edge-offset) + var(--grid-column-width) + var(--grid--gutters));padding-inline-start:var(--grid-column-2-offset)}slideshow-controls.resource-list__carousel-indicator .slideshow-controls__progress{width:calc(var(--grid-edge-offset) + var(--grid-column-width) * 15 + var(--grid--gutters) * 14 - var(--grid-column-2-offset))}}.slideshow-controls__counter{color:var(--color-foreground);background-color:#0006;width:auto;border-radius:2rem;padding:.3rem var(--padding-sm);margin-inline:var(--margin-sm);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-variant-numeric:tabular-nums;font-size:var(--font-size--xs)}.slideshow-controls__counter .slash{color:rgb(var(--color-foreground-rgb)/var(--opacity-40));padding-inline:var(--padding-2xs);margin-block-start:-.1rem}.slideshow-control[disabled]{opacity:.5;cursor:not-allowed}.slideshow-controls__thumbnails-container{display:flex;width:100%;max-height:100%;overflow-x:scroll;scrollbar-width:none}.slideshow-controls__thumbnails{display:inline-flex;padding-inline:var(--slideshow-thumbnails-padding-inline, var(--padding-sm));padding-block:var(--slideshow-thumbnails-padding-block, var(--padding-sm));gap:var(--gap-xs);margin-inline:auto;height:-moz-fit-content;height:fit-content}.slideshow-controls__thumbnails .slideshow-control{border-radius:var(--thumbnail-radius, var(--media-radius));width:clamp(44px,7vw,var(--thumbnail-width));height:auto;aspect-ratio:var(--aspect-ratio)}.slideshow-controls__thumbnails .slideshow-control img{height:100%;-o-object-fit:cover;object-fit:cover;border-radius:var(--thumbnail-radius, var(--media-radius))}.slideshow-controls__thumbnails .slideshow-control:is([aria-selected=true]){outline:var(--focus-outline-width) solid currentcolor;outline-offset:calc(var(--focus-outline-offset) / 2);border:var(--style-border-width) solid rgb(var(--color-border-rgb)/var(--media-border-opacity))}.slideshow-controls__thumbnail{position:relative}.slideshow-controls__thumbnail-badge{position:absolute;top:var(--padding-2xs);right:var(--padding-2xs);width:clamp(16px,10%,20px);height:clamp(16px,10%,20px);background-color:var(--color-background);border-radius:var(--style-border-radius-xs);display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 1px rgb(var(--color-foreground-rgb)/var(--opacity-5))}.slideshow-controls__thumbnail-badge svg{width:60%;height:60%;fill:var(--color-foreground);opacity:.6}.slideshow-control:is(.icon-pause,.icon-play){color:var(--color-active)}.slideshow-control:is(.icon-pause,.icon-play):hover{color:var(--color-hover)}.slideshow-control:is(.icon-pause,.icon-play) svg{display:none}slideshow-component:is([autoplay]):is([paused]) .icon-play>svg{display:block}slideshow-component:is([autoplay]):not([paused]) .icon-pause>svg{display:block}
/*# sourceMappingURL=/cdn/shop/t/3/assets/slideshow-controls.css.map */