.accordion{--_button-size:3rem;--_panel-padding:0.75rem;--_panel-gap:1rem;display:flex;flex-direction:column;gap:1rem}.accordion *{margin:0}.accordion-panel{position:relative;isolation:isolate;overflow:hidden;padding:var(--_panel-padding);padding-right:calc(var(--_panel-padding) * 4);padding-bottom:var(--_panel-padding);border-radius:.75rem;background:linear-gradient(135deg,rgba(176,196,222,.2),rgba(200,199,223,.938));backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);box-shadow:0 8px 32px rgba(31,38,135,.15);--_panel-border-color:rgb(249 115 22);border-left:6px solid var(--_panel-border-color);padding-left:1.5rem}.accordion-panel:first-child{--_panel-border-color:hsl(160,70%,50%)}.accordion-panel:nth-child(2){--_panel-border-color:hsl(184,70%,50%)}.accordion-panel:nth-child(3){--_panel-border-color:hsl(200,70%,50%)}.accordion-panel:nth-child(4){--_panel-border-color:hsl(260,70%,50%)}.accordion-icon{fill:var(--_panel-color);width:var(--_button-size);aspect-ratio:1/1;padding:.75rem;border-radius:.75rem;z-index:10;background-color:var(--_panel-border-color)}.accordion-trigger{outline:0;cursor:pointer;justify-content:space-between;background:transparent;border:0;display:flex;align-items:center;gap:var(--_panel-gap);flex-direction:row;padding:0}.accordion-title{font-weight:700;position:relative;isolation:isolate;display:grid;align-items:center;text-align:left}.accordion-title:after{content:"";position:absolute;left:calc((var(--_panel-gap) + var(--_button-size)) * -1);width:calc(100% + (var(--_button-size) * 2));height:var(--_button-size);z-index:-1;border-radius:100vw}.cheveron-icon{position:absolute;right:25px;top:25px}.accordion-panel:has([aria-expanded=true]) .cheveron-icon{transform:rotate(180deg);transition:transform .5s .1s}.accordion-panel:has([aria-expanded=true]) .accordion-image{filter:brightness(.5)}.accordion-content{display:grid;grid-template-rows:0fr}@media (prefers-reduced-motion:no-preference){.accordion-content{transition:grid-template-rows .5s}}.accordion-panel:has([aria-expanded=true]) .accordion-content{grid-template-rows:1fr}.accordion-content-inner{min-height:0;overflow:hidden}.accordion-content-inner>p,.accordion-content-inner>ul{transform:translateY(2rem);opacity:0;margin-left:calc(var(--_button-size) + var(--_panel-gap))}@media (prefers-reduced-motion:no-preference){.accordion-panel:has([aria-expanded=true]) .accordion-content-inner>p,.accordion-panel:has([aria-expanded=true]) .accordion-content-inner>ul{transition:transform 1s .5s,opacity .5s .5s}}.accordion-panel:has([aria-expanded=true]) .accordion-content-inner>p,.accordion-panel:has([aria-expanded=true]) .accordion-content-inner>ul{transform:translateY(0);opacity:1}@media (max-width:768px){.accordion-panel:has([aria-expanded=true]) .accordion-content-inner>p,.accordion-panel:has([aria-expanded=true]) .accordion-content-inner>ul{transition:none}.accordion-content{transition:none}.accordion-panel:has([aria-expanded=true]) .cheveron-icon{transition:none;transform:rotate(180deg)}}