.custom-story-animation{width:100%;overflow:hidden;position:relative;z-index:0}.custom-story-animation .swiper-wrapper{box-sizing:inherit}.custom-story-animation__inner:not(:first-of-type){position:absolute;left:0;top:0;width:100%;height:100%}.custom-story-animation__content{display:flex;position:absolute;width:100%;height:100%;align-items:center;justify-content:start;top:0;left:0;z-index:15}.custom-story-animation__picture{position:relative;min-height:100dvh;font-size:0px;line-height:0;width:100%;height:100%}.custom-story-animation__picture:has(.custom-story-animation__content-image-mobile) .custom-story-animation__content-image{display:none}@media only screen and (min-width: 1024px){.custom-story-animation__picture{padding-top:66.67%}.custom-story-animation__picture:has(.custom-story-animation__content-image-mobile) .custom-story-animation__content-image-mobile{display:none}.custom-story-animation__picture:has(.custom-story-animation__content-image-mobile) .custom-story-animation__content-image{display:block}}@media only screen and (min-width: 1440px){.custom-story-animation__picture{padding-top:56%}}.custom-story-animation__content-image,.custom-story-animation__content-image-mobile{width:100%;height:100%;object-fit:cover;max-height:none;position:absolute;top:0;left:0;z-index:0}@media screen and (min-width: 1024px){.custom-story-animation__content--top-left{align-items:flex-start;justify-content:flex-start}.custom-story-animation__content--top-center{align-items:flex-start;justify-content:center}.custom-story-animation__content--top-right{align-items:flex-start;justify-content:flex-end}.custom-story-animation__content--middle-left{align-items:center;justify-content:flex-start}.custom-story-animation__content--middle-center{align-items:center;justify-content:center}.custom-story-animation__content--middle-right{align-items:center;justify-content:flex-end}.custom-story-animation__content--bottom-left{align-items:flex-end;justify-content:flex-start}.custom-story-animation__content--bottom-center{align-items:flex-end;justify-content:center}.custom-story-animation__content--bottom-right{align-items:flex-end;justify-content:flex-end}}.custom-story-animation p,.custom-story-animation h6,.custom-story-animation h2{margin:0}.custom-story-animation__box{position:relative;height:fit-content;text-align:left;max-width:440px;word-wrap:break-word;z-index:15;background-color:#fff;padding:40px 64px 84px 40px}.custom-story-animation__box-header{width:100%;display:flex;align-items:center;justify-content:space-between;padding-bottom:50px}.custom-story-animation__box-caption,.custom-story-animation__box-index{font-size:12px;line-height:115%;font-family:Inter;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.custom-story-animation__box-index{position:relative;right:-16px}.custom-story-animation__box-heading{position:relative;width:100%;font-size:30px;line-height:115%;font-family:Inter;font-weight:700;text-transform:uppercase;padding-bottom:15px}.custom-story-animation__box-text{position:relative;width:100%;font-size:16px;line-height:150%;font-family:"DIN 2014 Regular";font-style:normal;font-weight:400;letter-spacing:.015em;opacity:.7}.custom-story-animation__box-cta{width:fit-content;display:block;position:relative;padding-top:60px;font-size:13px;line-height:115%;font-family:Inter;font-weight:700;text-transform:uppercase;color:#171415}@media screen and (max-width: 640px){.custom-story-animation__box{padding:27px 28px 48px 27px}.custom-story-animation__box-header{padding-bottom:35px}.custom-story-animation__box-caption,.custom-story-animation__box-index{font-size:10px}.custom-story-animation__box-index{right:auto}.custom-story-animation__box-heading{font-size:20px;padding-bottom:11px}.custom-story-animation__box-text{font-size:12px}.custom-story-animation__box-cta{padding-top:34px;font-size:10px}}.custom-story-animation__footer{position:absolute;bottom:80px;left:60px;width:fit-content;font-size:13px;line-height:115%;letter-spacing:.04em;font-family:Inter;font-weight:700;text-transform:uppercase;color:#fff;z-index:15}.custom-story-animation__next{position:absolute;bottom:64px;right:60px;width:fit-content;font-size:13px;line-height:115%;letter-spacing:.04em;font-family:Inter;font-weight:700;text-transform:uppercase;color:#fff;z-index:15;background-color:#171415;padding:16px 10px;cursor:pointer;display:none}@media screen and (max-width: 640px){.custom-story-animation__content{justify-content:center;align-items:start}.custom-story-animation__footer{bottom:48px;left:20px!important}.custom-story-animation__next{bottom:32px;right:20px!important}}.custom-story-animation__vector,.custom-story-animation__vector-mobile{width:100%;height:80%;object-fit:cover;object-position:top;max-height:none;position:absolute;bottom:0;left:0;z-index:5}@media screen and (max-width: 640px){.custom-story-animation__vector,.custom-story-animation__vector-mobile{height:40%}}.custom-story-animation__vector-mobile{display:none}.custom-story-animation-next,.custom-story-animation-prev{position:absolute;z-index:20;top:50%;transform:translateY(-50%);color:#f7f7f6;background:#171415;padding:2px 10px;cursor:pointer}.custom-story-animation-prev{left:10px}.custom-story-animation-next{right:10px}@media screen and (max-width: 640px){.custom-story-animation-next,.custom-story-animation-prev{padding:0 5px}.custom-story-animation-prev{left:5px}.custom-story-animation-next{right:5px}}.csa{width:450%;position:absolute;bottom:-32%;overflow:hidden}@media only screen and (min-width: 1024px){.csa{width:300%;bottom:-20%}}.csa .line{stroke-dasharray:4390;stroke-dashoffset:4390}@keyframes csa_translate_x{0%{transform:scale(1) translate(0)}to{transform:scale(1) translate(-77.5%)}}@-webkit-keyframes csa_translate_x{0%{-webkit-transform:scale(1) translateX(0%)}to{-webkit-transform:scale(1) translateX(-77.5%)}}@-moz-keyframes csa_translate_x{0%{-moz-transform:scale(1) translateX(0%)}to{-moz-transform:scale(1) translateX(-77.5%)}}@-o-keyframes csa_translate_x{0%{-o-transform:scale(1) translateX(0%)}to{-o-transform:scale(1) translateX(-77.5%)}}@keyframes csa_line{0%{stroke-dashoffset:4390}to{stroke-dashoffset:0}}@-webkit-keyframes csa_line{0%{stroke-dashoffset:4390}to{stroke-dashoffset:0}}@-moz-keyframes csa_line{0%{stroke-dashoffset:4390}to{stroke-dashoffset:0}}@-o-keyframes csa_line{0%{stroke-dashoffset:4390}to{stroke-dashoffset:0}}@media only screen and (min-width: 1024px){@keyframes csa_translate_x{0%{transform:scale(1) translate(0)}to{transform:scale(1) translate(-65%)}}@-webkit-keyframes csa_translate_x{0%{-webkit-transform:scale(1) translateX(0%)}to{-webkit-transform:scale(1) translateX(-65%)}}@-moz-keyframes csa_translate_x{0%{-moz-transform:scale(1) translateX(0%)}to{-moz-transform:scale(1) translateX(-65%)}}@-o-keyframes csa_translate_x{0%{-o-transform:scale(1) translateX(0%)}to{-o-transform:scale(1) translateX(-65%)}}}@media only screen and (min-width: 1440px){@keyframes csa_translate_x{0%{transform:scale(1) translate(-7%)}to{transform:scale(1) translate(-60%)}}@-webkit-keyframes csa_translate_x{0%{-webkit-transform:scale(1) translateX(-7%)}to{-webkit-transform:scale(1) translateX(-60%)}}@-moz-keyframes csa_translate_x{0%{-moz-transform:scale(1) translateX(-7%)}to{-moz-transform:scale(1) translateX(-60%)}}@-o-keyframes csa_translate_x{0%{-o-transform:scale(1) translateX(-7%)}to{-o-transform:scale(1) translateX(-60%)}}}@keyframes fadeInFromNone{0%{opacity:0}10%{opacity:1}90%{opacity:1}to{opacity:0}}@-webkit-keyframes fadeInFromNone{0%{opacity:0}10%{opacity:1}90%{opacity:1}to{opacity:0}}@-moz-keyframes fadeInFromNone{0%{opacity:0}10%{opacity:1}90%{opacity:1}to{opacity:0}}@-o-keyframes fadeInFromNone{0%{opacity:0}10%{opacity:1}90%{opacity:1}to{opacity:0}}@keyframes image_translate_x{0%{transform:scale(1.1) translate(5%)}to{transform:scale(1.1) translate(-5%)}}@-webkit-keyframes image_translate_x{0%{-webkit-transform:scale(1.1) translateX(5%)}to{-webkit-transform:scale(1.1) translateX(-5%)}}@-moz-keyframes image_translate_x{0%{-moz-transform:scale(1.1) translateX(5%)}to{-moz-transform:scale(1.1) translateX(-5%)}}@-o-keyframes image_translate_x{0%{-o-transform:scale(1.1) translateX(5%)}to{-o-transform:scale(1.1) translateX(-5%)}}@keyframes colorCircle{0%{color:#fff}to{color:red}}@-webkit-keyframes colorCircle{0%{color:#fff}to{color:red}}@-moz-keyframes colorCircle{0%{color:#fff}to{color:red}}@-o-keyframes colorCircle{0%{color:#fff}to{color:red}}.csa .circle-1,.csa .circle-2,.csa .circle-3{color:#fff}@keyframes counter{0%{opacity:.9}to{opacity:1}}@-webkit-keyframes counter{0%{opacity:.9}to{opacity:1}}@-moz-keyframes counter{0%{opacity:.9}to{opacity:1}}@-o-keyframes counter{0%{opacity:.9}to{opacity:1}}.custom-story-animation__inner.black{background-color:#000}
/*# sourceMappingURL=/cdn/shop/t/661/assets/custom-story-animation.css.map */