.media-dock{width:100%}.media-dock--mobile,.media-dock__tooltip{display:none}.media-dock__root{--tabs-list-border-width:0}.media-dock__root[data-orientation=vertical]{display:flex}.media-dock__inner{width:100%;padding:var(--ds-space-2);background:var(--ds-bg-surface);border:var(--ds-border-width) solid var(--ds-card-border-color);border-radius:var(--ds-radius-lg);flex-flow:column;gap:3px;display:flex}.media-dock__inner:before{display:none}.media-dock__tab{align-items:center;gap:var(--ds-space-1);padding:var(--ds-space-3) var(--ds-space-1);border:var(--ds-border-width) solid transparent;border-radius:var(--ds-radius-md);color:var(--ds-text-muted);text-align:center;white-space:nowrap;transition:background var(--ds-transition-fast), border-color var(--ds-transition-fast), color var(--ds-transition-fast);flex-direction:column;flex:none}.media-dock__tab:hover:not([data-active]):not(:disabled):not([data-disabled]){background:var(--ds-state-hover-bg);color:var(--ds-text-secondary)}.media-dock__tab[data-active]{background:var(--ds-state-selected-bg);border-color:var(--ds-state-selected-border);color:var(--ds-accent-fg)}.media-dock__tab:disabled,.media-dock__tab[data-disabled]{opacity:.45;cursor:not-allowed}.media-dock__tab .media-dock__icon{margin:0}.media-dock__icon-wrap{opacity:.85;justify-content:center;align-items:center;line-height:0;display:inline-flex}.media-dock__tab[data-active] .media-dock__icon-wrap{opacity:1}.media-dock__label{white-space:normal;overflow-wrap:break-word;font-size:var(--ds-font-2xs);font-weight:var(--ds-font-weight-semibold);line-height:1.1}.media-dock__count{border-radius:var(--ds-radius-pill);background:linear-gradient(var(--ds-accent-soft), var(--ds-accent-soft)) var(--ds-bg-surface);min-width:16px;color:var(--ds-accent-fg);font-size:var(--ds-font-2xs);font-weight:var(--ds-font-weight-extrabold);font-variant-numeric:tabular-nums;text-align:center;padding:1px 5px;line-height:1.3;position:absolute;top:5px;right:6px}[data-mantine-color-scheme=light] .media-dock__count{color:var(--ds-accent-9)}.media-dock__tab[data-active] .media-dock__count{background:var(--ds-accent);color:var(--ds-accent-contrast)}@container media-detail (max-width:1000px){.media-dock__label{display:none}.media-dock__tooltip{display:block}.media-dock__label.media-dock__label--nav{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;display:block;position:absolute;overflow:hidden}.media-dock__count{padding:1px 4px;top:4px;right:4px}}@container media-detail (max-width:560px){.media-dock--mobile{top:var(--media-dock-sticky-top,calc(var(--ds-header-height) + var(--ds-space-2)));z-index:var(--ds-z-sticky);display:block;position:sticky}.media-dock--tabs.media-dock__root[data-orientation]{display:none}}.media-dock__menu{position:relative}.media-dock__menu-summary{list-style:none;display:block}.media-dock__menu-summary::-webkit-details-marker{display:none}.media-dock__menu[open] .mobile-section-selector__chevron{transform:rotate(180deg)}.media-dock__menu-panel{top:calc(100% + var(--ds-space-2));z-index:var(--ds-z-dropdown);padding:var(--ds-space-2);background:var(--ds-bg-surface);border:var(--ds-border-width) solid var(--ds-card-border-color);border-radius:var(--ds-radius-lg);box-shadow:var(--ds-glass-shadow-md);position:absolute;inset-inline:0}.media-dock__menu-option{text-decoration:none;display:block}.media-dock__menu-option[data-disabled]{opacity:.45;cursor:not-allowed}.media-dock__menu-option.mobile-section-selector__option[data-disabled]:hover:not(.mobile-section-selector__option--active){color:var(--ds-text-secondary);background:0 0}.media-dock__root[data-orientation=horizontal]{display:block}.media-dock__root[data-orientation=horizontal] .media-dock__inner{gap:var(--ds-space-2);flex-flow:wrap}.media-dock__root[data-orientation=horizontal] .media-dock__tab{gap:var(--ds-space-2);min-height:44px;padding:var(--ds-space-2) var(--ds-space-4);flex-direction:row}.media-dock__root[data-orientation=horizontal] .media-dock__label{white-space:nowrap;font-size:var(--ds-font-sm)}.media-dock__root[data-orientation=horizontal] .media-dock__count{position:static}@media (prefers-reduced-motion:reduce){.media-dock__tab{transition:none}}