dialog.learningGalleryDialog{box-sizing:border-box;color:#10334e;background:#f7f9fb;border:0;border-top:3px solid #c9ab51;width:min(1280px,100vw - 32px);max-width:none;height:min(900px,100dvh - 32px);max-height:none;margin:auto;padding:0;box-shadow:0 20px 70px #0006}.learningGalleryDialog[open]{flex-direction:column;display:flex}.learningGalleryDialog::backdrop{background:#071c32b8}.learningGalleryDialog>header{color:#fff;background:#0c2e4e;justify-content:space-between;align-items:center;gap:16px;padding:14px 20px;display:flex}.learningGalleryDialog header small{color:#e8ca75;font-size:12px}.learningGalleryDialog h2{color:#fff;overflow-wrap:anywhere;margin:4px 0 0;font:400 25px Georgia,serif}.learningGalleryDialog button{color:#12354d;cursor:pointer;background:#fff;border:1px solid #ccb16b;border-radius:4px;min-height:38px;padding:7px 12px;font:600 14px Arial,sans-serif}.learningGalleryDialog button:disabled{opacity:.6;cursor:wait}.learningGalleryDialog>header button{color:#fff;white-space:nowrap;background:0 0;border-color:#a7b5c5}.learningGalleryDialog button:focus-visible{outline-offset:3px;outline:3px solid #bf922b}.learningGalleryBody{flex:1;min-height:0;padding:20px;overflow:auto}.learningGalleryFields{grid-template-columns:minmax(0,1fr) minmax(0,1.5fr) auto;align-items:end;gap:14px;display:grid}.learningGalleryFields label{gap:6px;min-width:0;font:600 14px Arial,sans-serif;display:grid}.learningGalleryFields input,.learningGalleryFields textarea{box-sizing:border-box;resize:vertical;color:#12354d;background:#fff;border:1px solid #cddae5;border-radius:4px;width:100%;padding:9px;font:400 15px Arial,sans-serif}.learningGalleryToolbar{flex-wrap:wrap;align-items:center;gap:12px;margin-top:18px;display:flex}.learningGalleryToolbar .arkPrimaryButton{color:#0a2d46;background:#d5b861}.learningGalleryToolbar span,.learningGalleryHint{color:#50677b;font:400 13px/1.5 Arial,sans-serif}.learningGalleryHint{margin:8px 0 18px}.learningGalleryError{white-space:pre-wrap;color:#972332;background:#fff0f1;padding:12px}.learningGalleryStatus{color:#22654b}.learningGalleryEmpty{text-align:center;color:#596e80;background:#fff;border:1px dashed #c8b776;padding:40px 18px}.learningGalleryGrid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:16px;display:grid}.learningGalleryGrid figure{background:#fff;border:1px solid #dbe5ed;border-radius:6px;min-width:0;margin:0;padding:8px}.learningGalleryGrid figure>button{aspect-ratio:4/3;background:#f0f3f5;border:0;width:100%;padding:0;display:block}.learningGalleryGrid img{object-fit:contain;width:100%;height:100%;display:block}.learningGalleryGrid figcaption{justify-content:space-between;align-items:center;gap:8px;padding-top:6px;font:400 12px Arial,sans-serif;display:flex}.learningGalleryGrid figcaption span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.learningGalleryGrid figcaption button{color:#7a3840;border:0;min-height:32px;padding:4px 7px;font-size:12px}.learningGalleryDialog>footer{background:#fff;border-top:1px solid #dce4e9;align-items:center;gap:12px;padding:12px 20px;font-size:13px;display:flex}.learningGalleryDialog>footer span{flex:1}.learningGalleryDialog .learningGalleryDelete{color:#912c36;border-color:#d9b2b7}.learningGalleryLarge{background:#e7edf2;flex:1;grid-template-rows:auto minmax(0,1fr) auto;gap:12px;min-height:0;padding:14px;display:grid}.learningGalleryLarge>div,.learningGalleryLarge footer{justify-content:space-between;align-items:center;gap:14px;display:flex}.learningGalleryLarge>img{object-fit:contain;width:100%;max-width:100%;height:100%;min-height:0;display:block}.learningGalleryLarge footer span{overflow-wrap:anywhere;text-align:center;font-size:14px}.learningGalleryPreview{flex-wrap:wrap;align-items:center;gap:8px;margin-top:10px;display:flex}.learningGalleryPreview button{border-radius:4px;background:#fff!important;border:1px solid #d6dfe6!important;padding:0!important}.learningGalleryPreview img{object-fit:contain;width:92px;height:68px;display:block}.learningGalleryPreview small{color:#526c7f}.learningDayGroup article.learning-gallery{background:#fbf8ed;border-left-color:#b69849}.learningGalleryDialog>footer{color:#50677b;letter-spacing:normal;flex-direction:row;flex-shrink:0}.learningGalleryLarge footer{color:#12354d;letter-spacing:normal;background:0 0;flex-direction:row;flex-shrink:0;padding:0}@media (width<=760px){.learningGalleryFields{grid-template-columns:1fr}.learningGalleryFields>button{justify-self:start}.learningGalleryDialog>header{padding:12px}.learningGalleryDialog h2{font-size:21px}.learningGalleryBody{padding:14px}.learningGalleryGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.learningGalleryDialog>footer{flex-wrap:wrap;padding:10px 12px}.learningGalleryDialog>footer span{flex-basis:100%}dialog.learningGalleryDialog{width:calc(100vw - 16px);height:calc(100dvh - 16px)}}