/* =============================================================================
   MyTeamsPage styles (prefixed with mw-mt-*)
   ============================================================================= */

.mw-mt-event-select-wrap {
    position: absolute;
    top: 50px;
    right: 16px;
    z-index: 99;
    width: 250px;
    padding: 5px;
}

.mw-mt-event-select {
    width: 100%;
}

/* NOTE: Below MudBlazor sm breakpoint (600px), drop absolute positioning so the
   event select flows above the team select instead of overlapping it. The
   wrapper is a plain block div, so margin-left: auto reliably pushes it to the
   right edge of its parent. */
@media (max-width: 599.95px) {
    .mw-mt-event-select-wrap {
        position: static;
        display: block;
        width: 250px;
        margin: 5px 15px 0 auto;
        padding: 0;
    }
}