@supports (overflow: clip){.section-divider--line .section-divider__svg,.section-divider--shadow .section-divider__svg{overflow-x:clip;overflow-y:visible}}.section-divider__svg .section-divider__line{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;width:100%;height:100%;max-height:none;overflow:visible;color:inherit;pointer-events:none;transform:translateY(var(--divider-line-offset, 0px))}.section-divider.section-divider--line-offset{z-index:1}.section-divider__line path{stroke:var(--divider-line-color, currentColor);stroke-width:var(--divider-line-thickness, 2px);stroke-linecap:round;stroke-linejoin:round}.section-divider--line-dashed .section-divider__line path{stroke-dasharray:var(--divider-line-dash);stroke-linecap:butt}.section-divider--line-dotted .section-divider__line path{stroke-dasharray:var(--divider-line-dots);stroke-linecap:round}.section-divider__fill-gradient.section-divider__fill-gradient{background:linear-gradient(to right,rgb(var(--color-background)),var(--divider-gradient-end))}.section-divider__fill-gradient.section-divider__fill-gradient--reverse{background:linear-gradient(to left,rgb(var(--color-background)),var(--divider-gradient-end))}.section-divider--shadow .section-divider__svg>svg:first-child,.section-divider--shadow .section-divider__flow{filter:drop-shadow(0 -.4rem .9rem rgba(var(--color-shadow),.2))}.section-divider--image:before{display:none}.section-divider--image,.section-divider__image-padding--top{background:var(--divider-top-color, transparent)}.section-divider__image-padding--bottom{background:var(--divider-bottom-color, transparent)}.section-divider--image-split{background:linear-gradient(to bottom,var(--divider-top-color) 50%,var(--divider-bottom-color) 50%)}.section-divider__image{display:flex;justify-content:center}.section-divider__image img{display:block}.section-divider__image--repeat{height:var(--divider-image-height, 40px);background-repeat:repeat-x;background-position:center;background-size:auto 100%;font-size:0}.section-divider--image-full .section-divider__image img{width:100%;height:auto}.section-divider--image-center .section-divider__image img{width:auto;max-width:100%;height:var(--divider-image-height, 40px);object-fit:contain}.section-divider__image-note{margin:0;padding:1.6rem;border:.1rem dashed rgba(var(--color-foreground),.3);text-align:center;font-size:1.4rem}@keyframes divider-loop{to{translate:-50% 0}}.section-divider--flow-tiles .section-divider__svg,.section-divider--flow-tiles.section-divider--image{direction:ltr}.section-divider--flow-tiles.section-divider--image{overflow:hidden}.section-divider__flow{display:flex;width:400%;animation:divider-loop calc(40s * var(--divider-speed, 1)) linear infinite}.section-divider__tile{position:relative;flex:0 0 25%;min-width:0}.section-divider__tile--mirror{scale:-1 1}.section-divider__tile>svg:first-child,.section-divider__tile>.section-divider__image{width:calc(100% + 2px);max-width:none;margin-inline:-1px}@keyframes divider-drift{0%{translate:0 0}to{translate:calc(var(--divider-tile, 40px) * -1) 0}}.section-divider--flow-pattern .section-divider__svg{direction:ltr}.section-divider--flow-pattern .section-divider__svg>svg{width:calc(100% + var(--divider-tile, 40px));max-width:none;animation:divider-drift var(--divider-drift, 1.3s) linear infinite}@keyframes divider-image-drift{0%{background-position-x:50%}to{background-position-x:calc(50% - var(--divider-image-tile, 60px))}}.section-divider--flow-repeat .section-divider__image--repeat{animation:divider-image-drift var(--divider-drift, 3s) linear infinite}@keyframes divider-breathe{0%{scale:1 1}to{scale:1 .78}}@keyframes divider-breathe-image{0%{scale:1}to{scale:.94}}.section-divider--anim-breathe .section-divider__svg>svg{transform-origin:50% 100%;animation:divider-breathe calc(3.5s * var(--divider-speed, 1)) ease-in-out infinite alternate}.section-divider--anim-breathe .section-divider__image{transform-origin:50% 100%;animation:divider-breathe-image calc(3.5s * var(--divider-speed, 1)) ease-in-out infinite alternate}@supports (animation-timeline: view()){@keyframes divider-rise{0%{scale:1 0}to{scale:1 1}}.section-divider--anim-rise .section-divider__svg>svg,.section-divider--anim-rise .section-divider__image{transform-origin:50% 100%;animation:divider-rise linear both;animation-timeline:view();animation-range:entry 0% cover 40%}}@keyframes divider-dash{to{stroke-dashoffset:calc(var(--divider-dash-period, 14px) * -1)}}.section-divider--line-animated.section-divider--line-dashed .section-divider__line path,.section-divider--line-animated.section-divider--line-dotted .section-divider__line path{animation:divider-dash calc(.8s * var(--divider-speed, 1)) linear infinite}@supports (animation-timeline: view()){@keyframes divider-draw{0%{clip-path:inset(-50% 100% -50% 0)}to{clip-path:inset(-50% 0 -50% 0)}}.section-divider--line-animated.section-divider--line-solid .section-divider__line{animation:divider-draw linear both;animation-timeline:view();animation-range:entry 10% cover 45%}.section-divider--line-animated.section-divider--line-solid.section-divider--anim-rise .section-divider__line{animation:divider-rise linear both,divider-draw linear both;animation-timeline:view(),view();animation-range:entry 0% cover 40%,entry 10% cover 45%}.section-divider--line-animated.section-divider--line-solid.section-divider--anim-breathe .section-divider__line{animation:divider-breathe calc(3.5s * var(--divider-speed, 1)) ease-in-out infinite alternate,divider-draw linear both;animation-timeline:auto,view();animation-range:normal,entry 10% cover 45%}.section-divider--line-animated.section-divider--line-solid.section-divider--flow-pattern .section-divider__line{animation:divider-drift var(--divider-drift, 1.3s) linear infinite,divider-draw linear both;animation-timeline:auto,view();animation-range:normal,entry 10% cover 45%}}@keyframes divider-wave-loop{0%{translate:0 0}to{translate:-1440px 0}}.section-divider__wave{animation:divider-wave-loop calc(var(--wave-time, 16s) * var(--divider-speed, 1)) linear infinite}.section-divider__wave--reverse{animation-direction:reverse}.section-divider--waves-speed .parallax1>use{animation-duration:calc(10s * var(--divider-speed, 1))}.section-divider--waves-speed .parallax2>use{animation-duration:calc(8s * var(--divider-speed, 1))}.section-divider--waves-speed .parallax3>use{animation-duration:calc(6s * var(--divider-speed, 1))}.section-divider--waves-speed .parallax4>use{animation-duration:calc(4s * var(--divider-speed, 1))}@media(prefers-reduced-motion:reduce){.section-divider--motion,.section-divider--motion *,.section-divider--waves-speed *{animation:none!important}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/section-divider.css.map */
