.breadcrumb{background:#fff;border-radius:5px;box-shadow:0 0 15px 1px rgba(0,0,0,.35);counter-reset:flag;display:inline-block;font-family:Bradobrei,sans-serif;margin:10px 0;overflow:hidden;position:absolute;top:0}.breadcrumb svg{fill:var(--date-color);height:20px;transform:translateY(3pt);width:20px}.breadcrumb a{background:#666;background:linear-gradient(#666,#333);color:#fff;display:block;float:left;font-size:12px;line-height:36px;outline:none;padding:0 10px 0 30px;position:relative;text-decoration:none}.breadcrumb a:first-child{border-radius:5px 0 0 5px}.breadcrumb a:first-child:before{left:14px}.breadcrumb span.breadcrumb_current{border-radius:0 5px 5px 0;font-size:12px;line-height:36px;padding-left:30px;padding-right:20px}.breadcrumb a.active,.breadcrumb a:hover{background:#333;background:linear-gradient(#333,#000)}.breadcrumb a.active:after,.breadcrumb a:hover:after{background:#333;background:linear-gradient(135deg,#333,#000)}.breadcrumb a:after{background:#666;background:linear-gradient(135deg,#666,#333);border-radius:0 5px 0 50px;box-shadow:2px -2px 0 2px rgba(0,0,0,.4),3px -3px 0 2px hsla(0,0%,100%,.1);content:"";height:36px;position:absolute;right:-18px;top:0;transform:scale(.707) rotate(45deg);width:36px;z-index:1}.breadcrumb span.breadcrumb_current:after{content:none}.flat a,.flat a:after{background:#fff;color:#000;transition:all .5s}.flat a:before{background:#fff;box-shadow:0 0 0 1px #ccc}.flat a.active,.flat a.active:after,.flat a:hover,.flat a:hover:after{background:#9eeb62}
