.listinline{display:flex;flex-wrap:wrap;align-items:center;gap:10px;justify-content:space-between;background-color:#fff;padding:22px;text-decoration:none}.listinline:first-child{border-top-left-radius:15px;border-top-right-radius:15px}.listinline:last-child{border-bottom-left-radius:15px;border-bottom-right-radius:15px}.listinline+.listinline{border-top:1px solid var(--blue10)}.listinline__image{background:#e7e5f2;aspect-ratio:65/65;margin:0;width:65px;height:65px;border-radius:5px;overflow:hidden;display:none}.listinline__image img{width:100%;height:100%;display:block;object-fit:cover}.listinline,.listinline__subject,.listinline__tags{transition:.25s var(--easingPrinciple)}.listinline__subject{display:flex;align-items:center;flex-wrap:wrap;gap:30px;max-width:100%}.listinline__body{display:flex;flex-wrap:wrap;flex-direction:column;gap:10px;max-width:100%;margin:0 0 10px}.listinline__title{display:block;font-weight:400;font-size:16px;line-height:1.5;letter-spacing:.01em;color:var(--blue100);white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis}.listinline__text{font-weight:700;font-size:14px;line-height:1.2857142857;letter-spacing:.09em;text-transform:uppercase;color:var(--blue100);opacity:.6;white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis}.listinline__tags{display:flex;align-items:center;flex-wrap:wrap;gap:10px;flex:0 0 100%}.listinline__tag{font-size:14px;line-height:1.2857142857;letter-spacing:.02em;border-radius:13px;padding:9px 15px;background-color:#fff;border:1px solid var(--green100);color:var(--blue100)}.listinline__tag--green{background:var(--green100);border:1px solid var(--green100);color:#fff}.listinline__tag--blue{background:var(--blue100);border:1px solid var(--blue100);color:#fff}@media (min-width: 992px){.listinline{gap:30px;flex-wrap:initial}.listinline__image{display:block}.listinline__subject{flex-wrap:initial}.listinline__title,.listinline__text{width:270px}.listinline__tags{justify-content:flex-end;flex:initial}.listinline-wrapper:hover .listinline{opacity:.4}.listinline-wrapper:hover .listinline:hover{opacity:1}.listinline:hover .listinline__subject{transform:translate(10px)}.listinline:hover .listinline__tags{transform:translate(-10px)}}@media (min-width: 1200px){.listinline{flex-wrap:wrap}.listinline__tags{flex:1;justify-content:flex-end}.listinline__subject{flex-wrap:wrap}.listinline__body{flex-direction:row;margin:0;align-items:center;gap:30px}}