@font-face{
  font-family:"Aleron";
  src:url("fonts/aileron-400.woff2") format("woff2");
  font-style:normal;
  font-weight:400;
  font-display:swap;
}
@font-face{
  font-family:"Aleron";
  src:url("fonts/aileron-600.woff2") format("woff2");
  font-style:normal;
  font-weight:600;
  font-display:swap;
}
@font-face{
  font-family:"Aleron";
  src:url("fonts/aileron-700.woff2") format("woff2");
  font-style:normal;
  font-weight:700;
  font-display:swap;
}
@font-face{
  font-family:"Aleron";
  src:url("fonts/aileron-800.woff2") format("woff2");
  font-style:normal;
  font-weight:800;
  font-display:swap;
}

html body,
html body *,
html button,
html input,
html select,
html textarea{
  font-family:"Aleron","Aileron",Arial,sans-serif!important;
}

/* Private studio brand alignment */
html body:has(#lock){background-color:#fff;background-image:linear-gradient(rgba(222,56,71,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(222,56,71,.055) 1px,transparent 1px)}
html body:has(#lock) header{background:#fff;border-color:#111;overflow:hidden}
html body:has(#lock) header img{width:132px;height:64px;margin:0;object-fit:cover;object-position:50% 50%;transform:none}
html body:has(#lock) .panel{background:#fff;border-color:#111;box-shadow:5px 5px 0 #de3847}
html body:has(#lock) h1,
html body:has(#lock) h2,
html body:has(#lock) h3,
html body:has(#lock) label,
html body:has(#lock) a{color:#de3847}
html body:has(#lock) button{background:#de3847;border-color:#de3847}
html body:has(#lock) button.secondary,
html body:has(#lock) .actions button{background:#fff;color:#de3847}
html body:has(#lock) .editing-banner{background:#de3847}
html body:has(#lock) input,
html body:has(#lock) textarea,
html body:has(#lock) select{background:#fff;border-color:#111}
html body:has(#lock) .slot,
html body:has(#lock) .item{background:#fff;border-color:#111}
html body:has(#lock) .cover-slot{border-width:2px;border-color:#de3847}