.sws-flipbook-single__container {
    width: min(1120px, calc(100% - 32px));
    margin: 0 auto;
    padding: 48px 0;
}

.sws-flipbook-single__header {
    margin-bottom: 24px;
}

.sws-flipbook-single__title {
    margin: 0 0 12px;
}

.sws-flipbook-single__excerpt {
    max-width: 760px;
    margin: 0;
}

.sws-flipbook-single__body {
    max-width: 760px;
    margin-bottom: 32px;
}

.sws-flipbook {
    display: grid;
    grid-template-columns: minmax(240px, 320px) minmax(0, 1fr);
    gap: 32px;
    align-items: start;
}

.sws-flipbook__reader {
    text-align: center;
}

.sws-flipbook ._df_thumb {
    width: 210px;
    height: 300px;
    margin: 0;
}

.sws-flipbook__description > :first-child {
    margin-top: 0;
}

.sws-flipbook__download {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 42px;
    padding: 10px 18px;
    border: 1px solid currentColor;
    border-radius: 4px;
    text-decoration: none;
}

.sws-flipbook-list {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 210px));
    gap: 24px;
    align-items: flex-start;
    justify-content: start;
    margin: 32px 0;
}

.sws-flipbook-list__item {
    min-width: 0;
}

.sws-flipbook-list ._df_thumb {
    width: 210px;
    height: 300px;
    margin: 0;
}

._df_thumb ._df_book-title {
    font-size: 16px;
    line-height: 1.6;
}

.sws-flipbook-list__download {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin-top: 10px;
    font-size: 14px;
    line-height: 1.4;
    text-decoration: none;
}

.sws-flipbook-list__download::before {
    content: "";
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: currentColor;
    -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='black'%20stroke-width='2.25'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M12%203v12'%2F%3E%3Cpath%20d='m7%2010%205%205%205-5'%2F%3E%3Cpath%20d='M5%2021h14'%2F%3E%3C%2Fsvg%3E") center / contain no-repeat;
    mask: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='black'%20stroke-width='2.25'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M12%203v12'%2F%3E%3Cpath%20d='m7%2010%205%205%205-5'%2F%3E%3Cpath%20d='M5%2021h14'%2F%3E%3C%2Fsvg%3E") center / contain no-repeat;
    transform: translateY(0.08em);
}

.sws-document-list {
    display: grid;
    gap: 12px;
    margin: 32px 0;
}

.sws-document-list > .sws-document-list__item {
    display: grid !important;
    grid-template-columns: 32px minmax(0, 1fr) 32px;
    align-items: center;
    gap: 18px;
    width: 100%;
    min-height: 76px;
    padding: 14px 28px;
    border: 1px solid #dcdcde;
    border-radius: 8px;
    background: #fff;
    box-sizing: border-box;
    color: #111827;
    text-decoration: none !important;
    transition: background-color 140ms ease, border-color 140ms ease, color 140ms ease;
}

.sws-document-list > .sws-document-list__item:hover,
.sws-document-list > .sws-document-list__item:focus {
    border-color: #b8e7f4;
    background: #d9f2fb;
    color: #111827;
    text-decoration: none !important;
}

.sws-document-list__badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border: 0;
    border-radius: 0;
    background: transparent;
    color: #5f6f7a;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    text-transform: uppercase;
    opacity: 0.82;
}

.sws-document-list__badge-icon {
    display: block;
    width: 32px;
    height: 32px;
    background-color: currentColor;
    -webkit-mask: var(--sws-document-icon-file) center / contain no-repeat;
    mask: var(--sws-document-icon-file) center / contain no-repeat;
}

