.no-details details{display:block}details{margin:1em 0}details,summary{display:block;position:relative}summary{cursor:pointer;padding:.5em}summary::-webkit-details-marker{display:none}.no-details summary:before{content:"►";display:inline-block;margin-right:.5em;text-align:center;transition:transform .2s ease;width:1em}.no-details details[open]>summary:before{content:"▼"}.no-details details:not([open])>:not(summary){display:none}.no-details details[open]>:not(summary){animation:details-show .3s ease-in-out;display:block}@keyframes details-show{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.no-details summary{border:1px solid var(--color-gray3);border-radius:4px;outline:none;padding:.5em 1em}.no-details details[open]>:not(summary){border:1px solid var(--color-gray3);border-radius:0 0 4px 4px;border-top:none;padding:1em}.no-details summary:focus{outline:2px solid #4d90fe}