@property --magic-green-x{syntax:"<percentage>";inherits:false;initial-value:8%}@property --magic-green-y{syntax:"<percentage>";inherits:false;initial-value:35%}@property --magic-orange-x{syntax:"<percentage>";inherits:false;initial-value:92%}@property --magic-orange-y{syntax:"<percentage>";inherits:false;initial-value:65%}@keyframes _50bV5G_magic-blob-pulse{0%,to{--magic-green-x:8%;--magic-green-y:35%;--magic-orange-x:92%;--magic-orange-y:65%}50%{--magic-green-x:92%;--magic-green-y:65%;--magic-orange-x:8%;--magic-orange-y:35%}}._50bV5G_wrapper{display:inline-block;position:relative}._50bV5G_textStack{vertical-align:baseline;display:inline-grid}._50bV5G_baseText{cursor:default;grid-area:1/1}._50bV5G_gradientOverlay{opacity:0;pointer-events:none;background:radial-gradient(ellipse 75% 180% at var(--magic-green-x) var(--magic-green-y), #34d9be 0%, transparent 70%), radial-gradient(ellipse 75% 180% at var(--magic-orange-x) var(--magic-orange-y), #ff8c50 0%, transparent 70%), #ff661f;-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text;grid-area:1/1}._50bV5G_gradientOverlayActive{opacity:1;animation:2.5s ease-in-out infinite _50bV5G_magic-blob-pulse}@media (prefers-reduced-motion:reduce){._50bV5G_gradientOverlayActive{background:radial-gradient(75% 180% at 8% 35%,#34d9be 0%,#0000 70%),radial-gradient(75% 180% at 92% 65%,#ff8c50 0%,#0000 70%),#ff661f;animation:none}}._50bV5G_sparkles{pointer-events:none;position:absolute;inset:0}._50bV5G_sparkle{--sparkle-offset-x:0px;--sparkle-offset-y:0px;--sparkle-enter-rotate:0deg;--sparkle-delay:0s;--sparkle-drift-delay:0s;--sparkle-drift-duration:2s;--drift-x2:0px;--drift-y2:0px;--drift-r2:0deg;--drift-x3:0px;--drift-y3:0px;--drift-r3:0deg;pointer-events:none;opacity:0;transform:translate(var(--sparkle-offset-x), var(--sparkle-offset-y)) scale(0) rotate(var(--sparkle-enter-rotate));transition:opacity .4s cubic-bezier(.175,.885,.32,1.275),transform .4s cubic-bezier(.175,.885,.32,1.275);transition-delay:var(--sparkle-delay);will-change:transform, opacity;justify-content:center;align-items:center;line-height:1;display:flex;position:absolute}._50bV5G_sparkleCenterY{transform:translate(var(--sparkle-offset-x), calc(-50% + var(--sparkle-offset-y))) scale(0) rotate(var(--sparkle-enter-rotate))}._50bV5G_sparklesActive ._50bV5G_sparkle{opacity:1;transform:translate(var(--sparkle-offset-x), var(--sparkle-offset-y)) scale(1) rotate(0deg)}._50bV5G_sparklesActive ._50bV5G_sparkleCenterY{transform:translate(var(--sparkle-offset-x), calc(-50% + var(--sparkle-offset-y))) scale(1) rotate(0deg)}._50bV5G_sparkleInner{animation-play-state:paused;display:flex}._50bV5G_sparklesActive ._50bV5G_sparkleInner{animation-name:_50bV5G_sparkle-drift;animation-duration:var(--sparkle-drift-duration);animation-timing-function:ease-in-out;animation-iteration-count:infinite;animation-delay:var(--sparkle-drift-delay);will-change:transform;animation-play-state:running}@keyframes _50bV5G_sparkle-drift{0%,to{transform:translate(0)rotate(0)}25%{transform:translate(var(--drift-x2), var(--drift-y2)) rotate(var(--drift-r2))}50%{transform:translate(var(--drift-x3), var(--drift-y3)) rotate(var(--drift-r3))}75%{transform:translate(var(--drift-x2), var(--drift-y2)) rotate(var(--drift-r2))}}@media (prefers-reduced-motion:reduce){._50bV5G_sparkle,._50bV5G_sparkleInner{will-change:auto;transition:none!important;animation:none!important}}
.rLfjPq_frame{isolation:isolate;background:linear-gradient(90deg,#1c1a18 0%,#0a0808 100%);border-radius:clamp(1.5rem,1rem + 2.2vw,3rem);align-items:center;width:100%;height:100%;padding:clamp(2.5rem,4vw,5rem) clamp(1.75rem,5vw,5.5rem) clamp(6rem,11vw,9rem);display:flex;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff0f}.rLfjPq_atmosphere{z-index:0;pointer-events:none;border-radius:inherit;contain:paint;position:absolute;inset:0;overflow:hidden;transform:translateZ(0)}.rLfjPq_blurMover{will-change:transform;position:absolute;inset:-12%}.rLfjPq_blurMoverLive{animation:32s ease-in-out infinite alternate rLfjPq_heroDrift}@media (prefers-reduced-motion:reduce){.rLfjPq_blurMoverLive{animation:none}}.rLfjPq_blurLayer{filter:blur(48px);position:absolute;inset:0}@media (min-width:768px){.rLfjPq_blurLayer{filter:blur(64px)}}@media (min-width:1280px){.rLfjPq_blurLayer{filter:blur(80px)}}@keyframes rLfjPq_heroDrift{0%{transform:translate(-2%,-1.5%)rotate(-1.8deg)scale(1.03)}to{transform:translate(2.5%,2%)rotate(2.2deg)scale(1.07)}}.rLfjPq_grain{pointer-events:none;opacity:.18;mix-blend-mode:overlay;background-image:url(/images/hero-grain.png);background-size:128px 128px;position:absolute;inset:0}.rLfjPq_shapes{width:100%;height:100%;display:block;overflow:visible}.rLfjPq_content{z-index:1;flex-direction:column;align-items:flex-start;max-width:56rem;display:flex;position:relative}.rLfjPq_heading{letter-spacing:-.02em;font-size:clamp(2.5rem,1.692rem + 3.445vw,5rem);font-weight:400;line-height:1.04}
.CyIj4q_root{aspect-ratio:4/3;box-sizing:border-box;opacity:0;flex-direction:column;justify-content:center;align-items:center;gap:.75rem;width:100%;min-width:0;height:auto;min-height:220px;padding:1.5rem;display:flex;position:relative;overflow:hidden;translate:0 12px;container:connect-stage/size}@media (max-width:639px){.CyIj4q_root{padding:1rem}}.CyIj4q_compact{aspect-ratio:auto;height:100%;min-height:0}.CyIj4q_entered.CyIj4q_root,.CyIj4q_stepEnter.CyIj4q_root,.CyIj4q_stepHover.CyIj4q_root,.CyIj4q_stepClick.CyIj4q_root,.CyIj4q_stepCloning.CyIj4q_root,.CyIj4q_stepCloned.CyIj4q_root{opacity:1;transition:opacity .45s cubic-bezier(.215,.61,.355,1),translate .45s cubic-bezier(.215,.61,.355,1);translate:0}.CyIj4q_card{--card-w:360px;--card-h:322px;width:var(--card-w);border-radius:var(--radius-card);z-index:1;transform-origin:50%;scale:min(1, 100cqw / var(--card-w), 100cqh / var(--card-h));background-image:linear-gradient(#fff,#fff),linear-gradient(#ebeae8,#d1d0ce);background-origin:border-box;background-clip:padding-box,border-box;border:1px solid #0000;flex-direction:column;flex-shrink:0;display:flex;position:relative;box-shadow:0 1px 2px #0000000a,0 12px 28px #00000014}.CyIj4q_repoHeader{align-items:center;gap:.75rem;padding:1.25rem 1.25rem .75rem;display:flex}.CyIj4q_repoIcon{background-color:#141414;border-radius:.75rem;flex-shrink:0;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;display:flex}.CyIj4q_repoMeta{flex-direction:column;min-width:0;display:flex}.CyIj4q_repoName{color:#171717;white-space:nowrap;text-overflow:ellipsis;font-size:15px;font-weight:500;line-height:1.25;overflow:hidden}.CyIj4q_repoUpdated{color:#737373;font-size:13px;line-height:1.25}.CyIj4q_branchWrap{padding:0 1.25rem .75rem}.CyIj4q_branchBadge{background-color:#f5f4f2;border-radius:.5rem;align-items:center;gap:.5rem;width:100%;height:2.25rem;padding-inline:.75rem;font-size:13px;display:flex}.CyIj4q_tree{flex-direction:column;gap:.15rem;padding:0 1.25rem .5rem;display:flex}.CyIj4q_treeRow{cursor:default;border-radius:.375rem;align-items:center;gap:.5rem;padding:.3rem .5rem;display:flex}.CyIj4q_treeLabel{color:#404040;font-size:13px}.CyIj4q_footer{padding:.5rem 1.25rem 1.25rem;position:relative}.CyIj4q_cloneButton{color:#fff;background-color:#141414;border-radius:10px;justify-content:center;align-items:center;gap:.5rem;width:100%;height:2.5rem;font-size:14px;font-weight:500;transition:background-color .25s,transform .16s cubic-bezier(.215,.61,.355,1);display:flex}.CyIj4q_cloneButtonCloned{background-color:#16a34a}.CyIj4q_stepClick .CyIj4q_cloneButton{transform:scale(.97)}.CyIj4q_spinner{animation:.9s linear infinite CyIj4q_connect-spin}@keyframes CyIj4q_connect-spin{to{transform:rotate(360deg)}}.CyIj4q_cursor{opacity:0;z-index:4;pointer-events:none;width:22px;height:22px;transition:left .55s cubic-bezier(.215,.61,.355,1),top .55s cubic-bezier(.215,.61,.355,1),opacity .3s,scale .16s cubic-bezier(.215,.61,.355,1);position:absolute;top:-36%;left:88%;scale:.85}.CyIj4q_cursorGlyph{-webkit-user-select:none;user-select:none;pointer-events:none;width:100%;height:100%;display:block}.CyIj4q_stepEnter .CyIj4q_cursor{opacity:1;top:-28%;left:78%;scale:1}.CyIj4q_stepHover .CyIj4q_cursor,.CyIj4q_stepClick .CyIj4q_cursor{opacity:1;top:42%;left:56%;scale:1}.CyIj4q_isClicking .CyIj4q_cursor{scale:.82}.CyIj4q_stepCloning .CyIj4q_cursor,.CyIj4q_stepCloned .CyIj4q_cursor{opacity:0;top:42%;left:56%;scale:.9}@media (prefers-reduced-motion:reduce){.CyIj4q_root,.CyIj4q_cursor,.CyIj4q_cloneButton{transition:none!important;animation:none!important}.CyIj4q_entered.CyIj4q_root,.CyIj4q_stepCloned.CyIj4q_root{opacity:1;translate:none}.CyIj4q_stepCloned .CyIj4q_cursor{opacity:0}.CyIj4q_spinner{animation:none}}
.Mn1nTW_root{box-sizing:border-box;flex-direction:column;gap:1.25rem;width:100%;min-width:0;height:auto;min-height:0;padding:1.75rem;display:flex;overflow:hidden}@media (min-width:640px){.Mn1nTW_root{gap:1.25rem;padding:2rem}}@media (min-width:1280px){.Mn1nTW_root{height:100%}}.Mn1nTW_compact{gap:1rem;height:100%;max-height:100%;padding:1.5rem}.Mn1nTW_header{opacity:0;filter:blur(6px);flex-shrink:0;justify-content:space-between;align-items:center;gap:.5rem;min-width:0;transition:opacity .55s cubic-bezier(.215,.61,.355,1),translate .55s cubic-bezier(.215,.61,.355,1),filter .55s;display:flex;translate:0 8px}.Mn1nTW_stepExpand .Mn1nTW_header,.Mn1nTW_stepSettled .Mn1nTW_header{opacity:1;filter:blur();translate:0}.Mn1nTW_teamAvatar{-o-object-fit:cover;object-fit:cover;-webkit-user-select:none;user-select:none;pointer-events:none;border:2px solid #fff;border-radius:9999px;flex-shrink:0;width:1.75rem;height:1.75rem}@media (prefers-color-scheme:dark){.Mn1nTW_teamAvatar{border-color:#171717}}.Mn1nTW_stage{justify-content:center;align-items:stretch;min-width:0;display:flex;position:relative;overflow:hidden}.Mn1nTW_compact .Mn1nTW_stage{flex:1 1 0;min-height:0}.Mn1nTW_grid{align-content:start;gap:.75rem;width:100%;min-width:0;min-height:0;display:grid}.Mn1nTW_compact .Mn1nTW_grid{align-content:stretch;gap:.625rem;height:100%}.Mn1nTW_gridCompact{--hero-scale:1.55;--hero-x:48%;--hero-y:36%;grid-template-rows:repeat(2,minmax(0,1fr));grid-template-columns:repeat(2,minmax(0,1fr))}.Mn1nTW_gridFull{--hero-scale:1.55;--hero-x:50%;--hero-y:36%;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:auto}.Mn1nTW_card{--stagger:0;--card-radius:var(--radius-card);cursor:default;flex-direction:column;gap:.5rem;min-width:0;display:flex}.Mn1nTW_compact .Mn1nTW_card{height:100%;min-height:0}.Mn1nTW_thumbnail{aspect-ratio:16/10;border-radius:var(--card-radius);background:var(--preview-tint,#e8ece6);flex:none;justify-content:center;align-items:center;width:100%;display:flex;position:relative;overflow:hidden}.Mn1nTW_compact .Mn1nTW_thumbnail{aspect-ratio:auto;flex:auto;min-height:0}.Mn1nTW_previewImage{-o-object-fit:contain;object-fit:contain;-webkit-user-select:none;user-select:none;pointer-events:none;border-radius:.65rem;width:auto;max-width:78%;height:auto;max-height:86%;display:block}.Mn1nTW_meta{flex-shrink:0;justify-content:space-between;align-items:center;gap:.5rem;min-width:0;padding:0 .125rem;display:flex}.Mn1nTW_metaLeft{flex:1;align-items:center;gap:.5rem;min-width:0;display:flex}.Mn1nTW_avatar{-o-object-fit:cover;object-fit:cover;-webkit-user-select:none;user-select:none;pointer-events:none;border-radius:9999px;flex-shrink:0;width:1.375rem;height:1.375rem}.Mn1nTW_metaText{flex-direction:column;gap:.1rem;min-width:0;display:flex}.Mn1nTW_metaTitle{color:#171717;white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:600;line-height:1.2;overflow:hidden}.Mn1nTW_metaSub{color:#737373;white-space:nowrap;text-overflow:ellipsis;font-size:11px;line-height:1.2;overflow:hidden}.Mn1nTW_metaDot{margin:0 .25rem}@media (prefers-color-scheme:dark){.Mn1nTW_metaTitle{color:#f5f5f5}.Mn1nTW_metaSub{color:#a3a3a3}}.Mn1nTW_pill{white-space:nowrap;border-radius:9999px;flex-shrink:0;justify-content:center;align-items:center;gap:.3rem;height:1.375rem;padding:0 .5rem;font-size:10px;font-weight:600;line-height:1;display:inline-flex}.Mn1nTW_pillBuilding{color:#b45309;background:#f3e0c8}.Mn1nTW_pillReady{color:#3f6212;background:#d8efc8}.Mn1nTW_pillSpinner{animation:.9s linear infinite Mn1nTW_share-spin}@keyframes Mn1nTW_share-spin{to{transform:rotate(360deg)}}@keyframes Mn1nTW_share-pill-pop{0%{scale:.86}55%{scale:1.08}to{scale:1}}.Mn1nTW_stepReady .Mn1nTW_cardFeatured .Mn1nTW_pillReady{animation:.45s cubic-bezier(.215,.61,.355,1) Mn1nTW_share-pill-pop}.Mn1nTW_cardFeatured{z-index:2;opacity:0;transform-origin:50%;grid-area:1/1;width:100%;transition:opacity .45s cubic-bezier(.215,.61,.355,1),translate .7s cubic-bezier(.215,.61,.355,1),scale .7s cubic-bezier(.215,.61,.355,1)}.Mn1nTW_gridCompact .Mn1nTW_cardFeatured,.Mn1nTW_gridFull .Mn1nTW_cardFeatured{scale:var(--hero-scale);translate:var(--hero-x) var(--hero-y)}.Mn1nTW_cardSecondary{--stagger:0;opacity:0;filter:blur(12px);pointer-events:none;translate:0 10px;scale:.98}.Mn1nTW_stepBuilding .Mn1nTW_cardFeatured,.Mn1nTW_stepReady .Mn1nTW_cardFeatured{opacity:1;z-index:3}.Mn1nTW_stepBuilding .Mn1nTW_gridCompact .Mn1nTW_cardFeatured,.Mn1nTW_stepReady .Mn1nTW_gridCompact .Mn1nTW_cardFeatured,.Mn1nTW_stepBuilding .Mn1nTW_gridFull .Mn1nTW_cardFeatured,.Mn1nTW_stepReady .Mn1nTW_gridFull .Mn1nTW_cardFeatured{scale:var(--hero-scale);translate:var(--hero-x) var(--hero-y)}.Mn1nTW_stepBuilding .Mn1nTW_cardSecondary,.Mn1nTW_stepReady .Mn1nTW_cardSecondary{opacity:0;visibility:hidden;filter:blur(12px);pointer-events:none}.Mn1nTW_stepExpand .Mn1nTW_cardFeatured,.Mn1nTW_stepSettled .Mn1nTW_cardFeatured{opacity:1;z-index:1;translate:0;scale:1}.Mn1nTW_stepExpand .Mn1nTW_cardSecondary{visibility:visible;pointer-events:auto;animation:.55s cubic-bezier(.215,.61,.355,1) both Mn1nTW_share-card-reveal;animation-delay:calc(.42s + (var(--stagger) - 1) * 70ms)}.Mn1nTW_stepSettled .Mn1nTW_cardSecondary{visibility:visible;opacity:1;filter:none;pointer-events:auto;translate:0;scale:1}@keyframes Mn1nTW_share-card-reveal{0%{opacity:0;filter:blur(12px);translate:0 10px;scale:.98}to{opacity:1;filter:none;translate:0;scale:1}}@media (prefers-reduced-motion:reduce){.Mn1nTW_header,.Mn1nTW_cardFeatured,.Mn1nTW_cardSecondary,.Mn1nTW_pill{filter:none!important;transition:none!important;animation:none!important}.Mn1nTW_stepSettled .Mn1nTW_header{opacity:1;translate:none}.Mn1nTW_stepSettled .Mn1nTW_cardFeatured,.Mn1nTW_stepSettled .Mn1nTW_cardSecondary{opacity:1;visibility:visible;pointer-events:auto;translate:0;scale:1}.Mn1nTW_pillSpinner{animation:none}.Mn1nTW_stepSettled .Mn1nTW_card:hover{transform:none}}
.u_ZRzW_root{width:100%;min-width:0;height:auto}.u_ZRzW_compact{height:100%}.u_ZRzW_stage{aspect-ratio:4/3;opacity:0;background:#f7f7f5;width:100%;min-width:0;min-height:220px;position:relative;overflow:hidden;translate:0 12px;container:collaborate-stage/size}.u_ZRzW_compact .u_ZRzW_stage{aspect-ratio:auto;height:100%;min-height:0}@media (max-width:639px){.u_ZRzW_stage{padding:0}}.u_ZRzW_scene{--scene-w:640px;--scene-h:480px;position:absolute;inset:0;container:collaborate-scene/size}@media (max-width:639px){.u_ZRzW_scene{width:var(--scene-w);height:var(--scene-h);transform-origin:50%;translate:-50% -50%;scale:min(1, 100cqw / var(--scene-w), 100cqh / var(--scene-h));inset:50% auto auto 50%}}@media (prefers-color-scheme:dark){.u_ZRzW_stage{background:var(--color-neutral-800)}}.u_ZRzW_entered .u_ZRzW_stage{animation:.45s cubic-bezier(.215,.61,.355,1) forwards u_ZRzW_collaborate-enter}@keyframes u_ZRzW_collaborate-enter{to{opacity:1;translate:0}}.u_ZRzW_phone{--drawer-w:min(42cqw, 220px);--phone-slot:calc(100cqw - var(--drawer-w) - 48px);aspect-ratio:626/918;z-index:1;width:auto;height:94cqh;transition:left .7s cubic-bezier(.215,.61,.355,1),height .7s cubic-bezier(.215,.61,.355,1),translate .7s cubic-bezier(.215,.61,.355,1);position:absolute;bottom:0;left:50%;translate:-50%}.u_ZRzW_stepDrawer .u_ZRzW_phone{left:calc(16px + var(--phone-slot) / 2);height:min(70cqh, calc(var(--phone-slot) * 918 / 626))}.u_ZRzW_phoneImage{-o-object-fit:contain;object-fit:contain;-webkit-user-select:none;user-select:none;pointer-events:none;width:100%;height:100%;display:block}.u_ZRzW_toolbar{opacity:0;transform-origin:bottom;z-index:2;pointer-events:none;background:#fff;border-radius:14px;align-items:center;gap:2px;height:48px;padding:0 7px;transition:opacity .3s,translate .35s cubic-bezier(.215,.61,.355,1),scale .35s cubic-bezier(.215,.61,.355,1);display:flex;position:absolute;bottom:24px;left:50%;translate:-50% 8px;scale:.9;box-shadow:0 1px 2px #0000000f,0 8px 20px #0000001f}.u_ZRzW_stepEnter .u_ZRzW_toolbar,.u_ZRzW_stepHoverChat .u_ZRzW_toolbar,.u_ZRzW_stepClickChat .u_ZRzW_toolbar,.u_ZRzW_stepTarget .u_ZRzW_toolbar,.u_ZRzW_stepComment .u_ZRzW_toolbar,.u_ZRzW_stepHoverRemix .u_ZRzW_toolbar,.u_ZRzW_stepClickRemix .u_ZRzW_toolbar,.u_ZRzW_stepDrawer .u_ZRzW_toolbar{opacity:1;translate:-50%;scale:1}.u_ZRzW_toolbarIcon{color:#1a1a1a;border-radius:10px;justify-content:center;align-items:center;width:34px;height:34px;transition:background-color .2s,color .2s;display:flex}.u_ZRzW_toolbarIconActive{color:#141414;background:#f0f0f0}.u_ZRzW_toolbarDivider{background:#e5e5e5;flex-shrink:0;width:1px;height:20px;margin:0 4px}.u_ZRzW_cursor{opacity:0;z-index:3;pointer-events:none;width:22px;height:22px;transition:left .55s cubic-bezier(.215,.61,.355,1),top .55s cubic-bezier(.215,.61,.355,1),opacity .3s,filter .35s,scale .16s cubic-bezier(.215,.61,.355,1);position:absolute;top:52%;left:108%;scale:.85}.u_ZRzW_stepEnter .u_ZRzW_cursor{opacity:1;top:58%;left:72%;scale:1}.u_ZRzW_stepHoverChat .u_ZRzW_cursor,.u_ZRzW_stepClickChat .u_ZRzW_cursor{opacity:1;top:calc(100% - 48px);left:calc(50% - 32px);scale:1}.u_ZRzW_stepTarget .u_ZRzW_cursor,.u_ZRzW_stepComment .u_ZRzW_cursor{opacity:1;top:30%;left:28%;scale:1}.u_ZRzW_stepHoverRemix .u_ZRzW_cursor,.u_ZRzW_stepClickRemix .u_ZRzW_cursor{opacity:1;filter:none;top:calc(100% - 48px);left:calc(50% + 5px);scale:1}.u_ZRzW_stepDrawer .u_ZRzW_cursor{opacity:0;top:calc(100% - 48px);left:calc(50% + 5px);scale:.9}.u_ZRzW_isClicking .u_ZRzW_cursor{scale:.82}.u_ZRzW_cursorGlyph{-webkit-user-select:none;user-select:none;pointer-events:none;width:100%;height:100%;transition:opacity .25s;display:block}.u_ZRzW_stepComment .u_ZRzW_cursorGlyph{opacity:0}.u_ZRzW_pin{opacity:0;background:#141412;border-radius:6px;justify-content:center;align-items:center;width:22px;height:22px;transition:opacity .25s,scale .3s cubic-bezier(.215,.61,.355,1);display:flex;position:absolute;top:0;left:0;scale:.6}.u_ZRzW_stepComment .u_ZRzW_pin{opacity:1;scale:1}.u_ZRzW_tooltip{opacity:0;filter:blur();transform-origin:0;z-index:4;pointer-events:none;background:#fff;border:1.5px solid #1b22e0;border-radius:14px;align-items:center;gap:8px;width:min(240px,62cqw);padding:8px 8px 8px 12px;transition:opacity .35s,filter .35s,scale .4s cubic-bezier(.215,.61,.355,1);display:flex;position:absolute;top:30%;left:calc(28% + 16px);translate:0 -50%;scale:.7;box-shadow:0 1px 2px #0000000f,0 8px 24px #0000001a}.u_ZRzW_stepComment .u_ZRzW_tooltip{opacity:1;scale:1}.u_ZRzW_stepHoverRemix .u_ZRzW_tooltip,.u_ZRzW_stepClickRemix .u_ZRzW_tooltip,.u_ZRzW_stepDrawer .u_ZRzW_tooltip{opacity:0;filter:blur(8px);transition:opacity .45s,filter .45s,scale .45s cubic-bezier(.215,.61,.355,1);scale:.94}.u_ZRzW_tooltipText{color:#1a1a1a;flex:1;min-width:0;min-height:2.7em;margin:0;font-size:11px;line-height:1.35}.u_ZRzW_caret{vertical-align:-1px;background:#1a1a1a;width:1px;height:.95em;margin-left:1px;animation:.8s step-end infinite u_ZRzW_comment-caret;display:inline-block}@keyframes u_ZRzW_comment-caret{50%{opacity:0}}.u_ZRzW_sendButton{background:#141412;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;display:flex}.u_ZRzW_drawer{z-index:5;pointer-events:none;background:#fff;border-radius:20px;flex-direction:column;gap:12px;width:min(42%,220px);padding:16px 14px;transition:translate .7s cubic-bezier(.215,.61,.355,1);display:flex;position:absolute;top:16px;bottom:16px;right:16px;translate:120%;box-shadow:-8px 0 28px #00000014}.u_ZRzW_stepDrawer .u_ZRzW_drawer{translate:0}@media (prefers-color-scheme:dark){.u_ZRzW_drawer{background:#171717;box-shadow:-8px 0 28px #00000059}.u_ZRzW_tooltip{background:#fafafa}.u_ZRzW_toolbar{background:#2b2b2b;box-shadow:0 1px 2px #0000004d,0 8px 20px #0006}.u_ZRzW_toolbarIcon{color:#e5e5e5}.u_ZRzW_toolbarIconActive{color:#fff;background:#3f3f3f}.u_ZRzW_toolbarDivider{background:#ffffff26}}.u_ZRzW_drawerHeader{justify-content:space-between;align-items:center;gap:8px;display:flex}.u_ZRzW_drawerTitle{color:#141414;margin:0;font-size:16px;font-weight:600}.u_ZRzW_drawerClose{color:#737373;justify-content:center;align-items:center;display:flex}.u_ZRzW_drawerSubtitle{color:#737373;margin:0;font-size:11px;line-height:1.4}.u_ZRzW_field{flex-direction:column;gap:4px;display:flex}.u_ZRzW_fieldLabel{color:#404040;font-size:11px;font-weight:500}.u_ZRzW_fieldInput{color:#a3a3a3;background:#fafafa;border:1px solid #e5e5e5;border-radius:8px;align-items:center;height:32px;padding:0 10px;font-size:12px;display:flex}.u_ZRzW_checkboxRow{color:#404040;align-items:center;gap:8px;margin-top:2px;font-size:11px;display:flex}.u_ZRzW_checkbox{background:#fff;border:1.5px solid #a3a3a3;border-radius:3px;flex-shrink:0;width:14px;height:14px}.u_ZRzW_applyButton{color:#fff;background:#141414;border-radius:10px;justify-content:center;align-items:center;height:36px;margin-top:auto;font-size:13px;font-weight:600;display:flex}@media (prefers-color-scheme:dark){.u_ZRzW_drawerTitle{color:#f5f5f5}.u_ZRzW_drawerSubtitle{color:#a3a3a3}.u_ZRzW_fieldLabel,.u_ZRzW_checkboxRow{color:#d4d4d4}.u_ZRzW_fieldInput{color:#737373;background:#262626;border-color:#404040}.u_ZRzW_checkbox{background:#262626;border-color:#737373}.u_ZRzW_applyButton{color:#141414;background:#f5f5f5}}@media (prefers-reduced-motion:reduce){.u_ZRzW_entered .u_ZRzW_stage{opacity:1;animation:none;translate:none}.u_ZRzW_phone,.u_ZRzW_toolbar,.u_ZRzW_cursor,.u_ZRzW_cursorGlyph,.u_ZRzW_pin,.u_ZRzW_tooltip,.u_ZRzW_drawer{transition:none}.u_ZRzW_caret{opacity:0;animation:none}.u_ZRzW_stepDrawer .u_ZRzW_phone{left:calc(16px + var(--phone-slot) / 2);height:min(70cqh, calc(var(--phone-slot) * 918 / 626))}.u_ZRzW_stepDrawer .u_ZRzW_toolbar{opacity:1}.u_ZRzW_stepDrawer .u_ZRzW_cursor{opacity:0}.u_ZRzW_isClicking .u_ZRzW_cursor{scale:1}.u_ZRzW_stepDrawer .u_ZRzW_tooltip{opacity:0;filter:none}.u_ZRzW_stepDrawer .u_ZRzW_drawer{translate:0}}
.f8349W_root{width:100%;min-width:0;height:auto}.f8349W_compact{height:100%}.f8349W_stage{--stage-solid:#f7f7f5;--stage-gradient-opacity:0;aspect-ratio:4/3;background-color:var(--stage-solid);opacity:0;width:100%;min-width:0;min-height:220px;transition:background-color .75s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;translate:0 12px;container:present-stage/size}.f8349W_compact .f8349W_stage{aspect-ratio:auto;height:100%;min-height:0}@media (max-width:639px){.f8349W_stage{padding:0}}.f8349W_scene{--scene-w:640px;--scene-h:480px;--phone-shrunk-left:72%;--phone-shrunk-w:min(34cqw, calc(86cqh * 9 / 19.5));--toolbar-x:calc((var(--phone-shrunk-left) - var(--phone-shrunk-w) / 2) / 2);position:absolute;inset:0;container:present-scene/size}@media (max-width:639px){.f8349W_scene{width:var(--scene-w);height:var(--scene-h);transform-origin:50%;translate:-50% -50%;scale:min(1, 100cqw / var(--scene-w), 100cqh / var(--scene-h));inset:50% auto auto 50%}}.f8349W_stageGradient{opacity:var(--stage-gradient-opacity);pointer-events:none;z-index:0;transition:opacity .75s cubic-bezier(.4,0,.2,1);position:absolute;inset:0}.f8349W_stageBloom{--bloom-color:#ffffff80;left:var(--toolbar-x);background:radial-gradient(circle at center, var(--bloom-color) 0%, transparent 62%);pointer-events:none;z-index:0;width:140%;height:140%;animation:.85s cubic-bezier(.22,1,.36,1) forwards f8349W_stage-bloom;position:absolute;top:50%;translate:-50% -50%}@keyframes f8349W_stage-bloom{0%{opacity:.95;scale:.35}to{opacity:0;scale:1.15}}.f8349W_entered .f8349W_stage{animation:.45s cubic-bezier(.215,.61,.355,1) forwards f8349W_present-enter}@keyframes f8349W_present-enter{to{opacity:1;translate:0}}.f8349W_toolbar{opacity:0;z-index:3;pointer-events:none;background:#fff;border-radius:14px;width:118px;height:48px;transition:left .7s cubic-bezier(.215,.61,.355,1),top .7s cubic-bezier(.215,.61,.355,1),translate .7s cubic-bezier(.215,.61,.355,1),width .45s cubic-bezier(.215,.61,.355,1),opacity .35s,scale .35s cubic-bezier(.215,.61,.355,1);position:absolute;top:50%;left:50%;translate:-50% -50%;scale:.9;box-shadow:0 1px 2px #0000000f,0 8px 20px #0000001f}.f8349W_stepMenu .f8349W_toolbar,.f8349W_stepClickMobile .f8349W_toolbar{opacity:1;scale:1}.f8349W_stepMenuShift .f8349W_toolbar,.f8349W_stepPhone .f8349W_toolbar{opacity:1;top:50%;left:18%;translate:-50% -50%;scale:1}.f8349W_stepDeviceFade .f8349W_toolbar{opacity:0;top:50%;left:18%;translate:-50% -50%;scale:.94}.f8349W_stepPhoneShrink .f8349W_toolbar,.f8349W_stepColorPause .f8349W_toolbar{left:var(--toolbar-x);opacity:0;width:196px;top:50%;translate:-50% -50%;scale:.94}.f8349W_stepColorMenu .f8349W_toolbar,.f8349W_stepHover1 .f8349W_toolbar,.f8349W_stepClick1 .f8349W_toolbar,.f8349W_stepApply1 .f8349W_toolbar,.f8349W_stepHover2 .f8349W_toolbar,.f8349W_stepClick2 .f8349W_toolbar,.f8349W_stepApply2 .f8349W_toolbar,.f8349W_stepHover3 .f8349W_toolbar,.f8349W_stepClick3 .f8349W_toolbar,.f8349W_stepApply3 .f8349W_toolbar{left:var(--toolbar-x);opacity:1;width:196px;top:50%;translate:-50% -50%;scale:1}.f8349W_toolbarPanel{align-items:center;transition:opacity .28s,scale .35s cubic-bezier(.215,.61,.355,1);display:flex;position:absolute;top:50%;left:50%;translate:-50% -50%}.f8349W_devicePanel{gap:2px}.f8349W_swatchPanel{gap:7px}.f8349W_toolbarPanelHidden{opacity:0;pointer-events:none;scale:.92}.f8349W_toolbarIcon{color:#1a1a1a;border-radius:10px;justify-content:center;align-items:center;width:34px;height:34px;transition:background-color .2s,color .2s;display:flex}.f8349W_toolbarIconActive{color:#141414;background:#f0f0f0}.f8349W_swatch{border-radius:9999px;width:20px;height:20px;transition:transform .2s cubic-bezier(.215,.61,.355,1),box-shadow .25s;position:relative;box-shadow:inset 0 0 0 1px #0000001a}.f8349W_swatchGradient{background-color:#e9f4da}.f8349W_swatchActive{transform:scale(1.12);box-shadow:inset 0 0 0 1px #0000001f,0 0 0 2px #fff,0 0 0 3.5px #14141259}.f8349W_swatchPressed{transform:scale(.9)}.f8349W_swatchCheck{opacity:0;justify-content:center;align-items:center;transition:opacity .2s;display:flex;position:absolute;inset:0}.f8349W_swatchActive .f8349W_swatchCheck{opacity:1}.f8349W_phone{aspect-ratio:9/19.5;opacity:0;z-index:1;pointer-events:none;width:min(52cqw,62.3077cqh);transition:top .75s cubic-bezier(.215,.61,.355,1),left .75s cubic-bezier(.215,.61,.355,1),width .75s cubic-bezier(.215,.61,.355,1),translate .75s cubic-bezier(.215,.61,.355,1),opacity .55s;position:absolute;top:8%;left:66%;translate:-50%;container:present-phone/size}.f8349W_stepMenuShift .f8349W_phone{opacity:0}.f8349W_stepPhone .f8349W_phone,.f8349W_stepDeviceFade .f8349W_phone{opacity:1}.f8349W_stepPhoneShrink .f8349W_phone,.f8349W_stepColorPause .f8349W_phone,.f8349W_stepColorMenu .f8349W_phone,.f8349W_stepHover1 .f8349W_phone,.f8349W_stepClick1 .f8349W_phone,.f8349W_stepApply1 .f8349W_phone,.f8349W_stepHover2 .f8349W_phone,.f8349W_stepClick2 .f8349W_phone,.f8349W_stepApply2 .f8349W_phone,.f8349W_stepHover3 .f8349W_phone,.f8349W_stepClick3 .f8349W_phone,.f8349W_stepApply3 .f8349W_phone{left:var(--phone-shrunk-left);width:var(--phone-shrunk-w);opacity:1;top:50%;translate:-50% -50%}.f8349W_phoneFrame{box-sizing:border-box;background:#0a0a0a;border-radius:14.5cqw;width:100%;height:100%;padding:1.7cqw;position:relative}.f8349W_dynamicIsland{z-index:2;pointer-events:none;background:#0a0a0a;border-radius:9999px;width:24cqw;height:5.6cqw;position:absolute;top:3.6cqw;left:50%;translate:-50%}.f8349W_phoneScreen{background:#fff;border-radius:12.5cqw;width:100%;height:100%;position:relative;overflow:hidden}.f8349W_phoneImage{-o-object-fit:cover;object-fit:cover;-o-object-position:top center;object-position:top center;-webkit-user-select:none;user-select:none;pointer-events:none;width:100%;height:100%;display:block}.f8349W_cursor{opacity:0;z-index:4;pointer-events:none;width:22px;height:22px;transition:left .55s cubic-bezier(.215,.61,.355,1),top .55s cubic-bezier(.215,.61,.355,1),opacity .3s,scale .16s cubic-bezier(.215,.61,.355,1);position:absolute;top:58%;left:58%;scale:.85}.f8349W_cursorGlyph{-webkit-user-select:none;user-select:none;pointer-events:none;width:100%;height:100%;display:block}.f8349W_stepMenu .f8349W_cursor,.f8349W_stepClickMobile .f8349W_cursor{opacity:1;top:calc(50% - 2px);left:calc(50% + 28px);scale:1}.f8349W_stepMenuShift .f8349W_cursor,.f8349W_stepPhone .f8349W_cursor{opacity:1;top:calc(50% - 2px);left:calc(18% + 28px);scale:1}.f8349W_stepDeviceFade .f8349W_cursor{opacity:0;top:calc(50% - 2px);left:calc(18% + 28px);scale:.9}.f8349W_stepPhoneShrink .f8349W_cursor,.f8349W_stepColorPause .f8349W_cursor{left:calc(var(--toolbar-x) - 68px);opacity:0;top:calc(50% - 2px);scale:.9}.f8349W_stepColorMenu .f8349W_cursor{left:calc(var(--toolbar-x) - 90px);opacity:1;top:calc(50% - 2px);scale:1}.f8349W_stepHover1 .f8349W_cursor,.f8349W_stepClick1 .f8349W_cursor,.f8349W_stepApply1 .f8349W_cursor{left:calc(var(--toolbar-x) - 68px);opacity:1;top:calc(50% - 2px);scale:1}.f8349W_stepHover2 .f8349W_cursor,.f8349W_stepClick2 .f8349W_cursor,.f8349W_stepApply2 .f8349W_cursor{left:calc(var(--toolbar-x) - 41px);opacity:1;top:calc(50% - 2px);scale:1}.f8349W_stepHover3 .f8349W_cursor,.f8349W_stepClick3 .f8349W_cursor,.f8349W_stepApply3 .f8349W_cursor{left:calc(var(--toolbar-x) - 14px);opacity:1;top:calc(50% - 2px);scale:1}.f8349W_isClicking .f8349W_cursor{scale:.82}@media (prefers-color-scheme:dark){.f8349W_toolbar{background:#2b2b2b;box-shadow:0 1px 2px #0000004d,0 8px 20px #0006}.f8349W_toolbarIcon{color:#e5e5e5}.f8349W_toolbarIconActive{color:#fff;background:#3f3f3f}.f8349W_swatchActive{box-shadow:inset 0 0 0 1px #ffffff1f,0 0 0 2px #2b2b2b,0 0 0 3.5px #ffffff73}}@media (prefers-reduced-motion:reduce){.f8349W_entered .f8349W_stage{opacity:1;animation:none;translate:none}.f8349W_stage,.f8349W_stageGradient,.f8349W_toolbar,.f8349W_phone,.f8349W_cursor,.f8349W_swatch,.f8349W_swatchCheck,.f8349W_toolbarPanel{transition:none}.f8349W_stageBloom{opacity:0;animation:none}.f8349W_stepApply3 .f8349W_toolbar{left:var(--toolbar-x);opacity:1;width:196px;scale:1}.f8349W_stepApply3 .f8349W_devicePanel{opacity:0}.f8349W_stepApply3 .f8349W_swatchPanel{opacity:1;scale:1}.f8349W_stepApply3 .f8349W_phone{left:var(--phone-shrunk-left);width:var(--phone-shrunk-w);opacity:1;top:50%;translate:-50% -50%}.f8349W_stepApply3 .f8349W_cursor,.f8349W_stepMenuShift .f8349W_phone{opacity:0}}
