.cnav{padding:0;position:relative;width:200px}.cnav[data-mode="STICKY"]{position:sticky;top:10px;transform:none!important}.cnav[data-mode="FIXED_BOTTOM"]{position:fixed;bottom:0;transform:none!important}.cnav[data-mode="FIXED_TOP"]{position:fixed;top:10px;transform:none!important}.cnav[data-mode="STUCK_BOTTOM"]{position:absolute;bottom:0;transform:none!important}.cnav__section{padding:2px 12px 2px 14px;font:400 17px/18px 'sf pro display';cursor:pointer;border-radius:4px;min-height:28px;display:flex;align-items:center;margin:0 0 7px 0;color:#000}.cnav__section.favorite{display:none}.cnav__section.favorite--visible{display:flex;color:#FF494E;background:rgba(255,73,78,.1);transition:.2s ease}.cnav__section.favorite--visible:not(.cnav__section--active):hover{color:#FF494E;background:rgba(255,73,78,.2)}.cnav__favoriteIcon{margin-right:4px}.cnav__section.cnav__section--active.favorite--visible{background:#FF494E;color:#fff}.cnav__section--active{background:#0E1C28;color:#fff;transition:background 400ms,color 400ms}.cnav__section:not(.cnav__section--active):hover{background:#f5f5f5}.cnav__top{border-bottom:1px solid #eee;margin:0 0 20px 0;padding:0 0 5px 0}.cnav__sections-sub{padding:10px 0 30px 14px}.cnav__section-sub{margin:0 0 0 10px;border-left:1px solid #E6E6E6;display:block;padding:7px 0 7px 11px;color:#999;transition:color .1s ease}.cnav__section-sub:first-child{padding-top:0}.cnav__section-sub:last-child{padding-bottom:0}.cnav__section-sub:hover{color:#0F0F0F}.cnav__section-sub:active{color:#424242}.cnav__section-sub--active{cursor:default;color:#0F0F0F!important}