.PicFasionSquare{width:36px;height:36px;border-bottom:1px solid transparent;border-right:1px solid transparent;flex-shrink:0}.PicFasionSquare-active{background-color:#9e6eed1a}.FasionPlayActive .FasionPlayRight:after,.FasionPlayActive:after{content:"";position:absolute;z-index:10;inset:0}.FasionPlaySquare1,.FasionPlaySquare2{display:inline-block;border:1px solid #1f1f1f;border-radius:28px}.FasionPlaySquare1{--primaryColor:#f2833b;background-color:var(--primaryColor)}.FasionPlaySquare1Active{animation:changeColor 4.5s cubic-bezier(.4,0,.2,1) forwards;transform:translateZ(0)}.FasionPlaySquare2{--primaryColor:#ffd400;background-color:var(--primaryColor)}.FasionPlaySquare2Active{animation:changeColor 6s cubic-bezier(.4,0,.2,1) forwards;transform:translateZ(0)}.FasionPlaySBActive{animation:fasionHeight .6s linear}.FasionPlayYQActive{animation:fasionBig .6s linear}@keyframes changeColor{0%,14%,24%,34%,46%,6%,62%,80%,to{background-color:var(--primaryColor)}10%,19%,29%,3%,40%,54%,71%,90%{background-color:transparent}}@keyframes fasionHeight{0%{height:180px}50%{height:85px}to{height:180px}}@keyframes fasionBig{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}