.at-accordion {
    position: relative;
}

.at-accordion:not(.u-squircleBg) {
    border-radius: var(--radius-l);
    background-color: var(--cloudy-300);
}

.at-accordion--animating {
    pointer-events: none;
}

.at-accordion--lines-2 {
    --_lines: 2;
}

.at-accordion--lines-3 {
    --_lines: 3;
}

.at-accordion--lines-4 {
    --_lines: 4;
}

.at-accordion__preTitle {
    margin-inline: auto;
}

[class*='at-accordion__shape'] {
    position: absolute;
    rotate: -10deg;
    opacity: .5;
}

.at-accordion__shape1 {
    top: 9em;
    left: -13em;
    rotate: -10deg;
    width: min(23em, 50vw);
    height: min(23em, 50vw);
}

.at-accordion__shape2 {
    right: 4em;
    bottom: -5em;
    width: min(12em, 24vw);
    height: min(12em, 24vw);
}

.at-accordion:not(.u-squircleBg) .at-accordion__shape1 {
    clip-path: polygon(66% 0, 100% 0%, 100% 100%, 48% 100%);
}

.at-accordion:not(.u-squircleBg) .at-accordion__shape2 {
    clip-path: polygon(0 0, 100% 0, 100% 67%, 0 50%);
}

.at-accordion__intro {
    max-width: var(--maxText);
    padding: 1.8em;
    text-align: center;
}

.at-accordion__inner {
    margin-bottom: 2rem;
}

.at-accordion__list {
    padding: 0;
    list-style-type: '';
    margin-inline: max(1.5em, 8%);
}

.at-accordion__item {
    margin-bottom: 0;
}

.at-accordion__item:nth-child(n+2) .at-accordion__panel {
    border-top: 1px solid var(--darker-100);
}

.at-accordion__item--expanded {
    pointer-events: none;
}

.at-accordion__item--expanded .at-accordion__panelTitle {
    pointer-events: none;
    cursor: initial;
}

.at-accordion__button {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 1em 0;
    color: inherit;
}

.at-accordion__buttonIcon {
    width: 1em;
}

.at-accordion__panelContent {
    overflow: hidden;
    margin: 0;
    transition: height .4s var(--qubicBezier-2);
}

.at-accordion__panelContentContent {
    padding-bottom: 1em;
}

.at-accordion__item--expanded .at-accordion__panelContent {
    overflow: visible;
}

.at-accordion__imagePositioner {
    width: 100%;
    aspect-ratio: 1;
    margin: auto;
    border-radius: var(--radius-l) 0 0 var(--radius-l);
    background: var(--cloudy-300);
    overflow: hidden;
}

.u-squircleBg .at-accordion__imagePositioner {
    border-radius: var(--radius-l);
}

.has-js .at-accordion__item--expanded .at-accordion__panelContent {
    height: 0;
}

@media (min-width: 720px) {
    .at-accordion__imagePositioner {
        position: absolute;
        right: 0;
        top: 0;
        bottom: 0;
        height: min(calc(100vw - 31em) , 31em);
        width: min(calc(100vw - 31em) , 31em);
        max-width: 70vw;
    }

    .at-accordion__inner {
        position: relative;
        display: flex;
        align-items: center;
        min-height: 609px;
    }

    .at-accordion__list {
        width: max(35%, 20em);
    }

    .at-accordion__panelContent p {
        margin-bottom: 0;
    }
}

/**
  Colors
  */

.--u-papaya [class*='at-accordion__shape'] {
    color: var(--papaya-300);
}

.--u-sapphire [class*='at-accordion__shape'] {
    color: var(--sapphire-100);
}

.--u-sunflower [class*='at-accordion__shape'] {
    color: var(--sunflower);
}

.--u-tropical [class*='at-accordion__shape'] {
    color: var(--tropical);
}