.ab-details{display:block;width:100%}.ab-details>.ab-details__summary{outline:0;cursor:pointer;list-style:none;position:relative;color:var(--ab-color-ui-800);padding:var(--ab-spacing-200) var(--ab-spacing-300);padding-left:var(--ab-spacing-500);border-radius:var(--ab-border-radius-200)}.ab-details>.ab-details__summary:focus{box-shadow:0 0 0 2px var(--ab-color-active-600)}.ab-details>.ab-details__summary:hover{background:var(--ab-color-ui-200)}.ab-details[open]>.ab-details__summary{background:var(--ab-color-ui-600);color:#fff}.ab-details>.ab-details__summary::-webkit-details-marker{display:none}.ab-details>.ab-details__summary:before{position:absolute;content:"";width:24px;height:24px;left:var(--ab-spacing-100);top:50%;-webkit-transform:rotate(0deg) translateY(-50%);transform:rotate(0deg) translateY(-50%);transition:all .2s ease;-webkit-transform-origin:top;transform-origin:top;background-position:0;background-size:contain;background-image:url('data:image/svg+xml;utf8,<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M12 17.586l3.293-3.293a1 1 0 0 1 1.414 1.414l-4 4a1 1 0 0 1-1.414 0l-4-4a1 1 0 0 1 1.414-1.414L12 17.586zM8.707 9.707a1 1 0 1 1-1.414-1.414l4-4a1 1 0 0 1 1.414 0l4 4a1 1 0 1 1-1.414 1.414L12 6.414 8.707 9.707z" fill="rgb(151, 151, 151)"/></g></svg>')}.ab-details[open]>.ab-details__summary:before{background-image:url('data:image/svg+xml;utf8,<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M8.707 19.707a1 1 0 1 1-1.414-1.414l4-4a1 1 0 0 1 1.414 0l4 4a1 1 0 0 1-1.414 1.414L12 16.414l-3.293 3.293zM12 7.586l3.293-3.293a1 1 0 0 1 1.414 1.414l-4 4a1 1 0 0 1-1.414 0l-4-4a1 1 0 0 1 1.414-1.414L12 7.586z" fill="rgb(255,255,255)"/></g></svg>')}.ab-details>.ab-details__content{-webkit-backface-visibility:visible;backface-visibility:visible;-webkit-transform-origin:center top;transform-origin:center top;-webkit-animation:fade-in .4s ease;animation:fade-in .4s ease}@-webkit-keyframes fade-in{0%{opacity:0;-webkit-transform:perspective(1500px) rotateX(-30deg);transform:perspective(1500px) rotateX(-30deg)}to{opacity:1;-webkit-transform-origin:center top;transform-origin:center top;-webkit-transform:perspective(1500px) rotateX(0deg);transform:perspective(1500px) rotateX(0deg)}}@keyframes fade-in{0%{opacity:0;-webkit-transform:perspective(1500px) rotateX(-30deg);transform:perspective(1500px) rotateX(-30deg)}to{opacity:1;-webkit-transform-origin:center top;transform-origin:center top;-webkit-transform:perspective(1500px) rotateX(0deg);transform:perspective(1500px) rotateX(0deg)}}