.vc-reverence{
  --reverence-entrance:1.1s;
  --reverence-exit:680ms;
  --reverence-ease:cubic-bezier(.23,.64,.22,1);
  --reverence-exit-ease:cubic-bezier(.42,0,.28,1);
  --reverence-blur:9px;
  box-sizing:border-box;
  width:min(990px,calc(100vw - 24px));
  max-width:none;
  max-height:calc(100dvh - 20px);
  padding:clamp(6px,1.8vw,22px);
  border:1px solid #9a68795e;
  overflow:auto;
  color:#f4d5b7;
  background:#221320;
  box-shadow:0 34px 145px #090409dd,inset 0 0 85px #120b166b;
}
.vc-reverence::backdrop{
  background:radial-gradient(ellipse at 63% 42%,#60344677,transparent 63%),#180d19ed;
}
.vc-reverence[data-animate]::backdrop{
  -webkit-backdrop-filter:blur(var(--reverence-blur));
  backdrop-filter:blur(var(--reverence-blur));
}
html::after{
  content:"";
  position:fixed;
  inset:0;
  z-index:3;
  pointer-events:none;
  background:radial-gradient(ellipse at 50% 87%,#a96c5130,transparent 63%),#21102038;
  opacity:0;
  transition:opacity 500ms cubic-bezier(.25,.5,.3,1);
}
html[data-silk-charged]:not(.vc-still)::after{opacity:1}
.vc-reverence[open]{display:grid;place-items:center}
.vc-reverence-art{
  position:relative;
  width:min(100%,calc((100dvh - 76px) * 4 / 3));
  aspect-ratio:4/3;
  overflow:hidden;
}
.vc-reverence-art img{display:block;width:100%;height:100%;object-fit:contain}
.vc-reverence-art canvas{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  visibility:hidden;
  pointer-events:none;
}
.vc-reverence[data-motion="loading"] img{visibility:hidden}
.vc-reverence:is([data-motion="playing"],[data-motion="ambient"]) canvas{visibility:visible}
.vc-reverence[data-motion="fallback"] .vc-reverence-art::before{
  content:"";
  position:absolute;
  inset:-18%;
  pointer-events:none;
  background:radial-gradient(ellipse 31% 35% at 50% 50%,#ffbf8873,transparent 95%);
  mix-blend-mode:screen;
  animation:vc-reverence-light 11s ease-in-out infinite;
}
@keyframes vc-reverence-light{
  0%,100%{transform:translate(19%,-11%);opacity:.46}
  50%{transform:translate(-17%,0);opacity:.78}
}
.vc-reverence .vc-reverence-close{
  position:absolute;
  z-index:1;
  top:5px;
  right:5px;
  display:grid;
  place-items:center;
  width:44px;
  height:44px;
  padding:0;
  border:1px solid transparent;
  border-radius:50%;
  color:inherit;
  background:#281624;
  cursor:pointer;
}
.vc-reverence-close:hover{border-color:#b78479}
.vc-reverence-close:focus-visible{outline-offset:-3px}
.vc-reverence[data-animate]{animation:vc-reverence-open var(--reverence-entrance) var(--reverence-ease) both}
.vc-reverence[data-animate]::backdrop{animation:vc-reverence-backdrop var(--reverence-entrance) var(--reverence-ease) both}
.vc-reverence[data-closing]{animation:vc-reverence-close var(--reverence-exit) var(--reverence-exit-ease) both}
.vc-reverence[data-closing]::backdrop{animation:vc-reverence-backdrop-out var(--reverence-exit) var(--reverence-exit-ease) both}
.vc-reverence[data-closing] .vc-reverence-art::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:radial-gradient(ellipse at 65% 30%,#f7c38f40,transparent 72%);
  animation:vc-reverence-echo var(--reverence-exit) ease-out both;
}
.vc-tab-hidden .vc-reverence,.vc-tab-hidden .vc-reverence::backdrop{animation-play-state:paused}
.vc-tab-hidden .vc-reverence-art::before{animation-play-state:paused}
@keyframes vc-reverence-open{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@keyframes vc-reverence-backdrop{from{opacity:.14}to{opacity:1}}
@keyframes vc-reverence-close{
  from{opacity:var(--exit-opacity,1);transform:var(--exit-transform,none)}
  to{opacity:0;transform:translateY(7px) scale(.992)}
}
@keyframes vc-reverence-backdrop-out{from{opacity:var(--exit-backdrop-opacity,1)}to{opacity:0}}
@keyframes vc-reverence-echo{0%,100%{opacity:0}40%{opacity:.68}}
@media(max-width:550px){
  .vc-reverence{--reverence-blur:5px;width:calc(100vw - 12px);padding:30px 0 5px}
  .vc-reverence .vc-reverence-close{right:3px;top:3px}
}
@media(prefers-reduced-motion:reduce){
  .vc-reverence::backdrop{animation:none!important}
  html[data-silk-charged]::after{opacity:0;transition:none}
}
