@layer components{.fx-fd{--fx-fd-ring-ink: color-mix(in srgb, var(--w-accent) 46%, transparent);--fx-fd-slot-ink: color-mix(in srgb, var(--w-accent) 30%, transparent);--fx-fd-line-ink: color-mix(in srgb, var(--w-accent) 62%, transparent);--fx-fd-fill-ink: color-mix(in srgb, var(--w-accent) 74%, transparent);--fx-fd-stroke: 1px;--fx-fd-radius: 21%;--fx-fd-mark: 16%;position:relative;inline-size:100%;max-inline-size:min(100%,17.5rem);margin-inline:auto;aspect-ratio:1;pointer-events:none;contain:layout paint}.fx-fd:before{content:"";position:absolute;inset:11%;border:var(--fx-fd-stroke) solid var(--fx-fd-ring-ink);border-radius:50%}.fx-fd__slot{position:absolute;inline-size:7%;aspect-ratio:1;inset-inline-start:50%;inset-block-start:50%;margin-inline-start:-3.5%;margin-block-start:-3.5%;border:var(--fx-fd-stroke) solid var(--fx-fd-slot-ink)}.fx-fd__station{position:absolute;inset:0;rotate:var(--fx-fd-angle)}.fx-fd__station[data-station=photo]{--fx-fd-angle: 315deg}.fx-fd__station[data-station=scan]{--fx-fd-angle: 45deg}.fx-fd__station[data-station=note]{--fx-fd-angle: 135deg}.fx-fd__station[data-station=answer]{--fx-fd-angle: 225deg}.fx-fd__station:before{content:"";position:absolute;inline-size:var(--fx-fd-stroke);block-size:5%;inset-inline-start:50%;inset-block-start:8.5%;margin-inline-start:calc(var(--fx-fd-stroke) * -.5);background:var(--fx-fd-ring-ink)}.fx-fd__carrier{position:absolute;inline-size:var(--fx-fd-mark);aspect-ratio:1;inset-inline-start:50%;inset-block-start:calc(50% - var(--fx-fd-radius));margin-inline-start:calc(var(--fx-fd-mark) * -.5);margin-block-start:calc(var(--fx-fd-mark) * -.5);opacity:0}.fx-fd__mark{position:absolute;inset:0;rotate:calc(-1 * var(--fx-fd-angle))}.fx-fd__part{position:absolute}.fx-fd__station[data-station=photo] .fx-fd__part[data-part=frame]{inset-inline:0;inset-block:16% 12%;border:var(--fx-fd-stroke) solid var(--fx-fd-line-ink);border-radius:1px}.fx-fd__station[data-station=photo] .fx-fd__part[data-part=lens]{inline-size:24%;aspect-ratio:1;inset-inline-start:26%;inset-block-start:40%;margin-inline-start:-12%;margin-block-start:-12%;border-radius:50%;background:var(--fx-fd-fill-ink)}.fx-fd__station[data-station=scan] .fx-fd__part{inline-size:var(--fx-fd-dot);aspect-ratio:1;inset-inline-start:var(--fx-fd-dot-x);inset-block-start:var(--fx-fd-dot-y);margin-inline-start:calc(var(--fx-fd-dot) * -.5);margin-block-start:calc(var(--fx-fd-dot) * -.5);border-radius:50%;background:var(--fx-fd-fill-ink)}.fx-fd__station[data-station=scan] .fx-fd__part:nth-child(-n+3){--fx-fd-dot: 8%;--fx-fd-dot-y: 30%}.fx-fd__station[data-station=scan] .fx-fd__part:nth-child(n+4){--fx-fd-dot: 13%;--fx-fd-dot-y: 68%}.fx-fd__station[data-station=scan] .fx-fd__part:nth-child(3n+1){--fx-fd-dot-x: 18%}.fx-fd__station[data-station=scan] .fx-fd__part:nth-child(3n+2){--fx-fd-dot-x: 50%}.fx-fd__station[data-station=scan] .fx-fd__part:nth-child(3n+3){--fx-fd-dot-x: 82%}.fx-fd__station[data-station=note] .fx-fd__part{block-size:var(--fx-fd-stroke);inset-inline-start:0;background:var(--fx-fd-line-ink)}.fx-fd__station[data-station=note] .fx-fd__part:nth-child(1){inline-size:52%;inset-block-start:68%}.fx-fd__station[data-station=note] .fx-fd__part:nth-child(2){inline-size:84%;inset-block-start:50%}.fx-fd__station[data-station=note] .fx-fd__part:nth-child(3){inline-size:100%;inset-block-start:32%}.fx-fd__station[data-station=answer] .fx-fd__part[data-part=track]{inline-size:100%;block-size:var(--fx-fd-stroke);inset-inline-start:0;inset-block-start:50%;background:var(--fx-fd-line-ink)}.fx-fd__station[data-station=answer] .fx-fd__part[data-part=pip]{inline-size:22%;aspect-ratio:1;inset-inline-start:68%;inset-block-start:50%;margin-inline-start:-11%;margin-block-start:-11%;border-radius:50%;background:var(--fx-fd-fill-ink)}.fx-fd[data-fx-forget=playing] .fx-fd__carrier{will-change:transform,opacity}}@media(prefers-reduced-motion:reduce){.fx-fd .fx-fd__carrier{opacity:0;transform:none;will-change:auto}}@layer components{.fx-sep{display:block;inline-size:100%;max-inline-size:min(100%,27rem);margin-inline:auto;pointer-events:none}.fx-sep__stage{display:block}.fx-sep__plan{display:block;inline-size:100%;block-size:auto}.fx-sep__rim{fill:none;stroke:color-mix(in srgb,var(--w-ink) 26%,transparent);opacity:0;transform-box:view-box;transform-origin:50% 50%}.fx-sep__part{transform-box:view-box;transform-origin:var(--fx-sep-ox, 50%) var(--fx-sep-oy, 50%)}.fx-sep__halo-core{stop-color:var(--w-ink);stop-opacity:.07}.fx-sep__halo-mid{stop-color:var(--w-ink);stop-opacity:.03}.fx-sep__halo-edge{stop-color:var(--w-ink);stop-opacity:0}.fx-sep__body{fill:color-mix(in srgb,var(--w-ink) 10%,transparent);stroke:color-mix(in srgb,var(--w-ink) 24%,transparent)}.fx-sep__part[data-known] .fx-sep__body{stroke:color-mix(in srgb,var(--w-accent) 46%,transparent)}.fx-sep__dial{transform-box:view-box;transform-origin:var(--fx-sep-ox, 50%) var(--fx-sep-oy, 50%)}.fx-sep__track{fill:none;stroke:color-mix(in srgb,var(--w-ink) 13%,transparent)}.fx-sep__gauge{fill:none;stroke:color-mix(in srgb,var(--w-accent) 85%,transparent);stroke-linecap:butt}.fx-sep__part[data-known] .fx-sep__gauge{stroke:var(--w-accent)}.fx-sep__arc{fill:none;stroke:var(--w-accent);stroke-linecap:butt}.fx-sep[data-fx-sep=armed] .fx-sep__stage{opacity:0;transform:translate3d(0,var(--fx-sep-from-y, 0px),0) scale(var(--fx-sep-from-scale, 1))}.fx-sep[data-fx-sep=armed] .fx-sep__part{transform:translate(var(--fx-sep-fx, 0px),var(--fx-sep-fy, 0px)) scale(var(--fx-sep-fs, 1))}.fx-sep[data-fx-sep=armed] .fx-sep__dial{opacity:0}.fx-sep[data-fx-sep=armed] .fx-sep__gauge,.fx-sep[data-fx-sep=armed] .fx-sep__arc{stroke-dashoffset:var(--fx-sep-len, 0)}.fx-sep[data-fx-sep=armed] .fx-sep__stage,.fx-sep[data-fx-sep=playing] .fx-sep__stage,.fx-sep[data-fx-sep=armed] .fx-sep__part,.fx-sep[data-fx-sep=playing] .fx-sep__part,.fx-sep[data-fx-sep=playing] .fx-sep__rim{will-change:transform,opacity}}@media(prefers-reduced-motion:reduce){.fx-sep[data-fx-sep] .fx-sep__stage,.fx-sep[data-fx-sep] .fx-sep__part{opacity:1;transform:none}.fx-sep[data-fx-sep] .fx-sep__dial{opacity:1}.fx-sep[data-fx-sep] .fx-sep__gauge,.fx-sep[data-fx-sep] .fx-sep__arc{stroke-dashoffset:0}.fx-sep__rim{display:none}}@media print{.fx-sep[data-fx-sep] .fx-sep__stage,.fx-sep[data-fx-sep] .fx-sep__part{opacity:1;transform:none}.fx-sep[data-fx-sep] .fx-sep__dial{opacity:1}.fx-sep[data-fx-sep] .fx-sep__gauge,.fx-sep[data-fx-sep] .fx-sep__arc{stroke-dashoffset:0}.fx-sep__rim{display:none}}.tc-phone{inline-size:100%;max-inline-size:12rem;margin-inline:auto}.tc-doors{display:flex;flex-wrap:wrap;align-items:center;gap:1rem}.tc-doors__door{display:inline-flex}.tc-door{display:inline-flex;align-items:center;justify-content:center;min-inline-size:13rem;padding-block:1rem;padding-inline:2rem;border-radius:var(--w-radius-button);background:var(--w-ground);color:var(--w-ink);font-family:var(--w-display);font-weight:var(--w-display-weight);text-transform:var(--w-display-transform);letter-spacing:var(--w-display-tracking);font-size:1.0625rem;line-height:1.2;text-decoration:none;transition:transform var(--w-dur-press) var(--w-spring-press),background-color var(--w-dur-hover) var(--w-spring-hover)}.tc-door:hover{background:color-mix(in srgb,var(--w-ground) 88%,var(--w-ink))}.tc-door:active{transform:scale(var(--w-press-scale))}.tc-doors__door[data-ground=paper] .tc-door{box-shadow:inset 0 0 0 1px var(--w-accent)}.tc-doors__door[data-ground=paper] .tc-door:hover{background:color-mix(in srgb,var(--w-ground) 92%,var(--w-accent))}@media(prefers-reduced-motion:reduce){.tc-door{transition:none}}