.inim-component.download-catalog.underlayered .inim-component-wrapper::before { content: ""; background-color: rgb(var(--accent-light) / .25); width: 6rem; height: 6rem; display: inline-block; border-radius: 50%; position: absolute; top: 1rem; }
.inim-component.download-catalog .downloadable-contents { margin-top:3rem; display: flex; flex-direction:column; width: 100%; gap:1.5rem; }
.inim-component.download-catalog .download-filter { display:flex; flex-direction: column; gap:1.5rem; flex-wrap: wrap; max-width: 100%; flex: 1 1 auto; order:1; }
.inim-component.download-catalog .download-filter > *:not(select) { flex:0 0 auto; display: flex; min-width:100%; }
.inim-component.download-catalog .download-files { flex: 1 1 75%; display:flex; flex-direction: column; order:2; }
.inim-component.download-catalog .download-files-head { padding: 0 0 1rem 0; text-align: left; font-weight: bold; order: 1; display: flex; flex-direction: column; gap: 1.5rem; }
.inim-component.download-catalog .download-files-head .label-files { display: inline-block; }
.inim-component.download-catalog .download-files-head .label-select { display: flex; align-items: center; position: relative; padding-left: 3rem; }
.inim-component.download-catalog .download-files-body { order:2; padding-left: 3rem; position: relative; }
.inim-component.download-catalog .download-files-body .productdocs { display: flex; flex-direction: column; }

.inim-component.download-catalog .productdocs { border-bottom: 1px solid rgb(var(--gray-2)); display:flex; flex-direction: column;}
.inim-component.download-catalog .productdocs > .filelabel { position:relative; order:1; }
.inim-component.download-catalog .productdocs > .filelabel .download-checkbox { left: -3rem; top: 45%; transform: translateY(-50%); }
.inim-component.download-catalog .productdocs > .filelabel .filecategory { font-family:var(--font-headings); font-weight: 700; color:rgb(var(--black)); font-size:1rem; line-height: 1.5rem; width: 100%; display: flex; padding: 1rem 0 1rem 0; flex-wrap: wrap; align-items: center; box-sizing: content-box; cursor:pointer; }
.inim-component.download-catalog .productdocs > .filelabel .filecategory i { margin-right:1rem; }
.inim-component.download-catalog .productdocs > .filelabel .filecategory span { color:rgb(var(--gray-0)); font-weight: normal; margin-left:.4rem; }
.inim-component.download-catalog .productdocs > .filecontent { flex:1 0 100%; gap:1rem; display: none; height:0; overflow: hidden; transition: all 0.75s; order:2; }
.inim-component.download-catalog .openproduct.productdocs > .filelabel label i { transform:rotate(180deg); }
.inim-component.download-catalog .openproduct.productdocs > .filecontent { height:auto; display: flex; overflow: visible; flex-direction: column; padding:1rem 0 1rem 0; }

.inim-component.download-catalog .filelabel .label-files { display: inline; font-weight: 600; font-size:0.875rem; }

.inim-component.download-catalog .download-files-body .productdocs > div.locked-document { cursor: auto; pointer-events: none; }
.inim-component.download-catalog .download-file-info  { display: flex; }
.inim-component.download-catalog .filelabel { flex:1 0 90%; display: block; line-height: 1rem; }
.inim-component.download-catalog .filename { font-family:var(--font-headings); font-weight: 700; color:rgb(var(--black)); font-size:1rem; line-height: 1.5rem; display:inline-flex; align-items: flex-start; cursor:pointer; }
.inim-component.download-catalog .filename i { font-size: 1rem; height: 1.5rem; width: 1.5rem; text-align: center; margin-left: 0.5rem; display: flex; align-items: center; }
.inim-component.download-catalog .filemeta { font-family:var(--font-headings); font-weight: 600; color:rgb(var(--gray-0)); font-size:0.625rem; line-height: 1rem; }
.inim-component.download-catalog .download-error { width: 100%; font-family:var(--font-headings); font-weight: 500; color:rgb(var(--red)); font-size:0.75rem; line-height: 1rem; font-style:italic; display:none;  position:absolute; bottom:0; left:0; }
.inim-component.download-catalog .filelabel.show-error { position:relative; padding-bottom:1.5rem; }
.inim-component.download-catalog .filelabel.show-error .download-error { display: block; }

.inim-component.download-catalog .download-action-box { display: inline-block; }
.inim-component.download-catalog .download-action-box label { text-align: left; display: inline-block; position: relative; padding-left: 1.5rem; margin-left:0.5rem; margin-bottom: 1rem; font-family:var(--font-headings); font-size:0.875rem; line-height:1.5rem; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.inim-component.download-catalog .download-action-box a { cursor:pointer; }

.inim-component.download-catalog .download-checkbox { display: inline-block; position: absolute; left:0; }
.inim-component.download-catalog .download-checkbox input[type=checkbox] { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; }
.inim-component.download-catalog .download-checkbox label .checkmark { position: absolute; top: 0; left: 0; height: 24px; width: 24px; border-radius: 0.25rem; border: 1px solid rgb(var(--gray-1)); z-index: 1; cursor: pointer; }
.inim-component.download-catalog .download-checkbox label input[type=checkbox]:checked ~ .checkmark { background-color: rgb(var(--accent)); border-color: rgb(var(--accent)); }
.inim-component.download-catalog .download-checkbox label input[type=checkbox].input-error ~ .checkmark { border-color: rgb(var(--red)); }
.inim-component.download-catalog .download-checkbox label .checkmark::after { content: ""; position: absolute; display: none; left: 8px; top: 4px; width: 7px; height: 12px; border: solid rgb(var(--white)); border-width: 0 3px 3px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
.inim-component.download-catalog .download-checkbox label input[type=checkbox]:checked ~ .checkmark::after { display:block; } 
.inim-component.download-catalog .download-buttons { margin-top: 2rem; width: 100%; text-align: right; }
.inim-component.download-catalog .download-buttons .inim-button { margin-left: auto; }

@media (min-width: 992px) {
    .inim-component.download-catalog .downloadable-contents { flex-direction:row; }
}
