/* Продолжение tip.css — тот же канон (плашка по наведению), тот
   встал у потолка длины первым. Свойства повторены (CSS не умеет
   продолжить чужой список правил в другом файле), список классов —
   свой. Куда растёт каждая — components/tip-grow.css, туда же
   ушли третьим файлом. */

@media (hover: hover) {
  .pv-arrow[aria-label],
  .gallery-view__arrow[aria-label],
  .gallery-view__close[aria-label],
  .identity__menu[aria-label],
  .pf-shot__pin[aria-label],
  .pf-shot__menu[aria-label],
  .pf-shot--add[aria-label],
  .story-write__x[aria-label],
  .story-write__trash[aria-label],
  .post-compose__close[aria-label],
  .story-view__more[aria-label],
  .story-view__close[aria-label],
  .pv-post__menu[aria-label],
  .post-view__close[aria-label],
  .pv-comment-form__send[aria-label],
  .gallery__star[aria-label],
  .gallery__kill[aria-label],
  .gallery__add[aria-label],
  .hero__arrow[aria-label],
  .hero__more[aria-label],
  .rich__btn[aria-label],
  .placemap__act[aria-label],
  .cardface__look[aria-label],
  .cardface__more[aria-label],
  .cardface__copy[aria-label],
  .msgbox__edit[aria-label],
  .stepbox__edit[aria-label],
  .cashbox__edit[aria-label],
  .item__drop[aria-label],
  .platform[aria-label],
  .field__toggle[aria-label],
  .banner__slot[aria-label],
  .banner__tool[aria-label],
  .pickbar__off[aria-label],
  .story-new__hint-close[aria-label],
  .story-kit-row__tool[aria-label],
  .story-kit-row__swatch[aria-label] { position: relative; }

  .pv-arrow[aria-label]::after,
  .gallery-view__arrow[aria-label]::after,
  .gallery-view__close[aria-label]::after,
  .identity__menu[aria-label]::after,
  .pf-shot__pin[aria-label]::after,
  .pf-shot__menu[aria-label]::after,
  .pf-shot--add[aria-label]::after,
  .story-write__x[aria-label]::after,
  .story-write__trash[aria-label]::after,
  .post-compose__close[aria-label]::after,
  .story-view__more[aria-label]::after,
  .story-view__close[aria-label]::after,
  .pv-post__menu[aria-label]::after,
  .post-view__close[aria-label]::after,
  .pv-comment-form__send[aria-label]::after,
  .gallery__star[aria-label]::after,
  .gallery__kill[aria-label]::after,
  .gallery__add[aria-label]::after,
  .hero__arrow[aria-label]::after,
  .hero__more[aria-label]::after,
  .rich__btn[aria-label]::after,
  .placemap__act[aria-label]::after,
  .cardface__look[aria-label]::after,
  .cardface__more[aria-label]::after,
  .cardface__copy[aria-label]::after,
  .msgbox__edit[aria-label]::after,
  .stepbox__edit[aria-label]::after,
  .cashbox__edit[aria-label]::after,
  .item__drop[aria-label]::after,
  .platform[aria-label]::after,
  .field__toggle[aria-label]::after,
  .banner__slot[aria-label]::after,
  .banner__tool[aria-label]::after,
  .pickbar__off[aria-label]::after,
  .story-new__hint-close[aria-label]::after,
  .story-kit-row__tool[aria-label]::after,
  .story-kit-row__swatch[aria-label]::after {
    content: attr(aria-label);
    position: absolute;
    z-index: 70;
    top: calc(100% + var(--sp-2));
    padding: var(--sp-1) var(--sp-3);
    border-radius: 100px;
    background: var(--tip-bg);
    color: var(--tip-text);
    box-shadow: 0 4px 14px var(--peek-shadow);
    font-size: var(--fs-xs);
    font-weight: 600;
    line-height: 1.8;
    white-space: nowrap;
    max-width: 62cqw;
    overflow: hidden;
    text-overflow: ellipsis;
    opacity: 0;
    transform: translateY(calc(var(--sp-1) * -1));
    pointer-events: none;
    transition: opacity var(--base) var(--ease),
                transform var(--base) var(--ease);
  }

  .pv-arrow:hover::after,
  .gallery-view__arrow:hover::after,
  .gallery-view__close:hover::after,
  .identity__menu:hover::after,
  .pf-shot__pin:hover::after,
  .pf-shot__menu:hover::after,
  .pf-shot--add:hover::after,
  .story-write__x:hover::after,
  .story-write__trash:hover::after,
  .post-compose__close:hover::after,
  .story-view__more:hover::after,
  .story-view__close:hover::after,
  .pv-post__menu:hover::after,
  .post-view__close:hover::after,
  .pv-comment-form__send:hover::after,
  .gallery__star:hover::after,
  .gallery__kill:hover::after,
  .gallery__add:hover::after,
  .hero__arrow:hover::after,
  .hero__more:hover::after,
  .rich__btn:hover::after,
  .placemap__act:hover::after,
  .cardface__look:hover::after,
  .cardface__more:hover::after,
  .cardface__copy:hover::after,
  .msgbox__edit:hover::after,
  .stepbox__edit:hover::after,
  .cashbox__edit:hover::after,
  .item__drop:hover::after,
  .platform:hover::after,
  .field__toggle:hover::after,
  .banner__slot:hover::after,
  .banner__tool:hover::after,
  .pickbar__off:hover::after,
  .story-new__hint-close:hover::after,
  .story-kit-row__tool:hover::after,
  .story-kit-row__swatch:hover::after {
    opacity: 1;
    transform: none;
    transition-delay: var(--slow);
  }
}