.profile-banner{aspect-ratio:16/9;background-color:hsl(var(--muted));border-radius:0;flex-shrink:0;width:100%;margin:0;display:block;position:relative;overflow:hidden}.profile-banner:before{content:"";width:100%;padding-top:56.25%;display:block}.profile-banner-fill{z-index:0;filter:blur(16px);pointer-events:none;background-position:50%;background-repeat:no-repeat;background-size:cover;position:absolute;inset:0;transform:scale(1.12)}.banner-image{z-index:1;-o-object-fit:contain;object-fit:contain;-o-object-position:center;object-position:center;width:100%;height:100%;transition:opacity .3s ease-in-out;position:absolute;inset:0}.banner-placeholder{color:hsl(var(--muted-foreground));text-align:center;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;inset:0}.banner-placeholder-text{margin-top:.5rem;font-size:.875rem;font-weight:500}.banner-edit-button{color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:20;background-color:#00000080;border:none;transition:all .2s;position:absolute;bottom:1rem;right:1rem}.banner-edit-button:hover{background-color:#000000b3;transform:translateY(-2px)}@media (hover:none){.banner-edit-button{opacity:1}}