.sx27{--sx-base: #0c0c0e;--sx-cur: #2fd08a;--sx-bg: color-mix(in srgb, var(--sx-cur) 58%, var(--sx-base));--sx-ink: #fff;--sx-muted: rgba(255, 255, 255, .72);--sx-line: rgba(255, 255, 255, .18);--sx-dark: #202020;--sx-accent: #bffd5d;--sx-ball: #e4f94a;--sx-dir: 1;--sx-ease: cubic-bezier(.2, .8, .2, 1);--sx-spring: cubic-bezier(.34, 1.56, .64, 1);position:relative;display:block;overflow:hidden;isolation:isolate;background:var(--sx-base);color:var(--sx-ink);font-family:var(--font-body-family, "Poppins", sans-serif);-webkit-font-smoothing:antialiased}.sx27 *,.sx27 *:before,.sx27 *:after{box-sizing:border-box}:where(.sx27) :where(h2,h3,p,ul){margin:0;padding:0}.sx27 button{font-family:inherit;color:inherit}.sx27 img{-webkit-user-drag:none}.sx27 :focus-visible{outline:2px solid var(--sx-accent);outline-offset:3px}.sx27__bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;overflow:hidden;background:radial-gradient(120% 90% at 75% 45%,color-mix(in srgb,var(--sx-cur) 78%,var(--sx-base)) 0%,transparent 60%),var(--sx-bg);transition:background-color .2s}.sx27__blob{position:absolute;border-radius:50%;filter:blur(70px);opacity:.75;transition:background 1s ease}.sx27__blob--a{width:55vw;height:55vw;right:-10vw;top:-20vw;background:color-mix(in srgb,var(--sx-cur) 70%,#fff);opacity:.45;animation:sx27-drift-a 14s ease-in-out infinite alternate}.sx27__blob--b{width:45vw;height:45vw;left:-15vw;bottom:-25vw;background:color-mix(in srgb,var(--sx-cur) 60%,#000);animation:sx27-drift-b 18s ease-in-out infinite alternate}@keyframes sx27-drift-a{to{transform:translate(-12vw,10vw) scale(1.15)}}@keyframes sx27-drift-b{to{transform:translate(14vw,-8vw) scale(.9)}}.sx27__sweep{position:absolute;top:-10%;bottom:-10%;left:-25%;width:150%;background:linear-gradient(90deg,transparent 0,var(--sx-accent) 0 1.2%,color-mix(in srgb,var(--sx-next, var(--sx-cur)) 58%,var(--sx-base)) 1.2% 98.8%,var(--sx-accent) 98.8% 100%);transform:translate(calc(var(--sx-dir) * -110%)) skew(-18deg);visibility:hidden}.sx27__sweep.go{visibility:visible;animation:sx27-sweep .9s cubic-bezier(.7,0,.3,1) forwards}@keyframes sx27-sweep{0%{transform:translate(calc(var(--sx-dir) * -110%)) skew(-18deg)}to{transform:translate(calc(var(--sx-dir) * 110%)) skew(-18deg)}}.sx27__grain{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.18;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.sx27__wrap{position:relative;display:grid;grid-template-rows:auto 1fr auto;gap:clamp(12px,2vw,24px);max-width:1400px;margin:0 auto;padding:clamp(32px,4vw,56px) clamp(16px,4vw,56px) clamp(24px,3vw,40px);touch-action:pan-y}.sx27__top{display:flex;align-items:flex-end;justify-content:space-between;gap:24px}.sx27__eyebrow{display:inline-block;margin-bottom:14px;padding:6px 12px;border-radius:100px;background:var(--sx-dark);color:var(--sx-accent);font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.sx27__title{font-size:clamp(26px,3vw,44px);line-height:1.05;font-weight:600;letter-spacing:-.02em;max-width:18ch}.sx27__intro{max-width:34ch;font-size:15px;line-height:1.6;color:var(--sx-muted)}.sx27__stage{position:relative;display:grid;grid-template-columns:minmax(0,1fr)}.sx27__step{grid-area:1 / 1;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:clamp(20px,4vw,64px);visibility:hidden;pointer-events:none;transition:visibility 0s linear .6s}.sx27__step.is-on{visibility:visible;pointer-events:auto;transition:none}.sx27__visual{position:relative;order:2;display:grid;grid-template-rows:100%;grid-template-columns:100%;place-items:center;height:clamp(420px,calc(100vh - 300px),620px);container-type:size}.sx27__giant{position:absolute;right:-.08em;top:50%;z-index:0;font-size:min(9vw,calc(clamp(420px,calc(100vh - 300px),620px) / (var(--len, 6) * .68)));font-weight:800;line-height:.8;letter-spacing:-.04em;text-transform:uppercase;white-space:nowrap;color:#fff;opacity:0;writing-mode:vertical-rl;transform:translateY(calc(-50% + var(--sx-dir) * 30%)) rotate(180deg);transition:transform .9s var(--sx-ease),opacity .5s ease;pointer-events:none}.is-on .sx27__giant{opacity:.1;transform:translateY(-50%) rotate(180deg)}.sx27__ball{grid-area:1 / 1;position:relative;z-index:1;width:min(72cqw,72cqh);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 30% 25%,#ffffff59,#ffffff0f 60%);border:1px solid rgba(255,255,255,.3);color:#ffffff80;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);box-shadow:inset 0 0 60px #ffffff1f,0 40px 80px -30px #00000080;transform:scale(.3);opacity:0;transition:transform .4s ease,opacity .3s ease}.is-on .sx27__ball{transform:scale(1);opacity:1;transition:transform .9s var(--sx-spring),opacity .4s ease}.sx27__seam{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;transform:rotate(calc(var(--sx-dir) * -90deg));transition:transform 1.4s var(--sx-ease)}.is-on .sx27__seam{transform:rotate(0)}.sx27__racket{grid-area:1 / 1;position:relative;z-index:2;display:grid;grid-template-rows:100%;grid-template-columns:100%;place-items:center;height:100%;width:100%;min-height:0;transform:translateY(var(--sx-lift, 0px));transition:transform .3s ease-out}.sx27__pic{grid-area:1 / 1;display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;filter:drop-shadow(0 30px 34px rgba(0,0,0,.45));opacity:0;transform-origin:50% 95%;transform:rotate(calc(var(--sx-dir) * 28deg)) translateY(8%);transition:transform .5s ease,opacity .35s ease}.is-on .sx27__pic.is-shown{opacity:1;transform:rotate(-6deg);transition:transform 1s var(--sx-spring) .25s,opacity .4s ease .25s}.is-on .sx27__pic:not(.is-shown){transform:rotate(-6deg) translate(30%) scale(.9)}.sx27__info{position:relative;z-index:2;order:1;max-width:480px}.sx27__info>*{opacity:0;transform:translateY(18px);transition:transform .3s ease,opacity .25s ease}.is-on .sx27__info>*{opacity:1;transform:none;transition:transform .7s var(--sx-ease) .2s,opacity .5s ease .2s}.is-on .sx27__info>:nth-child(2){transition-delay:.25s}.is-on .sx27__info>:nth-child(3){transition-delay:.3s}.is-on .sx27__info>:nth-child(4){transition-delay:.35s}.is-on .sx27__info>:nth-child(5){transition-delay:.4s}.is-on .sx27__info>:nth-child(6){transition-delay:.45s}.is-on .sx27__info>:nth-child(7){transition-delay:.5s}.sx27__idx{display:flex;align-items:center;gap:10px;margin-bottom:14px;font-size:13px;font-weight:500;color:var(--sx-muted);font-variant-numeric:tabular-nums}.sx27__idx span{color:var(--sx-ink);font-weight:700}.sx27__idx i{position:relative;display:block;width:48px;height:2px;background:var(--sx-line);overflow:hidden}.sx27__idx i:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--sx-accent);transform:scaleX(0);transform-origin:left}.is-on .sx27__idx i:after{transform:scaleX(1);transition:transform .8s var(--sx-ease) .3s}.sx27.is-autoplay .is-on .sx27__idx i:after{transform:scaleX(var(--sx-ap, 0));transition:none}.sx27__name{overflow:hidden;font-size:clamp(48px,5.6vw,84px);line-height:.95;font-weight:700;letter-spacing:-.03em;text-transform:uppercase}.sx27__name span{display:inline-block;transform:translateY(105%);transition:transform .3s ease}.is-on .sx27__name span{transform:none;transition:transform .8s var(--sx-ease) .25s}.sx27__player{display:flex;align-items:center;gap:10px;margin-top:10px;font-size:16px;font-weight:500}.sx27__player:before{content:"";width:10px;height:10px;border-radius:50%;background:var(--sx-accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--sx-accent) 25%,transparent)}.sx27__text{margin-top:14px;font-size:15px;line-height:1.65;color:var(--sx-muted)}.sx27__specs{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px;list-style:none}.sx27__specs li{display:flex;flex-direction:column;gap:2px;padding:9px 13px;border:1px solid var(--sx-line);background:#ffffff14;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);font-size:13px;font-weight:600}.sx27__specs small{font-size:10px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--sx-muted)}.sx27__meter{margin-top:22px;max-width:420px}.sx27__meter-head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:10px;font-size:11px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--sx-muted)}.sx27__meter-num{letter-spacing:0;font-size:14px;font-variant-numeric:tabular-nums}.sx27__meter-num b{font-size:30px;font-weight:700;color:var(--sx-ink)}.sx27__court{--pos: calc(var(--h) * 10%);position:relative;height:30px;border:2px solid rgba(255,255,255,.55);background:linear-gradient(#fff6,#fff6) center / 100% 1px no-repeat,#00000038}.sx27__court-fill{position:absolute;left:0;top:0;bottom:0;width:0;background:linear-gradient(90deg,color-mix(in srgb,var(--sx-accent) 25%,transparent),var(--sx-accent));opacity:.85}.is-on .sx27__court-fill{width:var(--pos);transition:width 1.3s cubic-bezier(.25,.9,.3,1) .5s}.sx27__court-line{position:absolute;top:0;bottom:0;left:calc(var(--p) * 10%);width:1px;background:#ffffff59}.sx27__court-line.is-past{background:#20202059}.sx27__court-net{top:-8px;bottom:-8px;width:4px;margin-left:-2px;background:repeating-linear-gradient(0deg,rgba(255,255,255,.9) 0 2px,transparent 2px 4px),#fff3;border-radius:2px}.sx27__court-net.is-past{background:repeating-linear-gradient(0deg,rgba(255,255,255,.9) 0 2px,transparent 2px 4px),#fff3}.sx27__padel-ball{position:absolute;top:50%;left:0;z-index:2;width:26px;height:26px;margin:-13px 0 0 -13px;filter:drop-shadow(0 4px 4px rgba(0,0,0,.35))}.sx27__padel-ball svg{display:block;width:100%;height:100%}.sx27__padel-ball circle{fill:var(--sx-ball)}.sx27__padel-ball path{fill:none;stroke:#fff;stroke-width:2.4;stroke-linecap:round}.is-on .sx27__padel-ball{left:var(--pos);transition:left 1.3s cubic-bezier(.25,.9,.3,1) .5s;animation:sx27-land .5s ease-out 1.75s}.is-on .sx27__padel-ball svg{transform:rotate(calc(var(--h) * 120deg));transition:transform 1.3s cubic-bezier(.25,.9,.3,1) .5s}@keyframes sx27-land{0%,to{translate:0 0}35%{translate:0 -12px}65%{translate:0 0}80%{translate:0 -4px}}.sx27__meter-scale{display:flex;justify-content:space-between;margin-top:8px;font-size:11px;color:var(--sx-muted)}.sx27__actions{display:flex;flex-wrap:wrap;align-items:center;gap:16px;margin-top:24px}.sx27__cta{display:inline-flex;align-items:center;gap:10px;padding:14px 24px;border-radius:100px;background:var(--sx-accent);color:var(--sx-dark);font-size:14px;font-weight:600;text-decoration:none;transition:background .25s,color .25s,transform .25s var(--sx-ease),box-shadow .25s}.sx27__cta svg{transition:transform .25s var(--sx-ease)}.sx27__cta:hover{transform:translateY(-2px);box-shadow:0 12px 24px -10px #00000080}.sx27__cta:hover svg{transform:translate(4px)}.sx27__swatches{display:flex;gap:8px}.sx27__swatches button{-webkit-appearance:none;appearance:none;display:flex;align-items:center;gap:8px;padding:6px 12px 6px 6px;border:1px solid var(--sx-line);border-radius:100px;background:#0003;font-size:12px;font-weight:500;cursor:pointer;transition:border-color .2s,background .2s}.sx27__swatches button:before{content:"";width:20px;height:20px;border-radius:50%;background:var(--sw);box-shadow:inset 0 0 0 1px #fff6}.sx27__swatches button[aria-pressed=true]{border-color:#fff;background:#00000059}.sx27__scale{display:flex;align-items:center;gap:16px}.sx27__scale-end{flex:none;font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--sx-muted)}.sx27__track{position:relative;flex:1;display:grid;grid-template-columns:repeat(var(--sx-n),1fr)}.sx27__rail{position:absolute;left:calc(50% / var(--sx-n));right:calc(50% / var(--sx-n));top:19px;height:6px;background:linear-gradient(90deg,#ffffff40,#fff);clip-path:polygon(0 40%,100% 0,100% 100%,0 60%)}.sx27__thumb{position:absolute;top:6px;left:calc((var(--sx-i, 0) + .5) / var(--sx-n) * 100%);width:32px;height:32px;margin-left:-16px;border-radius:50%;background:var(--sx-accent);box-shadow:0 0 0 6px color-mix(in srgb,var(--sx-accent) 35%,transparent),0 6px 16px #0000004d;transition:left .8s var(--sx-spring)}.sx27__node{-webkit-appearance:none;appearance:none;position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 2px 0;border:0;background:none;cursor:pointer}.sx27__node-dot{position:relative;z-index:1;width:14px;height:14px;border-radius:50%;background:var(--c);border:2px solid #fff;transition:transform .3s var(--sx-spring)}.sx27__node:hover .sx27__node-dot{transform:scale(1.35)}.sx27__node-name{margin-top:6px;font-size:13px;font-weight:500;color:var(--sx-muted);transition:color .3s}.sx27__node-h{font-size:11px;font-weight:600;color:var(--sx-muted);opacity:.7}.sx27__node[aria-current=true] .sx27__node-name{color:var(--sx-ink);font-weight:700}@media(max-width:749px){.sx27__wrap{padding-top:40px;gap:18px}.sx27__top{order:-2;flex-direction:column;align-items:flex-start;gap:10px}.sx27__scale{order:-1;gap:6px}.sx27__scale-end{display:none}.sx27__node-name,.sx27__node-h{font-size:10px}.sx27__step{grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto;align-items:start;gap:8px}.sx27__visual{order:1;height:46vh;max-height:380px}.sx27__info{order:2}.sx27__giant{font-size:min(18vw,calc(46vh / (var(--len, 6) * .68)))}.sx27__blob--a{width:120vw;height:120vw}.sx27__blob--b{width:100vw;height:100vw}.sx27__name{font-size:44px}.sx27__text{font-size:14px;margin-top:10px}.sx27__specs li{padding:8px 10px;font-size:12px}.sx27__meter{max-width:none}}@media(prefers-reduced-motion:reduce){.sx27 *,.sx27 *:before,.sx27 *:after{transition-duration:.01ms!important;transition-delay:0s!important;animation:none!important}}.sx27__soon{grid-area:1 / 1;padding:10px 18px;border-radius:100px;background:var(--sx-dark);color:var(--sx-accent);font-size:13px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;opacity:0;transform:scale(.8);transition:transform .4s ease,opacity .3s ease}.is-on .sx27__soon{opacity:1;transform:none;transition:transform .8s var(--sx-spring) .3s,opacity .4s ease .3s}
/*# sourceMappingURL=/cdn/shop/t/13/assets/siux27.css.map */