.page-index{overflow:hidden}.page-index.page{padding-bottom:0}.page-index__switchers{background-color:#fdf6f2;display:flex;height:40px;font-size:14px;line-height:11px;color:var(--ved-main-color, #4f99af);overflow:hidden;margin-bottom:20px}.page-index__switcher{display:flex;justify-content:center;align-items:center;transition:color .3s ease-in-out;position:relative;text-align:center;cursor:pointer;width:50%;border:1px solid var(--ved-main-color, #4f99af);border-right:1px solid transparent;-webkit-tap-highlight-color:transparent}.page-index__switcher span{position:relative;transition:opacity .3s ease-in-out;z-index:2}.page-index__switcher span:hover{opacity:.8}.page-index__switcher.--new:before{content:"";align-items:center;background-color:#ff7a7a;border-radius:50%;color:#fff;display:flex;height:7px;width:7px;justify-content:center;top:12px;right:9px;position:absolute;font-size:0;z-index:1}.page-index__switcher:after{content:"";position:absolute;left:-1px;right:-1px;top:-1px;bottom:-1px;transform:scaleX(0);transition:all .3s ease-in-out;background:var(--ved-main-color, #4f99af);transform-origin:100% 50%}.page-index__switcher:last-child{border-left:1px solid transparent;border-right:1px solid var(--ved-main-color, #4f99af)}.page-index__switcher:last-child:after{transform-origin:0% 50%}.page-index__switcher.--active{color:#fff}.page-index__switcher.--active:after{transform:scaleX(1)}.page-index__switcher.--active span:hover{opacity:1}