.hero_Root__TMWpw{display:flex;flex-direction:column;align-items:center;width:100%;-webkit-user-select:none;user-select:none}.hero_Root__TMWpw,.hero_Root__TMWpw *{box-sizing:border-box;font-synthesis:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-reduced-motion:no-preference){.hero_Piece__xNM_L[data-drag-preview][data-ending-style]{transition:translate .2s cubic-bezier(.2,0,0,1)}}.hero_Actions__M0Stu{display:flex;justify-content:flex-end;width:100%;max-width:28rem;min-height:1.25rem}.hero_Reset__2oy06{padding:0;border:0;background:transparent;color:oklch(55.6% 0 0deg);font:inherit;font-size:.875rem;line-height:1.25rem;text-decoration:underline;text-underline-offset:2px;cursor:pointer;@media (prefers-color-scheme:dark){color:oklch(70.8% 0 0deg)}@media (hover:hover){&:hover{color:oklch(14.5% 0 0deg);@media (prefers-color-scheme:dark){color:white}}}&:focus-visible{outline:2px solid oklch(14.5% 0 0deg);outline-offset:2px;@media (prefers-color-scheme:dark){outline-color:white}}}.hero_Tray__2HgJ9{display:grid;grid-template-columns:repeat(3,1fr);width:100%;max-width:28rem;padding:.75rem 0}.hero_TraySlot__Pax2K{display:grid;height:4rem;place-items:center}.hero_Board__FBAVw{display:grid;grid-template-columns:repeat(3,1fr);width:100%;max-width:28rem;padding:.75rem;border:1px solid oklch(92.2% 0 0deg);background-color:oklch(98.5% 0 0deg);@media (prefers-color-scheme:dark){border-left-color:oklch(37.1% 0 0deg);border-bottom-color:oklch(37.1% 0 0deg);border-right-color:oklch(37.1% 0 0deg);border-top-color:oklch(37.1% 0 0deg);background-color:oklch(20.5% 0 0deg)}}.hero_Target__pm1fo{display:grid;height:6rem;place-items:center;&[data-accepting] .hero_Cutout__uNDog{background-color:oklch(87% 0 0deg);@media (prefers-color-scheme:dark){background-color:oklch(43.9% 0 0deg)}}&[data-drag-over] .hero_Cutout__uNDog{background-color:oklch(70.8% 0 0deg);@media (prefers-color-scheme:dark){background-color:oklch(55.6% 0 0deg)}}}.hero_Cutout__uNDog,.hero_Piece__xNM_L{grid-area:1/1;width:3.5rem;height:3.5rem;&[data-shape=circle]{border-radius:50%}&[data-shape=triangle]{clip-path:polygon(50% 4%,96% 96%,4% 96%)}}.hero_Piece__xNM_L{z-index:1;border:0;background-color:oklch(14.5% 0 0deg);cursor:grab;transition:opacity .15s;@media (prefers-color-scheme:dark){background-color:white}&:focus-visible{outline:2px solid oklch(14.5% 0 0deg);outline-offset:4px;@media (prefers-color-scheme:dark){outline-color:white}}&[data-dragging]{opacity:0}}.hero_Cutout__uNDog{background-color:oklch(92.2% 0 0deg);transition:background-color .15s;@media (prefers-color-scheme:dark){background-color:oklch(37.1% 0 0deg)}}
/*# sourceMappingURL=30f0f2ac0e37f1b2.css.map*/