.wx-handoff{position:relative;min-width:0}.wx-channel-idle{position:absolute;inset:0;pointer-events:none}.wx-channel-threads{position:absolute;width:100%;height:100%;fill:none;stroke:var(--bronze);stroke-width:1;opacity:.32}.wx-channel-signature{position:absolute;bottom:0;left:50%;transform:translate(-50%);display:grid;justify-items:center;width:100%;font:italic 19px var(--font-display);color:var(--bronze)}.wx-channel-signature img{margin-bottom:-7px}.wx-channel-choices{position:relative;display:grid;grid-template-columns:1fr 1fr;align-items:start;gap:28px;border:0;padding:0 0 105px;margin:0;min-width:0}.wx-channel-choices button{appearance:none;display:grid;justify-items:center;align-content:end;gap:25px;min-width:0;padding:18px 5px 4px;border:0;background:none;color:var(--ink);font:inherit;cursor:pointer}.wx-channel-choices [data-choose-email]{padding-top:93px}.wx-channel-label{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:192px;padding:12px 0;border-bottom:1px solid #b9bdae;font-size:15px;transition:border-color .2s,color .2s}.wx-channel-label>span{transition:transform .22s var(--ease)}.wx-channel-choices button:is(:hover,:focus-visible) .wx-channel-label{border-color:var(--bronze);color:var(--bronze)}.wx-channel-choices button:is(:hover,:focus-visible) .wx-channel-label>span{transform:translate(2px,-2px)}.wx-channel-object{display:block;position:relative;transition:transform .4s var(--ease);pointer-events:none}.wx-phone-object{width:168px;height:266px;padding:5px;border:1px solid #85867f;border-radius:28px;background:linear-gradient(110deg,#8b8e84,#1e241e 3%,#222820 97%,#696e62);box-shadow:2px 3px #9b9d92,8px 20px 26px -17px #24302155,inset 0 0 0 2px #d5d5cb;transform:rotate(-7deg)}.wx-phone-screen{position:relative;display:flex;flex-direction:column;align-items:center;height:100%;border:1px solid #131713;border-radius:22px;background:#fafbf7}.wx-phone-speaker{width:46px;height:11px;margin:9px 0 12px;border-radius:12px;background:#1a201a}.wx-phone-screen img{width:36px;height:36px}.wx-phone-name{width:100%;font-size:12px;padding-bottom:10px;border-bottom:1px solid #e0e3d9}.wx-phone-hello{margin-top:20px;font:400 39px / .98 var(--font-display);letter-spacing:-.04em}.wx-phone-hello em{color:var(--bronze)}.wx-phone-baseline{position:absolute;bottom:6px;width:53px;height:3px;border-radius:4px;background:#3a4035}.wx-envelope-object{width:220px;height:191px;transform:rotate(6deg)}.wx-envelope-back{position:absolute;inset:28px 0 0;background:#e8e0d1;border:1px solid #ccbaa1;box-shadow:3px 5px #d6c7b3,0 22px 26px -18px #51402840}.wx-envelope-note{position:absolute;inset:0 10px 12px;padding:23px 19px;border:1px solid #deddd2;background:#fffef7;box-shadow:0 12px 20px -18px #23291e80;text-align:left;font:italic 27px var(--font-display);color:#71563a;transition:transform .4s var(--ease)}.wx-letter-lines{display:block;height:36px;margin-top:15px;background:repeating-linear-gradient(transparent 0 16px,#deddd2 16px 17px,transparent 17px 18px)}.wx-envelope-pocket{position:absolute;inset:72px 0 0;clip-path:polygon(0 0,50% 40%,100% 0,100% 100%,0 100%);background:linear-gradient(155deg,#efe6d7,#dfd0b9);border-bottom:1px solid #c9b79b}.wx-envelope-pocket img{position:absolute;bottom:8px;right:12px}.wx-channel-choices button:is(:hover,:focus-visible) .wx-phone-object{transform:translateY(-8px) rotate(-3deg)}.wx-channel-choices button:is(:hover,:focus-visible) .wx-envelope-object{transform:translateY(-4px) rotate(3deg)}.wx-channel-choices button:is(:hover,:focus-visible) .wx-envelope-note{transform:translateY(-12px) rotate(-2deg)}.wx-handoff:has([data-channel-idle][hidden]) .wx-channel-choices{display:flex;gap:28px;padding:0;margin:0 0 26px}.wx-handoff:has([data-channel-idle][hidden]) .wx-channel-object{display:none}.wx-handoff:has([data-channel-idle][hidden]) .wx-channel-choices button{display:block;padding:0;width:140px}.wx-channel-choices button[aria-pressed=true] .wx-channel-label{border-bottom:2px solid var(--bronze);color:var(--bronze)}@media(prefers-reduced-motion:reduce){.wx-channel-choices button span{transition:none}.wx-channel-choices button:is(:hover,:focus-visible) .wx-channel-object,.wx-channel-choices button:is(:hover,:focus-visible) .wx-envelope-note{transform:none}}