.accordion__item{position:relative;margin:0 0 10px}.accordion__item h3{padding:9.5px 12px;width:100%;color:#fff;font-size:1.8rem;text-align:left;font-weight:600;margin:0}.accordion__header{color:#fff;z-index:2}.accordion__header button{color:inherit}.accordion__header--yellow{background-color:#edc51d;color:#3d316a!important}.accordion__header--magenta{background-color:#81418c}.accordion__header--sky{background-color:#017daa}.accordion__header--purple{background-color:#3d306a}.accordion__header--turquoise{background-color:#042f53}.accordion__header--grey{background-color:#6f7173}.accordion__button{width:100%;display:flex;justify-content:space-between;align-items:center;border:none;background-color:unset;margin:0;padding:0;cursor:pointer}.accordion__button[data-state=closed] .accordion__icon.accordion__icon--open,.accordion__button[data-state=open] .accordion__icon.accordion__icon--close{display:none}.accordion__panel{overflow:hidden;background-color:hsla(210,2%,44%,.102)}.accordion__panel[data-state=open]{animation:slideDown .3s ease-out}.accordion__panel[data-state=closed]{animation:slideUp .3s ease-out}@keyframes slideDown{0%{height:0}to{height:var(--radix-accordion-content-height)}}@keyframes slideUp{0%{height:var(--radix-accordion-content-height)}to{height:0}}.accordion__content{z-index:1;background-color:hsla(210,2%,44%,.102);padding:20px 12px;font-size:1.5rem;font-weight:600;margin-bottom:0;color:#454545}