.sx{--sx-ink: #f5f5f7;--sx-grey: #86868b;--sx-tile: #242425;--sx-ui: #d6d6d6;--sx-panel: #2b2b2b;--sx-line: rgb(255 255 255 / .13);--sx-sel: #2d5ea8;--sx-blue: #0071e3;--sx-accent: #2997ff;--sx-green: #30d158;--sx-ease: cubic-bezier(.22, 1, .36, 1);--sx-move: cubic-bezier(.45, 0, .2, 1);padding:clamp(56px,6vw,96px) 0;overflow:clip;background:#0e0e10;color:var(--sx-ink)}.sx-inner{width:min(100% - (var(--page-padding, 20px) * 2),1120px);margin:0 auto}.sx-head{max-width:780px;margin:0 auto;text-align:center}.sx-heading{margin:0;color:inherit;font-size:clamp(40px,5vw,68px);font-weight:700;line-height:1.02;letter-spacing:-.02em;text-wrap:balance}.sx-rest{color:var(--sx-grey)}.sx-intro{max-width:32em;margin:18px auto 0;color:#a1a1a6;font-size:clamp(17px,1.3vw,19px);line-height:1.5;text-wrap:balance}.sx-intro.tt{color:var(--sx-grey)}.sx-intro .tt__key{color:var(--sx-ink)}.sx-steps{display:grid;gap:40px;max-width:480px;margin:clamp(36px,4.5vw,60px) auto 0;padding:0;list-style:none}.sx-step{--t0: 0ms;min-width:0;margin:0}@media screen and (min-width:990px){.sx-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;max-width:none}.sx-step{--sx-enter: calc(var(--n, 0) * .12s)}.sx:not([data-seq]) .sx-step{--t0: calc(var(--n, 0) * .4s)}.sx-rest{display:block}}.sx-title{margin:20px 0 0;color:var(--sx-ink);font-size:19px;font-weight:600;line-height:1.3;letter-spacing:-.01em}.sx-num{margin-right:10px;color:var(--sx-grey);font-variant-numeric:tabular-nums}.sx-text{margin:6px 0 0;color:var(--sx-grey);font-size:15px;line-height:1.45}.sx-note{margin:clamp(32px,3.5vw,48px) 0 0;color:var(--sx-grey);font-size:13px;line-height:1.5;text-align:center;text-wrap:balance}@media screen and (max-width:749px){.sx-title{font-size:17px}}.sx-pic{position:relative;aspect-ratio:4 / 3;overflow:hidden;contain:size;border-radius:22px;background:var(--sx-tile);color:var(--sx-ui);font-size:13px;line-height:1.2;isolation:isolate;-webkit-user-select:none;user-select:none}.sx-pic svg{display:block;flex:none}.sx-ln{display:inline-block;width:var(--w, 60%);height:7px;border-radius:4px;background:var(--sx-line);vertical-align:middle}.sx-cursor{position:absolute;z-index:5;width:20px;height:20px;margin:-3px 0 0 -4px;pointer-events:none}.sx-cursor svg{width:100%;height:100%;transform-origin:20% 15%}.sx:not([data-os=mac]) .sx-only-mac,.sx[data-os=mac] .sx-only-win{display:none}.sx-panel{position:absolute;overflow:hidden;border:1px solid #2c2c2c;border-radius:8px;background:var(--sx-panel)}.sx-panel__head{display:flex;align-items:center;justify-content:space-between;height:32px;padding:0 8px 0 11px}.sx-tab{color:#cfcfcf;font-size:13px;font-weight:600}.sx-burger{display:grid;place-items:center;width:22px;height:20px;border-radius:4px;color:#838383}.sx-burger svg{width:11px;height:9px}.sx-find{display:flex;align-items:center;gap:7px;height:22px;margin:0 9px 8px}.sx-search{flex:1 1 auto;min-width:0;display:flex;align-items:center;align-self:stretch;padding:0 7px;border:1px solid #272727;border-radius:5px;background:#1c1c1c;color:#c8c8c8}.sx-search svg{width:11px;height:11px}.sx-filter{width:16px;height:15px;color:#b0b0b0}.sx-tree{margin:0 7px;padding:2px 0;border:1px solid #2c2c2c;border-radius:6px;list-style:none;color:#b4b4b4;font-size:12.5px}.sx-tree li{display:flex;align-items:center;gap:6px;height:22px;padding:0 7px;white-space:nowrap}.sx-tree li>span{overflow:hidden;text-overflow:ellipsis}.sx-tree li.is-in{padding-left:27px}.sx-tree .sx-ln{flex:none;height:6px}.sx-chev{width:8px;height:8px;color:#b0b0b0;transform:rotate(-90deg)}.sx-tree .is-open .sx-chev{transform:none}.sx-bin{width:15px;height:13px;color:#b0b0b0}.sx-pfile{width:14px;height:14px;color:#b0b0b0}.sx-tl{position:absolute;display:grid;gap:4px;padding:6px 0;border-radius:8px;background:#2a2a2a}.sx-tl__row{display:flex;align-items:center;gap:6px;height:20px;padding:0 8px 0 6px}.sx-tl__row em{flex:none;width:20px;color:#8a8a8a;font-size:11px;font-style:normal;text-align:center}.sx-tl__lane{position:relative;flex:1;height:100%}.sx-clip{position:absolute;top:0;bottom:0;border-radius:4px;background:#5b7fe0}.sx-clip--a{left:0;width:38%}.sx-clip--b{left:40%;right:0}.sx-clip--audio{left:0;right:0;background:#23897e}.sx-clip--title{left:40%;width:44%;background:#a33bb5}.sx-clip--paste{left:40%;width:36%;background:#8f6fe0}.sx-clip--adj{left:40%;width:46%;background:#9a83e8}.sx-tl__head{position:absolute;top:0;bottom:0;left:calc(34px + (100% - 42px)*.56);width:1.5px;background:#2d8ceb}.sx-mon{position:absolute;overflow:hidden;border-radius:8px;background:#191919}.sx-mon__screen{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.sx-mon__screen img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.sx-keys{position:absolute;top:18px;left:0;right:0;display:flex;align-items:center;justify-content:center;gap:8px}.sx-key{display:grid;place-items:center;min-width:46px;height:38px;padding:0 12px;border-radius:8px;background:#2c2c2e;box-shadow:inset 0 -3px #1a1a1b;color:var(--sx-ink);font-size:14px;font-weight:500;white-space:nowrap}.sx-key--wide{min-width:104px}.sx-plus{color:var(--sx-grey);font-size:15px}.sx-dl{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:20px}.sx-dl__item{display:flex;align-items:center;gap:12px;max-width:100%}.sx-dl__thumb{flex:none;width:58px;height:58px;overflow:hidden;border-radius:13px;background:#f5f5f7}.sx-dl__thumb.is-app{background:none}.sx-dl__thumb img{width:100%;height:100%;object-fit:contain}.sx-dl__name{display:grid;gap:3px;min-width:0}.sx-dl__name b{color:var(--sx-ink);font-size:15px;font-weight:600;line-height:1.25}.sx-dl__name span{color:var(--sx-grey);font-size:13px}.sx-dl__btn{position:relative;display:grid;place-items:center;width:min(224px,82%);height:40px;overflow:hidden;border-radius:20px;background:#2c2c2e;color:var(--sx-ink);font-size:14px;font-weight:600}.sx-dl__fill{position:absolute;top:0;right:0;bottom:0;left:0;background:#ffffff38;opacity:0;transform-origin:left}.sx-dl__label{grid-area:1 / 1;display:flex;align-items:center;gap:7px}.sx-dl__label svg{width:14px;height:14px}.sx-dl__label--go{opacity:0}.sx-dl__label--done svg{color:var(--sx-green)}.sx-chip{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;column-gap:9px;max-width:92%;padding:9px 13px;border-radius:12px;background:#ffffff0f;color:var(--sx-ui)}.sx-chip__icon{grid-column:1;grid-row:1;display:grid;place-items:center;color:#b4b4b4}.sx-chip__icon svg{width:16px;height:16px}.sx-chip__text{grid-column:2;grid-row:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sx-zip{position:relative;width:13px;height:16px;border-radius:2px;background:#b4b4b4}.sx-zip i{position:absolute;top:1px;bottom:5px;left:50%;width:3px;margin-left:-1.5px;background:repeating-linear-gradient(#3a3a3a 0 1.5px,transparent 1.5px 3px)}.sx-chip--zip>:nth-child(-n+2){opacity:0}.sx-os{padding:16px}.sx-os__card{display:grid;gap:14px;width:min(100%,320px);padding:18px;border-radius:16px;background:#fff;box-shadow:0 18px 40px -16px #0009;color:#1d1d1f;font-size:13px;text-align:left}.sx-os__top{display:flex;align-items:center;gap:9px}.sx-os__ok{display:grid;flex:none;place-items:center;width:22px;height:22px;border-radius:50%;background:#1d1d1f;color:#fff}.sx-os__ok svg{width:12px;height:12px}.sx-os__h{font-size:15px;font-weight:600;letter-spacing:-.01em}.sx-os__item{display:flex;align-items:center;gap:10px;min-width:0}.sx-os__thumb{flex:none;width:44px;height:44px;overflow:hidden;border:1px solid #e3e3e6;border-radius:8px;background:#f5f5f7}.sx-os__thumb.is-app{border:0;background:none}.sx-os__thumb img{width:100%;height:100%;object-fit:contain}.sx-os__name{display:grid;gap:2px;min-width:0}.sx-os__name b,.sx-os__name span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sx-os__name b{font-size:13px;font-weight:600}.sx-os__name span{color:#6e6e73;font-size:12px}.sx-os__btn{display:grid;place-items:center;height:40px;border-radius:8px;background:#1d1d1f;color:#fff;font-size:13.5px;font-weight:600}.sx-os__note{display:flex;align-items:center;gap:7px;color:#6e6e73;font-size:12px}.sx-os__note svg{width:14px;height:14px}.sx-menu .sx-panel{top:12px;right:12px;bottom:12px;left:12px;border-color:#3b6fd9}.sx-menu .sx-burger{background:#ffffff24;color:#d0d0d0}.sx-pop{position:absolute;top:38px;right:20px;z-index:2;display:grid;padding:5px;border:1px solid rgb(255 255 255 / .13);border-radius:10px;background:#2e2e30e6;box-shadow:0 12px 32px #0000008c;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);color:#ececec;font-size:13px;transform-origin:top right}.sx-pop>span{position:relative;display:flex;align-items:center;height:24px;padding:0 14px 0 12px;border-radius:5px;white-space:nowrap}.sx-pop>span.is-off{color:#ffffff4d}.sx-pop .sx-ln{height:6px;background:#fff3}.sx-pop b{position:absolute;left:7px;font-size:11px;font-weight:600}.sx-pop__sub{width:6px;height:9px;margin-left:auto;padding-left:22px;box-sizing:content-box}.sx-pop>i{height:1px;margin:4px 10px;background:#ffffff1f}.sx-pop__go{background:#1f66db;color:#fff}.sx-menu .sx-cursor{top:237px;left:calc(100% - 72px)}.sx-inst{display:grid;place-items:center}.sx-inst__card{width:84%;padding:16px 16px 14px;border:1px solid rgb(255 255 255 / .08);border-radius:14px;background:#2d2d2f}.sx-inst__head{display:flex;align-items:center;gap:11px}.sx-inst__icon{flex:none;width:38px;height:38px}.sx-inst__icon img{width:100%;height:100%;object-fit:contain}.sx-inst__title{display:grid;min-width:0}.sx-inst__title b{grid-area:1 / 1;overflow:hidden;color:var(--sx-ink);font-size:15px;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.sx-inst__now{opacity:0}.sx-inst__bar{display:block;height:6px;margin:14px 0;overflow:hidden;border-radius:3px;background:#ffffff1a}.sx-inst__bar span{display:block;height:100%;border-radius:inherit;background:var(--sx-blue);transform-origin:left}.sx-inst__checks{display:grid;gap:10px;margin:0;padding:0;list-style:none;font-size:14px}.sx-inst__checks li{display:flex;align-items:center;gap:10px;min-width:0}.sx-tick{display:grid;flex:none;place-items:center;width:18px;height:18px;border-radius:50%;background:var(--sx-green);color:#fff}.sx-tick svg{width:11px;height:11px}.sx-apply__fx{top:12px;bottom:12px;left:12px;width:calc(60% - 12px)}.sx-apply__fx,.sx-menu .sx-panel{display:flex;flex-direction:column}.sx-panel .sx-tree{flex:1 1 auto;min-height:0;margin-bottom:7px;overflow:hidden}.sx-apply__fx .sx-tree{font-size:12px}.sx-apply__fx .sx-tree li{gap:5px;padding:0 6px}.sx-apply__fx .sx-tree li.is-in{padding-left:17px}.sx-apply__pick{background:var(--sx-sel);color:#fff}.sx-apply__pick .sx-pfile{color:#fff}.sx-apply .sx-mon{top:calc(50% - 72px);right:14px;width:calc(40% - 24px);height:80px}.sx-apply .sx-tl{top:calc(50% + 18px);right:14px;width:calc(40% - 24px)}.sx-apply--shake .sx-mon__img{transform:scale(1.1)}.sx-mon__title{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:#fff;font-size:14px;font-weight:800;letter-spacing:-.01em;text-shadow:0 2px 10px rgb(0 0 0 / .45)}.sx-ghost{position:absolute;z-index:4;display:flex;align-items:center;padding:4px 6px;border-radius:6px;background:#2d5ea8eb;color:#fff;font-size:12.5px;white-space:nowrap;opacity:0}.sx-ghost span{overflow:hidden;text-overflow:ellipsis}.sx-ghost .sx-pfile{color:#fff}.sx-apply .sx-cursor{top:calc(50% + 32px);left:85%}.sx-apply .sx-ghost{top:calc(50% + 40px);left:calc(85% + 9px)}.sx-bfx__box{position:absolute;top:72px;left:50%;display:grid;width:80%;overflow:hidden;border:1px solid #3a3a3c;border-radius:10px;background:#2a2a2c;box-shadow:0 16px 34px #00000080;transform:translate(-50%)}.sx-bfx__field{display:flex;align-items:center;height:40px;padding:0 14px;border-bottom:1px solid #2c2c2e;background:#1d1d1e;color:#fff;font-size:16px}.sx-caretline{width:1.5px;height:18px;margin-left:1px;background:var(--sx-accent)}.sx-bfx__group{padding:9px 14px 5px;color:var(--sx-grey);font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase}.sx-bfx__row{display:flex;align-items:center;height:30px;margin:0 5px;padding:0 9px;border-radius:6px;font-size:14px}.sx-bfx__row:last-child{margin-bottom:6px}.sx-bfx__row.is-on{background:var(--sx-sel);color:#fff}.sx-ef__panel{position:absolute;top:14px;right:14px;bottom:14px;left:14px;display:flex;flex-direction:column;gap:10px;padding:12px;border:1px solid #2c2c2e;border-radius:12px;background:#2a2a2c}.sx-ef__g{position:relative;flex:1;min-height:0;border-radius:8px;background:#202021}.sx-ef__graph{position:absolute;top:10px;right:12px;bottom:10px;left:12px;width:calc(100% - 24px);height:calc(100% - 20px);overflow:visible}.sx-ef__grid{color:#ffffff0f}.sx-ef__lin{color:#4a4a4e;opacity:0}.sx-ef__curve{color:#3b8cff;stroke-dasharray:100;stroke-dashoffset:0}.sx-ef__dot{position:absolute;width:10px;height:10px;margin:-5px 0 0 -5px;border-radius:50%;background:#fff}.sx-ef__dot--a{left:calc(12px + (100% - 24px)/25);top:calc(10px + (100% - 20px)*.913)}.sx-ef__dot--b{left:calc(12px + (100% - 24px)*.96);top:calc(10px + (100% - 20px)*.087)}.sx-ef__presets{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.sx-ef__preset{display:grid;justify-items:center;gap:4px;min-width:0;color:#a1a1a6;font-size:12px;white-space:nowrap}.sx-ef__preset svg{box-sizing:border-box;width:100%;height:34px;padding:5px 8px;border:1.5px solid transparent;border-radius:7px;background:#2a2a2c;color:#d6d6d6}.sx-ef__preset span{max-width:100%;overflow:hidden;text-overflow:ellipsis}.sx-ef__pick svg{border-color:#3b8cff}.sx-ef__pick span{color:var(--sx-ink)}.sx-toast{position:absolute;top:26px;left:50%;z-index:3;display:flex;align-items:center;gap:7px;max-width:calc(100% - 28px);padding:7px 12px;border-radius:999px;background:#2c2c2ef5;color:var(--sx-ink);font-size:12.5px;white-space:nowrap;transform:translate(-50%)}.sx-toast svg{width:12px;height:12px;color:var(--sx-green)}.sx-toast span{overflow:hidden;text-overflow:ellipsis}.sx-ef .sx-cursor{top:calc(100% - 66px);left:calc(100% - 52px)}.sx-qp .sx-mon{top:70px;left:18%;width:64%;height:calc(100% - 152px)}.sx-qp__img{position:absolute;top:18%;left:27%;width:46%;aspect-ratio:16 / 9;overflow:hidden;border:2px solid #fff;border-radius:3px;box-shadow:0 8px 18px #00000073}.sx-qp__img img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.sx-qp .sx-tl{bottom:18px;left:18%;width:64%}.sx-mk__panel{top:14px;bottom:14px;left:14px;width:112px}.sx-mk__tools{display:grid;grid-template-columns:repeat(2,1fr);gap:6px;padding:10px}.sx-mk__tool{display:grid;place-items:center;height:36px;border-radius:7px;background:#2e2e2e;color:#cfcfcf}.sx-mk__tool svg{width:18px;height:18px}.sx-mk__pick{background:#3a3a3a;color:#fff}.sx-tip{position:absolute;top:34px;left:74px;z-index:3;padding:5px 9px;border-radius:6px;background:#f5f5f7;color:#1d1d1f;font-size:12.5px;font-weight:500;white-space:nowrap}.sx-mk__tl{top:calc(50% - 40px);right:14px;left:140px}.sx-mk .sx-tl__row{height:22px}.sx-mk .sx-cursor{top:70px;left:44px}.sx-gt__tabs{display:flex;width:max-content;margin:0 9px 8px;padding:2px;border:1px solid #333;border-radius:6px;background:#222;color:#cfcfcf;font-size:12px;white-space:nowrap}.sx-gt__tabs>span{display:flex;align-items:center;gap:5px;height:20px;padding:0 8px;border-radius:4px}.sx-gt__tabs>span.is-on{background:#3d3d3d;color:#e8e8e8}.sx-gt__tabs>span.sx-gt__off{width:64px}.sx-gt__tabs i{display:grid;place-items:center;width:14px;height:12px;border-radius:2px;background:#b0b0b0;color:#1d1d1d;font-size:8px;font-style:normal;font-weight:700}.sx-gt__bar{display:flex;align-items:center;gap:7px;height:22px;margin:0 9px 8px}.sx-gt__btn,.sx-gt__icon{display:grid;flex:none;place-items:center;width:20px;height:20px;border-radius:4px;color:#b0b0b0}.sx-gt__btn.is-on{background:#3d3d3d;color:#d0d0d0}.sx-gt__btn svg,.sx-gt__icon svg{width:13px;height:13px}.sx-gt__install{background:#2e2e2e}.sx-gt__row{display:flex;align-items:center;gap:7px;height:22px;margin:0 9px;padding:0 2px;border-bottom:1px solid #2c2c2c;color:#b4b4b4;font-size:12px}.sx-gt__row i{width:10px;height:10px;border:1.5px solid #a0a0a0;border-radius:2px}.sx-gt__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin:8px 9px 0}.sx-gt__tile{display:grid;gap:4px;min-width:0;padding:4px 4px 5px;border:1px solid #4a4a4a;border-radius:6px;background:#2b2b2b}.sx-gt__name{overflow:hidden;color:#cfcfcf;font-size:12px;line-height:14px;white-space:nowrap;text-overflow:ellipsis}.sx-gt__name .sx-ln{height:6px}.sx-gt__new,.sx-gd__pick{border-color:#3b6fd9;box-shadow:inset 0 0 0 1px #3b6fd9}.sx-poster{position:relative;display:grid;place-items:center;align-content:center;gap:3px;aspect-ratio:16 / 9;overflow:hidden;border-radius:2px;background:#000;color:#fff;container-type:inline-size}.sx-poster small{position:absolute;top:5%;left:0;right:0;color:#fff;font-size:7.5cqw;font-weight:600;text-align:center}.sx-poster b{margin-top:7%;font-size:17cqw;font-weight:800;letter-spacing:-.02em;line-height:1;white-space:nowrap}.sx-poster b.is-green{color:#30e04a}.sx-poster--text b{font-size:14cqw}.sx-poster--text b em{position:relative;top:.35em;font-style:normal}.sx-poster--wiggle b{margin-top:0;font-size:15cqw}.sx-poster img{width:46%;height:62%;margin-top:9%;object-fit:contain}.sx-poster__note{display:grid;grid-template-columns:auto 1fr;column-gap:3cqw;width:70%;margin-top:9%;padding:3.5cqw 5cqw;border-radius:7cqw;background:#fff;color:#111;font-size:6cqw;line-height:1.15;text-align:left}.sx-poster__note i{grid-row:1;width:8cqw;height:8cqw;border-radius:2cqw;background:#33c759}.sx-poster__note>span:first-of-type{align-self:center;color:#777}.sx-poster__note b,.sx-poster__note>span:last-child{grid-column:1 / -1;margin:0;font-size:7cqw;letter-spacing:0}.sx-poster--blank{gap:6px}.sx-poster--blank .sx-ln{height:5px;background:#ffffff29}.sx-gt .sx-panel{top:12px;right:12px;bottom:12px;left:12px;border-color:#3b6fd9}.sx-gt__tip{position:absolute;top:118px;right:14px;z-index:3;padding:3px 7px;background:#5a5a5a;color:#f0f0f0;font-size:12px;white-space:nowrap;opacity:0}.sx-gt .sx-cursor{top:108px;left:calc(100% - 36px)}.sx-gd .sx-gt__grid{margin-top:4px}.sx-gd .sx-gt__tabs,.sx-gd .sx-gt__install{display:none}.sx-clip--mogrt{left:4%;width:92%;display:flex;align-items:center;gap:4px;overflow:hidden;padding:0 5px;border:1px solid #c9486e;background:#a31d45;color:#f2f2f2;font-size:12px;white-space:nowrap}.sx-clip--mogrt span{flex:1;overflow:hidden;text-overflow:ellipsis}.sx-gd .sx-tl__row:first-child{height:22px}.sx-gd__shown{position:absolute;top:0;right:0;bottom:0;left:0}.sx-gd__shown .sx-poster{width:100%;height:100%;aspect-ratio:auto;background:transparent}.sx-gd__shown .sx-poster small{display:none}.sx-gd .sx-mon__img{filter:brightness(.55)}.sx-gd__ghost{width:64px;padding:0;overflow:hidden;border:1px solid #3b6fd9;background:#000}.sx-gd .sx-cursor{top:calc(50% + 32px);left:82%}.sx-mg3{container-type:inline-size}.sx-mg3 span,.sx-mg3 i,.sx-mg3 b,.sx-mg3 small,.sx-mg3 em{display:block;font-style:normal}.sx-mg3.ms-demo{background:var(--sx-tile)}.sx-mg3 .ms-demo__monitor{position:absolute;top:50%;left:12px;width:calc(44% - 18px);transform:translateY(-50%)}.sx-mg3 .ms-demo__tab,.sx-mg3 .ms-demo__panel .eg-panel__tab{color:#cfcfcf;font-size:12px;font-weight:600;white-space:nowrap}.sx-mg3 .ms-demo__tab{margin:0 0 7px}.sx-mg3 .ms-demo__view{position:relative;overflow:hidden;aspect-ratio:16 / 9;border-radius:6px;background:#000;container-type:size}.sx-mg3 .ms-demo__panel{position:absolute;top:12px;right:12px;bottom:12px;width:calc(56% - 6px);overflow:hidden;border:1px solid #3b6fd9;border-radius:8px;-webkit-mask-image:linear-gradient(180deg,#000 84%,transparent);mask-image:linear-gradient(180deg,#000 84%,transparent)}.sx-mg3 .ms-demo__panel .eg-panel{--eg-font: 12px;height:100%;box-sizing:border-box;background:var(--sx-panel)}.sx-mg3 .ms-demo__panel .eg-panel__tab{border-bottom:0}.sx .sx-mg3.ms-demo .ms-demo__panel .eg-panel{--eg-font: 12px}.sx-mg3 .eg-panel--props{--eg-blue: #4b9cf5;gap:.85em;padding:.75em .9em 1em}.sx-mg3 .eg-props{display:grid;gap:.8em;min-width:0}.sx-mg3 .eg-props__bar,.sx-mg3 .eg-props__clip{display:flex;align-items:center;gap:.6em;min-width:0;white-space:nowrap}.sx-mg3 .eg-props__bar{justify-content:space-between;color:#d2d2d2;font-weight:600}.sx-mg3 .eg-props__clip{gap:.45em;padding-bottom:.15em;color:#dcdcdc;font-weight:600}.sx-mg3 .eg-props__name{overflow:hidden;min-width:0;text-overflow:ellipsis}.sx-mg3 .eg-panel--props .eg-head{margin-top:0;padding-top:.85em;border-top:1px solid #343434;color:#d6d6d6}.sx-mg3 .eg-panel--props .eg-head+.eg-head{margin-top:0}.sx .sx-mg3.ms-demo--notification[data-live] .mdn-note:before{background:#fff}.sx .sx-mg3.ms-demo--notification[data-live] .mdn-note>span{color:#000}.sx .sx-mg3.ms-demo--notification[data-live] .mdn-note>:is(.mdn-note__app,.mdn-note__time){color:gray}.sx .sx-mg3.ms-demo--notification .eg-panel>.eg-props{position:relative;z-index:1;padding-bottom:.4em;background:var(--sx-panel);box-shadow:0 0 0 30em var(--sx-panel);clip-path:inset(-30em -30em 0 -30em);transform:none}.sx .sx-mg3.ms-demo .ms-demo__panel .eg-panel--props{display:grid;gap:1em}.sx .sx-mg3.ms-demo .ms-demo__panel .eg-panel--props .eg-row{gap:.65em}.sx .sx-mg3.ms-demo .ms-demo__panel .eg-panel--props .eg-head{padding-top:.9em}.sx .sx-mg3.ms-demo .ms-demo__panel .eg-panel--props .eg-field .eg-box{min-height:2.3em;padding-top:0;align-items:center}.sx-mg3 .ms-demo__panel:has(.eg-panel--props){-webkit-mask-image:linear-gradient(180deg,#000 92%,transparent);mask-image:linear-gradient(180deg,#000 92%,transparent)}.sx-cursor,.sx-ghost{display:none!important}.sx{padding:clamp(72px,10vw,152px) 0}.sx-head:before{display:flex;align-items:center;justify-content:center;margin:0 0 16px;color:var(--sx-accent);font-size:14px;font-weight:600;line-height:1.2;letter-spacing:.02em;content:"\25cf\a0\a0Installation"}.sx-heading{font-size:clamp(34px,4.6vw,60px);line-height:1.04;letter-spacing:-.022em}.sx-num{color:var(--sx-accent)}@media screen and (min-width:990px){.sx-inner{display:grid;grid-template-columns:minmax(0,1fr) 620px;column-gap:clamp(48px,6vw,96px);align-items:start;width:min(100% - 40px,1080px)}.sx-head{position:sticky;top:132px;max-width:none;margin:0;text-align:left}.sx-head:before{justify-content:flex-start}.sx-intro{margin-left:0;text-wrap:pretty}.sx-steps{grid-template-columns:minmax(0,1fr);gap:0;margin:0}.sx-step{display:grid;grid-template-columns:340px minmax(0,1fr);grid-template-rows:1fr auto auto 1fr;column-gap:32px;padding:28px 0;border-top:1px solid rgb(255 255 255 / .1)}.sx-step:first-child{padding-top:0;border-top:0}.sx-step:last-child{padding-bottom:0}.sx-step>.sx-pic{grid-column:1;grid-row:1 / -1}.sx-step>.sx-title{grid-column:2;grid-row:2;margin-top:0;font-size:21px}.sx-step>.sx-text{grid-column:2;grid-row:3}.sx-note{grid-column:1 / -1}}
/*# sourceMappingURL=/cdn/shop/t/224/assets/pp-setup.css.map */