slideshow-component{--cursor: grab;--slide-offset: 6px;position:relative;display:flex;flex-direction:column;timeline-scope:var(--slideshow-timeline)}slideshow-component.slideshow--content-below-media slideshow-slide{display:grid}.slideshow--content-below-media slideshow-slide :is(.slide__image-container,.slide__content){position:static}.slideshow--content-below-media slideshow-slide{grid-template-rows:var(--grid-template-rows)}@media screen and (min-width:750px){.slideshow--content-below-media slideshow-slide{grid-template-rows:var(--grid-template-rows-desktop)}}.slide__content{opacity:0;animation:slide-reveal both linear;animation-timeline:var(--slideshow-timeline)}@media(prefers-reduced-motion){.slide__content{opacity:1;animation:none}}.slideshow--single-media{--cursor: default}a slideshow-component{--cursor: pointer}slideshow-component [data-placeholder=true] *{cursor:grab}slideshow-slides{width:100%;position:relative;display:flex;overflow-x:scroll;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-color:transparent transparent;scrollbar-width:none;gap:var(--slideshow-gap, 0);cursor:var(--cursor);min-height:var(--slide-min-height)}@media(prefers-reduced-motion){slideshow-slides{scroll-behavior:auto}}slideshow-slides::-webkit-scrollbar{width:0}slideshow-slides::-webkit-scrollbar-track{background:transparent}slideshow-slides::-webkit-scrollbar-thumb{background:transparent;border:none}@media screen and (min-width:750px){slideshow-slides{min-height:var(--slide-min-height-desktop)}}slideshow-component[disabled=true] slideshow-slides{overflow:hidden}@media screen and (max-width:749px){slideshow-component[mobile-disabled] slideshow-slides{overflow:hidden}}slideshow-slide{position:relative;scroll-snap-align:center;width:var(--slide-width, 100%);max-height:100%;flex-shrink:0;view-timeline-name:var(--slideshow-timeline);view-timeline-axis:inline;content-visibility:auto;contain-intrinsic-size:auto none;border-radius:var(--corner-radius, 0);overflow:hidden}slideshow-component[actioned] slideshow-slide,slideshow-slide[aria-hidden=false]{content-visibility:visible}slideshow-slide slideshow-component slideshow-slide:not([aria-hidden=false]){content-visibility:hidden}slideshow-slide[hidden]:not([reveal]){display:none}slideshow-slide[aria-hidden=true]{cursor:pointer}slideshow-slide .slide__image-container--rounded{border-radius:var(--corner-radius, 0)}slideshow-slide.product-media-container--tallest{content-visibility:visible}@media screen and (max-width:749px){.media-gallery--hint :is(slideshow-slide:has(+slideshow-slide[aria-hidden=false]:last-of-type),slideshow-slide[aria-hidden=false]+slideshow-slide){content-visibility:auto}slideshow-component[actioned] :is(.media-gallery--hint :is(slideshow-slide:has(+slideshow-slide[aria-hidden=false]:last-of-type),slideshow-slide[aria-hidden=false]+slideshow-slide)){content-visibility:visible}}:is(.resource-list__carousel,.card-gallery) :is(slideshow-slide:has(+slideshow-slide[aria-hidden=false]),slideshow-slide[aria-hidden=false]+slideshow-slide){content-visibility:auto}slideshow-component[actioned] :is(:is(.resource-list__carousel,.card-gallery) :is(slideshow-slide:has(+slideshow-slide[aria-hidden=false]),slideshow-slide[aria-hidden=false]+slideshow-slide)){content-visibility:visible}slideshow-component:is([dragging],[transitioning],:hover)>slideshow-container>slideshow-slides>slideshow-slide{content-visibility:visible}slideshow-slides[gutters*=start]{padding-inline-start:var(--gutter-slide-width, 0);scroll-padding-inline-start:var(--gutter-slide-width, 0)}slideshow-slides[gutters*=end]{padding-inline-end:var(--gutter-slide-width, 0)}slideshow-component[dragging]{--cursor: grabbing}slideshow-component[dragging] *{pointer-events:none}slideshow-component[dragging] slideshow-arrows{display:none}slideshow-container{width:100%;display:block;position:relative;grid-area:container;container-type:inline-size}@media screen and (min-width:750px){.media-gallery--carousel slideshow-component:has(slideshow-controls[thumbnails]):has(slideshow-controls[pagination-position=right]){display:grid;grid-template:"container controls" auto "arrows controls" min-content / 1fr auto}.media-gallery--carousel slideshow-component:has(slideshow-controls[thumbnails]):has(slideshow-controls[pagination-position=left]){display:grid;grid-template:"controls container" auto "controls arrows" min-content / auto 1fr}.media-gallery--carousel slideshow-component:has(slideshow-controls[thumbnails]) slideshow-controls[pagination-position=left]{order:-1}}.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}slideshow-arrows{--cursor-previous: w-resize;--cursor-next: e-resize;position:absolute;top:0;right:0;bottom:0;left:0;display:flex;z-index:var(--layer-heightened);pointer-events:none;align-items:flex-end}slideshow-arrows[position=left]{justify-content:flex-start;padding-inline:var(--padding-xs)}slideshow-arrows[position=right]{justify-content:flex-end;padding-inline:var(--padding-xs)}slideshow-arrows[position=center]{justify-content:space-between;align-items:center}slideshow-component[disabled=true] slideshow-arrows{display:none}slideshow-arrows .slideshow-control{pointer-events:auto;opacity:0;min-height:var(--minimum-touch-target);min-width:var(--minimum-touch-target);padding:0 var(--padding-xs);color:var(--color-white)}slideshow-arrows .slideshow-control.slideshow-control--style-none{display:none}.media-gallery--carousel slideshow-arrows .slideshow-control{padding-inline:0 var(--padding-md);opacity:1}.card-gallery slideshow-arrows .slideshow-control{padding-inline:var(--padding-xl)}@container (max-width: 249px){.card-gallery slideshow-arrows .slideshow-control{padding-inline:0 var(--padding-sm)}}:not(.media-gallery--carousel)>:is(slideshow-component:hover,slideshow-component:focus-within):not(:has(slideshow-controls:hover))>slideshow-container>slideshow-arrows .slideshow-control{animation:arrowsSlideIn var(--animation-speed) var(--animation-easing) forwards}.resource-list__carousel{--slide-width: 60vw;width:100%;position:relative;container-type:inline-size;container-name:resource-list-carousel}.resource-list__carousel .slideshow-control--next{margin-inline-start:auto}.featured-blog-posts .resource-list__carousel{--mobile-card-size: 80cqw !important}@container resource-list-carousel (max-width: 749px){.resource-list__carousel .resource-list__slide{--slide-width: clamp( 150px, var(--mobile-card-size, 80cqw), var(--slide-width-max) )}}@container resource-list-carousel (min-width: 750px) and (max-width: 989px){.resource-list__carousel .resource-list__slide{--section-slide-width: max( 250px, calc( ( 100% - (var(--resource-list-column-gap) * (var(--column-count-tablet, var(--column-count)) - 1)) - var(--peek-next-slide-size) ) / var(--column-count-tablet, var(--column-count)) ) );--slide-width: var(--section-slide-width)}}@container resource-list-carousel (min-width: 990px){.resource-list__carousel .resource-list__slide{--section-slide-width: max( 250px, calc( ( 100% - (var(--resource-list-column-gap) * (var(--column-count) - 1)) - var(--peek-next-slide-size) ) / var(--column-count) ) );--slide-width: var(--section-slide-width)}}.resource-list__carousel slideshow-slides{gap:var(--resource-list-column-gap);margin-block:-16px;padding-block:16px}.resource-list__carousel slideshow-arrows{padding-inline:var(--util-page-margin-offset)}.resource-list__carousel .resource-list__slide{width:var(--slide-width);flex:0 0 auto;scroll-snap-align:start;min-width:0}.block-resource-list{display:flex;flex-direction:column;row-gap:var(--gap);min-width:0;min-height:0;container-type:inline-size;container-name:resource-list}.section-resource-list,.section-carousel{row-gap:var(--gap)}.section-resource-list__content{display:flex;flex-direction:column;align-items:var(--horizontal-alignment);gap:var(--gap);width:100%}.section-resource-list__content:empty{display:none}.section-resource-list__header:is(:empty,:has(.group-block-content:empty)),.section-resource-list__content:empty{display:none}.section-resource-list--horizontal{container-type:inline-size;grid-template-columns:var(--full-page-grid-margin) auto var(--gap) 1fr var( --full-page-grid-margin );align-items:center}.section-resource-list--horizontal>.section-resource-list__content{grid-column:2;grid-row:1}.section-resource-list--horizontal>.resource-list{grid-column:4;grid-row:1;justify-content:center}@container (max-width: 600px){.section-resource-list--horizontal{grid-template-columns:var(--full-page-grid-with-margins)}.section-resource-list--horizontal>.section-resource-list__content,.section-resource-list--horizontal>.resource-list{grid-column:2;grid-row:auto}}@media screen and (max-width:749px){.section-resource-list--horizontal{grid-template-columns:var(--full-page-grid-with-margins)}.section-resource-list--horizontal>.section-resource-list__content,.section-resource-list--horizontal>.resource-list{grid-column:2;grid-row:auto}}@media screen and (max-width:749px){.section-resource-list.section--full-width product-card-link>.group-block,.section-carousel.section--full-width product-card-link>.group-block{padding-inline:max(var(--padding-xs),var(--padding-inline-start)) max(var(--padding-xs),var(--padding-inline-end))}}.resource-list--carousel-mobile{display:block}@media screen and (min-width:750px){.resource-list--carousel-mobile{display:none}}resource-list-carousel-progress{display:flex;align-items:center;justify-content:space-between;height:30px;width:100%;padding-inline:var(--util-page-margin-offset, 0);gap:8px;margin-block-start:var(--padding-sm, 16px);animation:fadeInUp .2s var(--animation-timing-fade-in)}.section-animal-friends resource-list-carousel-progress{display:none}.resource-list-carousel-progress__track{flex:1;height:4px;background-color:rgb(var(--color-foreground-rgb) / var(--opacity-10));position:relative;overflow:hidden;border-radius:2px;transition:background-color .2s var(--animation-timing-default);opacity:0;animation:fadeIn .2s var(--animation-timing-fade-in) 50ms backwards;animation-fill-mode:forwards}.resource-list-carousel-progress__arrows{display:flex;align-items:center;gap:8px;flex-shrink:0;opacity:0;animation:fadeIn .2s var(--animation-timing-fade-in) .1s backwards;animation-fill-mode:forwards}@media(prefers-reduced-motion:reduce){resource-list-carousel-progress{animation:fadeIn .2s var(--animation-timing-fade-in)}.resource-list-carousel-progress__track,.resource-list-carousel-progress__arrows{animation:none;opacity:1}}.resource-list-carousel-progress__track:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-color:rgb(var(--color-foreground-rgb) / var(--opacity-5));opacity:0;transition:opacity .2s var(--animation-timing-default)}resource-list-carousel-progress:hover .resource-list-carousel-progress__track:before{opacity:1}.resource-list-carousel-progress__fill{position:absolute;top:0;left:0;height:100%;width:100%;background-color:var(--color-brand-gold);transform-origin:left;transform:scaleX(var(--progress-width, 0));transition:transform .2s var(--animation-timing-default);border-radius:2px;opacity:1}.resource-list-carousel-progress__fill:after{content:"";position:absolute;top:0;right:0;bottom:0;width:20px;background:linear-gradient(to right,transparent,rgba(255,255,255,.3));opacity:0;transition:opacity .2s var(--animation-timing-default)}resource-list-carousel-progress:hover .resource-list-carousel-progress__fill:after{opacity:1}.resource-list-carousel-progress__fill--updating{animation:progressPulse .2s var(--animation-timing-default)}@keyframes progressPulse{0%{opacity:1}50%{opacity:.8}to{opacity:1}}@media(prefers-reduced-motion:reduce){.resource-list-carousel-progress__fill{transition:opacity .2s var(--animation-timing-default)}.resource-list-carousel-progress__fill:after{display:none}.resource-list-carousel-progress__fill--updating{animation:none}}.resource-list-carousel-progress__arrows .slideshow-control{width:30px;height:30px;min-width:30px;min-height:30px;padding:0;display:flex;align-items:center;justify-content:center;color:rgb(var(--color-foreground-rgb) / var(--opacity-30));background-color:transparent;border-radius:var(--style-border-radius-xs, 4px);transition:color .2s var(--animation-timing-default),background-color .2s var(--animation-timing-default),transform .15s var(--animation-timing-default),opacity .2s var(--animation-timing-default);position:relative}.resource-list-carousel-progress__arrows .slideshow-control:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background-color:rgb(var(--color-foreground-rgb) / var(--opacity-5));opacity:0;transform:scale(.8);transition:opacity .2s var(--animation-timing-default),transform .2s var(--animation-timing-default);z-index:-1}.resource-list-carousel-progress__arrows .slideshow-control:hover:not(:disabled){color:rgb(var(--color-foreground-rgb) / var(--opacity-50));transform:scale(1.05)}.resource-list-carousel-progress__arrows .slideshow-control:hover:not(:disabled):before{opacity:1;transform:scale(1)}.resource-list-carousel-progress__arrows .slideshow-control:active:not(:disabled){transform:scale(.97);transition:transform .1s var(--animation-timing-active)}.resource-list-carousel-progress__arrows .slideshow-control:disabled{opacity:.3;cursor:not-allowed;transition:opacity .2s var(--animation-timing-default)}.resource-list-carousel-progress__arrows .slideshow-control .svg-wrapper{width:var(--icon-size-xs);height:var(--icon-size-xs);display:flex;align-items:center;justify-content:center;flex-shrink:0}.resource-list-carousel-progress__arrows .slideshow-control .svg-wrapper svg{width:100%;height:100%;display:block}@media(prefers-reduced-motion:reduce){.resource-list-carousel-progress__arrows .slideshow-control{transition:color .2s var(--animation-timing-default),background-color .2s var(--animation-timing-default),opacity .2s var(--animation-timing-default)}.resource-list-carousel-progress__arrows .slideshow-control:hover:not(:disabled),.resource-list-carousel-progress__arrows .slideshow-control:active:not(:disabled){transform:none}}.resource-list__carousel slideshow-arrows{display:none}.resource-list__carousel .resource-list__slide{transition:opacity .2s var(--animation-timing-default),transform .2s var(--animation-timing-default)}.resource-list__carousel .resource-list__slide[aria-hidden=true]{opacity:.6}.resource-list__carousel .resource-list__slide[aria-hidden=false]{opacity:1}@media(prefers-reduced-motion:reduce){.resource-list__carousel .resource-list__slide{transition:opacity .2s var(--animation-timing-default)}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/theme-c-slideshow.css.map */