/* Adapted from HeroUI v3 packages/styles/components/modal.css (Apache-2.0). */
.resource-icon-modal { font:400 14px/20px BronzCategoryInter,ui-sans-serif,system-ui,sans-serif; color:oklch(.9911 0 0); }
.resource-icon-modal .modal-dialog { max-width:448px; margin:40px auto; min-height:calc(100% - 80px); padding:0; }
.resource-icon-modal .modal-content { position:relative; background:oklch(.2103 .0059 285.89) !important; color:inherit; border:0; border-radius:32px; padding:24px; box-shadow:0 12px 32px #0006; }
.resource-icon-modal .modal-header { display:flex; flex-direction:column; border:0; padding:0 32px 0 0; }
.resource-icon-modal .modal-title { font:500 16px/24px BronzCategoryInter,ui-sans-serif,system-ui,sans-serif; color:inherit; }
.resource-icon-modal .modal-body { margin-top:8px; padding:3px; color:oklch(70.5% .015 286.067); }
.resource-icon-modal .modal-footer { display:flex; justify-content:flex-end; gap:8px; padding:0; margin-top:20px; border:0; }
.resource-icon-modal .btn, .resource-icon-modal__close, .resource-icon-modal__upload { display:inline-flex; align-items:center; justify-content:center; gap:8px; min-height:36px; padding:8px 16px; border:0 !important; border-radius:24px; background:oklch(27.4% .006 286.033) !important; color:oklch(.9911 0 0) !important; font:500 14px/20px BronzCategoryInter,ui-sans-serif,system-ui,sans-serif; cursor:pointer; }
.resource-icon-modal .modal-footer > * { margin:0; }
.resource-icon-modal .btn-theme { background:oklch(.6204 .195 253.83) !important; }
.resource-icon-modal .btn:disabled { opacity:.5; cursor:default; }
.resource-icon-modal__close { position:absolute; top:16px; right:16px; width:32px; min-height:32px; padding:8px; background:transparent !important; }
.resource-icon-modal__upload { width:100%; margin:0; overflow-wrap:anywhere; text-align:center; }
.resource-icon-modal__file { position:absolute; width:1px; height:1px; opacity:0; }
.resource-icon-modal__close:hover, .resource-icon-modal__upload:hover { filter:brightness(1.15); }
.resource-icon-modal button:focus-visible, .resource-icon-modal__upload:has(+ input:focus-visible) { outline:2px solid oklch(.6204 .195 253.83); outline-offset:2px; }
@media(max-width:575px) { .resource-icon-modal .modal-dialog { margin:16px; min-height:calc(100% - 32px); max-width:none; } }

/* Override Cobalt's theme colours on Bootstrap modal sections. */
.resource-icon-modal .modal-header, .dark .resource-icon-modal .modal-header,
.resource-icon-modal .modal-body, .dark .resource-icon-modal .modal-body,
.resource-icon-modal .modal-footer, .dark .resource-icon-modal .modal-footer {
 background:transparent !important; border:0 !important; box-shadow:none !important;
}
.resource-icon-modal .modal-header { border-radius:0 !important; }
.resource-icon-modal .modal-title { text-transform:none !important; }