/*
 * 4detki.ru — breathing room for the inline story audio controls
 * Version: 1.55.2
 * Requires: story-audio-hero-v2 v1.55.1
 */

html[data-story-audio-hero-version="1.55.1"] body.story-page-v2 .story-audio-hero-player {
  margin-top: 14px !important;
}

html[data-story-audio-hero-version="1.55.1"] body.story-page-v2 .story-audio-hero-console {
  column-gap: 12px;
}

html[data-story-audio-hero-version="1.55.1"] body.story-page-v2 [data-story-ad-side="true"] .story-audio-hero-console {
  column-gap: 12px;
}

/*
 * Keep the approved compact placement, but restore proper interface icons.
 * The previous character glyphs varied between operating systems and looked
 * like an arrow and a document symbol instead of Share and Print.
 */
html[data-story-audio-hero-version="1.55.1"] body.story-page-v2 .story-audio-hero-utility::before {
  content: "" !important;
  width: 15px;
  height: 15px;
  flex: 0 0 15px;
  display: block;
  background-color: currentColor;
  -webkit-mask: var(--story-audio-utility-icon) center / contain no-repeat;
  mask: var(--story-audio-utility-icon) center / contain no-repeat;
}

html[data-story-audio-hero-version="1.55.1"] body.story-page-v2 [data-story-audio-utility="favorite"] {
  --story-audio-utility-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78L12 21.23l8.84-8.84a5.5 5.5 0 0 0 0-7.78Z' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

html[data-story-audio-hero-version="1.55.1"] body.story-page-v2 [data-story-audio-utility="favorite"][aria-pressed="true"]::before {
  background-color: var(--story-audio-hero-pink) !important;
}

html[data-story-audio-hero-version="1.55.1"] body.story-page-v2 [data-story-audio-utility="share"] {
  --story-audio-utility-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='18' cy='5' r='3' fill='none' stroke='black' stroke-width='2'/%3E%3Ccircle cx='6' cy='12' r='3' fill='none' stroke='black' stroke-width='2'/%3E%3Ccircle cx='18' cy='19' r='3' fill='none' stroke='black' stroke-width='2'/%3E%3Cpath d='m8.59 10.51 6.83-3.98M8.59 13.49l6.83 3.98' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
}

html[data-story-audio-hero-version="1.55.1"] body.story-page-v2 [data-story-audio-utility="print"] {
  --story-audio-utility-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 9V2h12v7M6 18H4a2 2 0 0 1-2-2v-5a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v5a2 2 0 0 1-2 2h-2M6 14h12v8H6z' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}