#mediaPacksPanel{margin-top:18px;padding:14px;border:1px solid #cddbc8;border-radius:14px;background:#f5f8f2;overflow-wrap:anywhere}
#mediaPacksPanel>summary{min-height:48px;cursor:pointer;font-weight:700;display:flex;align-items:center}
#mediaPacksPanel label:not(.media-packs-consent){display:grid;gap:8px;margin:12px 0;min-width:0}
#mediaPacksPanel :is(button,input:not([type=checkbox]),select){font:inherit;min-height:48px;max-width:100%;box-sizing:border-box}
#mediaPacksPanel :is(input:not([type=checkbox]),select){width:100%;padding:9px;border:1px solid #b9cdb4;border-radius:10px;background:white}
#mediaPacksPanel .media-packs-actions{display:flex;gap:10px;flex-wrap:wrap;margin:10px 0}
#mediaPacksPanel .media-packs-consent{display:flex;gap:10px;align-items:flex-start;margin:15px 0}
#mediaPacksPanel input[type=checkbox]{width:22px;height:22px;flex:none;margin:2px 0;accent-color:#315c48}
#mediaPacksPanel .media-packs-entry{border-top:1px solid #d5e0d0;padding-top:12px;margin-top:12px;display:grid;gap:10px}
#mediaPacksPanel .media-packs-previews{display:flex;flex-wrap:wrap;gap:12px}
#mediaPacksPanel figure{margin:0;max-width:250px;min-width:0}#mediaPacksPanel figure img{display:block;width:100%;max-height:180px;object-fit:contain;background:repeating-conic-gradient(#e2e9df 0 25%,#fff 0 50%) 0/20px 20px;border-radius:10px}#mediaPacksPanel figcaption{font-size:12px;margin-top:5px}
#mediaPacksStatus{white-space:pre-wrap}#mediaPacksPanel .error{color:#9d2626}#mediaPacksPanel [hidden]{display:none!important}
#mediaPacksPanel .media-packs-cloud{padding:12px 0 16px;border-block:1px solid #d5e0d0;margin:14px 0}#mediaPacksPanel .media-packs-cloud h3{font-size:1.1em;margin:0 0 8px}#mediaPacksPanel .media-packs-cloud p{line-height:1.5}#mediaPacksPanel .media-packs-manual{margin:12px 0}#mediaPacksPanel .media-packs-manual>summary{min-height:48px;display:flex;align-items:center;cursor:pointer;font-weight:600}#mediaPacksPanel .media-packs-manual>form{padding-top:6px}#mediaPacksCloudSelection{min-width:0;text-overflow:ellipsis}#mediaPacksCloudSetup button{margin-top:8px}#mediaPacksPanel :is(button,input,select):focus-visible{outline:3px solid #507662;outline-offset:3px}
@media(max-width:640px){#mediaPacksPanel{padding:10px}#mediaPacksPanel .media-packs-actions{display:grid;grid-template-columns:minmax(0,1fr)}#mediaPacksPanel button{width:100%}#mediaPacksPanel .media-packs-previews{display:grid;grid-template-columns:minmax(0,1fr)}#mediaPacksPanel figure{max-width:100%}}