.CustomizeSection_section__m5XoU{--feature-icon:url(/assets/icons/customize.svg);--feature-icon-color:#fa5964}.CustomizeSection_skinTones__MIJKY,.CustomizeSection_trigger__ZSakn{grid-column:span 2;@media (width <= 500px){grid-column:auto}}.CustomizeSection_aliases__hFIBw,.CustomizeSection_hide__UmlhQ{@media (width <= 760px){grid-column:span 2}@media (width <= 500px){grid-column:auto}}.CustomizeSection_keyboardIllustration__J3Bya{--key-unit:1.7px;--keyboard-offset:1rem;flex:1;min-height:15.25rem}.CustomizeSection_keyboardBackdrop__Gpqdw{display:grid;gap:1rem;left:50%;mask-image:linear-gradient(var(--color-black),transparent);opacity:.7;position:absolute;top:50%;transform:translate(-50%,calc(-50% - var(--keyboard-offset)));width:max-content}.CustomizeSection_keyboardRow__hX3R2{display:flex;gap:1rem;&:nth-child(odd){transform:translateX(-2rem)}}.CustomizeSection_blankKey__4p1VV{background:var(--color-white);border:3px solid var(--color-key-outline);border-radius:calc(10 * var(--key-unit));flex:none;height:calc(60 * var(--key-unit));width:calc(62 * var(--key-unit))}.CustomizeSection_triggerKey__7zGKC{border-radius:1.0625rem;box-shadow:var(--shadow-raised);position:relative;top:calc(-1 * var(--keyboard-offset));transform:scale(1);transition:transform .1s var(--ease-out);@supports (transition-timing-function:linear(0,1)){transition:transform var(--trigger-key-release);transition-duration:.5s}&[data-pressed=true]{transform:scale(.9);transition:transform .1s var(--ease-out)}@media (prefers-reduced-motion:reduce){transform:none;transition:none}}.CustomizeSection_triggerKeyLabel__dHjhx{inset:0;opacity:0;position:absolute;transition:opacity .1s var(--ease-out);&[data-active=true]{opacity:1}@media (prefers-reduced-motion:reduce){transition:none}}.CustomizeSection_menuIllustration__FAXL9{--illustration-position:25% 50%;--illustration-rotation:90deg;aspect-ratio:1;@media (width <= 760px){aspect-ratio:auto;height:21.5rem}@media (width <= 500px){height:17rem}}.CustomizeSection_menuScreenshot__3PTWe{display:block;flex:none;height:auto;max-width:calc(100% - 2rem);width:18.75rem;@media (width <= 1000px){max-width:calc(100% - 1rem)}}.CustomizeSection_aliasesIllustration__BzEoj{--illustration-position:40% 50%;--illustration-rotation:90deg;flex:1;min-height:14rem;@media (width <= 760px){flex:auto;height:14rem}}.CustomizeSection_aliasList__6SlC9{background:var(--color-white);border-radius:1.25rem 1.25rem .875rem .875rem;font-size:.8125rem;left:3.5rem;min-width:16rem;overflow:hidden;position:absolute;top:-.5rem;width:20rem;@media (width <= 500px){left:2rem}}.CustomizeSection_aliasRow__z2n_2{align-items:center;border-bottom:1px solid var(--color-hairline);display:flex;gap:.75rem;height:2.5rem;margin-left:.75rem}.CustomizeSection_aliasEmoji__90rGP{font-size:1.25rem;line-height:1}.CustomizeSection_aliasToolbar__NqHkE{background:var(--color-feature-surface);color:var(--color-muted);display:block;font-size:1rem;padding:.5rem .75rem;white-space:pre}.CustomizeSection_tonesIllustration__VEH53{--illustration-position:50% 50%;--illustration-rotation:0deg;height:18rem;@media (width <= 500px){height:14rem}}.CustomizeSection_toneRow__oyOLB{align-items:center;display:flex;flex:none;gap:1.5rem;@media (width <= 500px){gap:1rem;transform:translateX(-9.75rem)}}.CustomizeSection_toneTile__4mUPi{align-items:center;background:var(--color-white);border:1px solid var(--color-hairline);border-radius:2rem;box-shadow:0 2px 2px rgb(0 0 0/10%);display:flex;flex:none;font-size:3rem;height:7.625rem;justify-content:center;width:8rem;&[data-selected=true]{transform:translateY(-1.25rem)}@media (width <= 1000px){border-radius:1.5rem;height:6rem;width:6.25rem}@media (width <= 500px){border-radius:1.25rem;font-size:2.5rem;height:5.25rem;width:5.5rem}}.PillButton_button__0gQSQ{align-items:center;background:var(--color-black);border:0;border-radius:var(--radius-pill);color:var(--color-white);cursor:pointer;display:inline-flex;font-size:1rem;font-weight:var(--font-weight-medium);gap:.625rem;justify-content:center;line-height:1.4;min-height:2.75rem;padding:.75rem 1.25rem;text-decoration:none;transition:transform var(--duration-hover) var(--ease-out);>svg{flex:none;height:1em;width:1em}&[data-size=small]{font-size:.875rem;padding:.625rem 1.125rem}&[data-variant=secondary]{background:var(--color-panel);color:var(--color-ink)}&:disabled{background:var(--color-panel);color:var(--color-muted);cursor:not-allowed}@supports (transition-timing-function:linear(0,1)){transition:transform var(--duration-spring) var(--ease-spring)}@media (prefers-reduced-motion:no-preference){@media (hover:hover){&:not(:disabled):hover{transform:scale(1.015)}}&:not(:disabled):active{transform:scale(.97);transition:transform .1s var(--ease-out)}}}.DemoVideo_root__P2YwD{display:flex;justify-content:center;margin-top:2.5rem;padding-inline:1rem;.DemoVideo_triggerIcon__2pcpH{fill:currentcolor;height:.875rem;width:.875rem}}.DemoVideo_duration__0nsaA{color:var(--color-media-muted)}.DemoVideo_veil__w9n1e{backdrop-filter:blur(1.75rem);background:var(--color-media-backdrop);inset:0;pointer-events:none;position:fixed;transition:backdrop-filter var(--duration-dialog) var(--ease-dialog-enter),background-color var(--duration-dialog) var(--ease-dialog-enter);z-index:var(--z-backdrop);@starting-style{backdrop-filter:blur(0);background:transparent}&[data-closing=true]{backdrop-filter:blur(0);background:transparent;transition-duration:var(--duration-dialog-exit);transition-timing-function:var(--ease-out)}@media (prefers-reduced-motion:reduce){transition-duration:.1s;transition-property:background-color}}.DemoVideo_dialog__UdQbw{background:transparent;border:0;color:var(--color-white);height:100dvh;inset:0;margin:0;max-height:none;max-width:none;outline:none;overscroll-behavior:contain;padding:4rem 2rem;width:100%;&[open]{display:grid;place-items:center}&::backdrop{background:transparent}@media (width <= 760px){padding-inline:1rem}}.DemoVideo_close__VtiMm{background:transparent;border:0;border-radius:var(--radius-pill);color:var(--color-ink);cursor:pointer;display:grid;height:2.75rem;padding:0;place-items:center;position:fixed;right:max(1.5rem,env(safe-area-inset-right));top:max(1.5rem,env(safe-area-inset-top));transition:background-color var(--duration-hover) ease;width:2.75rem;& svg{height:2rem;width:2rem}@media (hover:hover) and (pointer:fine){&:hover{background:var(--color-white)}}@media (width <= 760px){right:max(1rem,env(safe-area-inset-right));top:max(1rem,env(safe-area-inset-top))}}.DemoVideo_player__PWMN3{--controls-height:4.875rem;background:var(--color-black);border-radius:1.5rem;box-shadow:var(--shadow-modal);color-scheme:dark;opacity:1;overflow:hidden;position:relative;transform:scale(1);transition:opacity var(--duration-dialog) var(--ease-dialog-enter) var(--delay-dialog-video),transform var(--duration-dialog) var(--ease-dialog-enter) var(--delay-dialog-video);width:min(68rem,calc((100dvh - 8rem) * var(--video-ratio)),100%);&:fullscreen{border-radius:0;box-shadow:none;height:100%;width:100%}.DemoVideo_dialog__UdQbw[open] &{@starting-style{opacity:0;transform:scale(.96)}}.DemoVideo_dialog__UdQbw[data-closing=true] &{opacity:0;transform:scale(.96);transition-delay:0s;transition-duration:var(--duration-dialog-exit);transition-timing-function:var(--ease-out)}@media (prefers-reduced-motion:reduce){transform:none;transition-delay:0s;transition-duration:.1s;.DemoVideo_dialog__UdQbw[open] &{@starting-style{transform:none}}.DemoVideo_dialog__UdQbw[data-closing=true] &{transform:none}}}.DemoVideo_iconButton__YKIty{align-items:center;background:transparent;border:0;border-radius:var(--radius-pill);color:var(--color-white);cursor:pointer;display:inline-flex;flex:none;height:2.75rem;justify-content:center;padding:0;transition:background-color var(--duration-hover) ease;width:2.75rem;& svg{height:1.375rem;width:1.375rem}@media (hover:hover) and (pointer:fine){&:hover{background:var(--color-media-hover)}}&:active{background:var(--color-media-hover)}&:focus-visible{outline-offset:-.125rem}&[aria-pressed=true]{background:var(--color-white);color:var(--color-black)}}.DemoVideo_stage__Fb2Bd{--video-edge-crop:0.125rem;aspect-ratio:var(--video-ratio);display:grid;overflow:hidden;position:relative;.DemoVideo_player__PWMN3:fullscreen &{height:100%}}.DemoVideo_video__8_PST{display:block;height:100%;inset:0 calc(-1 * var(--video-edge-crop));object-fit:cover;position:absolute;width:calc(100% + 2 * var(--video-edge-crop));.DemoVideo_player__PWMN3:fullscreen &{inset:0;object-fit:contain;width:100%}&::cue{background:var(--color-media-overlay,rgb(0 0 0/74%));color:var(--color-white,#fff);font-family:var(--font-body,system-ui);font-size:clamp(1rem,1.5vw,1.375rem)}}.DemoVideo_surfaceToggle__S3Ylk{align-items:center;background:transparent;border:0;color:var(--color-white);cursor:pointer;display:flex;inset:0;justify-content:center;padding:0;position:absolute;&:focus-visible{outline-offset:-.5rem}}.DemoVideo_bigPlay__7Kxyq{align-items:center;background:var(--color-media-overlay);border-radius:var(--radius-pill);display:inline-flex;height:4rem;justify-content:center;opacity:1;transform:scale(1);transition:opacity var(--duration-hover) var(--ease-out),transform var(--duration-hover) var(--ease-out);width:4rem;& svg{height:1.625rem;width:1.625rem}.DemoVideo_surfaceToggle__S3Ylk[data-playing=true] &{opacity:0;transform:scale(.94)}.DemoVideo_surfaceToggle__S3Ylk:focus-visible &{opacity:1;transform:scale(1)}@media (hover:hover) and (pointer:fine){.DemoVideo_player__PWMN3[data-controls-idle=false]:hover &{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion:reduce){transition-property:opacity;.DemoVideo_surfaceToggle__S3Ylk[data-playing=true] &{transform:none}}}.DemoVideo_captions__6Pg6D{bottom:calc(var(--controls-height) + .75rem);font-size:clamp(1rem,1.5vw,1.375rem);left:1rem;line-height:1.35;pointer-events:none;position:absolute;right:1rem;text-align:center;white-space:pre-line;& span{background:var(--color-media-overlay);border-radius:.25rem;box-decoration-break:clone;padding:.125rem .375rem}@media (hover:hover) and (pointer:fine){bottom:.75rem;.DemoVideo_player__PWMN3:has(:focus-visible) &,.DemoVideo_player__PWMN3[data-controls-idle=false]:hover &,.DemoVideo_player__PWMN3[data-playing=false] &{bottom:calc(var(--controls-height) + .75rem)}}@media (width <= 760px){.DemoVideo_player__PWMN3[data-playing=false] &{bottom:max(calc(var(--controls-height) + .75rem),calc(50% + 2.5rem))}}}.DemoVideo_status__XZLci{align-items:center;background:var(--color-media-overlay);display:flex;flex-direction:column;gap:.75rem;inset:0;justify-content:center;padding:1rem;pointer-events:none;position:absolute;text-align:center;& p{font-size:1rem;font-weight:var(--font-weight-medium);margin:0}& a{font-size:.875rem;pointer-events:auto}}.DemoVideo_loading__aodlh{font-size:.875rem}.DemoVideo_retry__KdVk0{background:var(--color-white);border:0;border-radius:var(--radius-pill);color:var(--color-black);cursor:pointer;min-height:2.75rem;padding:.625rem 1.25rem;pointer-events:auto}.DemoVideo_controls__AgG7O{align-items:center;background:linear-gradient(transparent,var(--color-media-overlay));bottom:0;display:grid;gap:.75rem;grid-template-columns:auto minmax(0,1fr) repeat(3,2.75rem);left:0;opacity:1;padding:1.5rem 1rem .625rem;position:absolute;right:0;transform:translateY(0);transition:opacity var(--duration-hover) var(--ease-out),transform var(--duration-hover) var(--ease-out);@media (hover:hover) and (pointer:fine){opacity:0;pointer-events:none;transform:translateY(.375rem);.DemoVideo_player__PWMN3:has(:focus-visible) &,.DemoVideo_player__PWMN3[data-controls-idle=false]:hover &,.DemoVideo_player__PWMN3[data-playing=false] &{opacity:1;pointer-events:auto;transform:translateY(0)}}@media (width <= 760px){gap:.375rem;padding-left:.5rem;padding-bottom:.5rem;padding-right:.5rem;padding-top:.5rem}@media (prefers-reduced-motion:reduce){transform:none;transition-property:opacity}}.DemoVideo_seek__50bq1{--progress:0%;appearance:none;background:transparent;cursor:pointer;height:2.75rem;margin:0;min-width:0;width:100%;&::-webkit-slider-runnable-track{background:linear-gradient(to right,var(--color-white) var(--progress),var(--color-media-track) var(--progress));border-radius:var(--radius-pill);height:.1875rem}&::-moz-range-track{background:linear-gradient(to right,var(--color-white) var(--progress),var(--color-media-track) var(--progress));border-radius:var(--radius-pill);height:.1875rem}&::-webkit-slider-thumb{appearance:none;background:var(--color-white);border:0;border-radius:var(--radius-pill);height:.6875rem;margin-top:-.25rem;width:.6875rem}&::-moz-range-thumb{background:var(--color-white);border:0;border-radius:var(--radius-pill);height:.6875rem;width:.6875rem}&:disabled{cursor:default;opacity:.4}}.DemoVideo_time__uxFZw{color:var(--color-white);font-size:.8125rem;font-variant-numeric:tabular-nums;white-space:nowrap;& span{color:var(--color-media-muted);@media (width <= 760px){display:none}}}.DemoVideo_notice___7FeS{background:var(--color-media-overlay);border-radius:.5rem;font-size:.875rem;left:50%;margin:0;max-width:calc(100% - 3rem);padding:.625rem .875rem;position:absolute;text-align:center;top:1rem;transform:translateX(-50%)}