.venue-link-trigger{
  cursor:pointer;
  display:inline-flex!important;
  align-items:center;
  gap:7px;
  transition:transform .16s ease,border-color .16s ease,background .16s ease,box-shadow .16s ease;
  outline:none;
}
.venue-link-trigger:hover,.venue-link-trigger:focus-visible{
  transform:translateY(-1px);
  border-color:rgba(255,212,120,.45)!important;
  background:rgba(255,255,255,.1)!important;
  box-shadow:0 0 0 3px rgba(255,212,120,.08);
}
.venue-link-chevron{
  display:inline-grid;
  place-items:center;
  width:21px;
  height:21px;
  margin-left:1px;
  border-radius:999px;
  background:rgba(255,255,255,.08);
  color:var(--gold);
  font-size:20px;
  line-height:1;
  font-weight:900;
}
.venue-sheet-host{
  position:fixed;
  inset:0;
  z-index:180;
  pointer-events:none;
  display:flex;
  align-items:flex-end;
  justify-content:center;
}
.venue-sheet-backdrop{
  position:absolute;
  inset:0;
  background:rgba(7,4,9,.58);
  backdrop-filter:blur(5px);
  opacity:0;
  transition:opacity .24s ease;
}
.venue-sheet-card{
  position:relative;
  width:min(100% - 20px,540px);
  margin:0 10px max(10px,env(safe-area-inset-bottom));
  padding:10px 16px 16px;
  border:1px solid rgba(255,255,255,.16);
  border-radius:26px;
  background:linear-gradient(160deg,rgba(55,29,57,.98),rgba(29,15,32,.99));
  box-shadow:0 24px 70px rgba(0,0,0,.48);
  transform:translateY(calc(100% + 30px));
  opacity:.96;
  transition:transform .28s cubic-bezier(.22,.8,.24,1),opacity .22s ease;
}
.venue-sheet-host.is-open{pointer-events:auto}
.venue-sheet-host.is-open .venue-sheet-backdrop{opacity:1}
.venue-sheet-host.is-open .venue-sheet-card{transform:translateY(0);opacity:1}
.venue-sheet-handle{
  width:42px;
  height:4px;
  margin:0 auto 13px;
  border-radius:999px;
  background:rgba(255,255,255,.22);
}
.venue-sheet-heading{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:15px;
  padding:0 2px 13px;
}
.venue-sheet-heading h2{font-size:23px;margin:0 0 5px}
.venue-sheet-heading p:last-child{margin:0;color:var(--muted);font-size:13px}
.venue-sheet-close{
  width:40px;
  height:40px;
  flex:0 0 40px;
  border:1px solid rgba(255,255,255,.1);
  border-radius:14px;
  background:rgba(255,255,255,.07);
  color:var(--text);
  font-size:25px;
  line-height:1;
}
.venue-sheet-actions{display:grid;gap:9px}
.venue-sheet-action{
  display:grid;
  grid-template-columns:46px minmax(0,1fr) auto;
  gap:12px;
  align-items:center;
  min-height:70px;
  padding:11px 13px;
  border:1px solid rgba(255,255,255,.11);
  border-radius:19px;
  background:rgba(255,255,255,.065);
  color:var(--text);
  text-decoration:none;
  transition:transform .16s ease,background .16s ease,border-color .16s ease;
}
.venue-sheet-action:hover,.venue-sheet-action:focus-visible{
  transform:translateY(-1px);
  background:rgba(255,255,255,.1);
  border-color:rgba(255,212,120,.28);
  outline:none;
}
.venue-sheet-action>span{
  width:46px;
  height:46px;
  display:grid;
  place-items:center;
  border-radius:15px;
  background:rgba(255,255,255,.08);
  font-size:23px;
}
.venue-sheet-action div{min-width:0;display:flex;flex-direction:column;gap:3px}
.venue-sheet-action b{font-size:15px}
.venue-sheet-action small{color:var(--muted);font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.venue-sheet-action>strong{color:var(--gold);font-size:23px}
@media(max-width:420px){
  .venue-sheet-card{padding-left:13px;padding-right:13px;border-radius:24px}
  .venue-sheet-heading h2{font-size:21px}
  .venue-sheet-action{grid-template-columns:43px minmax(0,1fr) auto;min-height:66px;padding:10px 11px}
  .venue-sheet-action>span{width:43px;height:43px}
}
@media(prefers-reduced-motion:reduce){
  .venue-link-trigger,.venue-sheet-backdrop,.venue-sheet-card,.venue-sheet-action{transition:none!important}
}