.sws-document-list {
    --sws-document-icon-file: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='black'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M14%202H6a2%202%200%200%200-2%202v16a2%202%200%200%200%202%202h12a2%202%200%200%200%202-2V8z'%2F%3E%3Cpath%20d='M14%202v6h6'%2F%3E%3C%2Fsvg%3E");
    --sws-document-icon-pdf: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='black'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M14%202H6a2%202%200%200%200-2%202v16a2%202%200%200%200%202%202h12a2%202%200%200%200%202-2V8z'%2F%3E%3Cpath%20d='M14%202v6h6'%2F%3E%3Cpath%20d='M8%2016h1.5a1.5%201.5%200%200%200%200-3H8v6'%2F%3E%3Cpath%20d='M13%2013v6h1a2%202%200%200%200%200-6z'%2F%3E%3Cpath%20d='M18%2013h-2v6'%2F%3E%3Cpath%20d='M16%2016h1.5'%2F%3E%3C%2Fsvg%3E");
    --sws-document-icon-word: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='black'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M14%202H6a2%202%200%200%200-2%202v16a2%202%200%200%200%202%202h12a2%202%200%200%200%202-2V8z'%2F%3E%3Cpath%20d='M14%202v6h6'%2F%3E%3Cpath%20d='m7%2013%201.2%206%201.8-4%201.8%204%201.2-6'%2F%3E%3C%2Fsvg%3E");
    --sws-document-icon-excel: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='black'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M14%202H6a2%202%200%200%200-2%202v16a2%202%200%200%200%202%202h12a2%202%200%200%200%202-2V8z'%2F%3E%3Cpath%20d='M14%202v6h6'%2F%3E%3Cpath%20d='m8%2013%205%206'%2F%3E%3Cpath%20d='m13%2013-5%206'%2F%3E%3C%2Fsvg%3E");
    --sws-document-icon-powerpoint: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='black'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M14%202H6a2%202%200%200%200-2%202v16a2%202%200%200%200%202%202h12a2%202%200%200%200%202-2V8z'%2F%3E%3Cpath%20d='M14%202v6h6'%2F%3E%3Cpath%20d='M8%2019v-6h2.5a1.8%201.8%200%200%201%200%203.6H8'%2F%3E%3C%2Fsvg%3E");
}

.sws-document-list__badge--pdf .sws-document-list__badge-icon {
    -webkit-mask-image: var(--sws-document-icon-pdf);
    mask-image: var(--sws-document-icon-pdf);
}

.sws-document-list__badge--doc .sws-document-list__badge-icon,
.sws-document-list__badge--docx .sws-document-list__badge-icon {
    -webkit-mask-image: var(--sws-document-icon-word);
    mask-image: var(--sws-document-icon-word);
}

.sws-document-list__badge--xls .sws-document-list__badge-icon,
.sws-document-list__badge--xlsx .sws-document-list__badge-icon,
.sws-document-list__badge--csv .sws-document-list__badge-icon {
    -webkit-mask-image: var(--sws-document-icon-excel);
    mask-image: var(--sws-document-icon-excel);
}

.sws-document-list__badge--ppt .sws-document-list__badge-icon,
.sws-document-list__badge--pptx .sws-document-list__badge-icon {
    -webkit-mask-image: var(--sws-document-icon-powerpoint);
    mask-image: var(--sws-document-icon-powerpoint);
}

.sws-document-list__content {
    display: grid;
    min-width: 0;
    gap: 4px;
}

.sws-document-list__title {
    overflow: hidden;
    color: #111827;
    font-size: 15px;
    line-height: 1.35;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.sws-document-list__meta {
    color: #4b5563;
    font-size: 13px;
    line-height: 1.3;
}

.sws-document-list__download {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border: 0;
    border-radius: 0;
    background: transparent;
    color: #0ea5e9;
    text-decoration: none;
}

.sws-document-list > .sws-document-list__item:hover .sws-document-list__download,
.sws-document-list > .sws-document-list__item:focus .sws-document-list__download {
    color: #111827;
}

.sws-document-list__download span {
    width: 18px;
    height: 18px;
    background-color: currentColor;
    -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='black'%20stroke-width='2.25'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M12%203v12'%2F%3E%3Cpath%20d='m7%2010%205%205%205-5'%2F%3E%3Cpath%20d='M5%2021h14'%2F%3E%3C%2Fsvg%3E") center / contain no-repeat;
    mask: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='black'%20stroke-width='2.25'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M12%203v12'%2F%3E%3Cpath%20d='m7%2010%205%205%205-5'%2F%3E%3Cpath%20d='M5%2021h14'%2F%3E%3C%2Fsvg%3E") center / contain no-repeat;
}

@media (max-width: 720px) {
    .sws-flipbook {
        grid-template-columns: 1fr;
    }

    .sws-flipbook__reader {
        text-align: left;
    }

    .sws-flipbook-list {
        grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    }

    .sws-flipbook-list ._df_thumb {
        width: min(210px, 100%);
        height: auto;
        aspect-ratio: 7 / 10;
    }

    .sws-document-list__item {
        display: grid !important;
        grid-template-columns: 32px minmax(0, 1fr) 32px;
        gap: 12px;
        padding: 12px;
    }
}