.cmp-accordion--basic{width:100%;display:flex;flex-direction:column;gap:8px}
.cmp-accordion--basic .cmp-accordion__item--basic{margin-bottom:0;border:0;border-radius:0;background:var(--accordion-bg-color,#fff);overflow:visible}
.cmp-accordion--basic .cmp-accordion__item--basic:last-child{margin-bottom:0}
.cmp-accordion--basic.cmp-accordion--basic--bordered{gap:0}
.cmp-accordion--basic.cmp-accordion--basic--bordered .cmp-accordion__item--basic{border-bottom:1px solid var(--accordion-border-color,#000)}
.cmp-accordion--basic.cmp-accordion--basic--bordered .cmp-accordion__item--basic:last-child{border-bottom:0}
.cmp-accordion--basic.cmp-accordion--basic--bordered .cmp-accordion__button--basic{border-top:0}
.cmp-accordion--basic .cmp-accordion__header--basic{margin:0}
.cmp-accordion--basic .cmp-accordion__button--basic{width:100%;padding:24px 16px 24px 0;display:flex;align-items:baseline;justify-content:space-between;background:var(--accordion-bg-color,#fff);cursor:pointer;transition:background-color .2s ease;text-align:left;border-top:2px solid var(--accordion-border-color,#000)}
.cmp-accordion--basic .cmp-accordion__button--basic:hover{background-color:var(--accordion-hover-bg-color,#fafafa)}
.cmp-accordion--basic .cmp-accordion__button--basic:hover .cmp-accordion__title{color:var(--accordion-hover-title-color,#000)}
.cmp-accordion--basic .cmp-accordion__button--basic:hover .cmp-accordion__icon--basic::before{background-color:var(--accordion-hover-title-color,#000)}
.cmp-accordion--basic .cmp-accordion__button--basic:hover .cmp-accordion__icon--basic::after{background-color:var(--accordion-hover-title-color,#000)}
.cmp-accordion--basic .cmp-accordion__button--basic .cmp-accordion__title{font-family:"Neue Haas Grotesk Display Pro",sans-serif;font-size:32px;font-weight:400;line-height:120%;color:var(--accordion-title-color,#000);letter-spacing:1.6px}
.cmp-accordion--basic .cmp-accordion__button--basic .cmp-accordion__icon--basic{width:20px;height:20px;position:relative;flex-shrink:0;margin-left:16px}
.cmp-accordion--basic .cmp-accordion__button--basic .cmp-accordion__icon--basic::before{content:"";position:absolute;background-color:var(--accordion-title-color,#000);width:20px;height:2px;top:50%;left:50%;transform:translate(-50%,-50%);transition:transform .3s ease}
.cmp-accordion--basic .cmp-accordion__button--basic .cmp-accordion__icon--basic::after{content:"";position:absolute;background-color:var(--accordion-title-color,#000);width:2px;height:20px;top:50%;left:50%;transform:translate(-50%,-50%);transition:transform .3s ease,opacity .3s ease}
.cmp-accordion--basic .cmp-accordion__button--basic.cmp-accordion__button--expanded .cmp-accordion__icon--basic::after{opacity:0;transform:translate(-50%,-50%) rotate(90deg)}
.cmp-accordion--basic .cmp-accordion__panel--basic{padding:0 0 24px;background:var(--accordion-bg-color,#fff)}
.cmp-accordion--basic .cmp-accordion__panel--basic p{font-family:"Neue Haas Grotesk Display Pro",sans-serif;margin:0;font-size:24px;font-weight:400;line-height:140%;color:var(--accordion-title-color,#000)}
.cmp-accordion--basic .cmp-accordion__panel--hidden{display:none}
.cmp-accordion--basic .cmp-accordion__panel--expanded{display:block;animation:slideDown .3s ease}
@keyframes slideDown{from{opacity:0;max-height:0}
to{opacity:1;max-height:1000px}
}
@media(max-width:768px){.cmp-accordion--basic .cmp-accordion__button--basic{padding:28px 16px 28px 0}
.cmp-accordion--basic .cmp-accordion__button--basic .cmp-accordion__title{font-size:24px}
.cmp-accordion--basic .cmp-accordion__panel--basic{padding:0 0 24px}
.cmp-accordion--basic .cmp-accordion__panel--basic p{font-size:16px}
}