.box .relation-live-v2{max-width:98%}.relation-live-v2{padding:20px 15px;border-radius:15px;border:2px solid #e3e3e3;background:#fff;display:flex;flex-direction:column;align-items:flex-start;gap:5px;margin:20px auto;width:100%;overflow:hidden}.relation-live-v2:before{content:"";display:block;width:100%;height:100%;background-color:rgba(255,255,255,0.8);z-index:-10;position:absolute;left:0;top:0px;opacity:0;visibility:hidden;transition:opacity 0.5s ease}.relation-live-v2--skeleton-text{background-color:#e2e0ed;display:block;border-radius:3px}.relation-live-v2--skeleton .relation-live-v2__timeline__item__text{display:flex;flex-direction:column}.relation-live-v2--skeleton img{opacity:0}.relation-live-v2--loading{position:relative}.relation-live-v2--loading:before{visibility:visible;z-index:10;opacity:1}.relation-live-v2--loading:after{content:"";display:block;width:48px;height:48px;border-width:5px;border-style:solid;border-bottom-color:transparent;border-radius:50%;display:inline-block;box-sizing:border-box;animation:relationLiveV2Rotation 1s linear infinite;position:absolute;left:calc(50% - 24px);top:calc(50% - 24px);transform:translate(-50%, -50%);z-index:10}.relation-live-v2__header{padding:10px 0px;display:flex;width:100%}.relation-live-v2__header .relation-live-v2--skeleton-text{width:50%;height:22px}.relation-live-v2__title{font-size:18px;font-weight:800;text-transform:uppercase}.relation-live-v2__subtitle{padding:0px 8px;border-radius:4px;background-color:#f5f5f5;color:#000;font-size:16px;height:28px;display:flex;align-items:center}.relation-live-v2__subtitle[data-type="info"]{background-color:#4968ad;color:#fff}.relation-live-v2__subtitle[data-type="important"]{background-color:#d50032;color:#fff}.relation-live-v2__subtitle[data-type="urgent"]{background-color:#fff155}.relation-live-v2__timeline{width:100%;padding-left:8px;padding-bottom:8px;display:block;white-space:nowrap}.relation-live-v2__timeline__wrapper{position:relative;width:100%;overflow:hidden;padding-top:5px}.relation-live-v2__timeline__wrapper:before{content:"";display:block;width:100%;height:1px;background:#919191}.relation-live-v2__timeline__wrapper:after{content:"";display:block;width:60px;height:100%;position:absolute;background:linear-gradient(90deg, rgba(255,255,255,0) 0%, #fff 100%);top:0px;right:0px;z-index:10}.relation-live-v2__timeline__item{display:inline-flex;flex-direction:column;gap:2px;padding:15px 20px 10px 0px;position:relative;width:250px;white-space:normal}.relation-live-v2__timeline__item::before{content:"";display:block;width:10px;height:10px;border-radius:50%;position:absolute;background-color:#919191;left:0;top:0;transform:translate(-50%, -50%)}.relation-live-v2__timeline__item__time{font-size:14px;font-weight:700;line-height:1em}.relation-live-v2__timeline__item__time .relation-live-v2--skeleton-text{width:50%;height:17px}.relation-live-v2__timeline__item__text{gap:2px;font-size:16px;display:-webkit-box;max-width:100%;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.relation-live-v2__timeline__item__text .relation-live-v2--skeleton-text{height:20px}.relation-live-v2__footer{display:flex;justify-content:space-between;gap:30px;border-top:1px solid #d9d9d9;padding-top:16px;width:100%}.relation-live-v2__author{display:flex;align-items:center;gap:5px;line-height:1.1em}.relation-live-v2__author__label{width:40px;color:#919191;font-family:Roboto;font-size:12px;line-height:initial}.relation-live-v2__author__image{width:36px;height:36px;background-color:#e2e0ed;border-radius:50%;overflow:hidden}.relation-live-v2__author__image img{width:100%;height:100%;transition:opacity 0.3s linear}.relation-live-v2__author__details{flex:1;display:flex;flex-direction:column;min-width:100px;gap:0px}.relation-live-v2__author__name{font-weight:700;color:#000;font-size:15px;font-weight:700;white-space:nowrap}.relation-live-v2__author__name .relation-live-v2--skeleton-text{height:16px}.relation-live-v2__author__workplace{color:#919191;font-family:Roboto;font-size:14px;font-weight:400;white-space:nowrap}.relation-live-v2__author__workplace .relation-live-v2--skeleton-text{height:16px}.relation-live-v2__tags{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:5px;max-width:50%}.relation-live-v2__tags__item{display:flex;padding:0px 7px;height:23px;justify-content:center;align-items:center;gap:4px;border-radius:24px;background:rgba(65,106,252,0.05);color:#4968ad;text-align:center;font-family:Roboto;font-size:12px;font-weight:400;text-transform:uppercase}.relation-live-v2__tags__item .relation-live-v2--skeleton-text{min-width:100px}.relation-live-v2__loading__text{position:absolute;bottom:20px;width:100%;text-align:center;z-index:10;font-weight:bold}body#radiozet .relation-live-v2--loading:after,body[id*="zet_"] .relation-live-v2--loading:after{border-top-color:var(--color__primary, #d50032);border-left-color:var(--color__primary, #d50032);border-right-color:var(--color__primary, #d50032)}body#radiozet .relation-live-v2__header,body[id*="zet_"] .relation-live-v2__header{font-family:"Averta ExtraBold";color:var(--color__primary, #d50032)}body#radiozet .relation-live-v2__timeline__item__time,body[id*="zet_"] .relation-live-v2__timeline__item__time{color:var(--color__primary, #d50032)}body#radiozet .relation-live-v2__timeline__item__text,body[id*="zet_"] .relation-live-v2__timeline__item__text{font-family:"Averta Bold";color:#000}body#tokfm .relation-live-v2--loading:after,body[id*="tokfm"] .relation-live-v2--loading:after{border-top-color:var(--color-one);border-left-color:var(--color-one);border-right-color:var(--color-one)}body#tokfm .relation-live-v2__header,body[id*="tokfm"] .relation-live-v2__header{color:var(--color-one)}body#tokfm .relation-live-v2__timeline__item__time,body[id*="tokfm"] .relation-live-v2__timeline__item__time{color:var(--color-one)}body#tokfm .relation-live-v2__timeline__item__text,body[id*="tokfm"] .relation-live-v2__timeline__item__text{color:var(--color-two);font-weight:600}body#tokfm .relation-live-v2__timeline__item__text--important,body[id*="tokfm"] .relation-live-v2__timeline__item__text--important{color:var(--color-three)}@media (max-width: 767px){.relation-live-v2__header{flex-direction:column;gap:6px}}@media (min-width: 767.1px){.relation-live-v2__header{align-items:center;gap:20px}}@keyframes relationLiveV2Rotation{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}
