.disclosure-item {

    border-bottom-width: 1px;

    border-bottom-color: rgb(var(--color-blue) / 0.5)
}

.dark .disclosure-item, .animate-dark .disclosure-item {

    border-bottom-color: rgb(var(--color-white) / 0.5)
}

.disclosure-item-title {

    position: relative;

    z-index: 0;

    display: flex;

    justify-content: space-between;

    padding-top: 3.2rem;

    padding-bottom: 3.2rem
}

.disclosure-item-title input {

    position: absolute;

    top: 0;

    right: 0;

    bottom: 0;

    left: 0;

    z-index: -10;

    height: 100%;

    width: 100%;

    cursor: pointer;

    -webkit-appearance: none;

       -moz-appearance: none;

            appearance: none
}

.disclosure-item-title span {

    font-family: var(--font-family-nb-international-pro);

    font-size: var(--font-subtitle-1-m-size);

    line-height: var(--font-subtitle-1-m-line-height, normal);

    letter-spacing: var(--font-subtitle-1-m-letter-spacing, 0);

    font-weight: var(--font-subtitle-1-m-weight, 400)
}

.disclosure-item-title span {

    pointer-events: none
}

.disclosure-item-title small {

    font-family: var(--font-family-din-pro);
    
    font-size: var(--font-caption-size) !important;

    white-space: nowrap !important;
}

.disclosure-item-body {

    font-family: var(--font-family-din-pro);

    font-size: var(--font-body-1-m-size);

    line-height: var(--font-body-1-m-line-height, normal);

    letter-spacing: var(--font-body-1-m-letter-spacing, 0);

    font-weight: var(--font-body-1-m-weight, 400)
}

.disclosure-item-body {

    max-height: 0;

    overflow: hidden;

    opacity: 0;

    transition-property: transform;

    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);

    transition-duration: 150ms
}

.disclosure-item-body p {

    padding-bottom: 3.2rem
}

.disclosure-icon {

    pointer-events: none;

    position: relative;

    width: 2.4rem
}

.disclosure-icon-open {

    position: absolute;

    top: 0;

    right: 0;

    left: 0;

    z-index: -10;

    transition-property: transform;

    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);

    transition-duration: 150ms
}

.disclosure-icon-closed {

    position: absolute;

    left: 0;

    top: 0;

    right: 0;

    z-index: -10;

    --tw-rotate: -90deg;

    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));

    opacity: 0;

    transition-property: transform;

    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);

    transition-duration: 150ms
}

.disclosure-item.is-open .disclosure-item-body {
    max-height: 800px;
    overflow-y: auto;
    opacity: 1
}

.disclosure-item.is-open .disclosure-icon-open {

    --tw-rotate: 90deg;

    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));

    opacity: 0
}

.disclosure-item.is-open .disclosure-icon-closed {

    --tw-rotate: 0deg;

    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));

    opacity: 1
}

@media (min-width: 640px) {

    .container {

        max-width: 640px
    }

    .\!container {

        max-width: 640px !important
    }
}

@media (min-width: 768px) {

    .container {

        max-width: 768px
    }

    .\!container {

        max-width: 768px !important
    }
}

@media (min-width: 1024px) {

    .container {

        max-width: 1024px
    }

    .\!container {

        max-width: 1024px !important
    }

    .gap-grid {

        gap: 2.4rem
    }

    .disclosure-item-title span {

        font-size: var(--font-subtitle-1-size);

        line-height: var(--font-subtitle-1-line-height, normal);

        letter-spacing: var(--font-subtitle-1-letter-spacing, 0);

        font-weight: var(--font-subtitle-1-weight, 400)
    }

    .disclosure-item-body {

        font-size: var(--font-body-1-size);

        line-height: var(--font-body-1-line-height, normal);

        letter-spacing: var(--font-body-1-letter-spacing, 0);

        font-weight: var(--font-body-1-weight, 400)
    }
}

@media (min-width: 1280px) {

    .container {

        max-width: 1280px
    }

    .\!container {

        max-width: 1280px !important
    }
}

@media (min-width: 1536px) {

    .container {

        max-width: 1536px
    }

    .\!container {

        max-width: 1536px !important
    }
}

@media (min-width: 1800px) {

    .container {

        max-width: 1800px
    }

    .\!container {

        max-width: 1800px !important
    }
}