/* Desktop auto-hide (SW81: the 28 Sep preview's desktop-autohide/layer/ui-autohide.css, rebased on the frozen SW80 files with
   DESIGNS-v2.3.1.md §4). ui-autohide.js sets html.ui-autohide only while (hover: hover) and (pointer: fine) match (never with
   prefers-reduced-motion: reduce, the redesign-A shell or ?autohide=0), and html.ui-autohide-idle while the controls step aside.
   Every selector here starts with html.ui-autohide, so a phone or a tablet (no class) gets nothing from this file.
   Stepping aside: the school mark, All rooms, Your gifts while it holds no gifts (html.ui-autohide-gifts: it holds some), the
   view controls, the route rail and the shade behind the top bar. Staying (§4.1; no rule here names them): the sponsor chip
   (.room-sponsor, Q7: it keeps only its own rules, hidden while a view opens, while the room is fully dedicated or held, and
   while the list is open), Your gifts while it holds gifts, the music button (#tour-music), the link notice (.gift-link-note),
   the target highlight (.gift-target, .gift-target-label), the gift markers and the arrows in the picture, the status line,
   the failure notice and the first-visit hint.
   Out: a .4 s fade, and from its start no pointer reaches them (a click there goes to the picture), and ui-autohide.js brings
   them back before any key acts. Opacity and pointer-events only, never visibility or display: the controls stay in the
   accessibility tree (a screen reader in browse mode still finds them), the tour's own visibility rules are left alone, and
   nothing moves or is measured again (the occupied boxes stay). Back: .15 s, at once reachable. */
html.ui-autohide .toolbar>.brand,html.ui-autohide .toolbar .menu,html.ui-autohide .toolbar .cart-link,
html.ui-autohide .view-controls,html.ui-autohide .bottom,html.ui-autohide body::before{transition:opacity .15s ease-out}
html.ui-autohide.ui-autohide-idle .toolbar>.brand,html.ui-autohide.ui-autohide-idle .toolbar .menu,
html.ui-autohide.ui-autohide-idle:not(.ui-autohide-gifts) .toolbar .cart-link,
html.ui-autohide.ui-autohide-idle .view-controls,
html.ui-autohide.ui-autohide-idle .bottom{opacity:0;pointer-events:none;transition:opacity .4s ease-in}
html.ui-autohide.ui-autohide-idle body::before{opacity:0;transition:opacity .4s ease-in}
/* the top bar's buttons sit in one box (.actions; the tour gives it pointers of its own): it lets presses through as the rest
   do, and Your gifts, while it holds gifts, keeps taking them */
html.ui-autohide.ui-autohide-idle .toolbar .actions{pointer-events:none}
html.ui-autohide.ui-autohide-idle.ui-autohide-gifts .toolbar .cart-link{pointer-events:auto}
/* The tour music button (the music layer's #tour-music, in the same box, before All rooms) stays in view and takes its clicks
   while the rest steps aside: the one control of sound that plays by itself is never hidden. Its opacity is never touched. */
html.ui-autohide.ui-autohide-idle .toolbar .actions #tour-music{pointer-events:auto}
/* A control holding the focus is never hidden: ui-autohide.js does not step aside while one has the keyboard's focus, and a
   control focused by a click lets go of it first. Should focus arrive in a group all the same, that group shows at once. */
html.ui-autohide.ui-autohide-idle .toolbar>.brand:focus-within,html.ui-autohide.ui-autohide-idle .toolbar .menu:focus-within,
html.ui-autohide.ui-autohide-idle .toolbar .cart-link:focus-within,
html.ui-autohide.ui-autohide-idle .view-controls:focus-within,html.ui-autohide.ui-autohide-idle .bottom:focus-within{opacity:1;pointer-events:auto;transition:none}