:root{interpolate-size:allow-keywords;--accordion-columns:1;--accordion-big-gap:2.5rem;--accordion-gap:1.5rem;@media (min-width:768px){--accordion-big-gap:3.75rem}}.accordion-wrapper{display:flex;flex-direction:column;gap:var(--accordion-big-gap);@media (min-width:1024px){align-items:flex-start}&>div{flex:1 1 0}}.accordion-item{border-bottom:1px solid var(--border-color,rgba(0,0,0,.12));&:first-child,.accordion-vertical &{border-top:1px solid var(--border-color,rgba(0,0,0,.12))}.accordion-vertical &{width:100%}&::details-content{height:0;opacity:0;overflow:hidden;transition:height .3s cubic-bezier(.16,1,.3,1),opacity .25s ease-out,content-visibility allow-discrete .3s}&[open]::details-content{height:auto;opacity:1}@starting-style{&[open]::details-content{height:0;opacity:0}}@media (min-width:1024px){max-width:40rem;min-width:30rem}}.accordion-horizontal{flex-direction:column;@media (min-width:1024px){flex-direction:row}}.accordion-vertical{align-items:center;flex-direction:column;justify-content:center}.accordion-items-wrapper{margin-top:1rem;.accordion-vertical &{display:grid;gap:0 1rem;grid-template-columns:repeat(1,1fr);width:100%;@media (min-width:768px){gap:1rem;grid-template-columns:repeat(2,1fr)}}}.accordion-toggle{align-items:center;cursor:pointer;display:flex;font-size:1.125rem;font-weight:600;gap:1rem;justify-content:space-between;line-height:1.4;list-style:none;padding:1.25rem 0;transition:color var(--transition-fast);user-select:none;&::-webkit-details-marker{display:none}&::marker{content:""}&:hover{color:var(--accent-color,currentColor)}}.accordion-label{flex:1 1 auto}.accordion-icon{display:grid;flex:none;height:2rem;place-items:center;width:2rem;& .icon-closed,& .icon-open{align-items:center;display:flex;grid-area:1/1;justify-content:center;transition:opacity .2s ease,scale .25s ease,rotate .25s ease}& .icon-closed{opacity:1;rotate:0deg;scale:1}& .icon-open{opacity:0;pointer-events:none;rotate:-90deg;scale:.5}}.accordion-item[open] .accordion-icon{& .icon-closed{opacity:0;rotate:90deg;scale:.5}& .icon-open{opacity:1;rotate:0deg;scale:1}}.accordion-content{.accordion-inner{padding-bottom:1.25rem;&>:last-child{margin-bottom:0}}}