/* Match browser chrome and the uncovered screen canvas to the footer. */
html,body{background:var(--browser-ui-color,var(--pale,#e5eaf3))}
/* Safari also reads the body underlay. Paint the page on a separate surface. */
.site-surface{display:flow-root;background:var(--bg)}
.site-masthead{padding-top:env(safe-area-inset-top,0px)}
.album-footer{padding-bottom:env(safe-area-inset-bottom,0px)}
@media(max-width:1100px){
  .wrap{padding-left:max(28px,env(safe-area-inset-left,0px));padding-right:max(28px,env(safe-area-inset-right,0px))}
}
@media(max-width:650px){
  .wrap{padding-left:max(20px,env(safe-area-inset-left,0px));padding-right:max(20px,env(safe-area-inset-right,0px))}
}
@media(max-width:360px){
  .wrap{padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
}