.distro .ph__pre{color:var(--volt)}.distro .ph__title{font-size:.598em}@media (width>=861px){.distro .ph--post .ph__support{top:calc(var(--name) * .958)}}.distro .ph__post{color:var(--volt)}.distro .ph__lock{--word:5.493}.distro .ph__unit{z-index:1;left:var(--unit-x,92%);top:var(--unit-y,-.534em);width:var(--unit-w,5.66em);pointer-events:none;max-width:none;height:auto;animation:dx-unit 1.4s var(--ease-out) .3s both;position:absolute;transform:translate(-50%);-webkit-mask-image:linear-gradient(#000 30%,#0000 56%);mask-image:linear-gradient(#000 30%,#0000 56%)}@keyframes dx-unit{0%{opacity:0;transform:translate(-38%)}to{opacity:1;transform:translate(-50%)}}@media (prefers-reduced-motion:reduce){.distro .ph__unit{animation:none}}@media (width<=860px){.distro .ph__lock{--name:min(140px, calc((100vw - 2 * var(--gut)) / 5.56));--inset:var(--stem)}.distro .ph__name{flex-direction:column;padding-bottom:0;display:flex}.distro .ph__title{flex:1;justify-content:flex-start;align-items:flex-start}.distro .ph__support{margin-top:8px;position:relative;top:auto;bottom:auto}.distro .ph__unit{object-fit:contain;width:auto;max-width:125%;height:calc(100% - .47em);animation-name:dx-unit-up;top:.47em;left:50%;-webkit-mask-image:linear-gradient(#000 70%,#0000 98%);mask-image:linear-gradient(#000 70%,#0000 98%)}@keyframes dx-unit-up{0%{opacity:0;transform:translate(-50%,6%)}to{opacity:1;transform:translate(-50%)}}}
