/* Shared brand presentation for every site package. Keep dimensions here. */
.platform-nav{
  --platform-brand-width:220px;
  --platform-brand-height:58px;
  --platform-brand-padding:4px;
  --platform-brand-radius:12px;
}
.platform-nav .platform-brand{
  display:flex;
  align-items:center;
  flex:0 0 var(--platform-brand-width);
  width:var(--platform-brand-width);
  min-width:var(--platform-brand-width);
  height:var(--platform-brand-height);
  gap:0;
  text-decoration:none;
}
.platform-nav .platform-brand-frame{
  display:grid;
  place-items:center;
  width:100%;
  height:100%;
  padding:var(--platform-brand-padding);
  overflow:hidden;
  border:0;
  border-radius:var(--platform-brand-radius);
  background:transparent;
}
.platform-nav .platform-brand-frame img{
  display:block;
  width:calc(var(--platform-brand-width) - var(--platform-brand-padding) - var(--platform-brand-padding))!important;
  height:calc(var(--platform-brand-height) - var(--platform-brand-padding) - var(--platform-brand-padding))!important;
  max-width:100%;
  max-height:100%;
  object-fit:contain;
  object-position:center;
}
.platform-nav .platform-brand-name{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

@media(max-width:760px){
  .platform-nav{
    --platform-brand-width:168px;
    --platform-brand-height:46px;
    --platform-brand-padding:3px;
    --platform-brand-radius:10px;
  }
  .platform-nav .platform-brand,
  .pet-portal-page .platform-nav .platform-brand,
  .market-page .platform-nav .platform-brand,
  .directory-page .platform-nav .platform-brand{
    width:var(--platform-brand-width);
    min-width:var(--platform-brand-width);
    height:var(--platform-brand-height);
  }
}

@media(max-width:390px){
  .platform-nav{--platform-brand-width:148px;--platform-brand-height:42px}
}