.ae7pan-public-media {
--ae-blue: #0a4f91;
--ae-blue-dark: #13223e;
--ae-text: #0b1f3f;
--ae-muted: #667085;
--ae-line: #dbe7f4;
--ae-soft: #f5f8fc;
width: 100%;
font-family: 'Montserrat', Montserrat, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
color: var(--ae-text);
}
.ae7pan-public-media * { box-sizing: border-box; }
.ae7pan-public-media__header { margin-bottom: 16px; }
.ae7pan-public-media__eyebrow {
display: inline-flex;
margin-bottom: 8px;
padding: 5px 11px;
border-radius: 999px;
background: #eef5fb;
color: var(--ae-blue);
font-size: 11px;
font-weight: 800;
letter-spacing: .06em;
text-transform: uppercase;
}
.ae7pan-public-media__header h2 {
margin: 0 0 6px;
color: var(--ae-text);
font-size: clamp(25px, 3vw, 36px);
font-weight: 800;
line-height: 1.12;
}
.ae7pan-public-media__code { margin: 0; color: #4b5563; }
.ae7pan-public-media__activity-summary {
margin: 0 0 18px;
padding: 18px 0 20px;
border-top: 1px solid #dbe7f4;
border-bottom: 1px solid #dbe7f4;
border-left: 0;
border-right: 0;
border-radius: 0;
background: transparent;
box-shadow: none;
}
.ae7pan-public-media__activity-title span {
display: block;
margin-bottom: 8px;
color: var(--ae-blue);
font-size: 13px;
font-weight: 900;
letter-spacing: .04em;
text-transform: uppercase;
}
.ae7pan-public-media__activity-title h3 {
margin: 0;
max-width: 960px;
color: var(--ae-text);
font-size: clamp(18px, 2vw, 25px);
font-weight: 800;
line-height: 1.25;
}
.ae7pan-public-media__activity-divider {
height: 1px;
margin: 16px 0;
background: var(--ae-line);
}
.ae7pan-public-media__activity-meta {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 18px;
}
.ae7pan-public-media__activity-meta-item {
min-width: 0;
padding: 0 18px 0 0;
border-right: 1px solid #e4edf7;
}
.ae7pan-public-media__activity-meta-item:last-child { border-right: 0; padding-right: 0; }
.ae7pan-public-media__activity-meta-item span {
display: block;
margin-bottom: 7px;
color: var(--ae-muted);
font-size: 11px;
font-weight: 850;
letter-spacing: .05em;
text-transform: uppercase;
}
.ae7pan-public-media__activity-meta-item strong {
display: block;
color: var(--ae-text);
font-size: 15px;
font-weight: 850;
line-height: 1.35;
overflow-wrap: anywhere;
}
.ae7pan-public-media__activity-progress {
color: var(--ae-blue) !important;
font-size: 20px !important;
}
.ae7pan-public-media__results {
display: inline-flex;
flex-direction: column;
gap: 3px;
margin: 0 0 24px;
padding: 13px 17px;
border: 1px solid #dce8f4;
border-radius: 16px;
background: #ffffff;
}
.ae7pan-public-media__results span {
color: var(--ae-muted);
font-size: 11px;
font-weight: 850;
letter-spacing: .05em;
text-transform: uppercase;
}
.ae7pan-public-media__results strong {
color: var(--ae-text);
font-size: 20px;
font-weight: 900;
line-height: 1.2;
}
.ae7pan-public-media__grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(310px, 1fr));
gap: 28px;
align-items: stretch;
}
.ae7pan-public-media__card {
position: relative;
min-width: 0;
display: flex;
flex-direction: column;
min-height: 560px;
padding: 24px;
border: 1px solid #d9e6f2;
border-radius: 20px;
background: #ffffff;
box-shadow: 0 10px 24px rgba(16, 31, 57, .07);
overflow: hidden;
}
.ae7pan-public-media__card::after {
content: '';
position: absolute;
left: 0;
right: 0;
bottom: 0;
height: 7px;
background: #d9ecff;
pointer-events: none;
}
.ae7pan-public-media__file-head {
position: relative;
z-index: 1;
display: grid;
grid-template-columns: 82px minmax(0, 1fr);
gap: 18px;
align-items: center;
min-height: 116px;
margin-bottom: 18px;
}
.ae7pan-public-media__file-icon {
position: relative;
width: 82px;
height: 82px;
display: flex;
align-items: center;
justify-content: center;
}
.ae7pan-public-media__file-icon img {
width: 78px;
height: 78px;
display: block;
object-fit: contain;
}
.ae7pan-public-media__file-icon span {
position: absolute;
top: -8px;
right: -12px;
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 48px;
min-height: 25px;
padding: 5px 10px;
border-radius: 999px;
background: var(--ae-blue);
color: #ffffff;
font-size: 10px;
font-weight: 800;
letter-spacing: .04em;
text-transform: uppercase;
box-shadow: 0 4px 12px rgba(10, 79, 145, .16);
}
.ae7pan-public-media__card--pdf .ae7pan-public-media__file-icon span { background: #b42318; }
.ae7pan-public-media__card--doc .ae7pan-public-media__file-icon span,
.ae7pan-public-media__card--docx .ae7pan-public-media__file-icon span { background: #185abd; }
.ae7pan-public-media__card--xls .ae7pan-public-media__file-icon span,
.ae7pan-public-media__card--xlsx .ae7pan-public-media__file-icon span { background: #16864a; }
.ae7pan-public-media__card--ppt .ae7pan-public-media__file-icon span,
.ae7pan-public-media__card--pptx .ae7pan-public-media__file-icon span { background: #c43e1d; }
.ae7pan-public-media__card--png .ae7pan-public-media__file-icon span,
.ae7pan-public-media__card--jpg .ae7pan-public-media__file-icon span,
.ae7pan-public-media__card--jpeg .ae7pan-public-media__file-icon span { background: #0b7a75; }
.ae7pan-public-media__card--zip .ae7pan-public-media__file-icon span { background: #6b4f1d; }
.ae7pan-public-media__file-main { min-width: 0; }
.ae7pan-public-media__file-type { display: none; }
.ae7pan-public-media__file-title {
margin: 0;
color: var(--ae-text);
font-size: 18px;
font-weight: 800;
line-height: 1.3;
overflow-wrap: anywhere;
}
.ae7pan-public-media__file-label { display: none; }
.ae7pan-public-media__description-panel {
position: relative;
z-index: 1;
height: 150px;
max-height: 150px;
margin-bottom: 18px;
padding: 14px 0 14px 0;
border-top: 1px solid var(--ae-line);
border-bottom: 1px solid var(--ae-line);
background: transparent;
overflow-y: auto;
overflow-x: hidden;
scrollbar-width: thin;
scrollbar-color: #9ab4cf transparent;
}
.ae7pan-public-media__description-panel::-webkit-scrollbar { width: 6px; }
.ae7pan-public-media__description-panel::-webkit-scrollbar-track { background: transparent; }
.ae7pan-public-media__description-panel::-webkit-scrollbar-thumb { background: #9ab4cf; border-radius: 999px; }
.ae7pan-public-media__section-title,
.ae7pan-public-media__meta-label {
display: block;
color: var(--ae-muted);
font-size: 10px;
font-weight: 800;
letter-spacing: .07em;
text-transform: uppercase;
}
.ae7pan-public-media__description-panel p {
margin: 8px 10px 0 0;
color: #27364f;
font-size: 13px;
font-weight: 400;
line-height: 1.58;
overflow-wrap: anywhere;
}
.ae7pan-public-media__card-body {
position: relative;
z-index: 1;
display: flex;
flex-direction: column;
flex: 1;
}
.ae7pan-public-media__meta-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 20px;
margin: 0 0 24px;
}
.ae7pan-public-media__meta-item { min-width: 0; }
.ae7pan-public-media__meta-value {
display: block;
margin-top: 7px;
color: var(--ae-text);
font-size: 16px;
font-weight: 800;
line-height: 1.2;
}
.ae7pan-public-media__percent {
display: inline-flex;
align-items: center;
justify-content: center;
margin-top: 5px;
min-height: 28px;
padding: 5px 14px;
border-radius: 999px;
background: #e8f1fa;
color: var(--ae-blue);
font-size: 15px;
font-weight: 800;
white-space: nowrap;
}
.ae7pan-public-media__card-actions {
display: grid;
grid-template-columns: 1fr;
gap: 11px;
margin-top: auto;
}
.ae7pan-public-media__button {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 44px;
padding: 11px 18px;
border-radius: 999px;
background: var(--ae-blue);
color: #fff !important;
text-decoration: none !important;
font-size: 14px;
font-weight: 800;
white-space: nowrap;
transition: transform .18s ease, background-color .18s ease;
}
.ae7pan-public-media__button:hover,
.ae7pan-public-media__button:focus {
background: #08457f;
transform: translateY(-1px);
}
.ae7pan-public-media__button--secondary { background: var(--ae-blue-dark); }
.ae7pan-public-media__button--secondary:hover,
.ae7pan-public-media__button--secondary:focus { background: #0d172b; }
.ae7pan-public-media__muted,
.ae7pan-public-media__pending { color: #6b7280; font-size: 13px; }
.ae7pan-public-media__empty {
padding: 18px;
border: 1px solid #e5e7eb;
border-radius: 14px;
background: #f9fafb;
color: #4b5563;
}
.ae7pan-public-media__modal[aria-hidden="true"] { display: none; }
.ae7pan-public-media__modal[aria-hidden="false"] {
position: fixed;
inset: 0;
z-index: 999999;
display: flex;
align-items: center;
justify-content: center;
padding: 24px;
}
.ae7pan-public-media__modal-backdrop {
position: absolute;
inset: 0;
background: rgba(8, 18, 36, .66);
backdrop-filter: blur(3px);
}
.ae7pan-public-media__modal-panel {
position: relative;
width: min(1100px, 96vw);
height: min(760px, 90vh);
display: flex;
flex-direction: column;
border-radius: 18px;
background: #fff;
overflow: hidden;
box-shadow: 0 28px 80px rgba(0, 0, 0, .28);
}
.ae7pan-public-media__modal-header {
display: flex;
align-items: center;
justify-content: space-between;
gap: 16px;
padding: 14px 18px;
border-bottom: 1px solid #e6edf5;
background: #ffffff;
}
.ae7pan-public-media__modal-title {
font-size: 15px;
font-weight: 800;
color: var(--ae-text);
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.ae7pan-public-media__modal-close {
width: 36px;
height: 36px;
border: 0;
border-radius: 999px;
background: #eef3f8;
color: var(--ae-text);
font-size: 24px;
line-height: 1;
cursor: pointer;
}
.ae7pan-public-media__modal-frame {
width: 100%;
height: 100%;
border: 0;
background: #f8fafc;
}
html.ae7pan-public-media-modal-open { overflow: hidden; }
@media (max-width: 760px) {
.ae7pan-public-media__activity-summary { padding: 16px 0 18px; border-radius: 0; }
.ae7pan-public-media__activity-meta { grid-template-columns: 1fr; gap: 14px; }
.ae7pan-public-media__activity-meta-item {
padding: 0 0 14px;
border-right: 0;
border-bottom: 1px solid #e4edf7;
}
.ae7pan-public-media__activity-meta-item:last-child { padding-bottom: 0; border-bottom: 0; }
.ae7pan-public-media__results { display: flex; width: 100%; }
.ae7pan-public-media__grid { grid-template-columns: 1fr; gap: 24px; }
.ae7pan-public-media__card {
max-width: 430px;
min-height: 575px;
margin: 0 auto;
width: 100%;
padding: 20px;
}
.ae7pan-public-media__file-head {
grid-template-columns: 74px minmax(0, 1fr);
gap: 14px;
min-height: 104px;
}
.ae7pan-public-media__file-icon { width: 74px; height: 74px; }
.ae7pan-public-media__file-icon img { width: 70px; height: 70px; }
.ae7pan-public-media__file-icon span {
top: -6px;
right: -10px;
min-width: 42px;
min-height: 23px;
font-size: 9px;
padding: 4px 8px;
}
.ae7pan-public-media__file-title { font-size: 17px; }
.ae7pan-public-media__description-panel { height: 145px; max-height: 145px; }
.ae7pan-public-media__meta-grid { grid-template-columns: 1fr 1fr; gap: 14px; }
.ae7pan-public-media__modal[aria-hidden="false"] { padding: 10px; }
.ae7pan-public-media__modal-panel { width: 100%; height: 88vh; border-radius: 14px; }
} .ae7pan-public-media__tools {
display: flex;
align-items: stretch;
justify-content: space-between;
gap: 18px;
margin: 0 0 24px;
}
.ae7pan-public-media__tools .ae7pan-public-media__results { margin: 0; }
.ae7pan-public-media__actions-top {
display: flex;
align-items: center;
justify-content: flex-end;
flex-wrap: wrap;
gap: 12px;
margin-left: auto;
}
.ae7pan-public-media__search {
min-width: min(100%, 280px);
display: flex;
flex-direction: column;
gap: 6px;
}
.ae7pan-public-media__search span {
color: var(--ae-muted);
font-size: 10px;
font-weight: 850;
letter-spacing: .06em;
text-transform: uppercase;
}
.ae7pan-public-media__search input {
width: 100%;
min-height: 44px;
padding: 10px 15px;
border: 1px solid #d7e4f1;
border-radius: 999px;
background: #fff;
color: var(--ae-text);
font: inherit;
font-size: 14px;
outline: none;
transition: border-color .18s ease, box-shadow .18s ease;
}
.ae7pan-public-media__search input:focus {
border-color: var(--ae-blue);
box-shadow: 0 0 0 4px rgba(10, 79, 145, .10);
}
.ae7pan-public-media__button--download-all,
.ae7pan-public-media__button--copy {
border: 0;
cursor: pointer;
min-height: 44px;
}
.ae7pan-public-media__button--copy {
background: #ffffff;
color: var(--ae-blue) !important;
border: 1px solid #cfe0f2;
}
.ae7pan-public-media__button--copy:hover,
.ae7pan-public-media__button--copy:focus {
background: #f3f8fd;
color: var(--ae-blue) !important;
}
.ae7pan-public-media__card {
transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.ae7pan-public-media__card:hover {
transform: translateY(-4px);
border-color: var(--ae-blue);
box-shadow: 0 18px 36px rgba(10, 79, 145, .13);
}
.ae7pan-public-media__card[hidden],
.ae7pan-public-media__empty--search[hidden] { display: none !important; }
.ae7pan-public-media__skeleton {
display: none;
grid-template-columns: repeat(auto-fill, minmax(310px, 1fr));
gap: 28px;
margin-top: 8px;
}
.ae7pan-public-media__skeleton div {
height: 220px;
border-radius: 20px;
background: linear-gradient(90deg, #edf2f7 25%, #f8fafc 37%, #edf2f7 63%);
background-size: 400% 100%;
animation: ae7panSkeleton 1.25s ease-in-out infinite;
}
.ae7pan-public-media--loading .ae7pan-public-media__grid { display: none; }
.ae7pan-public-media--loading .ae7pan-public-media__skeleton { display: grid; }
@keyframes ae7panSkeleton {
0% { background-position: 100% 50%; }
100% { background-position: 0 50%; }
}
@media (max-width: 820px) {
.ae7pan-public-media__tools,
.ae7pan-public-media__actions-top {
flex-direction: column;
align-items: stretch;
}
.ae7pan-public-media__actions-top { margin-left: 0; }
.ae7pan-public-media__search { min-width: 100%; }
} .ae7pan-public-media__activity-summary {
margin: 0 0 14px;
padding: 12px 0 14px;
}
.ae7pan-public-media__activity-title span {
margin-bottom: 5px;
font-size: 12px;
letter-spacing: .035em;
}
.ae7pan-public-media__activity-title h3 {
font-size: clamp(17px, 1.8vw, 22px);
line-height: 1.18;
}
.ae7pan-public-media__activity-divider {
margin: 12px 0;
}
.ae7pan-public-media__activity-meta {
gap: 12px;
}
.ae7pan-public-media__activity-meta-item {
padding-right: 12px;
}
.ae7pan-public-media__activity-meta-item span {
margin-bottom: 4px;
font-size: 10px;
letter-spacing: .045em;
}
.ae7pan-public-media__activity-meta-item strong {
font-size: 13px;
line-height: 1.28;
}
.ae7pan-public-media__activity-progress {
font-size: 17px !important;
}
.ae7pan-public-media__tools {
gap: 12px;
margin-bottom: 18px;
}
.ae7pan-public-media__results {
padding: 10px 14px;
border-radius: 10px;
}
.ae7pan-public-media__results span { font-size: 10px; }
.ae7pan-public-media__results strong { font-size: 17px; }
@media (max-width: 760px) {
.ae7pan-public-media__activity-summary {
margin-bottom: 12px;
padding: 10px 0 12px;
}
.ae7pan-public-media__activity-title span {
margin-bottom: 4px;
font-size: 11px;
}
.ae7pan-public-media__activity-title h3 {
font-size: 17px;
line-height: 1.18;
}
.ae7pan-public-media__activity-divider {
margin: 10px 0;
}
.ae7pan-public-media__activity-meta {
display: block;
}
.ae7pan-public-media__activity-meta-item {
display: grid;
grid-template-columns: minmax(92px, .75fr) minmax(0, 1.25fr);
align-items: baseline;
gap: 8px;
padding: 7px 0;
border-bottom: 1px solid #e7eef6;
}
.ae7pan-public-media__activity-meta-item span {
margin: 0;
font-size: 9.5px;
line-height: 1.2;
}
.ae7pan-public-media__activity-meta-item strong {
font-size: 12.5px;
line-height: 1.25;
}
.ae7pan-public-media__activity-progress {
font-size: 15px !important;
}
.ae7pan-public-media__tools {
gap: 10px;
margin-bottom: 16px;
}
.ae7pan-public-media__results {
padding: 9px 12px;
border-radius: 10px;
}
.ae7pan-public-media__results strong {
font-size: 16px;
line-height: 1.15;
}
.ae7pan-public-media__actions-top {
gap: 10px;
}
.ae7pan-public-media__search {
gap: 4px;
}
.ae7pan-public-media__search span {
font-size: 9.5px;
}
.ae7pan-public-media__search input,
.ae7pan-public-media__button--download-all,
.ae7pan-public-media__button--copy {
min-height: 40px;
}
.ae7pan-public-media__button {
min-height: 40px;
padding: 9px 14px;
font-size: 13px;
}
.ae7pan-public-media__grid {
gap: 18px;
}
}
@media (max-width: 420px) {
.ae7pan-public-media__activity-title h3 {
font-size: 16px;
}
.ae7pan-public-media__activity-meta-item {
grid-template-columns: 88px minmax(0, 1fr);
gap: 7px;
}
.ae7pan-public-media__activity-meta-item strong {
font-size: 12px;
}
.ae7pan-public-media__results strong {
font-size: 15.5px;
}
} .ae7pan-public-media__activity-title span {
font-size: 11px;
font-weight: 800;
}
.ae7pan-public-media__activity-title h3 {
max-width: 900px;
font-size: clamp(16px, 1.55vw, 20px);
font-weight: 650;
line-height: 1.25;
}
.ae7pan-public-media__activity-meta-item span,
.ae7pan-public-media__section-title,
.ae7pan-public-media__meta-label,
.ae7pan-public-media__results span,
.ae7pan-public-media__search span {
font-weight: 700;
}
.ae7pan-public-media__activity-meta-item strong {
font-weight: 600;
}
.ae7pan-public-media__activity-progress {
font-weight: 650 !important;
}
.ae7pan-public-media__description-panel {
overflow-y: hidden;
padding-right: 0;
}
.ae7pan-public-media__description-panel--enabled {
overflow-y: auto;
-webkit-overflow-scrolling: touch;
}
.ae7pan-public-media__description-panel--long:not(.ae7pan-public-media__description-panel--enabled)::after {
content: '';
position: absolute;
left: 0;
right: 0;
bottom: 0;
height: 42px;
background: linear-gradient(to bottom, rgba(255,255,255,0), #fff 72%);
pointer-events: none;
}
.ae7pan-public-media__description-unlock {
position: absolute;
right: 8px;
bottom: 6px;
z-index: 2;
width: 28px;
height: 24px;
border: 1px solid rgba(10, 79, 145, .18);
border-radius: 999px;
background: rgba(255, 255, 255, .82);
color: rgba(10, 79, 145, .68);
font-size: 18px;
line-height: 1;
cursor: pointer;
box-shadow: 0 4px 12px rgba(16, 31, 57, .08);
}
.ae7pan-public-media__description-unlock[hidden] { display: none; }
@media (max-width: 760px) {
.ae7pan-public-media__activity-summary {
padding: 8px 0 10px;
}
.ae7pan-public-media__activity-title span {
font-size: 10px;
margin-bottom: 3px;
}
.ae7pan-public-media__activity-title h3 {
font-size: 14.5px;
font-weight: 600;
line-height: 1.24;
}
.ae7pan-public-media__activity-divider {
margin: 8px 0;
}
.ae7pan-public-media__activity-meta-item {
padding: 5px 0;
}
.ae7pan-public-media__activity-meta-item span {
font-size: 8.8px;
}
.ae7pan-public-media__activity-meta-item strong {
font-size: 11.5px;
font-weight: 600;
}
.ae7pan-public-media__activity-progress {
font-size: 13.5px !important;
}
.ae7pan-public-media__results {
padding: 8px 11px;
}
.ae7pan-public-media__results strong {
font-size: 14.5px;
font-weight: 750;
}
.ae7pan-public-media__file-title {
font-size: 15px;
font-weight: 650;
line-height: 1.25;
}
.ae7pan-public-media__description-panel {
height: 112px;
max-height: 112px;
margin-bottom: 14px;
padding-top: 11px;
padding-bottom: 11px;
}
.ae7pan-public-media__description-panel p {
font-size: 12.2px;
line-height: 1.5;
}
}
@media (max-width: 420px) {
.ae7pan-public-media__activity-title h3 {
font-size: 14px;
}
} .ae7pan-public-media__back-row {
display: flex;
justify-content: flex-start;
margin: 0 0 12px;
}
.ae7pan-public-media__back {
display: inline-flex;
align-items: center;
gap: 7px;
min-height: 38px;
padding: 8px 13px;
border: 1px solid #cfdbea;
border-radius: 8px;
background: #fff;
color: #16366e;
font: inherit;
font-size: 14px;
font-weight: 700;
line-height: 1;
cursor: pointer;
transition: background .18s ease, border-color .18s ease, transform .18s ease;
}
.ae7pan-public-media__back:hover,
.ae7pan-public-media__back:focus-visible {
border-color: #8fa9c8;
background: #f5f8fc;
transform: translateY(-1px);
outline: none;
}
.ae7pan-public-media__modal-viewer {
position: relative;
flex: 1 1 auto;
min-height: 0;
overflow: hidden;
background: #eef3f8;
}
.ae7pan-public-media__modal-frame,
.ae7pan-public-media__modal-image {
width: 100%;
height: 100%;
border: 0;
background: #f8fafc;
}
.ae7pan-public-media__modal-image {
display: block;
object-fit: contain;
padding: 18px;
}
.ae7pan-public-media__modal-image[hidden],
.ae7pan-public-media__modal-frame[hidden] {
display: none !important;
}
.ae7pan-public-media__modal-loader {
position: absolute;
inset: 0;
z-index: 3;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 9px;
padding: 24px;
background: rgba(248, 250, 252, .96);
color: #16366e;
text-align: center;
}
.ae7pan-public-media__modal-loader[hidden] {
display: none !important;
}
.ae7pan-public-media__modal-loader strong {
font-size: 15px;
}
.ae7pan-public-media__modal-loader small {
color: #64748b;
font-size: 12px;
font-weight: 500;
}
.ae7pan-public-media__spinner {
width: 36px;
height: 36px;
border: 4px solid #dbe7f3;
border-top-color: #00488f;
border-radius: 50%;
animation: ae7pan-public-spin .8s linear infinite;
}
@keyframes ae7pan-public-spin {
to { transform: rotate(360deg); }
}
.ae7pan-public-media__modal-error {
position: absolute;
inset: 0;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 7px;
padding: 24px;
background: #f8fafc;
color: #1f2937;
text-align: center;
}
.ae7pan-public-media__modal-error[hidden] {
display: none !important;
}
.ae7pan-public-media__modal-error span {
color: #64748b;
font-size: 13px;
}
.ae7pan-public-media__modal-actions {
display: flex;
justify-content: flex-end;
gap: 10px;
padding: 11px 16px;
border-top: 1px solid #e6edf5;
background: #fff;
}
.ae7pan-public-media__modal-action {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 38px;
padding: 8px 13px;
border: 1px solid #cfdbea;
border-radius: 8px;
background: #fff;
color: #16366e;
font-size: 13px;
font-weight: 700;
text-decoration: none;
}
.ae7pan-public-media__modal-action:hover,
.ae7pan-public-media__modal-action:focus-visible {
background: #f5f8fc;
outline: none;
}
.ae7pan-public-media__modal-action--primary {
border-color: #00488f;
background: #00488f;
color: #fff;
}
.ae7pan-public-media__modal-action--primary:hover,
.ae7pan-public-media__modal-action--primary:focus-visible {
background: #063d75;
}
@media (max-width: 760px) {
.ae7pan-public-media__back-row { margin-bottom: 9px; }
.ae7pan-public-media__back {
min-height: 34px;
padding: 7px 10px;
font-size: 12px;
border-radius: 7px;
}
.ae7pan-public-media__modal-header { padding: 11px 12px; }
.ae7pan-public-media__modal-title { font-size: 13px; }
.ae7pan-public-media__modal-close { width: 32px; height: 32px; font-size: 22px; }
.ae7pan-public-media__modal-actions {
padding: 9px 10px;
gap: 8px;
}
.ae7pan-public-media__modal-action {
flex: 1 1 0;
min-height: 36px;
padding: 7px 9px;
font-size: 11px;
text-align: center;
}
.ae7pan-public-media__modal-image { padding: 8px; }
} .ae7pan-public-media__modal-docx,
.ae7pan-public-media__modal-sheet {
width: 100%;
height: 100%;
overflow: auto;
background: #eef2f6;
}
.ae7pan-public-media__modal-docx {
padding: 24px;
}
.ae7pan-public-media__modal-docx .docx-wrapper {
padding: 18px 0 36px;
background: transparent;
}
.ae7pan-public-media__modal-docx .docx-wrapper > section.docx {
margin: 0 auto 18px;
box-shadow: 0 3px 14px rgba(16, 31, 57, .12);
}
.ae7pan-public-media__modal-sheet {
display: flex;
flex-direction: column;
background: #ffffff;
}
.ae7pan-public-media__sheet-tabs {
display: flex;
flex: 0 0 auto;
gap: 6px;
padding: 10px 12px;
overflow-x: auto;
border-bottom: 1px solid #dbe7f4;
background: #f5f8fc;
}
.ae7pan-public-media__sheet-tabs button {
flex: 0 0 auto;
min-height: 34px;
padding: 7px 13px;
border: 1px solid #cddceb;
border-radius: 7px;
background: #ffffff;
color: #17365f;
font: inherit;
font-size: 12px;
font-weight: 750;
cursor: pointer;
}
.ae7pan-public-media__sheet-tabs button.is-active {
border-color: #0a4f91;
background: #0a4f91;
color: #ffffff;
}
.ae7pan-public-media__sheet-table {
flex: 1 1 auto;
min-height: 0;
overflow: auto;
padding: 14px;
}
.ae7pan-public-media__sheet-table table {
border-collapse: collapse;
min-width: 100%;
width: max-content;
background: #ffffff;
color: #172b4d;
font-size: 12px;
}
.ae7pan-public-media__sheet-table th,
.ae7pan-public-media__sheet-table td {
min-width: 88px;
max-width: 360px;
padding: 7px 9px;
border: 1px solid #d9e2ec;
text-align: left;
vertical-align: top;
white-space: pre-wrap;
overflow-wrap: anywhere;
}
.ae7pan-public-media__sheet-table tr:first-child td,
.ae7pan-public-media__sheet-table th {
background: #eef4fa;
font-weight: 750;
}
@media (max-width: 640px) {
.ae7pan-public-media__modal-docx { padding: 8px; }
.ae7pan-public-media__modal-docx .docx-wrapper { padding-top: 8px; }
.ae7pan-public-media__sheet-table { padding: 8px; }
} .ae7pan-public-media__commitment-navigation { margin: 0 0 18px; padding: 2px 0 18px; border-bottom: 1px solid var(--ae-line); }
.ae7pan-public-media__commitment-heading { margin-bottom: 16px; }
.ae7pan-public-media__commitment-heading > span { display:block; margin-bottom:5px; color:var(--ae-blue); font-size:12px; font-weight:800; letter-spacing:.045em; text-transform:uppercase; }
.ae7pan-public-media__commitment-heading h2 { margin:0; color:var(--ae-text); font-size:clamp(20px,2.3vw,30px); font-weight:750; line-height:1.22; }
.ae7pan-public-media__activity-navigation { display:grid; grid-template-columns:auto 48px minmax(0,1fr) 48px; gap:10px; align-items:center; }
.ae7pan-public-media__activity-navigation-label { padding-right:8px; color:var(--ae-blue); font-size:12px; font-weight:800; letter-spacing:.035em; text-transform:uppercase; white-space:nowrap; }
.ae7pan-public-media__nav-track { display:flex; gap:7px; min-width:0; overflow-x:auto; overscroll-behavior-inline:contain; scroll-snap-type:x proximity; scrollbar-width:thin; scrollbar-color:#b7cce2 transparent; -webkit-overflow-scrolling:touch; }
.ae7pan-public-media__nav-track::-webkit-scrollbar { height:5px; }
.ae7pan-public-media__nav-track::-webkit-scrollbar-thumb { background:#b7cce2; border-radius:999px; }
.ae7pan-public-media__nav-item { flex:0 0 174px; min-height:58px; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:3px; padding:9px 12px; border:1px solid #d9e6f2; border-radius:7px; background:#fff; color:var(--ae-text); text-align:center; text-decoration:none!important; scroll-snap-align:center; transition:border-color .18s ease,background-color .18s ease; }
.ae7pan-public-media__nav-item:hover,.ae7pan-public-media__nav-item:focus-visible { border-color:#8bb8e5; background:#f7fbff; }
.ae7pan-public-media__nav-item.is-current { border-color:#0b5cad; background:#f2f8ff; color:#084f98; }
.ae7pan-public-media__nav-item strong { font-size:13px; font-weight:800; line-height:1.15; }
.ae7pan-public-media__nav-item span { color:var(--ae-muted); font-size:11px; font-weight:600; }
.ae7pan-public-media__nav-item.is-current span { color:#0a5aa7; }
.ae7pan-public-media__nav-arrow { width:48px; height:48px; display:inline-flex; align-items:center; justify-content:center; padding:0; border:1px solid #d2e1ef; border-radius:8px; background:#fff; color:var(--ae-blue); font:700 30px/1 Arial,sans-serif; cursor:pointer; }
.ae7pan-public-media__nav-arrow:hover,.ae7pan-public-media__nav-arrow:focus-visible { border-color:#8bb8e5; background:#f7fbff; }
@media (max-width:760px) {
.ae7pan-public-media__commitment-navigation { margin-bottom:12px; padding-bottom:12px; }
.ae7pan-public-media__commitment-heading { margin-bottom:11px; }
.ae7pan-public-media__commitment-heading > span { margin-bottom:4px; font-size:10px; }
.ae7pan-public-media__commitment-heading h2 { font-size:18px; line-height:1.25; }
.ae7pan-public-media__activity-navigation { grid-template-columns:38px minmax(0,1fr) 38px; gap:6px; }
.ae7pan-public-media__activity-navigation-label { grid-column:1/-1; padding:0; font-size:10px; }
.ae7pan-public-media__nav-arrow { width:38px; height:44px; border-radius:7px; font-size:25px; }
.ae7pan-public-media__nav-item { flex-basis:128px; min-height:50px; padding:7px 8px; }
.ae7pan-public-media__nav-item strong { font-size:11px; }
.ae7pan-public-media__nav-item span { font-size:9px; }
} .ae7pan-public-media__card--image {
min-height: 640px;
}
.ae7pan-public-media__image-preview {
position: relative;
z-index: 1;
width: 100%;
height: clamp(220px, 25vw, 290px);
min-height: 220px;
display: flex;
align-items: center;
justify-content: center;
margin: 0 0 18px;
padding: 0;
border: 1px solid #dbe6f1;
border-radius: 14px;
background: #f6f8fb;
overflow: hidden;
cursor: zoom-in;
appearance: none;
}
.ae7pan-public-media__image-preview img {
width: 100%;
height: 100%;
display: block;
object-fit: contain;
object-position: center;
background: #f6f8fb;
transition: transform .22s ease;
}
.ae7pan-public-media__image-preview:hover img,
.ae7pan-public-media__image-preview:focus-visible img {
transform: scale(1.015);
}
.ae7pan-public-media__image-preview:focus-visible {
outline: 3px solid rgba(10, 79, 145, .22);
outline-offset: 2px;
}
.ae7pan-public-media__image-preview-hint {
position: absolute;
right: 10px;
bottom: 10px;
min-height: 28px;
display: inline-flex;
align-items: center;
justify-content: center;
padding: 6px 10px;
border-radius: 999px;
background: rgba(8, 24, 45, .78);
color: #fff;
font-size: 10px;
font-weight: 800;
letter-spacing: .035em;
text-transform: uppercase;
pointer-events: none;
}
.ae7pan-public-media__file-head--image {
grid-template-columns: 1fr;
min-height: auto;
margin-bottom: 18px;
}
.ae7pan-public-media__file-head--image .ae7pan-public-media__file-type {
display: inline-block;
width: max-content;
margin-bottom: 7px;
padding: 4px 8px;
border-radius: 999px;
background: #e8f6f4;
color: #0b6d68;
font-size: 10px;
font-weight: 800;
letter-spacing: .05em;
text-transform: uppercase;
} .ae7pan-public-media__image-nav {
position: absolute;
top: 50%;
z-index: 6;
width: 48px;
height: 48px;
display: inline-flex;
align-items: center;
justify-content: center;
padding: 0;
border: 1px solid rgba(255,255,255,.65);
border-radius: 999px;
background: rgba(13, 27, 46, .76);
color: #fff;
font: 700 34px/1 Arial, sans-serif;
cursor: pointer;
transform: translateY(-50%);
box-shadow: 0 5px 18px rgba(0,0,0,.22);
}
.ae7pan-public-media__image-nav[hidden],
.ae7pan-public-media__image-counter[hidden] {
display: none !important;
}
.ae7pan-public-media__image-nav--prev { left: 16px; }
.ae7pan-public-media__image-nav--next { right: 16px; }
.ae7pan-public-media__image-nav:hover,
.ae7pan-public-media__image-nav:focus-visible {
background: rgba(0, 72, 143, .94);
outline: none;
}
.ae7pan-public-media__image-counter {
position: absolute;
left: 50%;
bottom: 14px;
z-index: 6;
max-width: calc(100% - 150px);
padding: 7px 12px;
border-radius: 999px;
background: rgba(13, 27, 46, .78);
color: #fff;
font-size: 11px;
font-weight: 750;
line-height: 1.2;
text-align: center;
transform: translateX(-50%);
pointer-events: none;
}
@media (max-width: 760px) {
.ae7pan-public-media__card--image { min-height: 650px; }
.ae7pan-public-media__image-preview {
height: min(72vw, 310px);
min-height: 220px;
border-radius: 12px;
}
.ae7pan-public-media__image-nav {
top: auto;
bottom: 14px;
width: 42px;
height: 42px;
transform: none;
font-size: 29px;
}
.ae7pan-public-media__image-nav--prev { left: 14px; }
.ae7pan-public-media__image-nav--next { right: 14px; }
.ae7pan-public-media__image-counter { bottom: 22px; max-width: calc(100% - 130px); }
} .ae7pan-public-media__card--grouped {
grid-column: 1 / -1;
min-height: 0;
padding: 26px;
}
.ae7pan-public-media__group-heading {
display: flex;
align-items: center;
justify-content: space-between;
gap: 18px;
margin-bottom: 14px;
}
.ae7pan-public-media__group-heading strong {
display: block;
margin-top: 4px;
color: var(--ae-text);
font-size: 20px;
font-weight: 850;
}
.ae7pan-public-media__group-description {
margin-bottom: 22px;
padding: 16px 0 18px;
border-top: 1px solid var(--ae-line);
border-bottom: 1px solid var(--ae-line);
}
.ae7pan-public-media__group-description p {
margin: 8px 0 0;
color: #4b5563;
font-size: 14px;
line-height: 1.65;
}
.ae7pan-public-media__group-files {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
gap: 18px;
}
.ae7pan-public-media__group-file {
min-width: 0;
display: flex;
flex-direction: column;
padding: 16px;
border: 1px solid #dce7f2;
border-radius: 15px;
background: #fbfdff;
}
.ae7pan-public-media__group-file-icon {
min-height: 148px;
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 14px;
border-radius: 11px;
background: #f4f8fc;
}
.ae7pan-public-media__group-file-icon .ae7pan-public-media__file-icon,
.ae7pan-public-media__group-file-icon > img { margin: 0; }
.ae7pan-public-media__group-image {
position: relative;
width: 100%;
height: 230px;
display: flex;
align-items: center;
justify-content: center;
margin: 0 0 14px;
padding: 0;
border: 1px solid #d8e4ef;
border-radius: 11px;
background: #f2f5f9;
overflow: hidden;
cursor: zoom-in;
appearance: none;
}
.ae7pan-public-media__group-image img {
width: 100%;
height: 100%;
display: block;
object-fit: contain;
object-position: center;
}
.ae7pan-public-media__group-image > span {
position: absolute;
right: 8px;
bottom: 8px;
padding: 5px 9px;
border-radius: 999px;
background: rgba(8,24,45,.78);
color: #fff;
font-size: 9px;
font-weight: 800;
text-transform: uppercase;
}
.ae7pan-public-media__group-file-info {
display: flex;
flex: 1;
flex-direction: column;
min-width: 0;
}
.ae7pan-public-media__group-file-info h3 {
display: -webkit-box;
margin: 7px 0 14px;
overflow: hidden;
color: var(--ae-text);
font-size: 15px;
font-weight: 850;
line-height: 1.35;
overflow-wrap: anywhere;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.ae7pan-public-media__group-file-meta {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 12px;
margin-top: auto;
padding-top: 12px;
border-top: 1px solid #e2ebf4;
}
.ae7pan-public-media__group-file-meta > div { min-width: 0; }
.ae7pan-public-media__group-file-meta strong {
display: block;
margin-top: 5px;
color: var(--ae-text);
font-size: 13px;
font-weight: 850;
}
.ae7pan-public-media__group-file-actions {
display: grid;
grid-template-columns: 1fr;
gap: 8px;
margin-top: 15px;
}
.ae7pan-public-media__group-file-actions .ae7pan-public-media__button {
min-height: 38px;
padding: 9px 12px;
font-size: 11px;
} .ae7pan-public-media__modal--image[aria-hidden="false"] { padding: 12px; }
.ae7pan-public-media__modal--image .ae7pan-public-media__modal-backdrop {
background: rgba(5, 13, 25, .91);
backdrop-filter: blur(5px);
}
.ae7pan-public-media__modal--image .ae7pan-public-media__modal-panel {
width: min(1500px, 98vw);
height: min(980px, 96vh);
border: 1px solid rgba(255,255,255,.14);
border-radius: 14px;
background: #0b1423;
}
.ae7pan-public-media__modal--image .ae7pan-public-media__modal-header {
flex: 0 0 auto;
border-bottom-color: rgba(255,255,255,.12);
background: #0b1423;
}
.ae7pan-public-media__modal--image .ae7pan-public-media__modal-title { color: #fff; }
.ae7pan-public-media__modal--image .ae7pan-public-media__modal-close {
background: rgba(255,255,255,.12);
color: #fff;
}
.ae7pan-public-media__modal--image .ae7pan-public-media__modal-viewer {
position: relative;
background: #08111f;
}
.ae7pan-public-media__modal--image .ae7pan-public-media__modal-image {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
max-width: none;
max-height: none;
padding: 24px 76px 48px;
object-fit: contain;
object-position: center;
background: transparent;
}
.ae7pan-public-media__modal--image .ae7pan-public-media__modal-actions {
flex: 0 0 auto;
border-top-color: rgba(255,255,255,.12);
background: #0b1423;
}
.ae7pan-public-media__modal--image .ae7pan-public-media__modal-action {
border-color: rgba(255,255,255,.24);
color: #fff;
}
.ae7pan-public-media__modal--image .ae7pan-public-media__modal-action--primary {
border-color: #0b5cad;
background: #0b5cad;
}
.ae7pan-public-media__modal--image .ae7pan-public-media__image-nav {
top: 50%;
bottom: auto;
width: 54px;
height: 54px;
border: 0;
background: rgba(255,255,255,.13);
color: #fff;
transform: translateY(-50%);
box-shadow: none;
}
.ae7pan-public-media__modal--image .ae7pan-public-media__image-nav:hover,
.ae7pan-public-media__modal--image .ae7pan-public-media__image-nav:focus-visible {
background: rgba(255,255,255,.24);
}
.ae7pan-public-media__modal--image .ae7pan-public-media__image-counter {
bottom: 12px;
background: rgba(0,0,0,.58);
}
@media (max-width: 760px) {
.ae7pan-public-media__card--grouped { max-width: none; padding: 18px; }
.ae7pan-public-media__group-files { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.ae7pan-public-media__group-file { padding: 10px; border-radius: 12px; }
.ae7pan-public-media__group-image { height: min(54vw, 235px); margin-bottom: 10px; }
.ae7pan-public-media__group-file-icon { min-height: 120px; }
.ae7pan-public-media__group-file-info h3 { font-size: 12px; }
.ae7pan-public-media__group-file-meta { grid-template-columns: 1fr; gap: 8px; }
.ae7pan-public-media__group-file-actions .ae7pan-public-media__button { min-height: 34px; padding: 7px 8px; font-size: 9px; }
.ae7pan-public-media__modal--image[aria-hidden="false"] { padding: 0; }
.ae7pan-public-media__modal--image .ae7pan-public-media__modal-panel { width: 100vw; height: 100dvh; border: 0; border-radius: 0; }
.ae7pan-public-media__modal--image .ae7pan-public-media__modal-image { padding: 16px 46px 52px; }
.ae7pan-public-media__modal--image .ae7pan-public-media__image-nav { width: 40px; height: 48px; font-size: 28px; }
.ae7pan-public-media__modal--image .ae7pan-public-media__image-nav--prev { left: 3px; }
.ae7pan-public-media__modal--image .ae7pan-public-media__image-nav--next { right: 3px; }
}
@media (max-width: 430px) {
.ae7pan-public-media__group-files { grid-template-columns: 1fr; }
} .ae7pan-public-media__card--grouped-images .ae7pan-public-media__group-files {
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 14px;
}
.ae7pan-public-media__card--grouped-images .ae7pan-public-media__group-file {
padding: 10px;
}
.ae7pan-public-media__card--grouped-images .ae7pan-public-media__group-image {
width: 100% !important;
height: auto !important;
min-height: 0 !important;
aspect-ratio: 4 / 3;
margin-bottom: 10px;
background: #f5f7fa;
}
.ae7pan-public-media__card--grouped-images .ae7pan-public-media__group-image img {
width: 100% !important;
height: 100% !important;
object-fit: contain !important;
object-position: center !important;
}
.ae7pan-public-media__card--grouped-images .ae7pan-public-media__group-file-info h3 {
margin: 5px 0 10px;
font-size: 12px;
line-height: 1.3;
}
.ae7pan-public-media__card--grouped-images .ae7pan-public-media__group-file-meta {
grid-template-columns: 1fr;
gap: 7px;
padding-top: 9px;
}
.ae7pan-public-media__card--grouped-images .ae7pan-public-media__group-file-actions {
margin-top: 10px;
gap: 6px;
}
.ae7pan-public-media__card--grouped-images .ae7pan-public-media__group-file-actions .ae7pan-public-media__button {
min-height: 32px;
padding: 6px 7px;
font-size: 9px;
}
html.ae7pan-public-media-photo-open { overflow: hidden; }
.ae7pan-public-media__photo-lightbox[hidden] { display: none !important; }
.ae7pan-public-media__photo-lightbox {
position: fixed;
inset: 0;
z-index: 1000000;
display: flex;
align-items: stretch;
justify-content: stretch;
background: rgba(3, 13, 27, .96);
}
.ae7pan-public-media__photo-backdrop {
position: absolute;
inset: 0;
}
.ae7pan-public-media__photo-stage {
position: relative;
z-index: 1;
width: 100%;
height: 100%;
display: grid;
grid-template-rows: auto minmax(0, 1fr) auto;
}
.ae7pan-public-media__photo-topbar,
.ae7pan-public-media__photo-footer {
display: flex;
align-items: center;
justify-content: space-between;
gap: 14px;
padding: 14px 20px;
color: #fff;
background: rgba(5, 15, 29, .82);
}
.ae7pan-public-media__photo-topbar strong {
min-width: 0;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
font-size: 14px;
}
.ae7pan-public-media__photo-close {
flex: 0 0 auto;
width: 40px;
height: 40px;
border: 1px solid rgba(255,255,255,.35);
border-radius: 999px;
background: rgba(255,255,255,.08);
color: #fff;
font-size: 26px;
line-height: 1;
cursor: pointer;
}
.ae7pan-public-media__photo-canvas {
position: relative;
min-height: 0;
display: flex;
align-items: center;
justify-content: center;
padding: 18px 90px;
overflow: hidden;
}
.ae7pan-public-media__photo-canvas figure {
width: 100%;
height: 100%;
margin: 0;
display: flex;
align-items: center;
justify-content: center;
}
.ae7pan-public-media__photo-canvas img {
display: block;
width: auto !important;
height: auto !important;
max-width: 100% !important;
max-height: 100% !important;
object-fit: contain !important;
object-position: center !important;
box-shadow: 0 12px 36px rgba(0,0,0,.28);
}
.ae7pan-public-media__photo-nav {
position: absolute;
top: 50%;
z-index: 2;
width: 56px;
height: 56px;
transform: translateY(-50%);
border: 1px solid rgba(255,255,255,.35);
border-radius: 999px;
background: rgba(255,255,255,.10);
color: #fff;
font-size: 38px;
line-height: 1;
cursor: pointer;
}
.ae7pan-public-media__photo-nav:hover,
.ae7pan-public-media__photo-nav:focus-visible,
.ae7pan-public-media__photo-close:hover,
.ae7pan-public-media__photo-close:focus-visible {
background: rgba(255,255,255,.22);
outline: none;
}
.ae7pan-public-media__photo-nav--prev { left: 22px; }
.ae7pan-public-media__photo-nav--next { right: 22px; }
.ae7pan-public-media__photo-footer > span {
font-size: 13px;
font-weight: 700;
}
.ae7pan-public-media__photo-actions {
display: flex;
gap: 9px;
flex-wrap: wrap;
}
.ae7pan-public-media__photo-actions a {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 38px;
padding: 8px 13px;
border: 1px solid rgba(255,255,255,.35);
border-radius: 8px;
color: #fff;
text-decoration: none;
font-size: 12px;
font-weight: 700;
cursor: pointer;
}
.ae7pan-public-media__photo-actions a:last-child {
border-color: #0b5cad;
background: #0b5cad;
}
@media (max-width: 900px) {
.ae7pan-public-media__card--grouped-images .ae7pan-public-media__group-files {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
}
@media (max-width: 640px) {
.ae7pan-public-media__card--grouped-images .ae7pan-public-media__group-files {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
gap: 9px;
}
.ae7pan-public-media__card--grouped-images .ae7pan-public-media__group-file {
padding: 8px;
}
.ae7pan-public-media__card--grouped-images .ae7pan-public-media__group-image {
aspect-ratio: 4 / 3;
margin-bottom: 7px;
}
.ae7pan-public-media__card--grouped-images .ae7pan-public-media__group-image > span {
right: 5px;
bottom: 5px;
padding: 3px 6px;
font-size: 7px;
}
.ae7pan-public-media__card--grouped-images .ae7pan-public-media__group-file-info h3 {
font-size: 10px;
-webkit-line-clamp: 2;
}
.ae7pan-public-media__card--grouped-images .ae7pan-public-media__meta-label {
font-size: 7px;
}
.ae7pan-public-media__card--grouped-images .ae7pan-public-media__group-file-meta strong,
.ae7pan-public-media__card--grouped-images .ae7pan-public-media__percent {
font-size: 10px;
}
.ae7pan-public-media__photo-topbar,
.ae7pan-public-media__photo-footer {
padding: 10px 12px;
}
.ae7pan-public-media__photo-canvas {
padding: 10px 48px;
}
.ae7pan-public-media__photo-nav {
width: 38px;
height: 48px;
border-radius: 9px;
font-size: 30px;
}
.ae7pan-public-media__photo-nav--prev { left: 5px; }
.ae7pan-public-media__photo-nav--next { right: 5px; }
.ae7pan-public-media__photo-footer {
align-items: stretch;
flex-direction: column;
}
.ae7pan-public-media__photo-actions {
display: grid;
grid-template-columns: 1fr 1fr;
}
.ae7pan-public-media__photo-actions a { font-size: 10px; }
}
@media (max-width: 320px) {
.ae7pan-public-media__card--grouped-images .ae7pan-public-media__group-files {
grid-template-columns: 1fr !important;
}
} .ae7pan-public-media__card--grouped {
padding-top: 20px;
}
.ae7pan-public-media__group-heading { display: none !important; }
.ae7pan-public-media__group-description {
margin-bottom: 12px;
padding: 0 0 14px;
border-top: 0;
}
.ae7pan-public-media__group-description p {
font-weight: 700;
}
.ae7pan-public-media__group-date {
display: flex;
align-items: baseline;
gap: 10px;
margin-bottom: 16px;
}
.ae7pan-public-media__group-date strong {
color: var(--ae-text);
font-size: 13px;
font-weight: 800;
}
.ae7pan-public-media__group-file-info h3 {
font-weight: 500;
}
.ae7pan-public-media__group-file-meta {
grid-template-columns: 1fr;
} .ae7pan-public-media__card--grouped-files .ae7pan-public-media__group-files {
grid-template-columns: repeat(auto-fill, minmax(230px, 285px));
justify-content: start;
align-items: stretch;
gap: 14px;
}
.ae7pan-public-media__card--grouped-files .ae7pan-public-media__group-file {
width: 100%;
max-width: 285px;
padding: 14px;
}
.ae7pan-public-media__card--grouped-files .ae7pan-public-media__group-file-icon {
min-height: 118px;
margin-bottom: 12px;
}
.ae7pan-public-media__card--grouped-files .ae7pan-public-media__group-file-icon img {
width: 108px;
height: 108px;
object-fit: contain;
}
.ae7pan-public-media__card--grouped-files .ae7pan-public-media__group-file-info h3 {
min-height: 0;
margin: 5px 0 10px;
font-size: 13px;
}
.ae7pan-public-media__card--grouped-files .ae7pan-public-media__group-file-meta {
margin-top: 0;
} .ae7pan-public-media__photo-canvas { cursor: zoom-out; }
.ae7pan-public-media__photo-canvas img,
.ae7pan-public-media__photo-nav { cursor: default; }
.ae7pan-public-media__photo-nav { cursor: pointer; }
@media (max-width: 760px) {
.ae7pan-public-media__group-date {
margin-bottom: 12px;
}
.ae7pan-public-media__card--grouped-files .ae7pan-public-media__group-files {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.ae7pan-public-media__card--grouped-files .ae7pan-public-media__group-file {
max-width: none;
}
.ae7pan-public-media__card--grouped-files .ae7pan-public-media__group-file-icon {
min-height: 96px;
}
.ae7pan-public-media__card--grouped-files .ae7pan-public-media__group-file-icon img {
width: 84px;
height: 84px;
}
}
@media (max-width: 430px) {
.ae7pan-public-media__card--grouped-files .ae7pan-public-media__group-files {
grid-template-columns: 1fr;
}
}
.ae7pan-public-media__card--grouped-files .ae7pan-public-media__group-file-icon > span {
display: none;
}