/* DraftDayPlanner shared public subnav */

/* SECTION 07.1 - Shared Public Subnav */
.public-subnav{display:none;}
.page-subnav,
body:not(.has-active-league) .public-subnav{display:flex;align-items:center;justify-content:center;height:32px;box-sizing:border-box;background:#061d2e;border-top:1px solid rgba(255,255,255,.06);border-bottom:1px solid rgba(255,255,255,.1);}
.page-subnav{position:fixed;top:56px;left:0;right:0;z-index:999;}
.page-subnav a,
body:not(.has-active-league) .public-subnav a{position:relative;color:#bdd8f0;text-decoration:none;font-size:.855rem;font-weight:800;line-height:1;padding:0 12px;white-space:nowrap;}
.page-subnav a:not(:first-child)::before,
body:not(.has-active-league) .public-subnav a:not(:first-child)::before{content:"";position:absolute;left:0;top:50%;width:1px;height:18px;background:rgba(255,255,255,.28);transform:translateY(-50%);}
.page-subnav a:hover,
.page-subnav a:focus-visible,
body:not(.has-active-league) .public-subnav a:hover,
body:not(.has-active-league) .public-subnav a:focus-visible,
body:not(.has-active-league) .public-grid-toggle:focus-visible{color:#fff;text-decoration:underline;}
.public-grid-toggle{display:none;background:transparent;border:0;font-family:inherit;cursor:pointer;}
body:not(.has-active-league) .public-grid-toggle{align-items:center;color:#888;font-size:inherit;font-weight:700;line-height:1;text-decoration:underline;}
body:not(.has-active-league) .public-grid-toggle--footer{display:inline-flex;margin-left:6px;padding:0;background:transparent;border:0;}

@media (max-width:640px){
.page-subnav,
body:not(.has-active-league) .public-subnav{display:flex;align-items:center;justify-content:center;width:100vw;max-width:100vw;right:auto;height:32px;overflow-x:auto;overflow-y:hidden;padding:0 8px;scrollbar-width:none;}
.page-subnav::-webkit-scrollbar,
body:not(.has-active-league) .public-subnav::-webkit-scrollbar{display:none;}
.page-subnav a,
body:not(.has-active-league) .public-subnav a{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;min-width:0;height:100%;padding:0 clamp(5px,1.2vw,7px);font-size:clamp(.66rem,2.15vw,.715rem);line-height:1;white-space:nowrap;text-align:center;}
.page-subnav a:not(:first-child)::before,
body:not(.has-active-league) .public-subnav a:not(:first-child)::before{height:16px;}
}
@media (max-width:640px) and (min-width:431px){
.page-subnav a,
body:not(.has-active-league) .public-subnav a{padding:0 clamp(8px,1.55vw,10px);font-size:clamp(.66rem,1.9vw,.72rem);}
}
@media (max-width:430px){
.page-subnav,
body:not(.has-active-league) .public-subnav{justify-content:center;padding:0 4px;}
.page-subnav a,
body:not(.has-active-league) .public-subnav a{padding:0 clamp(3px,.9vw,5px);font-size:clamp(.56rem,2.7vw,.64rem);}
.page-subnav a:not(:first-child)::before,
body:not(.has-active-league) .public-subnav a:not(:first-child)::before{height:14px;}
}