/* Draft presentation for the dog wall form and the community feed. */
.dogwall-form label,.dogwall-takedown label{display:block;margin:14px 0;font-size:15px}
.dogwall-form input[type="text"],.dogwall-form input[type="email"],.dogwall-form input[type="file"],.dogwall-takedown input,.dogwall-takedown textarea{display:block;width:100%;margin-top:6px;padding:10px;background:#F6EBD9;color:#4B3317;border:1px solid #70727C}
.dogwall-optout{display:flex;align-items:center;gap:10px;min-height:44px}
.dogwall-optout input{width:20px;height:20px;margin:0}
.dogwall-consent{font-size:14px;margin:12px 0}
.dogwall-feed-card{text-align:left}
/* Preserve every edge of uploaded photos. The blurred layer is decorative only. */
.dogwall-feed-photo{position:relative;isolation:isolate;aspect-ratio:4/5;overflow:hidden;border-radius:var(--r-md,16px);background:var(--soft,#D6D5D1);display:grid;place-items:center}
.dogwall-feed-card .dogwall-feed-photo img{position:absolute;inset:0;width:100%;height:100%;object-position:center;transform:none;transition:none}
.dogwall-feed-card .dogwall-feed-photo .dogwall-photo-backdrop{object-fit:cover;filter:blur(18px);transform:scale(1.12);opacity:.35;pointer-events:none}
.dogwall-feed-card .dogwall-feed-photo .dogwall-photo-image{object-fit:contain}
.dogwall-photo-unavailable{padding:20px;text-align:center;font-size:14px}
.dogwall-feed-card .dogwall-feed-photo>span{z-index:1}
/* Match Rusty and Mater's caption height, and keep the arrow clear of the name. */
.dogwall-feed-card .dog-caption{min-height:182px;padding-right:28px}
@media (max-width:760px){
.dogwall-feed-card .dog-caption{min-height:245px}
}
#dogwall-more{height:1px}

#dogwall-form input[type="file"] {
  height: auto !important;
  box-sizing: border-box;
  max-width: 100%;
  min-width: 0;
  padding: 4px !important;
  font: inherit;
  text-overflow: ellipsis;
}
.dogwall-form input[type="file"]::file-selector-button {
  min-height: 44px;
  margin-inline-end: 10px;
  padding: 0 14px;
  border: 1px solid #4B3317;
  border-radius: 8px;
  background: #4B3317;
  color: #F6EBD9;
  font: inherit;
  cursor: pointer;
}
.dogwall-form input[type="file"]:focus-visible {
  outline: 3px solid #4B3317;
  outline-offset: 2px;
}