.scrolling-content--has-bg,.scrolling-content--image img,.scrolling-content--image .thb-placeholder,.scrolling-content--content-image img,.scrolling-content--content-image .thb-placeholder{isolation:isolate;border-radius:var(--block-border-radius, 16px)}.scrolling-content--has-bg{box-shadow:var(--block-shadows)}.scrolling-content--inner{padding:0 15px;max-width:var(--grid-width-row, 1380px);margin-left:auto;margin-right:auto}@media only screen and (min-width:768px){.scrolling-content--inner{padding:0 50px}}.scrolling-content{display:block}.scrolling-content--inner{width:100%}.scrolling-content--header{margin-bottom:30px}@media only screen and (min-width:768px){.scrolling-content--header{margin-bottom:0;padding-bottom:40px;flex:0 0 auto}.scrolling-content--inner.has-header .scrolling-content--header{position:sticky;top:var(--product-position-height, 0px);z-index:3;background:var(--scrolling-header-bg, #ffffff)}.header-sticky--active .scrolling-content--inner.has-header .scrolling-content--header{top:calc(var(--header-height, 0px) + var(--product-position-height, 0px))}}.scrolling-content--header-heading{margin:0 0 12px;color:var(--color-heading, #1a1c1d)}.scrolling-content--header-description{color:var(--color-body, #181b1e)}.scrolling-content--header-description p{margin:0}.scrolling-content--header-description p+p{margin-top:.75em}.scrolling-content--has-bg{background:var(--color-bg);padding:25px 15px}@media only screen and (min-width:768px){.scrolling-content--has-bg{padding:50px;max-width:var(--grid-width, 1280px)}}.scrolling-content--has-bg .flickity-page-dots{right:-28px}.scrolling-content--has-bg .scrolling-content--container.image_first .flickity-page-dots{right:auto;left:-28px}.scrolling-content--container{display:flex;flex-direction:column;gap:30px;position:relative}.scrolling-content--body{display:flex;flex-direction:column;gap:30px;min-width:0}@media only screen and (min-width:768px){.scrolling-content--container,.scrolling-content--inner.has-header .scrolling-content--container{gap:0}.scrolling-content--body{display:grid;grid-template-columns:1fr 1fr;column-gap:50px;row-gap:50px}}@media only screen and (max-width:767px){.scrolling-content--container.swipe-on-mobile{display:flex;flex-direction:column;gap:30px;overflow:visible;margin-left:0;width:100%;padding:0}.scrolling-content--container.swipe-on-mobile .scrolling-content--header{position:static;width:100%;margin-bottom:0;padding-bottom:0}.scrolling-content--container.swipe-on-mobile .scrolling-content--body{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(var(--mobile-swipe-width),1fr);overflow-x:auto;overflow-y:hidden;grid-template-columns:repeat(auto-fill,minmax(var(--mobile-swipe-width),1fr));gap:12px;margin-left:-15px;width:calc(100% + 30px);padding:0 15px;scrollbar-width:none;scroll-snap-type:x mandatory;align-items:start}.scrolling-content--container.swipe-on-mobile .scrolling-content--body::-webkit-scrollbar{display:none}.scrolling-content--container.swipe-on-mobile .scrolling-content--content{scroll-snap-align:center;scroll-snap-stop:always}.scrolling-content--container.swipe-on-mobile .scrolling-content--content-text{padding-right:15px}}.scrolling-content--container.image_first .flickity-page-dots{right:auto;left:-38px}.scrolling-content--image{display:none}@media only screen and (min-width:768px){.scrolling-content--image{display:block;position:sticky;left:0;top:calc(var(--product-position-height, 0px) + var(--scrolling-header-height, 0px));visibility:hidden}.header-sticky--active .scrolling-content--image{top:calc(var(--header-height, 0px) + var(--product-position-height, 0px) + var(--scrolling-header-height, 0px))}.scrolling-content--image.active{visibility:visible}}.scrolling-content--content{display:flex;flex-direction:column;justify-content:center}.scrolling-content--content .rte{color:var(--color-body)}.scrolling-content--content-image{display:block;margin-bottom:30px}@media only screen and (min-width:768px){.scrolling-content--content-image{display:none}}@media only screen and (min-width:1068px){.scrolling-content--content{padding-right:30px}}.scrolling-content--content .subheading{color:var(--color-body, #2c2d2e)}.scrolling-content--tip{margin:12px 0 0;font-size:.875rem;line-height:1.45;color:rgba(var(--color-body-rgb),.5)}.scrolling-content--icon-boxes{list-style:none;margin:24px 0 0;padding:0;display:flex;flex-direction:column;gap:10px;width:100%}.scrolling-content--icon-box{position:relative;display:block;width:100%;overflow:hidden;border-radius:999px;color:var(--color-body, #ffffff);background:#ffffff0f}.scrolling-content--icon-box-image{display:block;width:100%;line-height:0}.scrolling-content--icon-box-image img{display:block!important;width:100%!important;max-width:100%!important;height:auto!important;object-fit:contain}.scrolling-content--icon-box-text{position:absolute;left:var(--icon-text-offset, 24%);right:20px;top:50%;transform:translateY(-50%);z-index:1;font-size:.9375rem;font-weight:var(--font-body-medium-weight, 500);line-height:1.35;white-space:normal;word-break:break-word;pointer-events:none}@media only screen and (max-width:767px){.scrolling-content--icon-box-text{right:14px;font-size:.8125rem}}.scrolling-content--icon-box:not(:has(.scrolling-content--icon-box-image)) .scrolling-content--icon-box-text{position:relative;left:auto;right:auto;top:auto;transform:none;display:block;padding:14px 20px}@media only screen and (min-width:768px){.scrolling-content--section{min-height:450px;max-height:calc(100vh - var(--header-height, 0px) - var(--product-position-height, 0px) - var(--scrolling-header-height, 0px))}}@supports (height: 100svh){@media only screen and (min-width:768px){.scrolling-content--section{max-height:calc(100svh - var(--header-height, 0px) - var(--product-position-height, 0px) - var(--scrolling-header-height, 0px))}}}.scrolling-content .flickity-page-dots{position:absolute;top:50%;right:-38px;transform:translateY(-50%);bottom:auto;left:auto;width:8px}@media only screen and (min-width:768px){.scrolling-content .flickity-page-dots{flex-direction:column}}@media only screen and (min-width:768px){.scrolling-content .flickity-page-dots .dot.is-selected{width:8px;height:32px}}@media only screen and (min-width:768px){.scrolling-content .flickity-page-dots .dot{margin:6px 0}}
/*# sourceMappingURL=/cdn/shop/t/25/assets/scrolling-content.css.map */