.process{display:flex;flex-direction:column;align-items:center;gap:24px;padding:184px 0 84px}.process--surface-edge{padding-bottom:0}.process__intro{display:flex;flex-direction:column;gap:16px;width:min(706px,100% - 32px);text-align:center}.process__text{font-size:17px;line-height:1.45;color:var(--color-text-muted);text-shadow:var(--text-shadow-sm)}.process__frame{--u: calc(min(100cqw, 1440px) / 1440);position:relative;width:100%;overflow:hidden;container-type:inline-size}.process__stage{position:relative;width:100%;overflow:hidden}.process__background{height:calc(100% + 4px)}.process__stage:before{content:"";position:absolute;top:0;left:0;right:0;height:42.5%;z-index:1;background:linear-gradient(to bottom,var(--color-bg),rgba(22,25,30,0));pointer-events:none}.process__canvas{--u: calc(100cqw / 1440);position:relative;z-index:2;max-width:1440px;margin:0 auto;aspect-ratio:1440 / 800;container-type:inline-size}.process__item{position:absolute;left:calc(var(--x) * var(--u));top:calc(var(--y) * var(--u));width:calc(var(--w) * var(--u));height:calc(var(--h) * var(--u));transform:rotate(var(--r, 0deg));filter:var(--shadow-value);will-change:transform}.process__item--framed{border:calc(8 * var(--u)) solid var(--color-white);background:var(--color-white);filter:none;box-shadow:-5px 7px 10px #0000003d,-20px 29px 18px #0003,-45px 66px 24px #0000001f,-80px 118px 28px #0000000a}.process__item--framed .media-fill{position:static}.process__item--typing{--x: 975.63;--y: 115.46;--w: 302.08;--h: 201.38;--r: -.94deg}.process__item--screenshot{--x: 850.81;--y: 398.75;--w: 449.85;--h: 336.6;--r: 3.86deg}.process__item--video-1{--x: 90.78;--y: 103.37;--w: 420;--h: 283.34;--r: 2.89deg}.process__item--sketch-1{--x: 333.26;--y: 339.64;--w: 252.98;--h: 325.38;--r: 7.24deg}.process__item--sketch-2{--x: 185.96;--y: 441.94;--w: 265.05;--h: 340.9;--r: -8.2deg}.process__item--note{--x: 48.94;--y: 345.43;--w: 232.58;--h: 228;--r: -11.21deg;filter:none}.process__item--video-2{--x: 582.22;--y: 155.14;--w: 274.91;--h: 488.73;--r: -4.62deg}.process__item--proof{--x: 1099;--y: 123;--w: 492.04;--h: 696;filter:drop-shadow(0 calc(38 * var(--u)) calc(42 * var(--u)) rgba(0,0,0,.1)) drop-shadow(0 calc(154 * var(--u)) calc(77 * var(--u)) rgba(0,0,0,.09)) drop-shadow(0 calc(346 * var(--u)) calc(104 * var(--u)) rgba(0,0,0,.05))}.process__play{position:absolute;top:50%;left:50%;width:calc(54 * var(--u));height:calc(54 * var(--u));transform:translate(-50%,-50%)}.process__edge{position:absolute;left:50%;top:calc(677 * var(--u));z-index:3;width:max(calc(1710 * var(--u)),calc(100% + 270px));height:calc(254.5 * var(--u));background:var(--color-bg);-webkit-mask:url(process-edge.svg) center / 100% 100% no-repeat;mask:url(process-edge.svg) center / 100% 100% no-repeat;transform:translate(-50%);pointer-events:none}.process--surface-edge .process__edge{background:var(--color-surface-alt)}@media(max-width:989px){.process{padding-top:120px}}@media(max-width:749px){.process{padding:100px 0 40px}.process--surface-edge{padding-bottom:0}.process__frame{--u: .625px }.process__stage{overflow-x:auto;scrollbar-width:none}.process__stage::-webkit-scrollbar{display:none}.process__canvas,.process__background{width:900px;max-width:none}.process__canvas{overflow-x:clip}.process__stage:before{right:auto;width:900px}}
/*# sourceMappingURL=/cdn/shop/t/52/assets/section-process-gallery.css.map */