/* Pinned section bar for the profile page. Loaded only when params profile.sectionNav is true.
   Reuses .scrollNav (fixed, top offsets under the Maker|Shop|Designer|Studio bar); adds a tabs row and the Work with button. */
.profile-nav { display: flex; flex-wrap: nowrap; align-items: stretch; text-align: left; }
.profile-nav .profile-nav-tabs { flex: 1 1 auto; min-width: 0; margin: 0; padding: 0; list-style: none; white-space: nowrap; overflow-x: auto; overflow-y: hidden; -webkit-overflow-scrolling: touch; scrollbar-width: none; text-align: center; }
.profile-nav .profile-nav-tabs::-webkit-scrollbar { display: none; }
.profile-nav .profile-nav-tabs li { display: inline-block; flex: none; }
.profile-nav .profile-nav-tabs li a { display: flex; align-items: center; justify-content: center; min-height: 44px; min-width: 44px; padding-left: 18px; padding-right: 18px; }
.profile-nav .profile-nav-tabs li a span { padding-top: 0; padding-bottom: 0; }
.profile-nav .profile-nav-tabs li a:focus-visible { outline: 2px solid #12b38f; outline-offset: -2px; }
.profile-nav .profile-nav-work:focus-visible { outline: 2px solid #fff; outline-offset: -4px; }
.profile-nav .profile-nav-work { flex: none; display: flex; align-items: center; min-height: 44px; margin: 0 10px 0 8px; padding: 0 16px; background: #000; color: #fff; font-family: 'Libre Baskerville', Georgia, serif; font-weight: 700; font-size: 11px; letter-spacing: 0.1em; text-transform: uppercase; white-space: nowrap; border-radius: 4px; text-decoration: none; }
.profile-nav .profile-nav-work:hover { background: #222; color: #fff; }
.mtpTabWrap:focus { outline: none; }
@media (max-width: 768px) {
    .profile-nav .profile-nav-tabs li a { padding-left: 14px; padding-right: 14px; }
    .profile-nav .profile-nav-work { padding: 0 12px; font-size: 10px; margin-right: 6px; }
}
@media (max-width: 480px) {
    /* phone: the Work with button sits on its own row below the tabs so all four tabs show in full (layout section-bar-phone) */
    .profile-nav { flex-wrap: wrap; }
    .profile-nav .profile-nav-tabs { flex: 1 1 100%; text-align: left; }
    .scrollNav.proRelTab.profile-nav.profile-clear { height: auto; }
    .profile-nav ~ .snCntWrap.pvptopCnt.profile-clear { padding-top: 203px; }
    .profile-nav .profile-nav-tabs li a { padding-left: 10px; padding-right: 10px; }
    .profile-nav .profile-nav-work { padding: 0 10px; margin: 6px 10px 8px; max-width: calc(100% - 20px); overflow: hidden; text-overflow: ellipsis; display: block; line-height: 44px; }
}