@keyframes Slide{0%{transform:translateX(0);}25%{transform:translateX(180px);}50%{transform:translateX(360px);}75%{transform:translateX(540px);}100%{transform:translateX(720px);}}@keyframes Board{0%{transform:rotate3d(1,-1,.25,20deg);}50%{transform:rotate3d(1,-1,.25,30deg);}100%{transform:rotate3d(1,-1,.25,20deg);}}@keyframes BoardLTR{0%{transform:rotate3d(-1,-1,.25,-20deg);}50%{transform:rotate3d(-1,-1,.25,-30deg);}100%{transform:rotate3d(-1,-1,.25,-20deg);}}@keyframes D1A{0%{left:60px;transform:rotate(0);}100%{left:-20px;transform:rotate(200deg);}}@keyframes D1B{0%{transform:translateY(0) rotate(200deg);}50%{transform:translateY(3px) rotate(200deg);}100%{transform:translateY(0) rotate(200deg);}}@keyframes D2A{0%{right:60px;transform:rotate(0);}100%{right:-28px;transform:rotate(200deg);}}@keyframes D2B{0%{transform:translateY(0) rotate(200deg);}50%{transform:translateY(3px) rotate(200deg);}100%{transform:translateY(0) rotate(200deg);}}@keyframes D3{0%{top:40px;right:40px;}100%{top:60px;right:-35px;}}@keyframes D4{0%{bottom:20px;left:40px;}100%{bottom:40px;left:-45px;}}[guidance-board-wrapper]{perspective:1000px;position:relative;direction:rtl;display:flex;justify-content:center;align-items:center;}[guidance-board-wrapper] [decor]{position:absolute;z-index:1;}[guidance-board-wrapper] [decor="1"],[guidance-board-wrapper] [decor="2"]{width:48px;height:48px;display:grid;grid-template-columns:repeat(4,1fr);}[guidance-board-wrapper] [decor="1"] span,[guidance-board-wrapper] [decor="2"] span{display:block;width:4px;height:4px;background:var(--color-mono-150,#d9d9d9);border-radius:2px;}[guidance-board-wrapper] [decor="1"]{top:60px;right:-35px;transform:rotate(45deg);animation:D3 1.5s ease-in-out forwards;}[guidance-board-wrapper] [decor="2"]{bottom:40px;left:-45px;transform:rotate(45deg);animation:D4 1.5s ease-in-out forwards;}[guidance-board-wrapper] [board]{position:relative;width:190px;height:270px;overflow:hidden;user-select:none;border:6px solid #fff;outline:3px solid var(--color-primary-400,#417aba);border-radius:.5rem;transform:rotate3d(1,-1,.25,30deg);z-index:2;animation:Board 10s ease-in-out infinite;}[guidance-board-wrapper] [board][direction="ltr"],[dir="ltr"] [guidance-board-wrapper] [board]{transform:rotate3d(-1,-1,.25,-30deg);animation:BoardLTR 10s ease-in-out infinite;}[guidance-board-wrapper] [board] span{position:absolute;display:flex;animation:Slide 10s ease-in-out infinite;}[guidance-board-wrapper] [board] img{width:180px;}[guidance-board-wrapper] [board].WithButton{animation:none;transform:none;}[guidance-board-wrapper] [button]{position:absolute;bottom:0;font-size:16px;width:100%;transform:translateY(calc(100% - 4px));z-index:3;padding:.5rem 1rem;border-radius:0 0 .5rem .5rem;font-weight:bold;outline:3px solid var(--color-primary-400,#417aba);color:var(--color-primary-400,#417aba);background:#fff;text-align:center;}[dir="ltr"] [guidance-board-wrapper] [button]{direction:ltr;}