#locsurf-nav, #locsurf-nav *{box-sizing:border-box}
#locsurf-nav{position:relative;z-index:20;background:#232323;border-radius:14px;box-shadow:0 4px 14px #0002;color:#f4eee6}
#locsurf-nav .desktop{display:flex;min-height:64px}
#locsurf-nav .stripes{width:160px;flex:0 0 160px;align-self:stretch;position:relative;overflow:hidden;border-radius:14px 0 0 14px}
#locsurf-nav .stripes:before{content:"";position:absolute;left:56px;top:-35px;width:17px;height:145px;background:#df7384;transform:rotate(-35deg);box-shadow:23px 0 0 #e8bd64,46px 0 0 #65b9c2,69px 0 0 #ad8bc6}
#locsurf-nav .main, #locsurf-nav .submenu{list-style:none;margin:0;padding:0}
#locsurf-nav .main{display:flex;flex:1;min-width:0}
#locsurf-nav .main>li{flex:1 1 auto;min-width:0;position:relative}
#locsurf-nav .main>li:nth-child(3){flex:1.45 1 auto}
#locsurf-nav details{position:relative}
#locsurf-nav summary{list-style:none;cursor:pointer}
#locsurf-nav summary::-webkit-details-marker{display:none}
#locsurf-nav a, #locsurf-nav summary, #locsurf-nav .inactive{display:flex;align-items:center;justify-content:space-between;text-decoration:none;color:#f4eee6;padding:11px 13px;min-height:43px;font-size:14px;cursor:pointer}
#locsurf-nav .inactive{opacity:.57;cursor:default}
#locsurf-nav .main>li>a, #locsurf-nav .main>li>.inactive, #locsurf-nav .main>li>details>summary{justify-content:center;min-height:64px;height:64px;padding:10px 6px;text-align:center;font-family:"Roboto Condensed","Arial Narrow","Liberation Sans Narrow",sans-serif;font-stretch:condensed;font-weight:400;font-size:clamp(12px,1.36vw,17px);letter-spacing:-.2px;white-space:nowrap}
#locsurf-nav .main>li.promos>a, #locsurf-nav .main>li.promos>.inactive{color:#ffe000;opacity:1}
#locsurf-nav a:hover, #locsurf-nav summary:hover{background:#414141;color:#ffe000}
#locsurf-nav a:focus-visible, #locsurf-nav summary:focus-visible{outline:2px solid #ffe000;outline-offset:-2px}
#locsurf-nav .submenu{display:none;position:absolute;top:100%;left:0;min-width:225px;padding:7px;background:#303030;border:1px solid #4b4b4b;border-top:3px solid #e8bd64;border-radius:0 0 7px 7px;box-shadow:0 12px 25px #0007}
#locsurf-nav details[open]>.submenu{display:block}
#locsurf-nav .submenu li{position:relative}
#locsurf-nav .submenu li+li{border-top:1px solid #454545}
#locsurf-nav .submenu .submenu{top:0;left:100%;border-top-color:#65b9c2;border-radius:0 7px 7px 7px}
#locsurf-nav .submenu a, #locsurf-nav .submenu summary, #locsurf-nav .submenu .inactive{font-family:"Arial Narrow",Arial,sans-serif;font-weight:500;letter-spacing:.45px;white-space:nowrap}
#locsurf-nav .arrow{color:#ffe000;margin-left:10px}
#locsurf-nav .mobile{display:none}
@media(min-width:801px) and (hover:hover) and (pointer:fine){#locsurf-nav .desktop details:hover>.submenu{display:block}
#locsurf-nav .desktop details:not(:hover)>.submenu{display:none}}
@media(max-width:800px){#locsurf-nav .desktop{display:none}
#locsurf-nav .mobile{display:block}
#locsurf-nav .mobile>summary{min-height:58px;padding:10px 18px;font-size:17px;font-weight:500}
#locsurf-nav .mobile>summary:before{content:"";display:inline-block;width:38px;height:40px;margin-right:14px;flex:none;background:linear-gradient(117deg,transparent 0 18%,var(--stripe1,#df7384) 18% 28%,transparent 28% 39%,var(--stripe2,#e8bd64) 39% 49%,transparent 49% 60%,var(--stripe3,#65b9c2) 60% 70%,transparent 70% 79%,var(--stripe4,#ad8bc6) 79% 89%,transparent 89%)}
#locsurf-nav .mobile .main{display:block;border-top:1px solid #494949}
#locsurf-nav .mobile .main>li{border-bottom:1px solid #494949}
#locsurf-nav .mobile .main>li>a, #locsurf-nav .mobile .main>li>.inactive, #locsurf-nav .mobile .main>li>details>summary{justify-content:space-between;height:auto;min-height:52px;padding:13px 17px;font-size:16px;text-align:left}
#locsurf-nav .submenu, #locsurf-nav .submenu .submenu{position:static;min-width:0;border:0;border-radius:0;box-shadow:none;padding:0 0 0 14px;background:#303030}
#locsurf-nav .submenu .submenu{background:#393939}
#locsurf-nav .submenu a, #locsurf-nav .submenu summary, #locsurf-nav .submenu .inactive{white-space:normal;min-height:45px}}
@media(prefers-reduced-motion:reduce){#locsurf-nav, #locsurf-nav *{transition:none!important}}
#locsurf-nav{background:var(--bar,#232323);border-radius:var(--radius,14px)}
#locsurf-nav .stripes:before{background:var(--stripe1,#df7384);box-shadow:23px 0 0 var(--stripe2,#e8bd64),46px 0 0 var(--stripe3,#65b9c2),69px 0 0 var(--stripe4,#ad8bc6)}
#locsurf-nav .main>li>a, #locsurf-nav .main>li>.inactive, #locsurf-nav .main>li>details>summary{font-family:var(--font,"Arial Narrow",sans-serif);font-weight:var(--weight,400);font-size:var(--fontSize,17px);letter-spacing:var(--letter,-.2px);min-height:var(--barHeight,64px);height:var(--barHeight,64px);color:var(--textColor,#f4eee6)}
#locsurf-nav .main>li.promos>a, #locsurf-nav .main>li.promos>.inactive{color:var(--promos,#ffe000)}
#locsurf-nav .submenu{background:var(--sub,#303030)}
#locsurf-nav .submenu a, #locsurf-nav .submenu summary{color:var(--subText,#f4eee6)}
#locsurf-nav a:hover, #locsurf-nav summary:hover{color:var(--hover,#ffe000)}
@media(min-width:801px){#locsurf-nav .desktop>.main>li:last-child>a:hover, #locsurf-nav .desktop>.main>li:last-child>details>summary:hover{border-radius:0 var(--radius,14px) var(--radius,14px) 0}}
@media(max-width:800px){#locsurf-nav .mobile>summary:hover{border-radius:var(--radius,14px)}}
@media(max-width:800px){#locsurf-nav .mobile .main>li>a, #locsurf-nav .mobile .main>li>.inactive, #locsurf-nav .mobile .main>li>details>summary{height:auto}}
#locsurf-nav{width:100%;max-width:950px;margin:0 auto;isolation:isolate;}
#locsurf-nav,#locsurf-nav *{box-sizing:border-box;}