/* "Как участвовать": chips that open and push each other, ticket that loses its stub */
.tags-graphic span{display:block;overflow:hidden;white-space:nowrap}
.tags-graphic span .tg-h{display:block;font-weight:400;font-style:normal}
.tags-graphic span .tg-x{display:none;white-space:normal;font-style:normal;font-size:12px;line-height:1.45;color:#5d7285;margin-top:9px;}
.tags-graphic span .tg-go{display:none;font-size:12px;color:var(--blue);margin-top:8px}
.tags-graphic span .tg-go:hover{text-decoration:underline}
.tags-graphic span.open{z-index:4;animation:none;box-shadow:0 18px 30px -12px #2d547455}
.tags-graphic span.open:nth-child(1),.tags-graphic span.open:nth-child(1):hover{transform:rotate(-12deg)}
.tags-graphic span.open:nth-child(2),.tags-graphic span.open:nth-child(2):hover{transform:rotate(7deg)}
.tags-graphic span.open:nth-child(3),.tags-graphic span.open:nth-child(3):hover{transform:rotate(-5deg)}
.tags-graphic span.open .tg-x{display:block;animation:tgIn .5s cubic-bezier(.22,1,.36,1) .15s both}
.tags-graphic span.open .tg-go{display:inline-block;animation:tgIn .5s cubic-bezier(.22,1,.36,1) .25s both}
@keyframes tgIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.tags-graphic span.moving{transition:background-color .35s,color .35s,border-color .35s,box-shadow .4s}
.tags-graphic span.picked{background:inherit!important;color:inherit;border-color:#c5d1e0}
/* ticket */
.ticket-mini{cursor:pointer}
.ticket-mini>div{transition:opacity .3s}
.ticket-mini.cut>div{height:0;padding-top:0;border-top-color:transparent;overflow:hidden;opacity:0}
.ticket-mini.cut:before,.ticket-mini.cut:after{opacity:0;transition:opacity .3s}
.ticket-mini:before,.ticket-mini:after{transition:opacity .3s .1s}
.ticket-mini.cut{padding-bottom:16px;border-bottom:2px dashed #cfd9ea;border-radius:15px 15px 4px 4px}
.ticket-mini.cut>b{margin-bottom:0}
.ticket-mini .tear{position:absolute;z-index:5;pointer-events:none;background:#fff;border-radius:0 0 15px 15px;box-shadow:0 12px 20px -8px #4a64a066;transform-origin:0 0;overflow:hidden;box-sizing:border-box}
.ticket-mini .tear>div{border-top:1px dashed #d4ddea;margin:0 20px;padding-top:14px;display:flex;justify-content:space-between;align-items:center;font-size:8px;color:#798aa0}
.ticket-mini .tear i{font-style:normal;background:#ddefe6;color:#31785e;border-radius:50%;width:22px;height:22px;display:grid;place-items:center}
@media(prefers-reduced-motion:reduce){.ticket-mini .tear{display:none}}