@charset "UTF-8";
/* CSS Document */
/* expandable.css */
/* Arrow styles */
.arrow {
    display: inline-block;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid currentColor;
    margin-right: 0.3rem;
    transition: transform 0.3s ease;
    flex-shrink: 0;
}

.expand-checkbox {
    display: none;
}

.expand-checkbox:checked + .details-section {
    display: block;
}

.expand-checkbox:checked ~ table .arrow {
    transform: rotate(180deg);
}