slideshow-component{--cursor: grab;position:relative;display:flex;flex-direction:column;timeline-scope:var(--slideshow-timeline)}.slideshow--single-media{--cursor: default}a slideshow-component{--cursor: pointer}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)}@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}slideshow-slides[size=small]{min-height:17.5rem}slideshow-slides[size=medium]{min-height:21.25rem}slideshow-slides[size=large]{min-height:25rem}slideshow-slides[size=full-height]{min-height:70vh}@media (max-width: 380px){slideshow-slides[size=full-height]{min-height:85vh}}@media (max-width: 340px){slideshow-slides[size=full-height]{min-height:100vh}}@media screen and (min-width: 769px){slideshow-slides[size=small]{min-height:26.25rem}slideshow-slides[size=medium]{min-height:35rem}slideshow-slides[size=large]{min-height:45rem}slideshow-slides[size=full-height]{min-height:96vh}}slideshow-component[disabled=true] slideshow-slides{overflow:hidden}@media screen and (max-width: 768px){slideshow-component[mobile-disabled] slideshow-slides{overflow:hidden}}slideshow-slide{position:relative;scroll-snap-align:start;width:var(--slide-width, 100%);max-height:100%;flex-shrink:0;view-timeline-axis:inline;content-visibility:auto;contain-intrinsic-size:auto none}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}@media screen and (max-width: 768px){.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}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}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}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}slideshow-component:has(slideshow-controls[thumbnails]) slideshow-controls[pagination-position=left]{order:-1}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: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: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]):is([pagination-position=right]) .slideshow-controls__thumbnails{padding-inline-end:var(--slideshow-thumbnails-padding-inline, var(--focus-outline-offset))}slideshow-controls:not([controls-on-media]):is([pagination-position=left]) .slideshow-controls__thumbnails{padding-inline-start:var(--slideshow-thumbnails-padding-inline, var(--focus-outline-offset))}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:fit-content;align-self:flex-start}slideshow-controls[controls-on-media]:not([thumbnails])[pagination-position=right]{width:fit-content;align-self:flex-end}slideshow-controls:is([pagination-position=right],[pagination-position=left]) .slideshow-controls__thumbnails{flex-direction:column}.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}:is(.slideshow-controls__dots,.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:has(.slideshow-controls__dots),slideshow-component[autoplay] slideshow-controls{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: .5rem;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)}@supports not (view-timeline-axis: inline){:is()[aria-selected=true]{--color: var(--color-active)}}:is():hover{--color: var(--color-hover)}.slideshow-controls__dots button[aria-selected=true]{--color: var(--color-active)}:is(.slideshow-controls__dots,.slideshow-controls__counter):only-child{margin-inline:auto}.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-control--large .icon-caret{--icon-stroke-width: 1px}.slideshow-control--large .svg-wrapper,.slideshow-control--large svg{width:var(--slideshow-controls-icon);height:var(--slideshow-controls-icon)}.slideshow-control .icon-caret{rotate:-90deg}.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:fit-content}.slideshow-controls__thumbnails .slideshow-control{border-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%;object-fit:cover;border-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}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;mix-blend-mode:difference;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);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)}.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)}}.media-gallery--carousel slideshow-arrows .slideshow-control{opacity:1}: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}@keyframes arrowsSlideIn{0%{transform:translate(var(--padding-sm));opacity:0}to{opacity:1}}.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{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}@media screen and (max-width: 768px){.section-resource-list.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: 769px){.resource-list--carousel-mobile{display:none}}.resource-list{--resource-list-mobile-gap-max: 9999px;--resource-list-column-gap: min(var(--resource-list-column-gap-desktop), var(--resource-list-mobile-gap-max));--resource-list-row-gap: min(var(--resource-list-row-gap-desktop), var(--resource-list-mobile-gap-max));width:100%}@media screen and (max-width: 768px){.resource-list{--resource-list-mobile-gap-max: 15px}}@container resource-list (max-width: 768px){.resource-list{--resource-list-mobile-gap-max: 15px}}.resource-list--grid{display:grid;gap:var(--resource-list-row-gap) var(--resource-list-column-gap);grid-template-columns:var(--resource-list-columns-mobile)}@media screen and (min-width: 769px){.resource-list--grid{grid-template-columns:var(--resource-list-columns)}}@container resource-list (max-width: 449px){.resource-list--grid{grid-template-columns:var(--resource-list-columns-mobile)}}@container resource-list(min-width: 450px) and (max-width: 768px){.resource-list--grid{--resource-list-columns-per-row: 3;grid-template-columns:repeat(var(--resource-list-columns-per-row),1fr)}.resource-list--grid:has(.resource-list__item:first-child:nth-last-child(3n+1)),.resource-list--grid:has(.resource-list__item:first-child:nth-last-child(8n)){--resource-list-columns-per-row: 4}}@container resource-list (min-width: 769px){.resource-list--grid{grid-template-columns:repeat(var(--resource-list-columns-per-row),1fr)}.resource-list--grid:has(.resource-list__item:first-child:nth-last-child(n+9)){--resource-list-columns-per-row: 5}.resource-list--grid:has(.resource-list__item:first-child:nth-last-child(n+7):nth-last-child(-n+8)){--resource-list-columns-per-row: 4}.resource-list--grid:has(.resource-list__item:first-child:nth-last-child(6)){--resource-list-columns-per-row: 3}.resource-list--grid:has(.resource-list__item:first-child:nth-last-child(5)){--resource-list-columns-per-row: 5}.resource-list--grid:has(.resource-list__item:first-child:nth-last-child(-n+4)){--resource-list-columns-per-row: 4}}@container resource-list (min-width: 1200px){.resource-list--grid:has(.resource-list__item:first-child:nth-last-child(6)){--resource-list-columns-per-row: 6}}.resource-list__item{height:100%;color:var(--color-foreground);text-decoration:none}.resource-list__carousel{--slide-width: 60vw;width:100%;position:relative;container-type:inline-size;container-name:resource-list-carousel}.resource-list__carousel .slideshow-control[disabled]{display:none}.resource-list__carousel .slideshow-control--next{margin-inline-start:auto}@container resource-list-carousel (max-width: 768px){.resource-list__carousel .resource-list__slide{--slide-width: clamp(150px, var(--mobile-card-size, 60cqw), var(--slide-width-max))}}@container resource-list-carousel (min-width: 769px){.resource-list__carousel .resource-list__slide{--section-slide-width: calc((100% - (var(--resource-list-column-gap) * (var(--column-count) - 1)) - var(--peek-next-slide-size)) / var(--column-count));--fallback-slide-width: clamp(150px, var(--mobile-card-size, 60cqw), var(--slide-width-max));--slide-width: var(--section-slide-width, var(--fallback-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}.group-block,.group-block-content{position:relative}.group-block:has(>video-background-component),.group-block:has(>.background-image-container){overflow:hidden}.group-block-content{height:100%;width:100%}.section-content-wrapper.section-content-wrapper:where(.layout-panel-flex) .group-block--fill{flex:1}.layout-panel-flex--row>.group-block--width-fit{flex:0}.layout-panel-flex--row>.group-block--width-fill{flex:1}.layout-panel-flex--row>.group-block--width-custom{flex-basis:var(--size-style-width)}.group-block--height-fit{height:auto}.group-block--height-custom,.group-block--height-fill{height:var(--size-style-height)}.layout-panel-flex--column>.group-block--height-fit{flex:0 1 auto}.layout-panel-flex--column>.group-block--height-fill{flex:1}.layout-panel-flex--column>.group-block--height-custom{flex-basis:var(--size-style-height)}.search-input{width:100%;color:var(--color-foreground);padding-block:var(--padding-lg);padding-inline:calc(var(--margin-lg) + var(--icon-size-lg)) 0;background:transparent;text-overflow:ellipsis;overflow:hidden;outline:none;border:0}.search-input:focus-visible{outline:none}.search-input:focus{outline:none}.search-input::placeholder{color:rgb(var(--color-foreground-rgb) / var(--opacity-subdued-text))}accordion-custom details::details-content,accordion-custom details .details-content{block-size:0;overflow-y:clip;opacity:0;interpolate-size:allow-keywords;transition:content-visibility var(--animation-speed-slow) allow-discrete,padding-block var(--animation-speed-slow) var(--animation-easing),opacity var(--animation-speed-slow) var(--animation-easing),block-size var(--animation-speed-slow) var(--animation-easing)}accordion-custom details:not([open])::details-content,accordion-custom details:not([open]) .details-content{padding-block:0}accordion-custom details[open]::details-content,accordion-custom details[open] .details-content{opacity:1;block-size:auto}@starting-style{accordion-custom details[open] .details-content{block-size:0;opacity:0;overflow-y:clip}}accordion-custom details[open] .details-content:focus-within{overflow-y:visible}@media screen and (max-width: 768px){accordion-custom[data-disable-on-mobile=true] summary{cursor:auto}}@media screen and (min-width: 769px){accordion-custom[data-disable-on-desktop=true] summary{cursor:auto}}text-component{--shimmer-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));--shimmer-color-light: rgb(var(--color-foreground-rgb) / var(--opacity-10));--shimmer-speed: 1.25s;display:inline-block;position:relative;transition:color var(--animation-speed-slow) ease;line-height:1}text-component:after{content:attr(value);position:absolute;top:0;right:0;bottom:0;left:0;color:transparent;opacity:0;transition:opacity var(--animation-speed-slow) var(--animation-easing);pointer-events:none;background-image:linear-gradient(-85deg,var(--shimmer-text-color) 10%,var(--shimmer-color-light) 50%,var(--shimmer-text-color) 90%);background-clip:text;background-size:200% 100%;background-position:100% 0;place-content:center}text-component[shimmer]{color:transparent}text-component[shimmer]:after{opacity:1;animation:text-shimmer var(--shimmer-speed) infinite linear}@keyframes text-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.transition-background-color{transition:background-color var(--animation-speed-medium) ease-in-out}.transition-transform{transition:transform var(--animation-speed-medium) var(--animation-timing-bounce)}.transition-border-color{transition:border-color var(--animation-speed-medium) var(--animation-timing-hover)}::-webkit-scrollbar{width:20px}::-webkit-scrollbar-track{background-color:transparent}::-webkit-scrollbar-thumb{background-color:rgb(var(--color-foreground-rgb) / var(--opacity-40));border-radius:20px;border:6px solid transparent;background-clip:content-box;transition:background-color .2s}::-webkit-scrollbar-thumb:hover{background-color:rgb(var(--color-foreground-rgb) / var(--opacity-60))}@media (prefers-reduced-motion: no-preference){html{scroll-behavior:smooth}}[product-grid-view=zoom-out] :is(.product-card,.product-grid__card) :is(h4,.h4){display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:3}@media screen and (max-width: 768px){:is(.product-card,.product-grid__card) :is(h4,.h4){display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:3}}.shopify-section:has(.in-onboarding-state){display:none!important}.product-card:hover,.collection-card:hover,.resource-card:hover,.predictive-search-results__card--product:hover,.predictive-search-results__card:hover{position:relative;z-index:var(--layer-raised);transition:transform var(--hover-transition-duration) var(--hover-transition-timing),box-shadow var(--hover-transition-duration) var(--hover-transition-timing)}.header .product-card:hover,.header .collection-card:hover,.header .resource-card:hover,.header-drawer .product-card:hover,.header-drawer .collection-card:hover,.header-drawer .resource-card:hover{z-index:auto;transform:none;box-shadow:none}
/*# sourceMappingURL=/cdn/shop/t/71/assets/TIS_card-slideshow.css.map */