Accordion

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 512 512"
>
    <rect width="144" height="352" x="24" y="80" fill="#c7312e" rx="16" />
    <path
        fill="#eb423f"
        d="M168 96v320a16 16 0 0 1-16 16h-32V80h32a16 16 0 0 1 16 16z"
    />
    <rect width="128" height="352" x="360" y="80" fill="#eb423f" rx="16" />
    <path fill="#e9eef2" d="M120 112v48H24v-48z" />
    <path fill="#dadcde" d="M120 160v48H24v-48z" />
    <path fill="#464c4f" d="M120 144v32H72v-32z" />
    <path fill="#e9eef2" d="M120 208v48H24v-48z" />
    <path fill="#dadcde" d="M120 256v48H24v-48z" />
    <path fill="#464c4f" d="M120 240v32H72v-32z" />
    <path fill="#e9eef2" d="M120 304v48H24v-48z" />
    <path fill="#dadcde" d="M120 352v48H24v-48z" />
    <path
        fill="#464c4f"
        d="M120 336v32H72v-32zM360 96v320h-32l-16 16-16-16-16 16-16-16-16 16-16-16-16 16-16-16h-32V96h32l16-16 16 16 16-16 16 16 16-16 16 16 16-16 16 16z"
    />
    <path
        fill="#6a7073"
        d="M208 88v336l-8-8h-8V96h8zM240 88v336l-8-8-8 8V88l8 8zM272 88v336l-8-8-8 8V88l8 8zM304 88v336l-8-8-8 8V88l8 8zM336 96v320h-8l-8 8V88l8 8z"
    />
    <path
        fill="#e9eef2"
        d="M408 112h80v288h-80a16 16 0 0 1-16-16V128a16 16 0 0 1 16-16z"
    />
    <g fill="#464c4f">
        <circle cx="424" cy="176" r="8" />
        <circle cx="424" cy="144" r="8" />
        <circle cx="456" cy="160" r="8" />
        <circle cx="424" cy="208" r="8" />
        <circle cx="456" cy="192" r="8" />
        <circle cx="424" cy="240" r="8" />
        <circle cx="456" cy="224" r="8" />
        <circle cx="424" cy="272" r="8" />
        <circle cx="456" cy="256" r="8" />
        <circle cx="424" cy="304" r="8" />
        <circle cx="456" cy="288" r="8" />
        <circle cx="424" cy="336" r="8" />
        <circle cx="456" cy="320" r="8" />
        <circle cx="424" cy="368" r="8" />
        <circle cx="456" cy="352" r="8" />
    </g>
</svg>