.kaotik-sync-modes{--kaotik-sync-modes-bg: #f6f6f6;--kaotik-sync-modes-text: #333;--kaotik-sync-modes-accent: #00e6e6;--kaotik-sync-modes-max-width: 1720px;--kaotik-sync-modes-card-gap: 28px;position:relative;margin-block:var(--section-gap-top, 0) var(--section-gap-bottom, 0);padding:34px 20px 0;overflow:hidden;background:var(--kaotik-sync-modes-bg);color:var(--kaotik-sync-modes-text);font-family:var(--font-base, var(--font-body-family, sans-serif))}.kaotik-sync-modes__inner{width:min(100%,var(--kaotik-sync-modes-max-width));min-height:auto;margin:0 auto}.kaotik-sync-modes__header{position:relative;left:24px;max-width:840px;margin:0 auto 66px;text-align:center}.kaotik-sync-modes__eyebrow,.kaotik-sync-modes__heading,.kaotik-sync-modes__subheading{margin:0;font-family:var(--font-heading, var(--font-headline, var(--font-base, sans-serif)));font-weight:400;letter-spacing:0}.kaotik-sync-modes__eyebrow{margin-bottom:6px;color:var(--kaotik-sync-modes-accent);font-size:16px;line-height:21px;text-transform:uppercase}.kaotik-sync-modes__heading{color:var(--kaotik-sync-modes-text);font-size:32px;line-height:42px}.kaotik-sync-modes__subheading{max-width:683.455px;margin:15px auto 0;color:var(--kaotik-sync-modes-text);font-size:12px;line-height:16px}.kaotik-sync-modes__subheading :is(p,ul,ol),.kaotik-sync-modes__description :is(p,ul,ol){margin-block:0}.kaotik-sync-modes__grid{position:relative;left:-4.5px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch;gap:var(--kaotik-sync-modes-card-gap)}.kaotik-sync-modes__card{--kaotik-glass-frame-radius: 18px;position:relative;display:flex;width:100%;min-width:0;height:auto;aspect-ratio:409 / 502.025;container-type:inline-size;flex-direction:column;padding:0;color:var(--kaotik-sync-modes-text);transition:color .22s ease,box-shadow .26s ease}.kaotik-sync-modes .kaotik-sync-modes__card:is(:hover,:focus-within){--kaotik-glass-frame-shadow: var(--kaotik-glass-shadow-hover)}.kaotik-sync-modes__card:is(:hover,:focus-within){color:var(--kaotik-sync-modes-accent)}.kaotik-sync-modes__card:before,.kaotik-sync-modes__card:after{z-index:2}.kaotik-sync-modes__image-frame{--kaotik-glass-frame-radius: 18px 18px 0 0;--kaotik-glass-frame-bg: transparent;--kaotik-glass-frame-blur: 0px;--kaotik-glass-frame-shadow: none;position:relative;z-index:1;display:grid;width:100%;height:auto;aspect-ratio:409 / 356.049;flex:0 0 auto;overflow:hidden;border-radius:18px 18px 0 0;place-items:center}.kaotik-sync-modes__image-frame:before,.kaotik-sync-modes__image-frame:after{z-index:2}.kaotik-sync-modes__image-frame img{object-fit:contain}.kaotik-sync-modes__image{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;object-fit:contain}.kaotik-sync-modes__placeholder{display:block;width:min(68%,280px);height:auto;color:#00e6e62e}.kaotik-sync-modes__content{position:relative;z-index:3;display:flex;min-height:0;flex:1 1 auto;flex-direction:column;align-items:center;justify-content:flex-start;padding:calc(100cqw * 36.83 / 409) calc(100cqw * 20 / 409) 0;text-align:center}.kaotik-sync-modes__card-title{margin:0 0 calc(100cqw * 5 / 409);color:currentColor;font-family:var(--font-headline, "Krona One", sans-serif);font-size:calc(100cqw * 22 / 409);font-weight:400;line-height:calc(100cqw * 27.525 / 409)}.kaotik-sync-modes__description{max-width:calc(100cqw * 344 / 409);margin:0;color:currentColor;font-size:calc(100cqw * 14 / 409);font-weight:600;line-height:calc(100cqw * 18 / 409)}.kaotik-sync-modes__card:nth-child(2) .kaotik-sync-modes__description{max-width:calc(100cqw * 269.822 / 409)}.kaotik-sync-modes__card:nth-child(3) .kaotik-sync-modes__description{max-width:calc(100cqw * 361 / 409)}.kaotik-sync-modes__card:nth-child(4) .kaotik-sync-modes__description{max-width:calc(100cqw * 321 / 409)}.kaotik-sync-modes__empty{display:grid;min-height:420px;place-items:center;align-content:center;gap:12px;color:var(--kaotik-sync-modes-accent);text-align:center}.kaotik-sync-modes__empty .kaotik-sync-modes__placeholder{width:min(48vw,280px)}.kaotik-sync-modes__empty p{margin:0;color:var(--kaotik-sync-modes-text);font-size:12px}.kaotik-sync-modes__cta{position:relative;left:-11px;display:flex;justify-content:center;margin-top:52px}.kaotik-sync-modes .kaotik-sync-modes__cta-button{--kaotik-glass-width: 238px;--kaotik-glass-height: 43px;--kaotik-glass-radius: 28px;--kaotik-glass-left: 0px;--kaotik-glass-top: 0px;--kaotik-glass-label-offset-y: -1px;--kaotik-glass-text: #fff;width:238px;min-width:238px;height:43px;min-height:43px}.kaotik-sync-modes .kaotik-sync-modes__cta-button .kaotik-glass-button__surface{border-radius:22px}.kaotik-sync-modes .kaotik-sync-modes__cta-button:after{display:none}.kaotik-sync-modes .kaotik-sync-modes__cta-button .kaotik-glass-button__label{font-size:16px;font-weight:700}.kaotik-sync-modes .kaotik-sync-modes__cta-button:disabled{cursor:not-allowed;opacity:.55}@media(max-width:1199px){.kaotik-sync-modes{padding:64px 20px}.kaotik-sync-modes__inner{min-height:auto}.kaotik-sync-modes__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.kaotik-sync-modes__card{width:min(100%,409px);margin:0 auto}}@media(max-width:749px){.kaotik-sync-modes{min-height:487px;margin-block:var(--section-gap-top-mobile, var(--section-gap-top, 0)) var(--section-gap-bottom-mobile, var(--section-gap-bottom, 0));padding:0}.kaotik-sync-modes__inner{position:relative;width:100%;min-height:487px}.kaotik-sync-modes__header{position:absolute;top:0;left:50%;width:min(calc(100% - 101px),289px);max-width:none;height:101px;margin:0;transform:translate(-50%)}.kaotik-sync-modes__eyebrow{margin:0;font-size:22px;line-height:28px}.kaotik-sync-modes__heading{width:min(100%,275px);margin:5px auto 0;font-size:16px;line-height:20px}.kaotik-sync-modes__subheading{position:absolute;top:85px;left:50%;width:289px;margin:0;transform:translate(-50%);font-family:var(--font-base, sans-serif);font-size:8px;font-weight:600;line-height:10px}.kaotik-sync-modes__grid{position:absolute;top:136px;left:0;display:grid;box-sizing:border-box;width:100%;height:272px;grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:185px;gap:13px;margin:0;padding:0 10px;overflow-x:auto;overscroll-behavior-inline:contain;scroll-padding-inline:10px;scroll-snap-type:inline mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch}.kaotik-sync-modes__grid::-webkit-scrollbar{display:none}.kaotik-sync-modes__card{--kaotik-glass-frame-radius: 18px;width:185px;height:271px;min-height:0;margin:0;border-radius:18px;color:var(--kaotik-sync-modes-text);scroll-snap-align:start}.kaotik-sync-modes__card:is(:hover,:focus-within){color:var(--kaotik-sync-modes-text)}.kaotik-sync-modes__image-frame{width:100%;border-radius:18px 18px 0 0}.kaotik-sync-modes__placeholder{width:68%;max-height:130px}.kaotik-sync-modes__content{flex:0 0 109.6px;padding:16.7px 15px 0}.kaotik-sync-modes__card-title{margin-bottom:6px;font-family:var(--font-headline, "Krona One", sans-serif);font-size:12px;font-weight:400;line-height:15px}.kaotik-sync-modes__description{width:155px;max-width:none;font-size:10px;font-weight:600;line-height:12px}.kaotik-sync-modes__card:nth-child(2) .kaotik-sync-modes__description{width:122px;max-width:none}.kaotik-sync-modes__card:nth-child(3) .kaotik-sync-modes__description{width:164px;max-width:none}.kaotik-sync-modes__card:nth-child(4) .kaotik-sync-modes__description{width:146px;max-width:none}.kaotik-sync-modes__cta{position:absolute;top:455px;left:calc(50% + 2px);width:162px;height:32px;margin:0;transform:translate(-50%)}.kaotik-sync-modes .kaotik-sync-modes__cta-button{--kaotik-glass-width: 162px;--kaotik-glass-height: 32px;--kaotik-glass-radius: 22px;--kaotik-glass-left: 0;--kaotik-glass-top: 0;--kaotik-glass-label-offset-y: 0;width:162px;min-width:162px;height:32px;min-height:32px}.kaotik-sync-modes .kaotik-sync-modes__cta-button .kaotik-glass-button__label{font-size:12px;line-height:15px}.kaotik-sync-modes__empty{position:absolute;top:136px;right:20px;bottom:55px;left:20px;min-height:0}}@media(prefers-reduced-motion:reduce){.kaotik-sync-modes__card{transition:none}.kaotik-sync-modes__grid{scroll-behavior:auto}}.kaotik-sync-modes__card:nth-child(1) .kaotik-sync-modes__image{transform:translate(-3.18%,-8.99%) scale(.83)}.kaotik-sync-modes__card:nth-child(3) .kaotik-sync-modes__image{transform:translate(-2.445%,3.09%) scale(1.05)}.kaotik-sync-modes__long-distance-artwork{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.kaotik-sync-modes__phone-hand{position:absolute;top:9.23%;left:21.72%;width:59.08%;height:97.25%;max-width:none}.kaotik-sync-modes__app-icon{position:absolute;display:block;overflow:hidden}.kaotik-sync-modes__app-icon img{position:absolute;display:block;max-width:none}.kaotik-sync-modes__app-icon--control-link{left:15.22%;top:15.31%;width:16.77%;height:18.91%}.kaotik-sync-modes__app-icon--control-link img{left:-11.37%;top:-13.14%;width:231.21%;height:239.22%}.kaotik-sync-modes__app-icon--two-person{left:71.56%;top:16%;width:15.46%;height:17.44%}.kaotik-sync-modes__app-icon--two-person img{left:-117.52%;top:-11.82%;width:228.57%;height:236.43%}.kaotik-sync-modes__app-icon--game-mode{left:11.65%;top:48.67%;width:16.6%;height:18.2%}.kaotik-sync-modes__app-icon--game-mode img{left:-115.7%;top:-122.31%;width:224.3%;height:238.75%}.kaotik-sync-modes__app-icon--multiplayer{left:78.39%;top:53.93%;width:16.14%;height:18.73%}.kaotik-sync-modes__app-icon--multiplayer img{left:-12.05%;top:-116.82%;width:229.45%;height:230.62%}.kaotik-sync-modes__video-artwork{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.kaotik-sync-modes__video-screen{position:absolute;left:13.43%;top:28.51%;width:60.545%;height:44.23%;object-fit:contain;border-radius:4px;filter:blur(4px)}.kaotik-sync-modes__laptop-frame{position:absolute;left:6.145%;top:0;width:75.085%;height:95.427%;max-width:none;filter:drop-shadow(0 2px 4px rgb(0 0 0 / 30%))}.kaotik-sync-modes__video-phone{position:absolute;left:67.51%;top:34.33%;width:20.435%;height:44.819%;transform:rotate(-.62deg) skew(.06deg)}.kaotik-sync-modes__phone-screen{position:absolute;left:2.94%;top:1.88%;width:91.59%;height:96.89%;border-radius:12px}.kaotik-sync-modes__phone-frame{position:absolute;left:1.13%;top:.28%;width:97.73%;height:99.45%}
/*# sourceMappingURL=/cdn/shop/t/66/assets/section-kaotik-sync-modes.css.map */