:root .zzz.scheme-1{--color-1:var(--shock-white-color);--color-2:var(--color)}:root .zzz.scheme-2{--color-1:var(--shock-black-color);--color-2:var(--color)}:root .zzz.scheme-3{--color-1:var(--color);--color-2:var(--shock-white-color)}:root .scheme-light .zzz{--color-1:var(--shock-white-color);--color-2:var(--color)}:root .scheme-dark .zzz{--color-1:var(--shock-black-color);--color-2:var(--color)}.zzz{position:relative;z-index:0;width:0;height:15px;display:block;opacity:.5}.zzz.active{animation:width-animation 1s forwards;animation-delay:.4s}.zzz.over-text{bottom:20px}.zzz.large{height:32px}.zzz::before,.zzz::after{content:'';position:absolute;left:0;width:inherit;height:inherit;background-size:15px 100%;top:1px;background-image:linear-gradient(45deg,var(--color-1) 35%,transparent 0),linear-gradient(-45deg,var(--color-1) 35%,transparent 0)}.zzz.large::before,.zzz.large::after{background-size:32px 100%}.zzz::before{top:-1px;background-image:linear-gradient(45deg,var(--color-2) 35%,transparent 0),linear-gradient(-45deg,var(--color-2) 35%,transparent 0)}