/* Approved continuous energy and generated silver avatar frame. */
.story-energy .panel-actions .platform-link{
  --button-silhouette: url("/assets/links/story-energy-v1/youtube-silhouette.svg?v=3");
  --rail-inset: 19%;
  --motion-offset: 0s;
  border: 0;
  box-shadow: none;
  filter: none;
  -webkit-tap-highlight-color: transparent;
  touch-action: pan-y pinch-zoom;
}
.story-energy .panel-actions [data-platform="tiktok"]{
  --button-silhouette: url("/assets/links/story-energy-v1/tiktok-silhouette.svg?v=3");
  --rail-inset: 17.4%;
  --motion-offset: -3.2s;
}
.story-energy .panel-actions .platform-link:hover,.story-energy .panel-actions .platform-link:active,.story-energy .panel-actions .platform-link.is-down{
  border: 0;
  box-shadow: none;
  background: none;
  filter: none;
}
.story-energy .panel-actions .platform-link:not(:focus-visible){ outline: none; }
.story-energy .panel-actions .platform-link:hover{ transform: none; }
.story-energy .panel-actions .platform-link::before{
  display: none;
  border: 0;
  box-shadow: none;
  background: #051321;
}
.story-energy .button-art i{
  -webkit-mask-image: var(--button-silhouette);
  mask-image: var(--button-silhouette);
  -webkit-mask-size: auto 185%;
  mask-size: auto 185%;
  -webkit-mask-position: left 42%;
  mask-position: left 42%;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
}
.story-energy .button-art i:nth-child(2){
  -webkit-mask-size: 190% 185%;
  mask-size: 190% 185%;
  -webkit-mask-position: center 42%;
  mask-position: center 42%;
}
.story-energy .button-art i:nth-child(3){
  -webkit-mask-position: right 42%;
  mask-position: right 42%;
}
.story-energy [data-platform="tiktok"] .button-art i{
  -webkit-mask-size: auto 165%;
  mask-size: auto 165%;
  -webkit-mask-position-y: 43.7%;
  mask-position: left 43.7%;
}
.story-energy [data-platform="tiktok"] .button-art i:nth-child(2){
  -webkit-mask-size: 190% 165%;
  mask-size: 190% 165%;
  -webkit-mask-position: center 43.7%;
  mask-position: center 43.7%;
}
.story-energy [data-platform="tiktok"] .button-art i:nth-child(3){
  -webkit-mask-position: right 43.7%;
  mask-position: right 43.7%;
}
.story-energy .panel-heading{
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: center;
  gap: 14px;
  width: 100%;
  text-align: center;
}
.story-energy .panel-avatar{
  flex: 0 0 auto;
  align-self: center;
  margin: 0 auto;
}
.story-energy .panel-copy{
  display: block;
  flex: 0 1 auto;
  min-width: 0;
  width: 100%;
  max-width: 720px;
  text-align: center;
}
.story-energy .panel-copy h3,.story-energy .panel-label{ text-align: center; }
.story-energy .panel-copy .panel-description{
  width: 100%;
  max-width: 680px;
  margin: 13px auto 0;
  text-align: center;
  text-wrap: pretty;
}
.story-energy .panel-badge{ display: none; }
@media (max-width: 600px){.story-energy .panel-heading{ gap: 12px; }
.story-energy .panel-label{ margin: 0 0 8px; }
.story-energy .panel-copy h3{ text-wrap: balance; }}
.story-energy .panel-actions .platform-link .button-art,.story-energy .panel-actions .platform-link:hover .button-art,.story-energy .panel-actions .platform-link:focus-visible .button-art{
  filter: none;
  box-shadow: none;
}
.story-energy .button-art i:first-child,.story-energy .button-art i:last-child{
  animation: crystal-feather-light 6.4s ease-in-out var(--motion-offset) infinite;
}
.story-energy .button-art i:last-child{ animation-delay: calc(var(--motion-offset) - 1.1s); }
.story-energy .button-vfx::before,.story-energy .button-vfx::after{
  content: "";
  position: absolute;
  left: 17%;
  top: var(--rail-inset);
  width: 13%;
  height: 2px;
  border: 0;
  border-radius: 50%;
  background: linear-gradient(90deg, transparent, #e6fcff, transparent);
  opacity: 0;
  transform: translateX(-100%);
  animation: crystal-rail-light 6.4s cubic-bezier(.2, 0, .2, 1) var(--motion-offset) infinite;
}
.story-energy .button-vfx::after{
  top: auto;
  bottom: var(--rail-inset);
  animation-direction: reverse;
  animation-delay: calc(var(--motion-offset) - 1.2s);
}
.story-energy .panel-actions .platform-link .button-glint{ opacity: .48; }
.story-energy .panel-actions .platform-icon{
  transition: transform 180ms cubic-bezier(.2, 0, 0, 1), filter 180ms ease;
}
.story-energy .panel-actions .platform-link:hover .platform-icon,.story-energy .panel-actions .platform-link:focus-visible .platform-icon{
  box-shadow: inset 0 1px #ffffff55, 0 3px 10px #0008;
}
@media (hover: hover) and (pointer: fine){.story-energy .panel-actions .platform-link:hover .button-art{ filter: brightness(1.09); }
.story-energy .panel-actions .platform-link:hover .platform-icon{
    transform: translateY(-1px) scale(1.055);
    filter: brightness(1.12);
  }}
.story-energy .panel-actions .platform-link:focus-visible{
  outline: 2px solid #e2f3fa;
  outline-offset: 2px;
}
.story-energy .panel-actions .platform-link:focus-visible .button-glint::after,.story-energy .panel-actions .platform-link.is-down .button-glint::after{
  transform: translateX(130%);
}
.story-energy .panel-actions .press-feedback{
  inset: 24% 15%;
  border: 0;
  box-shadow: none;
  background: radial-gradient(ellipse, #b8eaff33, transparent 72%);
}
.story-energy .panel-actions .platform-link.is-down,.story-energy .panel-actions .platform-link:active{
  transform: translateY(1px) scale(.985);
}
.story-energy .panel-actions .platform-link.is-down .button-art,.story-energy .panel-actions .platform-link:active .button-art{ filter: brightness(1.28); }
.story-energy .panel-actions .platform-link.is-down .platform-icon,.story-energy .panel-actions .platform-link:active .platform-icon{ transform: scale(.94); }
.story-energy .panel-actions .platform-link.is-down::before,.story-energy .panel-actions .platform-link:active::before{
  background: #0c2537;
  box-shadow: none;
}
.story-energy[data-motion="reduced"] .button-vfx::before,.story-energy[data-motion="reduced"] .button-vfx::after{ display: none; }
@media (prefers-reduced-motion: reduce){.story-energy .button-vfx::before,.story-energy .button-vfx::after{ display: none; }
.story-energy .panel-actions .platform-link,.story-energy .panel-actions .platform-link:hover,.story-energy .panel-actions .platform-link:active,.story-energy .panel-actions .platform-link.is-down,.story-energy .panel-actions .platform-link .platform-icon,.story-energy .panel-actions .platform-link:hover .platform-icon,.story-energy .panel-actions .platform-link:active .platform-icon,.story-energy .panel-actions .platform-link.is-down .platform-icon{ transform: none; }}
.creator-grid .story-energy{ scroll-margin-top:112px; }
.story-energy .button-art i{ animation:none!important; }
.story-energy .button-glint,.story-energy .button-vfx>.vfx-stars{ display:none!important; }
.story-energy .button-vfx::before,.story-energy .button-vfx::after{ content:none!important; animation:none!important; }
.story-energy .panel-actions .platform-link:hover .button-base,.story-energy .panel-actions .platform-link:focus-visible .button-base{ filter:none; }
.story-energy .panel-actions .platform-link:hover .platform-icon,.story-energy .panel-actions .platform-link:focus-visible .platform-icon{ transform:none; filter:none; box-shadow:inset 0 1px #ffffff55,0 3px 10px #0008; }
.story-energy .panel-actions .platform-link:hover{ transform:none; }
.story-energy .panel-actions .platform-link{ --spot-x:50%; --spot-y:50%; --left-light:1; --right-light:1; }
.story-energy .panel-actions .button-base{ transition:filter 240ms ease; }
.story-energy .panel-actions .button-base i{ transition:filter 150ms ease; }
.story-energy .panel-actions .platform-link.is-engaged .button-base{ filter:brightness(1.07); }
.story-energy .fx-orbit{ position:absolute; inset:0; width:100%; height:100%; overflow:visible; z-index:4; pointer-events:none; opacity:0; transition:opacity 220ms ease; }
.story-energy .fx-orbit path{ fill:none; stroke-linecap:round; stroke-dasharray:78 922; }
.story-energy .orbit-trail{ stroke:var(--button-accent); stroke-width:5px; opacity:.32; }
.story-energy .orbit-head{ stroke:#ecfcff; stroke-width:1.6px; }
.story-energy[data-hover-style=current] .is-engaged .fx-orbit{ opacity:.9; }
.story-energy[data-hover-style=current] .is-engaged .fx-orbit path{ animation:wing-current-travel 3200ms linear infinite; }
@keyframes wing-current-travel{ from { stroke-dashoffset:1000; } to { stroke-dashoffset:0; } }
.story-energy .panel-actions .platform-link.is-down,.story-energy .panel-actions .platform-link:active{ transform:translateY(1px) scale(.985); }
.story-energy .panel-actions .platform-link.is-down .button-base,.story-energy .panel-actions .platform-link:active .button-base{ filter:brightness(1.14); }
.story-energy .panel-actions .platform-link.is-down .platform-icon,.story-energy .panel-actions .platform-link:active .platform-icon{ transform:scale(.96); }
.story-energy[data-motion=paused] .fx-orbit,.story-energy[data-motion=reduced] .fx-orbit{ opacity:0!important; }
@media (prefers-reduced-motion:reduce){.story-energy .fx-orbit{ display:none!important; }
.story-energy .panel-actions .platform-link,.story-energy .panel-actions .platform-link:hover,.story-energy .panel-actions .platform-link:active,.story-energy .panel-actions .platform-link.is-down,.story-energy .panel-actions .platform-link .platform-icon{ transform:none!important; }}
.story-energy .panel-heading{ gap:7px; }
.story-energy .panel-avatar{
  position:relative; width:148px; height:148px; flex:0 0 auto;
  border:0; padding:0; border-radius:0; background:none; box-shadow:none;
}
.story-energy .avatar-photo{
  position:absolute; left:10.2%; top:10.2%; width:79.6%; height:76%;
  border-radius:28%; overflow:hidden; background:#071524;
}
.story-energy .avatar-photo img{ width:100%; height:100%; border-radius:0; object-fit:cover; }
.story-energy .avatar-generated-frame,.story-energy .avatar-current{ position:absolute; inset:0; display:block; width:100%; height:100%; overflow:visible; pointer-events:none; }
.avatar-generated-frame{ z-index:1; }
.avatar-current{ z-index:2; opacity:.7; transition:opacity 240ms ease; }
.avatar-current rect{ fill:none; stroke-linecap:round; stroke-dasharray:48 952; animation:avatar-current-travel 7s linear infinite; }
.avatar-current-trail{ stroke:#47d6ff; stroke-width:13; opacity:.25; }
.avatar-current-head{ stroke:#dffbff; stroke-width:4.5; }
@keyframes avatar-current-travel{ from { stroke-dashoffset:1000; } to { stroke-dashoffset:0; } }
.story-energy[data-motion=reduced] .avatar-current{ display:none; }
@media (max-width:600px){.story-energy .panel-avatar{ width:126px; height:126px; }
.story-energy .panel-heading{ gap:8px; }}
@media (prefers-reduced-motion:reduce){.story-energy .avatar-current{ display:none; }}
@media(max-width:900px){.story-energy .panel-actions .platform-link .button-art{grid-template-columns:76px minmax(0,1fr) 76px}}