disclaimer-panel {
    display: grid;
    grid-template-columns: max-content auto;
    grid-template-rows: auto;
    grid-template-areas: "icon content";
    gap: var(--size-2);

    padding: var(--size-3);

    border-radius: var(--radius-2);
    background-color: #F1EFFA;

    & details {
        grid-area: content;
        width: 100%;

        summary {
            display: flex;
            align-items: center;
            justify-content: space-between;

            svg {
                flex-shrink: 0;
                align-self: start;
            }
        }

        &[open] {
            display: inline grid;
            gap: var(--size-2);

            svg {
                transform: rotate(180deg);
            }
        }
    }
}