/*!
 * hounddd.cityall - 1.0.8 - 20250206-191445
 * Hounddd.CityHall Plugin for WinterCMS
 *
 * Damien MATHIEU - HOUNDDD (https://www.hounddd.fr/)
 *
 * filebase: component-files.css - hash: eb11fed6cd417d37
 */

.files--list{--file-bg:#fff;--file-type-bg:#e5e7eb;--file-type-ext-bg:#d1d5db;--file-type-ext-color:#4b5563;--file-bottom-color:#6b7280;display:grid;gap:1rem;list-style-type:none;padding-left:0}@media (min-width:768px){.files--list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1024px){.files--list{grid-template-columns:repeat(3,minmax(0,1fr))}}.files--list .file{--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-box-align:center;-webkit-align-items:center;align-items:center;background-color:var(--file-bg);border-color:var(--file-type-bg);border-radius:.5rem;border-width:1px;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);display:-webkit-box;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;padding-left:0}.files--list .file .cover{background-color:var(--file-type-bg);border-top-left-radius:.5rem;border-top-right-radius:.5rem;height:12rem;width:100%}.files--list .file .cover img{height:12rem;margin-bottom:0;margin-top:0;object-fit:cover;object-position:top;width:100%}.files--list .file .cover img.failed{object-fit:contain;object-position:center}.files--list .file .type{background-color:var(--file-type-bg);border-top-left-radius:.5rem;border-top-right-radius:.5rem;display:grid;height:6rem;padding:.75rem 1rem;place-items:center;width:100%}.files--list .file .type span{aspect-ratio:1/1;background-color:var(--file-type-ext-bg);border-radius:9999px;color:var(--file-type-color);display:grid;font-size:.875rem;font-weight:700;line-height:1.25rem;padding:.5rem;place-items:center;text-transform:uppercase}.files--list .file .infos{-webkit-box-pack:justify;height:100%;-webkit-justify-content:space-between;justify-content:space-between;line-height:1.5;padding:1rem;position:relative;width:100%}.files--list .file .infos,.files--list .file .infos .name{-webkit-box-orient:vertical;-webkit-box-direction:normal;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column}.files--list .file .infos .name{-webkit-box-flex:1;--tw-text-opacity:1;-webkit-box-align:start;-webkit-box-pack:start;-webkit-align-items:flex-start;align-items:flex-start;color:rgb(17 24 39/var(--tw-text-opacity));-webkit-flex-grow:1;flex-grow:1;font-size:1.5rem;font-weight:700;-webkit-justify-content:flex-start;justify-content:flex-start;letter-spacing:-.025em;line-height:2rem;margin-bottom:.5rem}.files--list .file .infos .name a{text-decoration-line:none}.files--list .file .infos .name a:hover{text-decoration-line:underline}.files--list .file .infos .description{--tw-text-opacity:1;color:rgb(55 65 81/var(--tw-text-opacity));font-size:.875rem;font-weight:400;line-height:1.25rem;margin-bottom:1rem}@media (prefers-color-scheme:dark){.files--list .file .infos .description{--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity))}}.files--list .file .infos .bottom{-webkit-box-align:center;-webkit-box-pack:justify;-webkit-align-items:center;align-items:center;bottom:0;color:var(--file-bottom-color);display:-webkit-box;display:-webkit-flex;display:flex;font-size:.875rem;-webkit-justify-content:space-between;justify-content:space-between;line-height:1.25rem;position:absolute;width:-webkit-calc(100% - 2rem);width:calc(100% - 2rem)}.files--list .file .infos .bottom .size{-webkit-flex-shrink:1;flex-shrink:1}@media (min-width:768px){.files--list .file.horizontal{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;flex-direction:row;width:100%}.files--list .file.horizontal .cover{height:auto;width:12rem}.files--list .file.horizontal .cover,.files--list .file.horizontal .type{border-end-start-radius:.5rem;border-radius:0;border-start-start-radius:.5rem}.files--list .file.horizontal .type{height:100%;width:6rem}}.files--list .file.horizontal .infos .name{-webkit-box-align:start;-webkit-box-pack:center;-webkit-align-items:flex-start;align-items:flex-start;-webkit-justify-content:center;justify-content:center}.files--list .file.horizontal .infos .description{margin-bottom:.75rem}.files--list .no-files{grid-column:1/-1;text-align:center}