.nav{margin-bottom:30px;display:flex;align-items:flex-end}.nav li.active{font-weight:700;color:var(--color-gray1);font-size:20px;line-height:32px;position:relative}.nav li.active:after{content:"";position:absolute;width:36px;height:4px;border-radius:100px;background-color:var(--color-c-brand);left:0;bottom:-6px}.rec-main{margin-bottom:40px}.rec-main .rec-list-item li{margin-bottom:12px;font-weight:500;color:var(--color-gray1);font-size:18px;line-height:28px}.rec-main .rec-list-item li .title:before{content:"";width:0;height:2px;display:inline-block;vertical-align:middle;margin-right:-4px;background-color:var(--color-black);transition:all .2s ease;border-radius:4px}.rec-main .rec-list-item li.active,.rec-main .rec-list-item li:hover{font-weight:700;color:var(--color-black)}.rec-main .rec-list-item li.active .title:before,.rec-main .rec-list-item li:hover .title:before{width:12px;margin-right:4px}.rec-main .rec-list-item li.active .img-addon,.rec-main .rec-list-item li:hover .img-addon{display:block}.rec-main .rec-list-item li .img-addon{display:none;margin-top:8px}.rec-main .rec-list-item a{color:inherit}