.download-item {
    --rocket-ui-download-item-link-color: var(--rocket-color-primary-200);
    --rocket-ui-download-item-type-color: var(--rocket-color-grey-500);
    --rocket-ui-download-item-size-color: var(--rocket-color-grey-600);
    --rocket-ui-download-item-media-background: var(--rocket-color-grey-200);
    --rocket-ui-download-item-content-background: var(--rocket-color-white-base);
    --rocket-ui-download-item-border-color: var(--rocket-color-grey-300);
    --rocket-image-border-radius: var(--rocket-image-without-border-radius-right);

    @include transition;

    position: relative;
    display: flex;
    width: 100%;
    overflow: hidden;
    border: 1px solid var(--rocket-ui-download-item-border-color);
    border-radius: var(--rocket-components-border-radius);

    &:focus-within {
        @include theme-focus-ring(false);
    }

    &:hover {
        box-shadow: $rocket-shadow-md;
    }

    &__media {
        @include min-size(4rem);

        display: flex;
        align-items: center;
        justify-content: center;
        width: 4rem;
        background-color: var(--rocket-ui-download-item-media-background);
    }

    &__media-image {
        @include size(100%);

        border-radius: unset;

        img {
            @include size(100%);

            object-fit: cover;
        }
    }

    &__type {
        @extend %base-styles-text-xs;

        color: var(--rocket-ui-download-item-type-color);
        font-weight: 600;
        text-transform: uppercase;
    }

    &__content {
        flex-grow: 1;
        width: 1%;
        padding: 0.75rem 1rem;
        background-color: var(--rocket-ui-download-item-content-background);
    }

    &__filename {
        @extend %base-styles-text;

        display: flex;
        flex-direction: column;
    }

    &__link {
        color: var(--rocket-ui-download-item-link-color);
        text-decoration: none;

        @include event {
            outline: none
        }

        &::after {
            @include cover;
        }
    }

    &__filesize {
        @extend %base-styles-text-xs;

        color: var(--rocket-ui-download-item-size-color);
    }

    //&__heading {
    //    display: flex;
    //    align-items: center;
    //    padding: 1.5rem 1.25rem;
    //    background-color: var(--rocket-ui-download-heading-background-color);
    //}
    //&__title {
    //    color: var(--rocket-ui-download-title--color);
    //    font-weight: 600;
    //    font-size: 0.75rem;
    //    line-height: 1.333;
    //}
    //&__image-container {
    //    @include size(4rem);
    //    display: flex;
    //    align-items: center;
    //    padding: 0;
    //    img {
    //        @include size(100%);
    //    }
    //}
    //&__file {
    //    display: flex;
    //    flex-direction: column;
    //    width: 100%;
    //    padding: 0.75rem 1rem;
    //}
    //&__file-link {
    //    color: var(--rocket-ui-download-link--color);
    //    font-weight: 400;
    //    font-size: 1rem;
    //    line-height: 1.5;
    //    text-decoration: none;
    //    &::after {
    //        @include cover;
    //    }
    //}
    //&__file-size {
    //    font-weight: 400;
    //    font-size: 0.75rem;
    //    line-height: 1.33;
    //}
}