.photo-banner{isolation:isolate;background:#e7e6dc;min-width:0;margin:0;position:relative;overflow:hidden}.photo-banner-image{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.photo-banner-current{z-index:1;opacity:1}.photo-banner-current.is-changing{animation:photo-banner-fade var(--photo-fade-duration,2s) ease-in-out both}.photo-banner-controls{z-index:4;align-items:center;gap:6px;display:flex;position:absolute;bottom:14px;right:14px}.photo-banner-controls button,.photo-banner-controls summary{color:#102649;cursor:pointer;background:#fffdf5ed;border:1px solid #ffffff91;border-radius:50%;place-items:center;width:44px;height:44px;padding:10px;list-style:none;display:grid}.photo-banner-controls summary::-webkit-details-marker{display:none}.photo-banner-controls svg{width:18px;height:18px}.photo-banner-controls :focus-visible{outline-offset:3px;outline:3px solid #009c9d}.photo-banner-controls button:disabled{opacity:.7;cursor:default}.photo-banner-controls details>label,.photo-banner-controls details>small{display:none}.photo-banner-controls details[open]{position:relative}.photo-banner-controls details[open]>label{color:#102649;background:#fffdf6;border:1px solid #d5c6b9;border-radius:12px;gap:8px;width:240px;padding:14px 14px 40px;font:14px/1.4 Arial,sans-serif;display:grid;position:absolute;bottom:54px;right:0;box-shadow:0 8px 24px #10264924}.photo-banner-controls details[open]>small{z-index:1;color:#5a635f;width:210px;font:11px/1.3 Arial,sans-serif;display:block;position:absolute;bottom:66px;right:14px}.photo-banner-controls select{color:#102649;width:100%;min-height:44px;font:inherit;background:#fff;border:1px solid #b8c6cb;border-radius:6px}.photo-banner-credit{z-index:3;color:#fff;background:#102649d9;border-radius:4px;max-width:calc(100% - 126px);padding:3px 6px;font:11px/1.4 Arial,sans-serif;position:absolute;bottom:12px;left:12px}@keyframes photo-banner-fade{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.photo-banner-current.is-changing{animation:none}}.profile-visual-mosaic .profile-photo-banner{width:100%;height:100%;min-height:320px;position:absolute;inset:0}.profile-photo-banner .photo-banner-controls{top:12px;bottom:auto}.profile-photo-banner .photo-banner-controls details[open]>label{top:54px;bottom:auto}.profile-photo-banner .photo-banner-controls details[open]>small{top:144px;bottom:auto}@media (width<=600px){.photo-banner-controls details[open]>label{width:228px;bottom:0;right:54px}.photo-banner-controls details[open]>small{width:200px;bottom:12px;right:68px}.profile-photo-banner .photo-banner-controls details[open]>label{top:54px;bottom:auto;right:0}.profile-photo-banner .photo-banner-controls details[open]>small{top:144px;bottom:auto;right:14px}}.photo-banner-settings{display:none}.photo-banner-controls details[open]>.photo-banner-settings{color:#102649;background:#fffdf6;border:1px solid #d5c6b9;border-radius:12px;gap:12px;width:250px;padding:14px;font:14px/1.4 Arial,sans-serif;display:grid;position:absolute;bottom:54px;right:0;box-shadow:0 8px 24px #10264924}.photo-banner-settings label{letter-spacing:normal;text-transform:none;gap:6px;display:grid}.photo-banner-settings small{letter-spacing:normal!important;text-transform:none!important;font:11px/1.4 Arial,sans-serif!important;position:static!important}.profile-photo-banner .photo-banner-controls details[open]>.photo-banner-settings{top:54px;bottom:auto}@media (width<=600px){.photo-banner-controls details[open]>.photo-banner-settings{width:228px;bottom:0;right:54px}.profile-photo-banner .photo-banner-controls details[open]>.photo-banner-settings{top:54px;bottom:auto;right:0}}
