html[data-invert]{filter:invert(1) hue-rotate(180deg)}
html[data-invert] img:not([style*="absolute"]),html[data-invert] video,html[data-invert] iframe,html[data-invert] canvas,html[data-invert] [style*="url("],html[data-invert] [style*="background-image"],html[data-invert] :has(>img[style*="absolute"]),html[data-invert] :has(>image-slot){filter:invert(1) hue-rotate(180deg)}
html[data-invert] img:not([style*="absolute"]) img{filter:none}
*,*::before,*::after{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
#app nav[style*="64px"]{display:none!important}
body:not([data-nav=overlay]){padding-top:64px}
#dente-nav{position:fixed;top:0;left:0;right:0;height:64px;z-index:150;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:0 40px;background:#fff;border-bottom:1px solid rgba(0,0,0,.08);font-family:'Poppins',sans-serif;box-sizing:border-box}
body[data-nav=overlay] #dente-nav{background:transparent;border-bottom:none}
html[data-invert] #dente-nav{filter:invert(1) hue-rotate(180deg)}
#dente-nav .dn-logo img{height:30px;display:block}
#dente-nav .dn-r{display:flex;align-items:center;gap:30px}
#dente-nav a,#dente-nav button{font-family:inherit;font-size:12px;font-weight:500;color:#000;text-decoration:none;background:none;border:none;padding:0;cursor:pointer;white-space:nowrap;transition:opacity .2s}
#dente-nav .dn-r>a:hover,#dente-nav .dn-r>button:hover,#dente-nav .dn-dd>button:hover{opacity:.55}
#dente-nav .dn-cta{display:inline-flex;align-items:center;gap:12px;background:#000;color:#fff!important;padding:5px 5px 5px 20px;border-radius:100px}
#dente-nav .dn-cta i{width:28px;height:28px;border-radius:50%;background:#fff;color:#000;display:inline-flex;align-items:center;justify-content:center}
#dente-nav .dn-dd{position:relative;padding:14px 0}
#dente-nav .dn-menu{display:none;position:absolute;top:100%;left:-16px;min-width:200px;background:#fff;border:1px solid rgba(0,0,0,.12);border-radius:16px;padding:8px;flex-direction:column;box-shadow:0 14px 34px rgba(0,0,0,.12)}
#dente-nav .dn-dd:hover .dn-menu{display:flex}
#dente-nav .dn-menu a{padding:10px 14px;border-radius:10px}
#dente-nav .dn-menu a:hover{background:rgba(0,0,0,.06)}
@media(max-width:900px){#dente-nav{padding:0 16px;gap:12px}#dente-nav .dn-r{gap:16px}#dente-nav .dn-h{display:none}}
html[data-invert] #dente-nav img{filter:none!important}
#dente-nav button,#dente-nav a,#dente-nav .dn-menu a{background-image:none!important;box-shadow:none!important}
#dente-nav .dn-r>button,#dente-nav .dn-r>a:not(.dn-cta),#dente-nav .dn-dd>button{background:none!important;border:none!important;padding:0!important;min-height:0!important;border-radius:0!important}
#dente-nav .dn-cta{background:#000!important;color:#fff!important;border:none!important;padding:5px 5px 5px 20px!important}
