.app-screenshots{position:relative;overflow:hidden}.app-screenshots__gradient{pointer-events:none;position:absolute;top:0;left:50%;z-index:0;height:100%;width:100%;max-width:2000px;--tw-translate-x: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));-webkit-user-select:none;-moz-user-select:none;user-select:none;--h: 61.67;--s: 39.13%;--l: 18.04%;background:radial-gradient(circle at 51% 47%,hsl(var(--h),var(--s),var(--l)),hsla(var(--h),var(--s),var(--l),.987) 4%,hsla(var(--h),var(--s),var(--l),.951) 9%,hsla(var(--h),var(--s),var(--l),.896) 12%,hsla(var(--h),var(--s),var(--l),.825) 16%,hsla(var(--h),var(--s),var(--l),.741),hsla(var(--h),var(--s),var(--l),.648) 22%,hsla(var(--h),var(--s),var(--l),.55) 26%,hsla(var(--h),var(--s),var(--l),.45) 29%,hsla(var(--h),var(--s),var(--l),.352) 33%,hsla(var(--h),var(--s),var(--l),.259),hsla(var(--h),var(--s),var(--l),.175) 43%,hsla(var(--h),var(--s),var(--l),.104) 46%,hsla(var(--h),var(--s),var(--l),.049) 50%,hsla(var(--h),var(--s),var(--l),.013) 56%,hsla(var(--h),var(--s),var(--l),0) 60%);-webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,0),#000 50px);mask-image:linear-gradient(to bottom,#0000,#000 50px)}.app-screenshots__gradient--2{--h: 3.9;--s: 41.6%;--l: 36.3%}.app-screenshots__gradient--3{--h: 236.5;--s: 15.3%;--l: 21.8%}.app-screenshots__controls{display:flex;flex-wrap:wrap;justify-content:center;gap:1.25rem;position:sticky;top:6rem;padding-bottom:2rem}.app-screenshots__controls__container{position:relative;margin-top:1.5rem}@media (min-width: 1024px){.app-screenshots__controls__container{margin-top:3rem}}.app-screenshots__controls__container{min-height:7rem;grid-area:controls}@media (min-width: 1024px){.app-screenshots__controls__container{min-height:11rem}}.app-screenshots__control{border-radius:9999px;font-size:.75rem;line-height:.75rem;cursor:pointer;padding:.75rem 1rem}@media (min-width: 768px){.app-screenshots__control{padding:1rem 2rem}}.app-screenshots__control{border-width:1px;--tw-border-opacity: 1;border-color:rgb(214 212 205 / var(--tw-border-opacity, 1));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.5s;background:var(--color-background);color:var(--color-foreground)}.app-screenshots__control:not(.active):hover{border-color:var(--color-foreground)}.app-screenshots__control.active{cursor:default;border-color:var(--color-foreground);background:var(--color-foreground);color:var(--color-background)}.app-screenshots__main{position:relative;margin-left:auto;margin-right:auto;width:100%;grid-area:main}.app-screenshots__phone-bg{pointer-events:none;position:absolute;top:0;left:50%;--tw-translate-x: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));-webkit-user-select:none;-moz-user-select:none;user-select:none;background-color:#211f21bf;aspect-ratio:375/796;margin-top:min(1.6%,12px);height:68%;-webkit-mask:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20fill='%23fff'%20viewBox='0%200%20149%20320'%3e%3cpath%20d='M126.5%201.5C119%201.5%2033.5%201%2020%201S1%2011.5%201%2018.5.5%20291%20.5%20300.5%206.68%20319%2019%20319h109c8.34%200%2018.5-4.5%2018.5-18S148%2037%20148%2019c0-15-14-17.5-21.5-17.5Z'/%3e%3c/svg%3e") no-repeat top;mask:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20fill='%23fff'%20viewBox='0%200%20149%20320'%3e%3cpath%20d='M126.5%201.5C119%201.5%2033.5%201%2020%201S1%2011.5%201%2018.5.5%20291%20.5%20300.5%206.68%20319%2019%20319h109c8.34%200%2018.5-4.5%2018.5-18S148%2037%20148%2019c0-15-14-17.5-21.5-17.5Z'/%3e%3c/svg%3e") no-repeat top}.app-screenshots__hand{position:relative;margin-left:auto;margin-right:auto;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;aspect-ratio:1 / 1;width:150%;transform:translate(-17%);margin-bottom:-1px;-webkit-mask:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%202731%202731'%3e%3cpath%20fill='%23fff'%20d='M2731%200H0v2731h2731V0ZM1055.72%2052.82l621.46%202.93c55.65-.34%20110.44%2030.12%20110.3%20100.37l-7.4%201603.64c-1.27%2078.05-36.72%20111.5-109.79%20111.58l-610.85.96c-70.17-.53-115.5-40.8-116.18-102.35l4.96-1634.61c.95-28.65%2033.86-82.6%20107.5-82.52Z'/%3e%3c/svg%3e") no-repeat top;mask:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%202731%202731'%3e%3cpath%20fill='%23fff'%20d='M2731%200H0v2731h2731V0ZM1055.72%2052.82l621.46%202.93c55.65-.34%20110.44%2030.12%20110.3%20100.37l-7.4%201603.64c-1.27%2078.05-36.72%20111.5-109.79%20111.58l-610.85.96c-70.17-.53-115.5-40.8-116.18-102.35l4.96-1634.61c.95-28.65%2033.86-82.6%20107.5-82.52Z'/%3e%3c/svg%3e") no-repeat top;z-index:4}@media (min-width: 450px){.app-screenshots__hand{width:100%;--tw-translate-x: 0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));max-width:clamp(600px,100vmin,1152px)}}.app-screenshots__screenshots{position:absolute;top:0;left:50%;display:flex;--tw-translate-x: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));gap:2.5rem}@media (min-width: 1024px){.app-screenshots__screenshots{gap:5rem}}.app-screenshots__screenshots{overflow:hidden;margin-top:min(1.6%,15px);padding-inline:50%;width:100%;height:calc(67.5% + 20px);padding-bottom:20px;clip-path:inset(0 0 20px 0);z-index:2}.app-screenshots__screenshots--scroll{overflow-x:auto;overflow-y:hidden;scroll-snap-type:x var(--tw-scroll-snap-strictness);--tw-scroll-snap-strictness: mandatory}.app-screenshots__screenshot{height:100%;flex-shrink:0;--tw-translate-x: -50%;scroll-snap-align:center;overflow:hidden;--tw-scale-x: .9;--tw-scale-y: .9;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));cursor:pointer;opacity:.4}@media (prefers-reduced-motion: no-preference){.app-screenshots__screenshot{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.5s}}.app-screenshots__screenshot{aspect-ratio:375/796;-webkit-mask:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20fill='%23fff'%20viewBox='0%200%20149%20320'%3e%3cpath%20d='M126.5%201.5C119%201.5%2033.5%201%2020%201S1%2011.5%201%2018.5.5%20291%20.5%20300.5%206.68%20319%2019%20319h109c8.34%200%2018.5-4.5%2018.5-18S148%2037%20148%2019c0-15-14-17.5-21.5-17.5Z'/%3e%3c/svg%3e") no-repeat top;mask:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20fill='%23fff'%20viewBox='0%200%20149%20320'%3e%3cpath%20d='M126.5%201.5C119%201.5%2033.5%201%2020%201S1%2011.5%201%2018.5.5%20291%20.5%20300.5%206.68%20319%2019%20319h109c8.34%200%2018.5-4.5%2018.5-18S148%2037%20148%2019c0-15-14-17.5-21.5-17.5Z'/%3e%3c/svg%3e") no-repeat top;container-type:inline-size}.app-screenshots__screenshot--scroll{overflow-y:auto}.app-screenshots__screenshot--scroll:not(.active){overflow:hidden}.app-screenshots__screenshot__image{pointer-events:none;width:100%;-webkit-user-select:none;-moz-user-select:none;user-select:none}.app-screenshots__screenshot.active{--tw-scale-x: 1;--tw-scale-y: 1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));cursor:default;opacity:1}