.peel-code{background:#e9e9e9;border:1px dashed;border-radius:0 .1875rem .1875rem;color:#101110;direction:rtl;display:block;font-weight:500;height:100%;line-height:2.5;overflow:hidden;padding:0 .45rem 0 0;position:absolute;right:0;text-align:right;top:0;transition:width .2s}.has-code{clear:right;color:#fff;position:relative}.has-code .peel-code{animation:peelLength 2s infinite}@keyframes peelLength{0%{width:1.4rem}50%{width:2.25rem}to{width:1.4rem}}@keyframes animateBefore{0%{background-position:0 .375rem;transform:rotate(22deg) translateY(-.625rem) scaleX(.9)}50%{background-position:0 0;transform:rotate(15deg) translate(-.5rem,-.1875rem) scaleX(1)}to{background-position:0 .375rem;transform:rotate(22deg) translateY(-.625rem) scaleX(.9)}}@keyframes animateAfter{0%{right:.645rem}50%{right:1.575rem}to{right:.645rem}}.has-code:before{animation:animateBefore 2s infinite;background-position:0 .375rem;background-repeat:no-repeat;border-radius:0 0 .2125rem .3125rem;height:2.875rem;right:-.275rem;top:.1rem;transform:rotate(22deg) translateY(-.625rem) scaleX(.9);transition:background-position .2s,transform .2s;width:2.325rem;z-index:2}.has-code:after,.has-code:before{content:"";display:block;position:absolute}.has-code:after{animation:animateAfter 2s infinite;background:#007c10;bottom:0;height:.625rem;right:.5625rem;transform:skew(32deg);transition:right .2s;width:.9375rem}.excl-hasanim:before{background-image:linear-gradient(38deg,#cbd5e1,#94a3b8 49%,transparent 50%,transparent)}.excl-hasanim:after{background:#334155}.hasanim:before{background-image:linear-gradient(38deg,#fca5a5,#f87171 49%,transparent 50%,transparent)}.hasanim:after{background:#b91c1c}