.accordion{--y-pad:0.9375rem;--x-pad:0.9375rem;position:relative}@media (min-width:62em){.accordion{--y-pad:1.25rem;--x-pad:1.875rem}}.accordion__header{margin-block-end:var(--block--header--margin-bottom)}.accordion__item{background:var(--color--white);border-radius:var(--rm);margin-block:.625rem}.accordion__item[open] .accordion__item-control:after{content:"-"}.accordion__item-control{list-style-type:none}.accordion__item-control::-webkit-details-marker{display:none}.accordion__item-control::marker{display:none}.accordion__item-control{align-items:center;display:flex;font-size:1.25rem;font-weight:700;justify-content:space-between;padding:var(--y-pad) var(--x-pad);position:relative}.accordion__item-control:active:before,.accordion__item-control:focus:before{opacity:1}@media (hover:hover){.accordion__item-control:hover:before{opacity:1}}.accordion__item-control:before{border:1px solid;border-radius:var(--rm);content:"";inset:0;opacity:0;position:absolute;transition:opacity var(--transition--duration) var(--transition--ease) 0s}.accordion__item-control:after{aspect-ratio:1/1;border:1px solid;border-radius:50%;content:"+";display:grid;place-content:center;transition:scale var(--transition--duration) var(--transition--ease) 0s;width:2rem}.accordion__item-panel{padding:0 var(--x-pad) var(--y-pad)}