@import"theme-settings";.split-scroller{position:relative;margin-left:var(--section-margin-x);margin-right:var(--section-margin-x)}.split-scroller__outer-border{position:relative;border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color)}.split-scroller__outer-border--no-top{border-top:none}.split-scroller__inner{background:#fff;padding:0}.split-scroller__grid{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:var(--gap)}.split-scroller__divider{position:absolute;left:50%;top:0;bottom:0;width:1px;background-color:var(--divider-color);pointer-events:none}.split-scroller__left-panel{color:var(--left-panel-text)}.split-scroller__left-sticky{position:sticky;top:0;height:100vh;padding-top:var(--vpad);padding-bottom:var(--vpad);padding-left:0;padding-right:0}.split-scroller__left-content{position:relative;height:100%;display:flex;flex-direction:column;justify-content:space-between;text-align:center;max-width:100%;background-color:var(--left-panel-bg)}.split-scroller__left-bg-layer{position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--left-panel-bg);background-size:cover;background-position:center;background-repeat:no-repeat;pointer-events:none;z-index:0;display:block!important}.split-scroller__left-bg-layer--bottom{opacity:1;z-index:0}.split-scroller__left-bg-layer--top{opacity:0;z-index:1}.split-scroller__top{flex-shrink:0;position:relative;z-index:2}.split-scroller__center{flex:1;display:flex;align-items:center;justify-content:center;position:relative;z-index:2}.split-scroller__bottom{flex-shrink:0;position:relative;z-index:2}.split-scroller__left-heading{font-size:clamp(var(--font-size-h2),4vw,var(--font-size-h1));font-weight:300;margin:30px 0 0;letter-spacing:.05em;color:var(--left-panel-text)}.split-scroller__icon{width:80px;height:80px;display:flex;align-items:center;justify-content:center}.split-scroller__icon img{width:100%;height:100%;object-fit:contain}.split-scroller__text{font-size:var(--font-size-body-regular);font-weight:400;letter-spacing:.05em;text-align:left;max-width:310px;margin:0 auto 30px;position:relative;z-index:2}.split-scroller__menu{display:flex;flex-direction:row;justify-content:space-between;gap:.5rem;flex-wrap:wrap;width:calc(100% - 100px);margin:25px auto}.split-scroller__menu-item{color:var(--left-panel-text);text-decoration:none;font-size:var(--font-size-body-regular);font-weight:500;letter-spacing:.1em;text-transform:uppercase;transition:opacity .3s ease,border-bottom-color .3s ease;padding-top:.75rem;padding-bottom:0;line-height:normal;border-bottom:1px solid transparent}.split-scroller__menu-item:hover{opacity:.7}.split-scroller__menu-item.active{border-bottom-color:var(--left-panel-text)}.split-scroller__right-panel{background:#fff;padding:var(--vpad) 0;min-height:1000px}.split-scroller__right-first-section{height:calc(100vh - 32px);padding-top:var(--vpad);padding-bottom:var(--vpad);padding-left:0;padding-right:0;background-color:#fff}.split-scroller__right-content{height:100%;display:flex;flex-direction:column;justify-content:space-between;text-align:center;max-width:100%}.split-scroller__right-vertical-center{display:flex;flex-direction:column;justify-content:center;height:100%}.split-scroller__right-image{width:80%;max-width:45vh;margin:0 auto}.split-scroller__right-img{width:100%;height:auto;object-fit:cover}.split-scroller__media{margin:2rem 0;max-width:var(--media-max-width, 320px)}.split-scroller__align-left{margin-left:0;margin-right:auto;text-align:left}.split-scroller__align-center{margin-left:auto;margin-right:auto;text-align:center}.split-scroller__align-right{margin-left:auto;margin-right:0;text-align:right}.split-scroller__caption{font-size:var(--font-size-footer-header);line-height:1.2;color:#666;margin-top:.25rem}.split-scroller__right-second-section{margin-top:100px;margin-bottom:100px}.split-scroller__right-heading{font-size:var(--font-size-body-large);font-weight:400;text-align:center;margin:0 0 1rem;color:var(--color-dulce)}.split-scroller__scroll-indicator{text-align:center;color:#666;margin-top:-32px}.split-scroller__scroll-indicator svg{-webkit-animation:bounce 2s infinite;animation:bounce 2s infinite}@-webkit-keyframes bounce{0%,20%,50%,80%,to{-webkit-transform:rotate(90deg) translateX(0);transform:rotate(90deg) translate(0)}40%{-webkit-transform:rotate(90deg) translateX(-10px);transform:rotate(90deg) translate(-10px)}60%{-webkit-transform:rotate(90deg) translateX(-5px);transform:rotate(90deg) translate(-5px)}}@keyframes bounce{0%,20%,50%,80%,to{-webkit-transform:rotate(90deg) translateX(0);transform:rotate(90deg) translate(0)}40%{-webkit-transform:rotate(90deg) translateX(-10px);transform:rotate(90deg) translate(-10px)}60%{-webkit-transform:rotate(90deg) translateX(-5px);transform:rotate(90deg) translate(-5px)}}.split-scroller__content-block{margin:3rem 0;padding:2rem 0;border-top:1px solid #eee}.split-scroller__content-image{margin-bottom:1.5rem}.split-scroller__content-imagegroup{display:flex;flex-direction:row;gap:1.5rem;--image-width1: 22.3%;--image-width2: 27.9%;--image-width3: 34.9%;--image-width4: 41.9%;--image-offset1: 23.7% ;--image-offset3: 29.3% ;--start-opacity:.8}.split-scroller__layout{min-height:25vh;display:flex;flex-direction:column;justify-content:center;align-items:center;margin-bottom:32px}.split-scroller__layout-text-two{max-width:532px;margin:0 auto}.split-scroller__layout-text-two .split-scroller__content-text{column-count:2;column-gap:2rem;text-align:left}.split-scroller__layout-text-one{max-width:350px;margin:0 auto;padding-top:max(5vw,50px)}.split-scroller__layout-text-one .split-scroller__content-text{text-align:justify}.split-scroller__content-imagegroup{height:34.9vw;width:100%;position:relative}@media (min-width: 1200px) and (max-width: 1600px){.split-scroller__content-imagegroup{max-height:65vh}}.split-scroller__content-imagegroup-item{width:var(--image-width1)}.split-scroller__layout-imagegroup-one .item-1{width:var(--image-width2)}.split-scroller__layout-imagegroup-one .item-2,.split-scroller__layout-imagegroup-one .item-3{width:var(--image-width1)}.split-scroller__layout-imagegroup-one .item-1{position:absolute;top:0;left:0}.split-scroller__layout-imagegroup-one .item-2{position:absolute;bottom:18%;right:var(--image-offset1)}.split-scroller__layout-imagegroup-one .item-3{position:absolute;bottom:0%;right:0%}.split-scroller__layout-imagegroup-two .item-1{width:var(--image-width4)}.split-scroller__layout-imagegroup-two .item-2{width:var(--image-width3)}.split-scroller__layout-imagegroup-two .item-1{position:absolute;bottom:0;left:0}.split-scroller__layout-imagegroup-two .item-2{position:absolute;top:0%;right:0%}.split-scroller__layout-imagegroup-three .item-1,.split-scroller__layout-imagegroup-three .item-2{width:var(--image-width2)}.split-scroller__layout-imagegroup-three .item-3{width:var(--image-width1)}.split-scroller__layout-imagegroup-three .item-1{position:absolute;top:10%;left:0}.split-scroller__layout-imagegroup-three .item-2{position:absolute;top:0;left:var(--image-offset3)}.split-scroller__layout-imagegroup-three .item-3{position:absolute;bottom:0%;right:0%}.split-scroller__content-img{width:100%;height:auto;object-fit:cover}.split-scroller__content-heading{font-size:var(--font-size-h5);font-weight:500;margin:0 0 1rem;color:var(--color-dulce)}.split-scroller__content-text{font-size:var(--font-size-body-regular);line-height:1.6;color:#666;padding-bottom:2rem}.split-scroller__caption-container{display:flex;justify-content:space-between;align-items:flex-start}.split-scroller__caption-left{text-align:left;flex:0 0 auto;min-width:2ch;margin-right:1rem}.split-scroller__caption-right{text-align:right;color:#000;font-style:italic;flex:1}.split-scroller__menu-fixed-wrapper{display:none}.split-scroller__menu-fixed-content{position:relative;background-color:var(--left-panel-bg)}.split-scroller__menu-fixed-bg-layer{position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--left-panel-bg);background-size:cover;background-position:center;background-repeat:no-repeat;pointer-events:none;z-index:0;display:block!important}.split-scroller__menu-fixed-bg-layer--bottom{opacity:1;z-index:0}.split-scroller__menu-fixed-bg-layer--top{opacity:0;z-index:1}.split-scroller__menu-fixed-icon{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;padding-top:.5rem}.split-scroller__menu-fixed-icon img{width:30px;height:30px;object-fit:contain}.split-scroller__menu-fixed{position:relative;z-index:2;display:flex;flex-direction:row;justify-content:space-between;gap:.5rem;flex-wrap:wrap;width:calc(100% - 100px);margin:25px auto}@media (max-width: 1199px){.split-scroller__scroll-indicator{display:none}.split-scroller__menu-fixed-wrapper{display:block;position:fixed;top:0;left:0;right:0;width:100%;z-index:4;opacity:0;transform:translateY(-100%);transition:opacity .3s ease,transform .3s ease;pointer-events:none}.split-scroller__menu-fixed-wrapper.is-visible{opacity:1;transform:translateY(0);pointer-events:auto}.split-scroller__menu-footerbar{background:#fff;border-bottom:1px solid;height:12px;margin:0 16px;display:block!important}.split-scroller__menu-fixed-content{margin-left:var(--mobile-spacing);margin-right:var(--mobile-spacing);padding:1rem 0;border-bottom:1px solid;border-top:10px solid white}.split-scroller__menu-fixed{margin:0 auto}.split-scroller__menu-fixed .split-scroller__menu-item{font-size:min(var(--font-size-elements),3vw)}.split-scroller{margin-left:var(--mobile-spacing);margin-right:var(--mobile-spacing)}.split-scroller__grid{grid-template-columns:1fr;gap:0}.split-scroller__divider{display:none}.split-scroller__left-panel{position:static}.split-scroller__left-sticky{position:static;height:auto}.split-scroller__left-content{height:auto;gap:2rem;min-height:70vh}.split-scroller__center{flex:none}.split-scroller__right-panel{min-height:auto}.split-scroller__right-first-section{height:70vh}.split-scroller__caption-container{font-size:var(--font-size-elements)}.split-scroller__layout-text-two .split-scroller__content-text{column-count:1;column-gap:0;text-align:justify}.split-scroller__layout-imagegroup-one .split-scroller__content-imagegroup{height:160vw}.split-scroller__layout-imagegroup-two .split-scroller__content-imagegroup{height:120vw}.split-scroller__layout-imagegroup-three .split-scroller__content-imagegroup{height:190vw}.split-scroller__content-imagegroup{--image-width1: 33.3%;--image-width2: 60%;--image-width3: 52%;--image-width4: 73%;--image-offset1: 37.7%;--image-offset2: 50%}.split-scroller__layout-imagegroup-two .item-1{bottom:auto}.split-scroller__layout-imagegroup-two .item-2{top:auto;bottom:0}.split-scroller__layout-imagegroup-three .item-1{top:auto;width:var(--image-width3)}.split-scroller__layout-imagegroup-three .item-2{top:44%;left:auto;right:0;width:var(--image-width3)}.split-scroller__layout-imagegroup-three .item-3{top:auto;bottom:0;left:0}.split-scroller__media{max-width:100%}.split-scroller__align-left,.split-scroller__align-right{margin-left:auto;margin-right:auto;text-align:center}.split-scroller__menu{flex-direction:row;flex-wrap:wrap;justify-content:space-around;gap:.5rem;width:calc(100% - 12px)}.split-scroller__menu-item{font-size:var(--font-size-elements)}.split-scroller__left-heading{margin-top:2rem;font-size:var(--font-size-body-large)}.split-scroller__description{font-size:var(--font-size-body-regular);max-width:100%}}@media (min-width: 1200px){.split-scroller__bottom{padding-bottom:70px}@supports (animation-timeline: view()){.split-scroller__content-imagegroup{view-timeline-name:--imagegroup-timeline;view-timeline-axis:block}.split-scroller__layout-imagegroup-one .item-1{animation:slideFromTopLeft 1s linear both;animation-timeline:--imagegroup-timeline;animation-range:entry 0% cover 50%}.split-scroller__layout-imagegroup-one .item-2{animation:slideFromBottomRightToOffset 1s linear both;animation-timeline:--imagegroup-timeline;animation-range:entry 0% cover 50%}.split-scroller__layout-imagegroup-one .item-3{animation:slideFromBottomRight 1s linear both;animation-timeline:--imagegroup-timeline;animation-range:entry 0% cover 50%}.split-scroller__layout-imagegroup-two .item-1{animation:slideFromBottomLeft 1s linear both;animation-timeline:--imagegroup-timeline;animation-range:entry 0% cover 50%}.split-scroller__layout-imagegroup-two .item-2{animation:slideFromTopRight 1s linear both;animation-timeline:--imagegroup-timeline;animation-range:entry 0% cover 50%}.split-scroller__layout-imagegroup-three .item-1{animation:slideFromTopLeftToOffset 1s linear both;animation-timeline:--imagegroup-timeline;animation-range:entry 0% cover 50%}.split-scroller__layout-imagegroup-three .item-2{animation:slideFromTopRightToOffset 1s linear both;animation-timeline:--imagegroup-timeline;animation-range:entry 0% cover 50%}.split-scroller__layout-imagegroup-three .item-3{animation:slideFromBottomRight 1s linear both;animation-timeline:--imagegroup-timeline;animation-range:entry 0% cover 50%}}@supports not (animation-timeline: view()){.split-scroller__layout-imagegroup-one .item-1{top:50%;left:50%;opacity:var(--start-opacity)}.split-scroller__layout-imagegroup-one .item-2{bottom:50%;right:50%;opacity:0}.split-scroller__layout-imagegroup-one .item-3{bottom:50%;right:50%;opacity:var(--start-opacity)}.split-scroller__layout-imagegroup-two .item-1{bottom:20%;left:60%;opacity:var(--start-opacity)}.split-scroller__layout-imagegroup-two .item-2{top:50%;right:50%;opacity:var(--start-opacity)}.split-scroller__layout-imagegroup-three .item-1,.split-scroller__layout-imagegroup-three .item-2{top:50%;left:50%;opacity:var(--start-opacity)}.split-scroller__layout-imagegroup-three .item-3{bottom:50%;right:50%;opacity:var(--start-opacity)}.split-scroller__layout-imagegroup-one .item-1.animate-in{animation:slideFromTopLeft 1s ease-out both}.split-scroller__layout-imagegroup-one .item-2.animate-in{animation:slideFromBottomRightToOffset 1s ease-out both}.split-scroller__layout-imagegroup-one .item-3.animate-in{animation:slideFromBottomRight 1s ease-out both}.split-scroller__layout-imagegroup-two .item-1.animate-in{animation:slideFromBottomLeft 1s ease-out both}.split-scroller__layout-imagegroup-two .item-2.animate-in{animation:slideFromTopRight 1s ease-out both}.split-scroller__layout-imagegroup-three .item-1.animate-in{animation:slideFromTopLeftToOffset 1s ease-out both}.split-scroller__layout-imagegroup-three .item-2.animate-in{animation:slideFromTopRightToOffset 1s ease-out both}.split-scroller__layout-imagegroup-three .item-3.animate-in{animation:slideFromBottomRight 1s ease-out both}}}@-webkit-keyframes slideFromTopLeft{0%{top:50%;left:50%;opacity:var(--start-opacity)}to{top:0;left:0;opacity:1}}@keyframes slideFromTopLeft{0%{top:50%;left:50%;opacity:var(--start-opacity)}to{top:0;left:0;opacity:1}}@-webkit-keyframes slideFromTopRight{0%{top:50%;right:50%;opacity:var(--start-opacity)}to{top:0;right:0;opacity:1}}@keyframes slideFromTopRight{0%{top:50%;right:50%;opacity:var(--start-opacity)}to{top:0;right:0;opacity:1}}@-webkit-keyframes slideFromBottomLeft{0%{bottom:20%;left:60%;opacity:var(--start-opacity)}to{bottom:0%;left:0;opacity:1}}@keyframes slideFromBottomLeft{0%{bottom:20%;left:60%;opacity:var(--start-opacity)}to{bottom:0%;left:0;opacity:1}}@-webkit-keyframes slideFromBottomRight{0%{bottom:50%;right:50%;opacity:var(--start-opacity)}to{bottom:0%;right:0%;opacity:1}}@keyframes slideFromBottomRight{0%{bottom:50%;right:50%;opacity:var(--start-opacity)}to{bottom:0%;right:0%;opacity:1}}@-webkit-keyframes slideFromBottomRightToOffset{0%{bottom:50%;right:50%;opacity:0}to{bottom:18%;right:var(--image-offset1);opacity:1}}@keyframes slideFromBottomRightToOffset{0%{bottom:50%;right:50%;opacity:0}to{bottom:18%;right:var(--image-offset1);opacity:1}}@-webkit-keyframes slideFromTopRightToOffset{0%{top:50%;left:50%;opacity:var(--start-opacity)}to{top:0;left:var(--image-offset3);opacity:1}}@keyframes slideFromTopRightToOffset{0%{top:50%;left:50%;opacity:var(--start-opacity)}to{top:0;left:var(--image-offset3);opacity:1}}@-webkit-keyframes slideFromTopLeftToOffset{0%{top:50%;left:50%;opacity:var(--start-opacity)}to{top:10%;left:0;opacity:1}}@keyframes slideFromTopLeftToOffset{0%{top:50%;left:50%;opacity:var(--start-opacity)}to{top:10%;left:0;opacity:1}}@media (max-width: 1199px){.split-scroller__right-panel{border-top:1px solid var(--border-color)}}
/*# sourceMappingURL=/cdn/shop/t/13/assets/split-scroller.css.map */