/* PHSPB homepage live-stream search. Scoped to the homepage only. */
.phspb-home-live-cams-shortcode .phspb-home-stream-search{
  position:relative;
  z-index:72;
  width:100%;
  max-width:none;
  margin:14px 0 12px;
  padding:0;
}
.phspb-home-live-cams-shortcode .phspb-home-stream-search-inner{
  display:grid;
  grid-template-columns:auto minmax(170px,.58fr) minmax(320px,1.42fr);
  align-items:center;
  gap:14px;
  min-height:72px;
  padding:11px 12px 11px 14px;
  border:1px solid rgba(198,137,255,.24);
  border-radius:20px;
  background:
    radial-gradient(circle at 6% 0%,rgba(222,87,255,.15),transparent 35%),
    linear-gradient(135deg,rgba(255,255,255,.065),rgba(255,255,255,.025));
  box-shadow:0 12px 34px rgba(0,0,0,.20),inset 0 1px 0 rgba(255,255,255,.07);
  -webkit-backdrop-filter:blur(12px);
  backdrop-filter:blur(12px);
}
.phspb-home-live-cams-shortcode .phspb-home-stream-search-mark{
  display:grid;
  place-items:center;
  width:42px;
  height:42px;
  flex:0 0 42px;
  border:1px solid rgba(223,150,255,.28);
  border-radius:14px;
  background:linear-gradient(145deg,rgba(188,79,255,.24),rgba(255,72,184,.11));
  color:#fff;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.10);
}
.phspb-home-live-cams-shortcode .phspb-home-stream-search-mark svg{width:20px;height:20px;display:block}
.phspb-home-live-cams-shortcode .phspb-home-stream-search-copy{display:flex;min-width:0;flex-direction:column;gap:2px}
.phspb-home-live-cams-shortcode .phspb-home-stream-search-copy strong{
  color:rgba(255,255,255,.96);
  font-size:14px;
  line-height:1.2;
  letter-spacing:.01em;
}
.phspb-home-live-cams-shortcode .phspb-home-stream-search-copy small{
  color:rgba(255,255,255,.55);
  font-size:11px;
  line-height:1.3;
}
.phspb-home-live-cams-shortcode .phspb-home-stream-search-field{position:relative;min-width:0}
.phspb-home-live-cams-shortcode .phspb-home-stream-search-field-icon{
  position:absolute;
  top:50%;
  left:15px;
  width:18px;
  height:18px;
  transform:translateY(-50%);
  color:rgba(255,255,255,.52);
  pointer-events:none;
}
.phspb-home-live-cams-shortcode .phspb-home-stream-search-input{
  width:100%;
  height:48px;
  margin:0;
  padding:0 46px 0 44px;
  border:1px solid rgba(211,159,255,.24)!important;
  border-radius:15px!important;
  outline:0;
  background:rgba(10,5,18,.58)!important;
  color:#fff!important;
  font:inherit;
  font-size:14px;
  line-height:48px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 0 0 0 rgba(182,92,255,0);
  transition:border-color .16s ease,box-shadow .16s ease,background .16s ease;
  -webkit-appearance:none;
  appearance:none;
}
.phspb-home-live-cams-shortcode .phspb-home-stream-search-input::placeholder{color:rgba(255,255,255,.42)}
.phspb-home-live-cams-shortcode .phspb-home-stream-search-input:focus{
  border-color:rgba(211,137,255,.58)!important;
  background:rgba(13,6,23,.78)!important;
  box-shadow:0 0 0 3px rgba(171,74,255,.12);
}
.phspb-home-live-cams-shortcode .phspb-home-stream-search-input::-webkit-search-cancel-button{display:none}
.phspb-home-live-cams-shortcode .phspb-home-stream-search-clear{
  position:absolute;
  top:50%;
  right:10px;
  display:grid;
  place-items:center;
  width:30px;
  height:30px;
  padding:0;
  transform:translateY(-50%);
  border:0;
  border-radius:10px;
  background:rgba(255,255,255,.075);
  color:rgba(255,255,255,.72);
  font-size:20px;
  line-height:1;
  cursor:pointer;
}
.phspb-home-live-cams-shortcode .phspb-home-stream-search-clear:hover,
.phspb-home-live-cams-shortcode .phspb-home-stream-search-clear:focus-visible{background:rgba(255,255,255,.13);color:#fff;outline:0}
.phspb-home-live-cams-shortcode .phspb-home-stream-search-results{
  position:absolute;
  top:calc(100% + 7px);
  right:0;
  left:0;
  overflow:hidden;
  padding:7px;
  border:1px solid rgba(204,144,255,.26);
  border-radius:18px;
  background:rgba(20,9,33,.985);
  box-shadow:0 24px 52px rgba(0,0,0,.46),inset 0 1px 0 rgba(255,255,255,.06);
}
.phspb-home-live-cams-shortcode .phspb-home-stream-search-result{
  display:grid;
  grid-template-columns:48px minmax(0,1fr) auto;
  align-items:center;
  gap:11px;
  min-height:60px;
  padding:6px 9px 6px 7px;
  border-radius:13px;
  color:inherit!important;
  text-decoration:none!important;
  transition:background .12s ease,transform .12s ease;
}
.phspb-home-live-cams-shortcode .phspb-home-stream-search-result:hover,
.phspb-home-live-cams-shortcode .phspb-home-stream-search-result.is-active,
.phspb-home-live-cams-shortcode .phspb-home-stream-search-result:focus-visible{
  background:linear-gradient(90deg,rgba(175,78,255,.16),rgba(255,80,186,.08));
  outline:0;
}
.phspb-home-live-cams-shortcode .phspb-home-stream-search-avatar{
  position:relative;
  overflow:hidden;
  width:48px;
  height:48px;
  border-radius:12px;
  background:linear-gradient(135deg,rgba(161,76,255,.30),rgba(255,70,176,.18));
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.07);
}
.phspb-home-live-cams-shortcode .phspb-home-stream-search-avatar img{display:block;width:100%;height:100%;object-fit:cover}
.phspb-home-live-cams-shortcode .phspb-home-stream-search-avatar span{display:grid;width:100%;height:100%;place-items:center;color:rgba(255,255,255,.72);font-size:9px;font-weight:800;letter-spacing:.08em}
.phspb-home-live-cams-shortcode .phspb-home-stream-search-result-copy{display:flex;min-width:0;flex-direction:column;gap:3px}
.phspb-home-live-cams-shortcode .phspb-home-stream-search-result-copy strong{overflow:hidden;color:#fff;font-size:14px;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}
.phspb-home-live-cams-shortcode .phspb-home-stream-search-result-copy small{overflow:hidden;color:rgba(255,255,255,.52);font-size:11px;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}
.phspb-home-live-cams-shortcode .phspb-home-stream-search-live{
  display:inline-flex;
  align-items:center;
  gap:5px;
  padding:5px 8px;
  border:1px solid rgba(255,91,147,.18);
  border-radius:999px;
  background:rgba(255,40,111,.09);
  color:rgba(255,224,235,.91);
  font-size:9px;
  font-weight:800;
  letter-spacing:.08em;
  white-space:nowrap;
}
.phspb-home-live-cams-shortcode .phspb-home-stream-search-live:before{content:"";width:6px;height:6px;border-radius:50%;background:#ff3d7d;box-shadow:0 0 0 3px rgba(255,61,125,.10)}
.phspb-home-live-cams-shortcode .phspb-home-stream-search-empty{padding:17px 14px;color:rgba(255,255,255,.58);font-size:12px;text-align:center}
.phspb-home-live-cams-shortcode .phspb-home-stream-search-status{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

@media(max-width:767px){
  .phspb-home-live-cams-shortcode .phspb-home-stream-search{width:100%;margin:10px auto 9px;padding:0}
  .phspb-home-live-cams-shortcode .phspb-home-stream-search-inner{
    display:grid;
    grid-template-columns:36px minmax(0,1fr);
    gap:9px;
    min-height:0;
    padding:9px;
    border-radius:16px;
  }
  .phspb-home-live-cams-shortcode .phspb-home-stream-search-mark{width:36px;height:36px;border-radius:12px}
  .phspb-home-live-cams-shortcode .phspb-home-stream-search-mark svg{width:18px;height:18px}
  .phspb-home-live-cams-shortcode .phspb-home-stream-search-copy{display:none}
  .phspb-home-live-cams-shortcode .phspb-home-stream-search-field{grid-column:2}
  .phspb-home-live-cams-shortcode .phspb-home-stream-search-input{height:42px;padding-left:39px;padding-right:40px;border-radius:12px!important;font-size:16px;line-height:42px}
  .phspb-home-live-cams-shortcode .phspb-home-stream-search-field-icon{left:13px;width:17px;height:17px}
  .phspb-home-live-cams-shortcode .phspb-home-stream-search-clear{right:7px;width:29px;height:29px}
  .phspb-home-live-cams-shortcode .phspb-home-stream-search-results{top:calc(100% + 5px);padding:5px;border-radius:15px}
  .phspb-home-live-cams-shortcode .phspb-home-stream-search-result{grid-template-columns:44px minmax(0,1fr) auto;gap:9px;min-height:56px;padding:6px}
  .phspb-home-live-cams-shortcode .phspb-home-stream-search-avatar{width:44px;height:44px;border-radius:11px}
  .phspb-home-live-cams-shortcode .phspb-home-stream-search-live{padding:4px 7px;font-size:8px}
}