.ribbon{position:absolute;right:-5px;top:-5px;z-index:1;overflow:hidden;width:75px;height:75px;text-align:right}.ribbon .ribbon__title{font-size:10px;font-weight:400;color:#fff;color:var(--color-white);text-align:center;line-height:20px;transform:rotate(45deg);-webkit-transform:rotate(45deg);width:100px;display:block;background:#d52c82;background:var(--color-accent);position:absolute;top:19px;right:-21px;text-transform:uppercase}.ribbon .ribbon__title:before{left:0;border-left:3px solid #992053;border-left:3px solid var(--color-accent-dark);border-right:3px solid transparent}.ribbon .ribbon__title:after,.ribbon .ribbon__title:before{content:"";position:absolute;top:100%;z-index:-1;border-bottom:3px solid transparent;border-top:3px solid #992053;border-top:3px solid var(--color-accent-dark)}.ribbon .ribbon__title:after{right:0;border-left:3px solid transparent;border-right:3px solid #992053;border-right:3px solid var(--color-accent-dark)}.ribbon.is-green .ribbon__title{background-color:#008a00;background-color:var(--color-success)}.ribbon.is-green .ribbon__title:before{border-left-color:#0d5a10;border-left-color:var(--color-success-dark);border-top-color:#0d5a10;border-top-color:var(--color-success-dark)}.ribbon.is-green .ribbon__title:after{border-right-color:#0d5a10;border-right-color:var(--color-success-dark);border-top-color:#0d5a10;border-top-color:var(--color-success-dark)}@keyframes spinner-line__animation{0%{background-position:0 0}to{background-position:600px 0}}hr.spinner-line{border:none;height:3px;margin:24px 0;background-image:linear-gradient(90deg,#b0b5b8 0,#ccced0 50%,#b0b5b8);background-image:linear-gradient(90deg,var(--color-neutral-200) 0,var(--color-neutral-100) 50%,var(--color-neutral-200));background-size:300px 100%;animation:spinner-line__animation 1.2s linear infinite}