.flip{transition:transform 1s;transform-style:preserve-3d;transform:rotateX(360deg)}@-webkit-keyframes hvr-buzz-out{10%{-webkit-transform:translateX(3px) rotate(2deg);transform:translate(3px) rotate(2deg)}20%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translate(-3px) rotate(-2deg)}30%{-webkit-transform:translateX(3px) rotate(2deg);transform:translate(3px) rotate(2deg)}40%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translate(-3px) rotate(-2deg)}50%{-webkit-transform:translateX(2px) rotate(1deg);transform:translate(2px) rotate(1deg)}60%{-webkit-transform:translateX(-2px) rotate(-1deg);transform:translate(-2px) rotate(-1deg)}70%{-webkit-transform:translateX(2px) rotate(1deg);transform:translate(2px) rotate(1deg)}80%{-webkit-transform:translateX(-2px) rotate(-1deg);transform:translate(-2px) rotate(-1deg)}90%{-webkit-transform:translateX(1px) rotate(0);transform:translate(1px) rotate(0)}to{-webkit-transform:translateX(-1px) rotate(0);transform:translate(-1px) rotate(0)}}@keyframes hvr-buzz-out{10%{-webkit-transform:translateX(3px) rotate(2deg);transform:translate(3px) rotate(2deg)}20%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translate(-3px) rotate(-2deg)}30%{-webkit-transform:translateX(3px) rotate(2deg);transform:translate(3px) rotate(2deg)}40%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translate(-3px) rotate(-2deg)}50%{-webkit-transform:translateX(2px) rotate(1deg);transform:translate(2px) rotate(1deg)}60%{-webkit-transform:translateX(-2px) rotate(-1deg);transform:translate(-2px) rotate(-1deg)}70%{-webkit-transform:translateX(2px) rotate(1deg);transform:translate(2px) rotate(1deg)}80%{-webkit-transform:translateX(-2px) rotate(-1deg);transform:translate(-2px) rotate(-1deg)}90%{-webkit-transform:translateX(1px) rotate(0);transform:translate(1px) rotate(0)}to{-webkit-transform:translateX(-1px) rotate(0);transform:translate(-1px) rotate(0)}}.hvr-buzz-out{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px #0000}.hvr-buzz-out{-webkit-animation-name:hvr-buzz-out;animation-name:hvr-buzz-out;-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:1;animation-iteration-count:1}#grid-container{display:grid;grid-template-rows:1fr auto 1fr;grid-template-columns:1fr auto 1fr;grid-template-areas:". top ." "left main right" ". bottom ."}.flex-container{display:flex;justify-content:space-evenly;margin:2px}#top-container{grid-area:top}#bottom-container{grid-area:bottom}#left-container{flex-direction:column;grid-area:left}#right-container{flex-direction:column;grid-area:right}#box-container{grid-area:main}*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji"}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}:root{--dmd-white: #f4f4f4;--dmd-dark: #202020;--dmd-text-white: #2c3e50;--dmd-text-dark: #ebebeb}:root{--color-background: var(--dmd-white);--color-text: var(--dmd-text-white)}:root.dark{--color-background: var(--dmd-dark);--color-text: var(--dmd-text-dark);color-scheme:dark}@media (prefers-color-scheme: dark){:root{--color-background: var(---dmd-dark);--color-text: var(var(--dmd-text-dark))}}*,*:before,*:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:currentColor;margin:0;padding:0;position:relative;font-weight:400}:root{font-family:Inter,Avenir,Helvetica,Arial,sans-serif;font-size:16px;line-height:24px;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}#app{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}body{min-width:320px;min-height:100vh;margin:0;display:flex;align-items:center;background-color:var(--color-background);color:var(--color-text);transition:background-color .5s}*,:before,:after{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgba(0,0,0,0);--un-ring-shadow:0 0 rgba(0,0,0,0);--un-shadow-inset: ;--un-shadow:0 0 rgba(0,0,0,0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgba(147,197,253,.5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: }::backdrop{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgba(0,0,0,0);--un-ring-shadow:0 0 rgba(0,0,0,0);--un-shadow-inset: ;--un-shadow:0 0 rgba(0,0,0,0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgba(147,197,253,.5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: }@font-face{font-family:DM Mono;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/dmmono/v10/aFTU7PB1QTsUX8KYhh0.ttf) format("truetype")}@font-face{font-family:DM Sans;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/dmsans/v11/rP2Hp2ywxg089UriOZQ.ttf) format("truetype")}@font-face{font-family:"DM Serif Display";font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/dmserifdisplay/v10/-nFnOHM81r4j6k0gjAW3mujVU2B2K_c.ttf) format("truetype")}.dark .dark\:i-carbon-moon,.dark [dark\:i-carbon-moon=""]{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 32 32' width='1.2em' height='1.2em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M13.502 5.414a15.075 15.075 0 0 0 11.594 18.194a11.113 11.113 0 0 1-7.975 3.39c-.138 0-.278.005-.418 0a11.094 11.094 0 0 1-3.2-21.584M14.98 3a1.002 1.002 0 0 0-.175.016a13.096 13.096 0 0 0 1.825 25.981c.164.006.328 0 .49 0a13.072 13.072 0 0 0 10.703-5.555a1.01 1.01 0 0 0-.783-1.565A13.08 13.08 0 0 1 15.89 4.38A1.015 1.015 0 0 0 14.98 3Z'/%3E%3C/svg%3E");mask:var(--un-icon) no-repeat;mask-size:100% 100%;-webkit-mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.2em;height:1.2em}.i-carbon-logo-github,[i-carbon-logo-github=""]{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 32 32' width='1.2em' height='1.2em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' fill-rule='evenodd' d='M16 2a14 14 0 0 0-4.43 27.28c.7.13 1-.3 1-.67v-2.38c-3.89.84-4.71-1.88-4.71-1.88a3.71 3.71 0 0 0-1.62-2.05c-1.27-.86.1-.85.1-.85a2.94 2.94 0 0 1 2.14 1.45a3 3 0 0 0 4.08 1.16a2.93 2.93 0 0 1 .88-1.87c-3.1-.36-6.37-1.56-6.37-6.92a5.4 5.4 0 0 1 1.44-3.76a5 5 0 0 1 .14-3.7s1.17-.38 3.85 1.43a13.3 13.3 0 0 1 7 0c2.67-1.81 3.84-1.43 3.84-1.43a5 5 0 0 1 .14 3.7a5.4 5.4 0 0 1 1.44 3.76c0 5.38-3.27 6.56-6.39 6.91a3.33 3.33 0 0 1 .95 2.59v3.84c0 .46.25.81 1 .67A14 14 0 0 0 16 2Z'/%3E%3C/svg%3E");mask:var(--un-icon) no-repeat;mask-size:100% 100%;-webkit-mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.2em;height:1.2em}.i-carbon-sun,[i-carbon-sun=""]{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 32 32' width='1.2em' height='1.2em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M16 12.005a4 4 0 1 1-4 4a4.005 4.005 0 0 1 4-4m0-2a6 6 0 1 0 6 6a6 6 0 0 0-6-6ZM5.394 6.813L6.81 5.399l3.505 3.506L8.9 10.319zM2 15.005h5v2H2zm3.394 10.193L8.9 21.692l1.414 1.414l-3.505 3.506zM15 25.005h2v5h-2zm6.687-1.9l1.414-1.414l3.506 3.506l-1.414 1.414zm3.313-8.1h5v2h-5zm-3.313-6.101l3.506-3.506l1.414 1.414l-3.506 3.506zM15 2.005h2v5h-2z'/%3E%3C/svg%3E");mask:var(--un-icon) no-repeat;mask-size:100% 100%;-webkit-mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.2em;height:1.2em}.-container{max-width:-100%}.btn,[btn=""]{display:inline-block;cursor:pointer;border-radius:.25rem;--un-bg-opacity:1;background-color:rgba(13,148,136,var(--un-bg-opacity));padding:.125rem 1rem;--un-text-opacity:1;color:rgba(0,0,0,var(--un-text-opacity))}.icon-btn,[icon-btn=""]{display:inline-block;cursor:pointer;user-select:none;font-size:.9em;opacity:.75;outline:2px solid transparent!important;outline-offset:2px!important;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;transition-duration:.2s}.block-div{width:2.5rem;height:2.5rem;cursor:pointer;border-width:1px;border-style:solid;--un-border-opacity:1;border-color:rgba(55,65,81,var(--un-border-opacity));--un-bg-opacity:1;background-color:rgba(209,213,219,var(--un-bg-opacity))}.btn:disabled,[btn=""]:disabled{cursor:default;--un-bg-opacity:1;background-color:rgba(75,85,99,var(--un-bg-opacity));opacity:.5}.dark .block-div{--un-border-opacity:1;border-color:rgba(0,0,0,var(--un-border-opacity));--un-bg-opacity:1;background-color:rgba(75,85,99,var(--un-bg-opacity))}.block-div:hover{--un-bg-opacity:1;background-color:rgba(156,163,175,var(--un-bg-opacity))}.btn:hover,[btn=""]:hover{--un-bg-opacity:1;background-color:rgba(15,118,110,var(--un-bg-opacity))}.dark .btn,.dark [btn=""]{--un-text-opacity:1;color:rgba(255,255,255,var(--un-text-opacity))}.icon-btn:hover,[icon-btn=""]:hover{--un-text-opacity:1;color:rgba(13,148,136,var(--un-text-opacity));opacity:1}@media (min-width: 640px){.-container{max-width:-640px}}@media (min-width: 768px){.-container{max-width:-768px}}@media (min-width: 1024px){.-container{max-width:-1024px}}@media (min-width: 1280px){.-container{max-width:-1280px}}@media (min-width: 1536px){.-container{max-width:-1536px}}.grid{display:grid}.m-0\.25{margin:.0625rem}.m-1,[m-1=""]{margin:.25rem}.m-6,[m-6=""]{margin:1.5rem}.mt-6,[mt-6=""]{margin-top:1.5rem}.block{display:block}.h-10{height:2.5rem}.w-10{width:2.5rem}.w-4em,[w-4em=""]{width:4em}.w-full,[w-full=""]{width:100%}.flex,[flex~="~"]{display:flex}.inline-flex,[inline-flex=""]{display:inline-flex}[flex~=col]{flex-direction:column}.items-center,[items-center=""]{align-items:center}.justify-center,[justify-center=""]{justify-content:center}.justify-evenly,[justify-evenly=""]{justify-content:space-evenly}.gap-2,[gap-2=""]{grid-gap:.5rem;gap:.5rem}.b,.b-1{border-width:1px;border-style:solid}.b-black,.dark .dark\:b-black{--un-border-opacity:1;border-color:rgba(0,0,0,var(--un-border-opacity))}.b-gray-800{--un-border-opacity:1;border-color:rgba(31,41,55,var(--un-border-opacity))}.rd,.rd-1,[rd-1=""]{border-radius:.25rem}.bg-amber-500\/60{background-color:#f59e0b99}.bg-bluegray-300\/90{background-color:#cbd5e1e6}.bg-gray-300{--un-bg-opacity:1;background-color:rgba(209,213,219,var(--un-bg-opacity))}.bg-green-500\/60{background-color:#22c55e99}.bg-rose-400{--un-bg-opacity:1;background-color:rgba(251,113,133,var(--un-bg-opacity))}.bg-yellow-500{--un-bg-opacity:1;background-color:rgba(234,179,8,var(--un-bg-opacity))}.dark .dark\:bg-gray-600{--un-bg-opacity:1;background-color:rgba(75,85,99,var(--un-bg-opacity))}.hover\:bg-fuchsia-500:hover,[hover\:bg-fuchsia-500=""]:hover{--un-bg-opacity:1;background-color:rgba(217,70,239,var(--un-bg-opacity))}[bg~="purple-500/80"]{background-color:#a855f7cc}[p~=x-4]{padding-left:1rem;padding-right:1rem}[p~=y-10]{padding-top:2.5rem;padding-bottom:2.5rem}.pl-2,[pl-2=""]{padding-left:.5rem}.pr-2,[pr-2=""]{padding-right:.5rem}.pt-2,[pt-2=""]{padding-top:.5rem}[text~=center]{text-align:center}.font-sans,[font-sans=""]{font-family:DM Sans,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji"}.text-xl,[text-xl=""]{font-size:1.25rem;line-height:1.75rem}.font-900{font-weight:900}.dark .dark\:text-black,.text-black,[text-black=""]{--un-text-opacity:1;color:rgba(0,0,0,var(--un-text-opacity))}.dark .dark\:text-green-500,.text-green-500{--un-text-opacity:1;color:rgba(34,197,94,var(--un-text-opacity))}.dark .dark\:text-white,.dark [dark\:text-white=""]{--un-text-opacity:1;color:rgba(255,255,255,var(--un-text-opacity))}.dark [text~="dark:gray-200"]{--un-text-opacity:1;color:rgba(229,231,235,var(--un-text-opacity))}[text~=gray-700]{--un-text-opacity:1;color:rgba(55,65,81,var(--un-text-opacity))}.svg-div{width:100%;height:100%;background-size:contain;background-repeat:no-repeat}.black-ball{background-image:url(/black-ball.svg)}.locked-block{background-image:url(/lock-pattern.svg)}.lightpath{background-size:contain}.top-bottom,.bottom-top{background-image:url(/lighting/top-bottom.svg)}.left-right,.right-left{background-image:url(/lighting/left-right.svg)}.top-left,.left-top{background-image:url(/lighting/top-left.svg)}.top-right,.right-top{background-image:url(/lighting/top-right.svg)}.bottom-left,.left-bottom{background-image:url(/lighting/bottom-left.svg)}.bottom-right,.right-bottom{background-image:url(/lighting/bottom-right.svg)}.top-top{background-image:url(/lighting/top-top.svg)}.bottom-bottom{background-image:url(/lighting/bottom-bottom.svg)}.left-left{background-image:url(/lighting/left-left.svg)}.right-right{background-image:url(/lighting/right-right.svg)}