.sti{--padding: var(--gutter-mobile);--hsh: var(--header-sticky-height, 0px);--full-screen: calc(100vh - var(--hsh));--full-screen: calc(100dvh - var(--hsh));--height: 100vh;--height: 100dvh;--hwg-pads: 2;--translateX: 0%;--top: 0px;--images-height: var(--image-ratio-mobile);--highest-text: 0px;--aside-width: 100%;--content-width: 100%;--content-factor: 1;--midpoint: calc((var(--full-screen) - var(--average-text-height, 0px)) / 2 + var(--hsh));background:var(--bg);color:var(--text)}:has([data-logo-text-link]):not(:has([data-header-sticky])) .sti{--header-sticky-height: 0px}:has([data-header-sticky]) .sti{--top: var(--hsh)}:has([data-header-sticky]) .sti.sti--gaps{--top: calc(var(--padding) + var(--hsh))}.sti .placeholder-svg-filled{fill:var(--COLOR-BG-LIGHTEN-DARKEN-CONTRAST);background:var(--COLOR-BG-LIGHTEN-DARKEN)}.sti.is-reversed{--dots-left: auto;--dots-right: 0}.sti.is-reversed .sti__images{flex-direction:row-reverse}.sti.text-left{--dots-justify: flex-start}.sti.text-right{--dots-justify: flex-end}.sti.sti--images-only{--dots-justify: center}.sti__body{position:relative;display:flex}.sti__content{position:sticky;z-index:3;max-width:var(--content-width);flex:0 0 var(--content-width);display:flex;overflow:hidden}.sti__dots{position:absolute;top:0;left:var(--dots-left, 0);right:var(--dots-right, auto);z-index:10;width:var(--content-width);height:100%;line-height:1;text-align:center;pointer-events:none}.sti__dots-inner{position:sticky;top:var(--top);padding:var(--padding) var(--padding) calc(var(--padding) - 8px);width:100%;height:100%;display:flex;flex-flow:var(--dots-flow, row wrap);align-items:var(--dots-align, flex-end);justify-content:var(--dots-justify, center);transition:height .3s ease,top .3s ease}.sti__dot{margin:var(--dot-m, 0 8px 8px);border-radius:5px;display:inline-block;width:10px;height:10px;border:var(--BORDER-WIDTH) solid var(--text);background:transparent;transition:border .5s ease,var(--dot-wh, width) .5s ease,opacity .5s ease;opacity:.25;cursor:pointer;pointer-events:all;transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.sti__dot.is-active{width:var(--dot-active-w, 25px);height:var(--dot-active-h, 10px);opacity:1}.sti__dot:only-child{visibility:hidden}.sti__dot:first-child{margin-left:0}.sti__dot:last-child{margin-right:0}.sti__aside{position:relative;max-width:var(--aside-width);flex:0 0 var(--aside-width);transform:translateZ(0)}.sti__video-wrapper{--mih-pads: 3;position:relative;height:100%;padding-top:var(--image-ratio-desktop)!important}.sti__video-wrapper video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;border-radius:var(--radius)}.sti__image{position:relative;flex:1 0 100%;min-width:0}.sti__image .image-wrapper{padding-top:var(--image-ratio-desktop)!important}.sti__image>a{display:block;overflow:hidden;text-decoration:none}.sti--gaps{--top: var(--padding);--height: calc(var(--full-screen) - var(--padding) * var(--hwg-pads));--mih-pads: 3}.sti--gaps .sti__aside{padding:var(--aside-pad)}.sti--gaps .sti__image{padding:var(--img-pad);margin-right:var(--img-mr, 0);margin-left:var(--img-ml, 0)}.sti--images-only{--mih-pads: 1}.sti--images-only.sti--gaps{--mih-pads: 2}.body--rounded-corners .sti--gaps .sti__inner,.body--rounded-corners .sti--gaps .sti__image>a,.body--rounded-corners .sti--gaps .image-wrapper,.body--rounded-corners .sti--gaps .sti__image{border-radius:var(--radius);overflow:hidden}body:not(.no-outline) .sti__dot:focus-visible{outline:-webkit-focus-ring-color auto 5px}@media only screen and (max-width:767px){.sti__body{--space-between: var(--images-height);--additional-space: 0px;--imgs-height: calc(var(--img-height) * var(--images-count, 1));display:block;min-height:calc(var(--imgs-height) + var(--highest-text) + 2 * var(--padding) + var(--additional-space))}.sti__content{top:var(--hsh);padding:var(--padding);align-items:flex-start}.sti__content .sticky-text{padding:var(--space-between) 0 0}.sti__dots{display:none}.sti__aside{position:absolute;top:0;left:0;width:100%;display:flex;align-items:flex-start;padding:0 var(--padding);min-height:calc(var(--imgs-height) + var(--additional-space))}.sti__aside.sti__aside--link{z-index:5}.sti__inner{position:sticky;top:var(--top);overflow:hidden;margin-left:calc(-1 * var(--padding));margin-right:calc(-1 * var(--padding));padding-left:var(--padding);padding-right:var(--padding);flex:0 0 calc(100% + 2 * var(--padding));max-width:calc(100% + 2 * var(--padding))}.sti__images{display:flex;transform:translate(var(--translateX))}.sti__image .image-wrapper,.sti__video-wrapper{--max-img-h: calc(var(--full-screen) - var(--highest-text) - var(--mih-pads, 2) * var(--padding));--min: min(var(--image-ratio-mobile), var(--max-img-h));padding-top:max(80%,var(--min))!important}.sti--gaps{--aside-pad: var(--padding) var(--padding) 0 0;--img-pad: 0 0 0 var(--padding)}.sti--gaps .sti__body{--space-between: calc(var(--images-height) + var(--padding));--additional-space: calc(var(--hsh) + var(--padding))}.body--rounded-corners .sti--gaps .sti__inner{border-radius:0}}@media only screen and (max-width:767px)and (orientation:landscape){.sti__image .image-wrapper{padding-top:var(--min)!important}}@media only screen and (max-width:1023px){.sti__body.wrapper{padding:0}.sti__dots-inner{padding-bottom:calc(2 * var(--padding) - 8px)}}@media only screen and (min-width:768px){.sti{--height: var(--full-screen);--hwg-pads: 4;--average-text-height: auto;--aside-width: 50%;--content-width: calc(100% - var(--aside-width));--content-factor: .5}.sti__body{align-items:flex-start;min-height:min(var(--images-height),var(--height))}.sti.is-reversed .sti__body{flex-direction:row-reverse}.sti__content{top:calc(var(--midpoint) + var(--padding) / 2);padding:0 var(--padding);align-items:center}.sti__content .sticky-text{padding:calc(var(--padding) * 2) 0 calc(var(--padding) * 4)}.sti--vertical .sti__dots{padding-top:calc(var(--highest-text) - var(--padding) * 4)}.sti--vertical .sti__dots .sti__dots-inner{top:calc(100vh - (var(--padding) * 4 - 8px));top:calc(100dvh - (var(--padding) * 4 - 8px));height:auto;padding-bottom:calc(var(--padding) * 2 - 8px)}.main-content>.shopify-section:first-of-type .sti__dots-inner{--top: var(--header-height)}.has-scrolled .main-content>.shopify-section:first-of-type .sti__dots-inner{--top: var(--hsh)}.sti--gaps .sti__dots-inner{--top: var(--hsh)}.sti--horizontal .sti__dots-inner{height:var(--full-screen)}.sti--gaps{--aside-pad: var(--padding) 0 calc(var(--padding) * 2);--img-pad: var(--padding) var(--padding) 0 0}.sti--gaps.is-reversed{--img-pad: var(--padding) 0 0 var(--padding)}.sti--gaps.sti--horizontal{--aside-pad: var(--padding) 0;--img-pad: var(--padding) calc(var(--padding) / 2) var(--padding) 0}.sti--gaps.sti--horizontal .sti__inner{padding-right:calc(var(--padding) / 2)}.sti--gaps.sti--horizontal.is-reversed{--img-pad: var(--padding) 0 var(--padding) calc(var(--padding) / 2)}.sti--gaps.sti--horizontal.is-reversed .sti__inner{padding:0 0 0 calc(var(--padding) / 2)}.sti--horizontal{--img-height: var(--image-ratio-desktop);--single-image-height: min(var(--img-height), var(--height));--sumed-images-height: calc(var(--single-image-height) * var(--images-count, 1))}.sti--horizontal.sti--gaps{--sumed-images-height: calc(var(--single-image-height) * var(--images-count, 1) + var(--padding) * 2)}.sti--horizontal .sti__content{top:var(--midpoint);display:flex;flex-direction:column;justify-content:center;overflow:hidden}.sti--horizontal .sti__aside{min-height:max(var(--sumed-images-height),var(--full-screen))}.sti--horizontal .sti__inner{position:sticky;top:max(var(--top),(var(--full-screen) - var(--img-height)) / 2 + var(--hsh));overflow:hidden}.sti--horizontal .sti__images{display:flex;transform:translate(var(--translateX))}.sti--horizontal .sti__image{height:var(--single-image-height);display:flex;flex-direction:column;justify-content:center}.sti--horizontal .sti__image .image-wrapper{padding-top:min(var(--image-ratio-desktop),var(--full-screen))!important}.sti--images-only{--aside-width: calc(100% - 2 * var(--padding))}.sti--images-only .sti__body{align-items:stretch}.sti--images-only .sti__content{top:0;padding:0}.sti--images-only.sti--vertical{--dots-align: center;--dots-flow: column nowrap;--dot-m: 8px 0;--dot-wh: height;--dot-active-w: 10px;--dot-active-h: 25px}.sti--images-only.sti--vertical .sti__dots{padding-top:0;width:calc(2 * var(--padding))}.sti--images-only.sti--vertical .sti__dots-inner{top:var(--hsh);height:var(--full-screen);padding:var(--padding) 0}.sti--images-only.sti--horizontal{--aside-width: 100%;--content-width: 100%}.sti--images-only.sti--horizontal .sti__body{flex-wrap:wrap}.sti--images-only.sti--horizontal .sti__dots-inner{padding-bottom:calc(var(--padding) - 10px)}.sti--images-only.sti--horizontal.sti--gaps .sti__inner{padding-left:var(--padding)}.sti--images-only.sti--horizontal.sti--gaps.is-reversed .sti__inner{padding-left:calc(var(--padding) / 2);padding-right:var(--padding)}.sti--image-sixty{--aside-width: 60%;--content-factor: .4}.body--rounded-corners .sti--gaps .wrapper--full .sti__inner{border-radius:var(--radius) 0 0 var(--radius)}.body--rounded-corners .sti--gaps.is-reversed .wrapper--full .sti__inner{border-radius:0 var(--radius) var(--radius) 0}}@media only screen and (min-width:768px)and (max-width:1023px){.sti--gaps.sti--horizontal{--img-pad: 0 calc(var(--padding) / 2) 0 0}.sti--gaps.sti--horizontal.is-reversed{--img-pad: 0 0 0 calc(var(--padding) / 2)}.body--rounded-corners .sti--gaps .sti__inner{border-radius:var(--radius) 0 0 var(--radius)}.body--rounded-corners .sti--gaps.is-reversed .sti__inner{border-radius:0 var(--radius) var(--radius) 0}}@media only screen and (min-width:1024px){.sti{--padding: var(--gutter);--hwg-pads: 2}.sti.sti--vertical{--dots-justify: center;--dots-align: center;--dots-flow: column nowrap;--dot-m: 8px 0;--dot-wh: height;--dot-active-w: 10px;--dot-active-h: 25px}.wrapper .sti__content{padding-left:0}.is-reversed .wrapper .sti__content{padding-left:var(--padding);padding-right:0}.sti--vertical.sti--gaps .wrapper .sti__image{padding-right:0;padding-left:0}.sti--horizontal.sti--gaps .wrapper .sti__inner{padding-right:0;padding-left:0;margin-right:calc(var(--padding) / -2)}.is-reversed.sti--horizontal.sti--gaps .wrapper .sti__inner{margin-right:0;margin-left:calc(var(--padding) / -2)}.sti--images-only .wrapper{--aside-width: 100%;--content-factor: 1}.sti--images-only .wrapper .sti__content{display:none}.sti--images-only.sti--horizontal.sti--gaps .wrapper .sti__inner{padding-left:0;padding-right:0}.sti__content{top:var(--midpoint)}.sti__content .sticky-text{padding:var(--padding) 0}.sti--vertical .sti__dots{padding-top:0;width:var(--gutter)}.sti--vertical .sti__dots .sti__dots-inner{top:var(--midpoint);height:var(--average-text-height, auto);padding:var(--padding) 0}.sti--vertical .sti__body{--dots-offset: calc(100% * var(--content-factor) - var(--gutter))}.sti--vertical .wrapper{--dots-offset: calc((100% - 2 * var(--gutter)) * var(--content-factor))}.text-left.is-reversed.sti--vertical .sti__body{--dots-right: var(--dots-offset)}.text-right.sti--vertical .sti__body{--dots-left: var(--dots-offset)}.text-right.is-reversed.sti--vertical .sti__body{--dots-left: auto;--dots-right: 0}.text-right.sti--images-only.sti--vertical .sti__body{--dots-left: 0;--dots-right: auto}.text-left.sti--images-only.is-reversed.sti--vertical .sti__body,.text-right.sti--images-only.is-reversed.sti--vertical .sti__body{--dots-left: auto;--dots-right: 0}.sti--gaps{--aside-pad: calc(var(--padding) / 2) 0 var(--padding);--img-pad: calc(var(--padding) / 2) var(--padding) 0 0}.sti--gaps.is-reversed{--img-pad: calc(var(--padding) / 2) 0 0 var(--padding)}.sti--gaps.sti--horizontal{--img-pad: 0;--img-mr: calc(var(--padding) / 2)}.sti--gaps.sti--horizontal .sti__images{padding-right:calc(var(--padding) / 2)}.sti--gaps.sti--horizontal .sti__image:last-child{margin-right:0;margin-left:0}.sti--gaps.sti--horizontal.is-reversed{--img-mr: 0;--img-ml: calc(var(--padding) / 2)}.sti--gaps.sti--horizontal.is-reversed .sti__images{padding-right:0;padding-left:calc(var(--padding) / 2)}.sti--horizontal .sticky-text{padding:var(--padding) 0 calc(var(--padding) * 2)}.sti--images-only{--aside-width: calc(100% - var(--padding))}.sti--images-only.sti--vertical .sti__dots{width:var(--padding)}.sti--images-only.sti--horizontal .sti__dots-inner{padding-bottom:calc(var(--padding) / 2 - 10px)}}@media only screen and (min-width:1440px){.sti--vertical .wrapper{--dots-offset: calc(var(--wrapper-width) * var(--content-factor))}}
/*# sourceMappingURL=/cdn/shop/t/165/assets/section-sticky-images-and-text.css.map */