.dc-nt{--nt-height:50px;--nt-theme:#2096cd;--nt-border-width:2px;--nt-title-size:20px;--nt-title-color:#fff;--nt-title-weight:400;--nt-font-size:16px;--nt-message-weight:400;--nt-dur:0.25s;--nt-navi-w:40px;--nt-chevron-size:24px;display:flex;align-items:center;position:relative;width:100%;height:var(--nt-height);border:var(--nt-border-width) solid var(--nt-theme);overflow:hidden}.dc-nt>.dc-nt-title{flex:0 0 auto;display:flex;align-items:center;position:relative;margin:0;padding:0 20px;height:var(--nt-height);font-size:var(--nt-title-size);font-weight:var(--nt-title-weight);color:var(--nt-title-color);background:var(--nt-theme);box-sizing:border-box}.dc-nt>.dc-nt-title>span{position:absolute;top:50%;right:-10px;width:0;height:0;border:10px solid transparent;border-left-color:var(--nt-theme);border-right:none;transform:translateY(-50%)}.dc-nt>ul{flex:1 1 0;min-width:0;position:relative;height:var(--nt-height);margin:0;padding:0 0 0 16px;list-style:none}.dc-nt.dc-nt-narrow>ul{padding-left:12px}.dc-nt.dc-nt-hide-title>.dc-nt-title{padding:0;width:0;overflow:visible;color:transparent;font-size:0}.dc-nt>ul>li{display:none;align-items:center;height:var(--nt-height);font-size:var(--nt-font-size);font-weight:var(--nt-message-weight);overflow:hidden;white-space:nowrap}.dc-nt>ul>li.is-active{display:flex}.dc-nt>ul>li .dc-nt-item-inner{display:inline-block;white-space:nowrap;padding-right:1em}.dc-nt>ul>li>a{display:flex;align-items:center;width:100%;min-height:100%;text-decoration:none;overflow:hidden;text-overflow:ellipsis;transition:color var(--nt-dur) linear}.dc-nt>ul>li>a:hover,.dc-nt>ul>li>a>span{color:var(--nt-theme)}.dc-nt>ul>li>a>span{color:transparent}.dc-nt>.dc-nt-navi{position:relative;flex:0 0 var(--nt-navi-w);width:var(--nt-navi-w);height:var(--nt-height);opacity:0;transition:opacity var(--nt-dur) linear}.dc-nt.dc-nt-navi-always>.dc-nt-navi,.dc-nt:hover>.dc-nt-navi{opacity:1}.dc-nt>.dc-nt-navi>button{position:absolute;top:0;bottom:0;left:0;min-width:20px;width:max(20px,var(--nt-chevron-size,24px));padding:0;border:0;font:inherit;background:0 0;color:var(--nt-theme);cursor:pointer;opacity:.3;display:flex;align-items:center;justify-content:center;transition:opacity var(--nt-dur) linear}.dc-nt>.dc-nt-navi>button:last-of-type{left:auto;right:0}.dc-nt>.dc-nt-navi>button:hover{opacity:1}.dc-nt>.dc-nt-navi>button .dc-nt-chevron{flex-shrink:0;display:block;width:var(--nt-chevron-size,24px);height:var(--nt-chevron-size,24px);min-width:var(--nt-chevron-size,24px);min-height:var(--nt-chevron-size,24px)}.dc-nt.bn-bordernone{border:none!important}