.wp-block-details {
    width: 100%;
    flex-grow: 1;
    flex-shrink: 1;
    flex-basis: 400px;
}
.wp-block-details summary {
    padding: var(--wp--preset--spacing--16-8);
    background-color: var(--wp--preset--color--alt-background);
    width: 100%;
    border-radius: 0.25rem;
    list-style: none;
    font-weight: 500;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: var(--wp--preset--spacing--8);
    user-select: none;
    transition: 300ms ease-out;
}
.wp-block-details summary:hover {
   background-color: var(--wp--preset--color--modra);
}
.wp-block-details summary::after {
    content: '';
    background-image: url(/wp-content/themes/slniecko/assets/icons/angle-left.svg);
    background-size: cover;
    height: clamp(1rem, -0.1301rem + 2.3121vw, 1.5rem);
    width: clamp(1rem, -0.1301rem + 2.3121vw, 1.5rem);
    transition: 300ms ease-out;
    margin-left: auto;
}
.wp-block-details[open] summary::after, .wp-block-details summary:hover::after  {
    rotate: 90deg;
}
.wp-block-details > *:not(summary, summary>*) {
    padding-inline: var(--wp--preset--spacing--16-8);
}
.wp-block-details > *:nth-child(2) {
    padding-top: var(--wp--preset--spacing--16-8);
}
.wp-block-details > *:last-child {
    padding-bottom: var(--wp--preset--spacing--16-8);
}

/* Sociálnej siete */
.wp-block-details.icon summary::before {
    content: '';
    background-size: cover;
    height: clamp(1rem, -0.1301rem + 2.3121vw, 1.5rem);
    width: clamp(1rem, -0.1301rem + 2.3121vw, 1.5rem);
    transition: 300ms ease-out;
}
.wp-block-details.books summary::before {
    background-image: url(/wp-content/themes/slniecko/assets/icons/books.svg);
}
.wp-block-details.brush summary::before {
    background-image: url(/wp-content/themes/slniecko/assets/icons/brush.svg);
}
.wp-block-details.gift summary::before {
    background-image: url(/wp-content/themes/slniecko/assets/icons/gift.svg);
}
.wp-block-details.puzzle-piece summary::before {
    background-image: url(/wp-content/themes/slniecko/assets/icons/puzzle-piece.svg);
}
.wp-block-details.terminal summary::before {
    background-image: url(/wp-content/themes/slniecko/assets/icons/terminal.svg);
}
.wp-block-details.heart summary::before {
    background-image: url(/wp-content/themes/slniecko/assets/icons/hand-heart.svg);
}
.wp-block-details.coin summary::before {
    background-image: url(/wp-content/themes/slniecko/assets/icons/coin.svg);
}
.wp-block-details.percent summary::before {
    background-image: url(/wp-content/themes/slniecko/assets/icons/percent.svg);
}