.psx-expandable-text {
    width: 100%;
}

.psx-expandable-text__content {
    display: block;
}

.psx-expandable-text__content p:first-child {
    margin-top: 0;
}

.psx-expandable-text__content p:last-child {
    margin-bottom: 0;
}

.psx-expandable-text__hidden:not([hidden]) {
    display: inline;
}

.psx-expandable-text__hidden[hidden] {
    display: none !important;
}

.psx-expandable-text__toggle {
    appearance: none;
    border: 0;
    background: transparent;
    padding: 0;
    margin: 0;
    display: inline-flex;
    align-items: center;
    cursor: pointer;
    color: inherit;
    text-decoration: underline;
    font: inherit;
    line-height: 1.2;
}

.psx-expandable-text__toggle:hover,
.psx-expandable-text__toggle:focus {
    background: transparent;
    outline: none;
}

.psx-expandable-text__toggle:focus-visible {
    outline: 2px solid currentColor;
    outline-offset: 3px;
}

.psx-expandable-text__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: transform 200ms ease;
}

.psx-expandable-text__icon svg {
    width: 100%;
    height: 100%;
    display: block;
}

.psx-expandable-text.is-expanded .psx-expandable-text__icon {
    transform: rotate(180deg);
}

.psx-expandable-text__continuation {
    display: inline;
}