:root {
  --md-admonition-icon--storybook: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--!Font Awesome Free v7.0.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--><path d="M256 141.3l0 309.3 .5-.2C311.1 427.7 369.7 416 428.8 416l19.2 0 0-320-19.2 0c-42.2 0-84.1 8.4-123.1 24.6-16.8 7-33.4 13.9-49.7 20.7zM230.9 61.5L256 72 281.1 61.5C327.9 42 378.1 32 428.8 32L464 32c26.5 0 48 21.5 48 48l0 352c0 26.5-21.5 48-48 48l-35.2 0c-50.7 0-100.9 10-147.7 29.5l-12.8 5.3c-7.9 3.3-16.7 3.3-24.6 0l-12.8-5.3C184.1 490 133.9 480 83.2 480L48 480c-26.5 0-48-21.5-48-48L0 80C0 53.5 21.5 32 48 32l35.2 0c50.7 0 100.9 10 147.7 29.5z"/></svg>');
}
.md-typeset .admonition.storybook,
.md-typeset details.storybook {
  border-color: rgb(43, 155, 70);
}
.md-typeset .storybook > .admonition-title,
.md-typeset .storybook > summary {
  background-color: rgba(43, 155, 70, 0.1);
}
.md-typeset .storybook > .admonition-title::before,
.md-typeset .storybook > summary::before {
  background-color: rgb(43, 155, 70);
  -webkit-mask-image: var(--md-admonition-icon--storybook);
  mask-image: var(--md-admonition-icon--storybook);
}

iframe.youtube-iframe {
  width: 100vw;
  aspect-ratio: 16/9;
}