body.panel-nail-context .mobile-drawer .mobile-navigation>a,body.panel-nail-context .mobile-drawer .mobile-nav-group__trigger,body.panel-nail-context .mobile-drawer .mobile-nav-group__links a{position:relative!important;border:1px solid transparent!important;background:transparent!important;color:var(--muted)!important;transition:background .18s ease,color .18s ease,border-color .18s ease,transform .18s ease!important} body.panel-nail-context .mobile-drawer .mobile-navigation>a i,body.panel-nail-context .mobile-drawer .mobile-nav-group__trigger i:first-child{width:31px!important;height:31px!important;display:grid!important;place-items:center!important;border-radius:10px!important;background:var(--nav-soft,var(--panel-purple-soft))!important;color:var(--nav-tone,var(--panel-purple))!important} body.panel-nail-context .mobile-drawer .mobile-navigation>a:nth-of-type(6n+1),body.panel-nail-context .mobile-drawer .mobile-nav-group__trigger:nth-of-type(6n+1){--nav-tone:var(--panel-purple);--nav-soft:var(--panel-purple-soft)} body.panel-nail-context .mobile-drawer .mobile-navigation>a:nth-of-type(6n+2){--nav-tone:var(--panel-teal);--nav-soft:var(--panel-teal-soft)} body.panel-nail-context .mobile-drawer .mobile-navigation>a:nth-of-type(6n+3){--nav-tone:var(--panel-amber);--nav-soft:var(--panel-amber-soft)} body.panel-nail-context .mobile-drawer .mobile-navigation>a:nth-of-type(6n+4){--nav-tone:var(--panel-green);--nav-soft:var(--panel-green-soft)} body.panel-nail-context .mobile-drawer .mobile-navigation>a:nth-of-type(6n+5){--nav-tone:var(--panel-blue);--nav-soft:var(--panel-blue-soft)} body.panel-nail-context .mobile-drawer .mobile-navigation>a:nth-of-type(6n){--nav-tone:var(--panel-coral);--nav-soft:var(--panel-coral-soft)} body.panel-nail-context .mobile-drawer .mobile-navigation>a:hover{background:color-mix(in srgb,var(--nav-soft) 62%,var(--surface))!important;color:var(--text)!important;border-color:color-mix(in srgb,var(--nav-tone) 16%,var(--border))!important;transform:none!important} body.panel-nail-context .mobile-drawer .mobile-navigation>a.active{background:var(--panel-purple-soft)!important;color:var(--panel-purple)!important;border-color:color-mix(in srgb,var(--panel-purple) 20%,var(--border))!important} body.panel-nail-context .mobile-drawer .mobile-navigation>a.active i{background:var(--panel-purple)!important;color:#fff!important}