.device-preview:has(.device-preview__expand) .device-preview__topbar{flex-wrap:wrap;gap:.75rem;padding-block:.45rem .65rem}.device-preview__expand{border-radius:var(--radius-pill);color:#f9efe4;min-height:2.75rem;font:inherit;cursor:pointer;white-space:nowrap;background:#ffffff0f;border:1px solid #ffffff38;align-items:center;gap:.4rem;padding:.35rem .65rem;font-weight:650;display:inline-flex}.device-preview__expand:hover{background:#ffffff24}.device-preview__expand:focus-visible,.expanded-recipient-preview__controls button:focus-visible{outline-offset:3px;outline:2px solid #f9efe4}.device-preview .device-preview__canonical{overscroll-behavior:contain;scrollbar-width:thin;overflow:hidden auto}dialog.expanded-recipient-preview{background:var(--color-canvas);border:0;border-radius:0;width:100%;max-width:none;height:100dvh;max-height:none;margin:0;padding:0;position:fixed;inset:0;overflow:hidden}.expanded-recipient-preview::backdrop{background:#171211}.expanded-recipient-preview__content{height:100%;overscroll-behavior:contain;padding-block-end:calc(5rem + env(safe-area-inset-bottom));overflow:hidden auto;container:recipient-preview/inline-size}.expanded-recipient-preview__controls{z-index:100;border-radius:var(--radius-pill);color:#f9efe4;background:#171211f2;border:1px solid #ffffff3d;gap:.25rem;max-width:calc(100% - 2rem);padding:.3rem;display:flex;position:fixed;inset-block-end:max(1rem, env(safe-area-inset-bottom));inset-inline-start:50%;transform:translate(-50%);box-shadow:0 .5rem 2rem #0003}.expanded-recipient-preview__controls button{border-radius:var(--radius-pill);min-height:2.75rem;color:inherit;white-space:nowrap;cursor:pointer;background:0 0;border:0;align-items:center;gap:.45rem;padding:.4rem .8rem;font-size:.75rem;font-weight:650;display:inline-flex}.expanded-recipient-preview__controls button:hover{background:#ffffff1f}