.companion-drawer-toggle{display:none}@media (min-width:1024px){.companion-column-close{z-index:8;background:var(--surface-recessed);width:44px;height:44px;color:var(--on-canvas);cursor:pointer;border:0;border-radius:50%;font-size:1.5rem;line-height:1;position:absolute;top:8px;right:8px}.companion-column-close:hover{background:var(--surface-soft)}.companion-column-close:focus-visible{outline:var(--focus-ring);outline-offset:2px}.companion-column-close~* :is(.home-companion-head,.v34s-pane-top,.scores-companion-head,.favourites-companion-head){padding-right:48px}}@media (min-width:901px) and (max-width:1023px){.companion-drawer-scrim{z-index:31;background:color-mix(in srgb, var(--shade) 45%, transparent);position:fixed;inset:0}.companion-drawer-close{background:var(--surface-recessed);width:44px;height:44px;color:var(--on-canvas);z-index:12;border:0;border-radius:50%;font-size:1.5rem;line-height:1;position:absolute;top:8px;right:8px}.companion-drawer-close:focus-visible{outline:var(--focus-ring);outline-offset:2px}.companion-drawer :is(.home-companion-head,.v34s-pane-top,.scores-companion-head,.favourites-companion-head){padding-right:48px}}@media (min-width:901px) and (max-width:1023px) and (prefers-reduced-motion:no-preference){.companion-drawer-scrim{animation:fade-in var(--motion-content) var(--ease-ui) both}.companion-drawer{animation:companion-drawer-in var(--motion-panel) var(--ease-space) both}}@keyframes companion-drawer-in{0%{opacity:0;translate:var(--travel-surface) 0}}@media (max-width:1023px){.companion-column-close{display:none}}
