.publication-media-layer{z-index:1500;background:#07141fb8;place-items:center;padding:22px;display:grid;position:fixed;inset:0}.publication-media-picker{color:#17232d;background:#fff;border-radius:15px;grid-template-rows:auto auto minmax(0,1fr) auto;width:min(1120px,96vw);height:min(780px,94vh);display:grid;overflow:hidden;box-shadow:0 28px 80px #0008}.publication-media-picker>header{border-bottom:1px solid #d8e2e8;justify-content:space-between;align-items:flex-start;padding:18px 22px;display:flex}.publication-media-picker>header small,.publication-media-picker main>header small{color:#71808c;letter-spacing:.08em;text-transform:uppercase;font-size:9px;font-weight:900}.publication-media-picker h2,.publication-media-picker h3{margin:3px 0 0}.publication-media-picker h2{font-size:25px}.publication-media-picker h3{font-size:20px}.publication-media-picker>header>button{background:#edf2f5;border:0;border-radius:50%;width:34px;height:34px;font-size:23px}.publication-media-search{background:#f5f8fa;border-bottom:1px solid #d8e2e8;gap:8px;padding:11px 22px;display:flex}.publication-media-search label{color:#607482;background:#fff;border:1px solid #becbd4;border-radius:7px;flex:1;align-items:center;gap:8px;padding:0 12px;display:flex}.publication-media-search input{background:0 0;border:0;outline:0;width:100%;height:38px}.publication-media-search button{background:#fff;border-radius:7px;padding:0 14px;font-weight:800;border:1px solid #becbd4!important}.publication-media-layout{grid-template-columns:270px minmax(0,1fr);min-height:0;display:grid}.publication-media-layout>aside{background:#f4f7f9;border-right:1px solid #d8e2e8;min-height:0;padding:14px}.publication-media-aside-title{justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px;display:flex}.publication-media-aside-title>b{font-size:13px}.publication-media-aside-title button{color:#0c4f80;background:#fff;border-radius:5px;padding:6px 8px;font-size:9px;font-weight:900;border:1px solid #0c4f80!important}.publication-media-layout aside nav{gap:4px;max-height:calc(100% - 34px);display:grid;overflow:auto}.publication-media-layout aside nav>button{text-align:left;background:0 0;border:1px solid #0000;border-radius:6px;grid-template-columns:22px 1fr auto;align-items:center;gap:7px;padding:9px;display:grid}.publication-media-layout aside nav>button:hover,.publication-media-layout aside nav>button.active{color:#0c4f80;background:#fff;border-color:#bfd2df}.publication-media-layout aside nav b{text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.publication-media-layout aside nav em{background:#e2eaf0;border-radius:50%;place-items:center;min-width:23px;height:23px;font-size:9px;font-style:normal;display:grid}.publication-media-create{background:#fff;border:1px solid #c8d6df;border-radius:7px;grid-template-columns:1fr auto;gap:5px;margin-bottom:9px;padding:8px;display:grid}.publication-media-create input{border:1px solid #c3d0d9;border-radius:5px;grid-column:1/-1;height:32px;padding:0 8px}.publication-media-create button{background:#fff;border-radius:5px;height:29px;padding:0 8px;font-size:9px;font-weight:800;border:1px solid #c3d0d9!important}.publication-media-create button:first-of-type{color:#fff;background:#0c4f80;border-color:#0c4f80!important}.publication-media-layout>main{flex-direction:column;min-width:0;min-height:0;padding:16px 18px;display:flex}.publication-media-layout main>header{flex:none;justify-content:space-between;align-items:center;gap:12px;margin-bottom:11px;display:flex}.publication-media-upload{color:#fff;background:#0c4f80;border-radius:6px;height:35px;padding:0 13px;font-size:10px;font-weight:900;border:1px solid #0c4f80!important}.publication-media-upload-panel{background:#f4f8fa;border:1px solid #c7d6df;border-radius:8px;flex:none;grid-template-columns:auto auto minmax(150px,1fr) auto;align-items:center;gap:8px;margin-bottom:11px;padding:10px;display:grid}.publication-media-upload-panel label,.publication-media-upload-panel button{color:#0c4f80;cursor:pointer;background:#fff;border-radius:5px;place-items:center;height:34px;padding:0 12px;font-size:9px;font-weight:900;display:grid;border:1px solid #0c4f80!important}.publication-media-upload-panel label.disabled{opacity:.5}.publication-media-upload-panel input[type=file]{display:none}.publication-media-upload-panel>input{border:1px solid #bdcbd5;border-radius:5px;height:34px;padding:0 9px}.publication-media-upload-panel>span{color:#778691;font-size:9px}.publication-media-error{color:#a12631;background:#ffe5e7;border-radius:6px;flex:none;margin:0 0 10px;padding:8px 10px;font-size:10px;font-weight:800}.publication-media-grid{flex:1 1 0;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:max-content;align-content:start;align-items:start;gap:10px;min-height:0;padding:1px;display:grid;overflow:hidden auto}.publication-media-grid>button{text-align:left;background:#fff;border-radius:8px;grid-template-rows:125px auto auto;align-self:start;min-width:0;min-height:165px;padding:0 0 8px;display:grid;overflow:hidden;border:1px solid #d5dfe5!important}.publication-media-grid>button:hover,.publication-media-grid>button:focus{box-shadow:0 0 0 2px #cce3f1;border-color:#0c5c91!important}.publication-media-grid>button>span{background:#e8eef2;overflow:hidden}.publication-media-grid img{object-fit:contain;object-position:center;width:100%;height:100%;display:block}.publication-media-grid b,.publication-media-grid small{text-overflow:ellipsis;white-space:nowrap;margin:8px 9px 0;overflow:hidden}.publication-media-grid b{font-size:10px}.publication-media-grid small{color:#71808c;margin-top:3px;font-size:8px}.publication-media-empty{color:#71808c;text-align:center;border:1px dashed #c8d5dd;border-radius:8px;align-self:start;padding:38px}.publication-media-picker>footer{background:#f7f9fa;border-top:1px solid #d8e2e8;justify-content:space-between;align-items:center;gap:15px;padding:12px 22px;display:flex}.publication-media-picker>footer span{color:#61737f;font-size:10px}.publication-media-picker>footer button{background:#fff;border-radius:6px;height:34px;padding:0 14px;font-weight:800;border:1px solid #b9c8d1!important}@media (max-width:760px){.publication-media-layer{padding:8px}.publication-media-picker{width:100%;height:96vh}.publication-media-layout{grid-template-rows:auto minmax(0,1fr);grid-template-columns:1fr}.publication-media-layout>aside{border-bottom:1px solid #d8e2e8;border-right:0;padding:9px}.publication-media-layout aside nav{max-height:none;display:flex;overflow-x:auto}.publication-media-layout aside nav>button{flex:none;grid-template-columns:18px auto auto}.publication-media-aside-title{margin-bottom:7px}.publication-media-layout>main{padding:11px}.publication-media-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.publication-media-grid>button{grid-template-rows:105px auto auto;min-height:145px}.publication-media-upload-panel{grid-template-columns:1fr auto}.publication-media-upload-panel>span{display:none}.publication-media-upload-panel>input{grid-column:1}.publication-media-picker>footer span{display:none}}