/* Incoming Messages-style orientation hint, independent of app navigation. */
.page-dots[hidden],.orientation-notice[hidden],.destinations-button[hidden]{display:none!important}
.orientation-notice{position:absolute;z-index:1000;top:10px;left:50%;transform:translate3d(-50%,var(--notice-drag-y,0px),0);width:min(420px,calc(100% - 24px));display:flex;gap:10px;align-items:center;padding:12px 12px 12px 16px;border-radius:18px;background:rgba(35,35,39,.95);color:#fff;box-shadow:0 6px 28px #0005;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);pointer-events:auto;touch-action:none;user-select:none;will-change:transform;font-size:14px;text-align:left}
.orientation-notice>img{width:44px;height:44px;flex:none}
.orientation-notice>div{min-width:0;flex:1}
.orientation-notice .notice-sender{display:block;font-size:10px;font-weight:600;letter-spacing:.7px;opacity:.6;margin-bottom:4px}
.orientation-notice strong{display:block;font-size:16px;line-height:20px;font-weight:600}
.orientation-notice p{font-size:13px;line-height:18px;margin:2px 0 0;color:inherit;opacity:.75}
.light .orientation-notice{background:rgba(250,250,252,.96);color:#1c1c1e;box-shadow:0 6px 26px #0003}
.orientation-notice.notice-reduced{animation:none}
.notice-dismiss{width:44px;height:44px;min-width:44px;min-height:44px;flex:none;padding:0;display:grid;place-items:center;color:inherit;opacity:.55;border-radius:50%}
.notice-dismiss:hover{opacity:1}
.notice-dismiss:focus-visible{outline:2px solid #007aff;outline-offset:-3px}
.device-wrap:fullscreen{overflow-y:auto;align-items:stretch;flex-direction:column}
.device-wrap:fullscreen>.device{flex:none}
@media(prefers-reduced-motion:reduce){.orientation-notice{animation:none}}