@keyframes writeErase{0%{stroke-width:1;stroke-dasharray:0 101;animation-timing-function:cubic-bezier(.215,.61,.355,1)}50%{stroke-width:2.8;stroke-dasharray:101 0;animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{stroke-width:1;stroke-dasharray:0 -100}}.app-features-section{position:relative;overflow:hidden;margin-bottom:5px;--badge-width: 120px;--badge-height: 120px}@media screen and (min-width: 1024px){.app-features-section{padding-top:80px;padding-bottom:80px}}.app-features-section .app-features-header{padding-left:24px;padding-right:24px;margin-left:auto;margin-right:auto}@media screen and (min-width: 640px){.app-features-section .app-features-header{max-width:640px;padding-left:40px;padding-right:40px}}@media screen and (min-width: 768px){.app-features-section .app-features-header{max-width:768px}}@media screen and (min-width: 1024px){.app-features-section .app-features-header{max-width:1024px}}@media screen and (min-width: 1376px){.app-features-section .app-features-header{max-width:1376px}}.app-features-section .container{padding-left:0;padding-right:0;width:100%;max-width:unset}.app-features-section .app-features-title{margin-bottom:1rem;font-size:56px}.app-features-section .app-features-description{font-size:18px;color:var(--color-text, #333);margin:0 auto}.app-features-section .app-features-grid{display:flex;gap:80px;justify-content:center;flex-wrap:wrap;margin-top:2rem;overflow:hidden;padding-top:90px;padding-bottom:90px}.app-features-section .app-screen-block{position:relative;display:flex;align-items:center;justify-content:center;padding-top:5px;padding-bottom:50px;width:196px!important;flex-shrink:0}@media (min-width: 1024px){.app-features-section .app-screen-block{width:240px!important}}.app-features-section .app-screen-block-slide{width:auto!important;flex-shrink:0}.app-features-section .app-screenshot-placeholder{width:100%;height:100%;background:#1f2937;display:flex;align-items:center;justify-content:center;color:#9ca3af}.app-features-section .placeholder-content{text-align:center}.app-features-section .placeholder-content p{margin-top:8px;font-size:12px;font-weight:500}.app-features-section .app-features-carousel-wrapper{position:relative;padding-top:120px;overflow:hidden;padding-bottom:70px}.app-features-section .swiper{width:100%;height:100%;padding:0;overflow:visible}.app-features-section .swiper-wrapper{align-items:center}.app-features-section .swiper-slide{width:auto;height:auto;display:flex;justify-content:center;align-items:center;flex-shrink:0}.app-features-section .swiper-button-next,.app-features-section .swiper-button-prev{color:var(--color-foreground);background:#ffffffe6;border-radius:50%;width:44px;height:44px;margin-top:-22px}.app-features-section .swiper-button-next:after,.app-features-section .swiper-button-prev:after{font-size:18px}.app-features-section .swiper-pagination{position:relative;margin-top:30px}.app-features-section .swiper-pagination-bullet{background:var(--color-foreground);opacity:.3}.app-features-section .swiper-pagination-bullet-active{opacity:1;background:var(--color-badge-background)}.app-features-section .swiper-slide{width:auto;flex-shrink:0}.app-features-section .app-feature-badge{position:absolute;z-index:10;pointer-events:none;width:var(--badge-width);height:var(--badge-height)}.app-features-section .app-feature-badge-container{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden}.app-features-section .badge--top-right{top:-25px;right:-25px}.app-features-section .badge--bottom-right{bottom:-45px;right:-25px}.app-features-section .badge--center-right{top:calc(50% - 45px);right:-50px}.app-features-section .badge--center-left{top:calc(50% - 45px);left:-50px}.app-features-section .badge-background{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;color:var(--color-badge-background)}.app-features-section .badge-background svg{width:100%;height:100%;object-fit:cover}.app-features-section .badge-image{position:relative;z-index:2;width:100%;height:100%;object-fit:contain;transform:rotate(20deg)}.app-features-section .badge--animated .badge-background{animation:badge-pulse 2.5s ease-in-out infinite}.app-features-section .group-svg-active svg{shape-rendering:geometricPrecision;display:block;height:auto;margin:auto;max-width:100%}.app-features-section .group-svg-active svg path{--L: 101;stroke-dasharray:101;stroke-dashoffset:var(--L);vector-effect:non-scaling-stroke;animation-delay:1s}.app-features-section .app-screen-block{transform-origin:center;transition:transform 1s cubic-bezier(.17,.67,.54,.95)}.app-features-section .swiper-slide-active .device-screen:after,.app-features-section .swiper-slide-active .device-screen:before{opacity:1}.app-features-section .swiper-slide .app-screen-block{transform:scale(1);transform-origin:center;transition:transform 1s cubic-bezier(.17,.67,.54,.95)}.app-features-section .group-svg-top{top:-32px;right:-32px}.app-features-section .group-svg-bottom{left:-32px;bottom:-32px}.app-features-section .swiper-slide-active .app-screen-block{transform:scale(1.2)}.app-features-section .swiper-slide-active .group-svg-active svg path{animation:writeErase .6s linear forwards .7s}.app-features-section .group-svg-active{position:absolute}.app-features-section .swiper-slide-active .group-svg-top{transform:translate(0) rotate(-38deg) skew(0) skewY(0) scaleX(1) scaleY(1)}.app-features-section .swiper-slide-active .group-svg-bottom{transform:translate(0) rotate(-38deg) skew(0) skewY(0) scaleX(-1) scaleY(1)}@keyframes badge-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@media screen and (max-width: 1023.98px){.section-app-features .app-features-section{padding-bottom:10px;padding-top:10px}}@media (prefers-reduced-motion: reduce){.app-features-section .badge--animated .badge-background{animation:none}.app-features-section .group-svg-active svg path{animation:none}.app-features-section .swiper-slide .app-screen-block{transition:none}.app-features-section .swiper-slide-active .app-screen-block{transform:none}}.app-features-section .mobile-device-frame{position:relative;width:100%;height:auto;background:var(--color-text, #333);border-radius:40px;padding:4px;box-shadow:0 20px 40px -5px #00000080,0 8px 10px -6px #00000080;margin:0 auto}.app-features-section .device-screen{width:100%;height:100%;border-radius:40px;background:#000;position:relative}.app-features-section .device-screen img{width:100%;height:100%;object-fit:cover;border-radius:36px}@media (max-width: 1023px){.app-features-section .app-features-carousel-wrapper{padding-top:90px}.app-features-section .app-features-title{font-size:40px}.app-features-section .mobile-device-frame{width:80vw}.app-features-section .swiper-button-next,.app-features-section .swiper-button-prev{display:none}}@media (min-width: 768px) and (max-width: 1023px){.app-features-section .mobile-device-frame{width:250px}}.swiper-slide-next:has(.badge--center-left),.swiper-slide-prev:has(.badge--center-left){z-index:4}@media (max-width: 768px){.app-features-section .badge--center-right{right:-30px}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/app-features.css.map */