@charset "UTF-8";*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;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-feature-settings:normal;font-variation-settings:normal;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-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([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}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}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}[hidden]:where(:not([hidden=until-found])){display:none}body{min-height:100vh;background-image:linear-gradient(to bottom right,var(--tw-gradient-stops));--tw-gradient-from: #eef2ff var(--tw-gradient-from-position);--tw-gradient-to: rgb(238 242 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), #fff var(--tw-gradient-via-position), var(--tw-gradient-to);--tw-gradient-to: #ecfeff var(--tw-gradient-to-position);font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji"}.cell,.cell-default{position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:.75rem;border-width:2px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s cubic-bezier(.4,0,.2,1);aspect-ratio:1;min-width:40px;min-height:40px}.grid .cell-default{min-width:calc(min(500px,80vmin) / var(--grid-size, 4) - 15px);min-height:calc(min(500px,80vmin) / var(--grid-size, 4) - 15px)}@media (min-width: 769px){.grid .cell-default{min-width:calc(min(500px,70vmin) / var(--grid-size, 4) - 12px);min-height:calc(min(500px,70vmin) / var(--grid-size, 4) - 12px)}}@media (max-width: 768px){.grid .cell-default{min-width:calc(min(95vw,85vh) / var(--grid-size, 4) - 15px);min-height:calc(min(95vw,85vh) / var(--grid-size, 4) - 15px)}.cell-default{border-width:2px;border-radius:12px}}@media (max-width: 480px){.grid .cell-default{min-width:calc(min(98vw,80vh) / var(--grid-size, 4) - 10px);min-height:calc(min(98vw,80vh) / var(--grid-size, 4) - 10px)}.cell-default{border-radius:8px}}@media (prefers-reduced-motion: reduce){.cell-default{transition:none}}.cell-default:focus-visible{outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-color: rgb(99 102 241 / var(--tw-ring-opacity, 1));--tw-ring-opacity: .5}.cell-default{cursor:pointer;--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1));background-color:#fffc;--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.cell-default:hover{--tw-border-opacity: 1;border-color:rgb(165 180 252 / var(--tw-border-opacity, 1));background-color:#ffffffe6;--tw-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.cell-default{transform:translateY(0)}.cell-default:hover{transform:translateY(-2px);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.cell-x{position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:.75rem;border-width:2px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s cubic-bezier(.4,0,.2,1);aspect-ratio:1;min-width:40px;min-height:40px}.grid .cell-x{min-width:calc(min(500px,80vmin) / var(--grid-size, 4) - 15px);min-height:calc(min(500px,80vmin) / var(--grid-size, 4) - 15px)}@media (min-width: 769px){.grid .cell-x{min-width:calc(min(500px,70vmin) / var(--grid-size, 4) - 12px);min-height:calc(min(500px,70vmin) / var(--grid-size, 4) - 12px)}}@media (max-width: 768px){.grid .cell-x{min-width:calc(min(95vw,85vh) / var(--grid-size, 4) - 15px);min-height:calc(min(95vw,85vh) / var(--grid-size, 4) - 15px)}.cell-x{border-width:2px;border-radius:12px}}@media (max-width: 480px){.grid .cell-x{min-width:calc(min(98vw,80vh) / var(--grid-size, 4) - 10px);min-height:calc(min(98vw,80vh) / var(--grid-size, 4) - 10px)}.cell-x{border-radius:8px}}@media (prefers-reduced-motion: reduce){.cell-x{transition:none}}.cell-x:focus-visible{outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-color: rgb(99 102 241 / var(--tw-ring-opacity, 1));--tw-ring-opacity: .5}.cell-x{cursor:default;--tw-border-opacity: 1;border-color:rgb(96 165 250 / var(--tw-border-opacity, 1));background-image:linear-gradient(to bottom right,var(--tw-gradient-stops));--tw-gradient-from: #eff6ff var(--tw-gradient-from-position);--tw-gradient-to: rgb(239 246 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);--tw-gradient-to: #e0e7ff var(--tw-gradient-to-position);--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);box-shadow:0 10px 15px -3px #3b82f633,0 4px 6px -2px #3b82f61a}.cell-o{position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:.75rem;border-width:2px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s cubic-bezier(.4,0,.2,1);aspect-ratio:1;min-width:40px;min-height:40px}.grid .cell-o{min-width:calc(min(500px,80vmin) / var(--grid-size, 4) - 15px);min-height:calc(min(500px,80vmin) / var(--grid-size, 4) - 15px)}@media (min-width: 769px){.grid .cell-o{min-width:calc(min(500px,70vmin) / var(--grid-size, 4) - 12px);min-height:calc(min(500px,70vmin) / var(--grid-size, 4) - 12px)}}@media (max-width: 768px){.grid .cell-o{min-width:calc(min(95vw,85vh) / var(--grid-size, 4) - 15px);min-height:calc(min(95vw,85vh) / var(--grid-size, 4) - 15px)}.cell-o{border-width:2px;border-radius:12px}}@media (max-width: 480px){.grid .cell-o{min-width:calc(min(98vw,80vh) / var(--grid-size, 4) - 10px);min-height:calc(min(98vw,80vh) / var(--grid-size, 4) - 10px)}.cell-o{border-radius:8px}}@media (prefers-reduced-motion: reduce){.cell-o{transition:none}}.cell-o:focus-visible{outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-color: rgb(99 102 241 / var(--tw-ring-opacity, 1));--tw-ring-opacity: .5}.cell-o{cursor:default;--tw-border-opacity: 1;border-color:rgb(251 113 133 / var(--tw-border-opacity, 1));background-image:linear-gradient(to bottom right,var(--tw-gradient-stops));--tw-gradient-from: #fff1f2 var(--tw-gradient-from-position);--tw-gradient-to: rgb(255 241 242 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);--tw-gradient-to: #fce7f3 var(--tw-gradient-to-position);--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);box-shadow:0 10px 15px -3px #f43f5e33,0 4px 6px -2px #f43f5e1a}.cell-win{--tw-border-opacity: 1 !important;border-color:rgb(251 191 36 / var(--tw-border-opacity, 1))!important;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-color: rgb(251 191 36 / var(--tw-ring-opacity, 1));--tw-ring-opacity: 1;animation:pulse-win 1s ease-in-out infinite;box-shadow:0 0 0 4px #fbbf24,0 0 30px #fbbf2499,0 0 60px #fbbf244d!important;background:linear-gradient(135deg,#fbbf241a,#f59e0b33)}@keyframes pulse-win{0%{transform:scale(1);box-shadow:0 0 0 4px #fbbf24,0 0 30px #fbbf2499,0 0 60px #fbbf244d}50%{transform:scale(1.05);box-shadow:0 0 0 8px #fbbf24,0 0 40px #fbbf24cc,0 0 80px #fbbf2466}to{transform:scale(1);box-shadow:0 0 0 4px #fbbf24,0 0 30px #fbbf2499,0 0 60px #fbbf244d}}.game-status{position:absolute;top:-6rem;left:50%;--tw-translate-x: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));background-image:linear-gradient(to right,var(--tw-gradient-stops));--tw-gradient-from: #4f46e5 var(--tw-gradient-from-position);--tw-gradient-to: rgb(79 70 229 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);--tw-gradient-to: #9333ea var(--tw-gradient-to-position);-webkit-background-clip:text;background-clip:text;font-size:2.25rem;line-height:2.5rem;font-weight:900;color:transparent;text-shadow:0 4px 8px rgba(0,0,0,.15);letter-spacing:.05em;animation:status-glow 2s ease-in-out infinite alternate;white-space:nowrap;min-width:-moz-max-content;min-width:max-content;width:100vw;text-align:center;display:flex;justify-content:center;align-items:center;line-height:1.3;height:auto;min-height:56px;padding:12px 0;overflow:visible}@keyframes status-glow{0%{filter:drop-shadow(0 0 5px rgba(99,102,241,.3))}to{filter:drop-shadow(0 0 10px rgba(147,51,234,.4))}}.reset-button{bottom:4rem;left:50%;cursor:pointer;border-radius:1rem;border-style:none;padding:1rem 3rem;font-size:1.25rem;line-height:1.75rem;font-weight:700;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1));transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s;background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 12px 25px #00000026,0 6px 12px #0000001a;transform:translate(-50%);position:fixed;overflow:hidden;z-index:1000;min-width:200px;letter-spacing:.025em}.reset-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.reset-button:hover{transform:translate(-50%,-2px);box-shadow:0 12px 20px #00000026,0 6px 8px #0000001a;background:linear-gradient(135deg,#5a6fd8,#6b5b95)}.reset-button:hover:before{left:100%}.reset-button:active{transform:translate(-50%);box-shadow:0 6px 10px #0000001a,0 3px 4px #0000000d}.icon{transition:all .3s ease;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.grid{width:min(80vw,70vh);height:min(80vw,70vh);max-width:min(500px,80vmin);max-height:min(500px,80vmin);display:grid;position:absolute!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important;filter:drop-shadow(0 25px 50px rgba(0,0,0,.15))}.grid .cell{min-width:calc(min(500px,80vmin) / var(--grid-size, 4) - 15px);min-height:calc(min(500px,80vmin) / var(--grid-size, 4) - 15px)}@media (min-width: 769px){.grid{width:min(70vw,60vh);height:min(70vw,60vh);max-width:500px;max-height:500px}.grid .cell{min-width:calc(min(500px,70vmin) / var(--grid-size, 4) - 12px);min-height:calc(min(500px,70vmin) / var(--grid-size, 4) - 12px)}.game-status{font-size:3rem!important;top:-110px!important;line-height:1.3!important;min-height:70px!important;padding:12px 0!important;overflow:visible!important}.reset-button{bottom:40px!important}}@media (max-width: 768px){.grid{width:min(95vw,85vh);height:min(95vw,85vh);max-width:none;max-height:none}.grid .cell{min-width:calc(min(95vw,85vh) / var(--grid-size, 4) - 15px);min-height:calc(min(95vw,85vh) / var(--grid-size, 4) - 15px)}.game-status{font-size:2.5rem!important;font-weight:900!important;position:absolute!important;top:-90px!important;left:50%!important;transform:translate(-50%)!important;width:auto!important;text-align:center!important;white-space:nowrap!important;line-height:1.3!important;min-height:60px!important;padding:10px 0!important;overflow:visible!important}.reset-button{font-size:1.25rem!important;padding:16px 32px!important;width:80%!important;max-width:300px!important;position:fixed!important;bottom:20px!important;left:50%!important;transform:translate(-50%)!important}.cell{border-width:2px!important;border-radius:12px!important}.icon{width:min(2rem,60%)!important;height:min(2rem,60%)!important}}@media (max-width: 480px){.grid{width:min(98vw,80vh);height:min(98vw,80vh)}.grid .cell{min-width:calc(min(98vw,80vh) / var(--grid-size, 4) - 10px);min-height:calc(min(98vw,80vh) / var(--grid-size, 4) - 10px)}.game-status{font-size:2rem!important;top:-70px!important;line-height:1.3!important;min-height:50px!important;padding:8px 0!important;overflow:visible!important}.reset-button{font-size:1.125rem!important;padding:14px 28px!important;width:85%!important;bottom:100px!important}.cell{border-radius:8px!important}.icon{width:min(1.5rem,50%)!important;height:min(1.5rem,50%)!important}}@media (prefers-color-scheme: dark){body{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops));--tw-gradient-from: #111827 var(--tw-gradient-from-position);--tw-gradient-to: rgb(17 24 39 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);--tw-gradient-to: rgb(31 41 55 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), #1f2937 var(--tw-gradient-via-position), var(--tw-gradient-to);--tw-gradient-to: #111827 var(--tw-gradient-to-position)}.cell-default{--tw-border-opacity: 1;border-color:rgb(75 85 99 / var(--tw-border-opacity, 1));background-color:#1f2937cc}.cell-default:hover{--tw-border-opacity: 1;border-color:rgb(129 140 248 / var(--tw-border-opacity, 1));background-color:#374151e6}.cell-x{--tw-border-opacity: 1;border-color:rgb(59 130 246 / var(--tw-border-opacity, 1));background-image:linear-gradient(to bottom right,var(--tw-gradient-stops));--tw-gradient-from: rgb(30 58 138 / .5) var(--tw-gradient-from-position);--tw-gradient-to: rgb(30 58 138 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);--tw-gradient-to: rgb(55 48 163 / .5) var(--tw-gradient-to-position)}.cell-o{--tw-border-opacity: 1;border-color:rgb(244 63 94 / var(--tw-border-opacity, 1));background-image:linear-gradient(to bottom right,var(--tw-gradient-stops));--tw-gradient-from: rgb(136 19 55 / .5) var(--tw-gradient-from-position);--tw-gradient-to: rgb(136 19 55 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);--tw-gradient-to: rgb(157 23 77 / .5) var(--tw-gradient-to-position)}.game-status{background-image:linear-gradient(to right,var(--tw-gradient-stops));--tw-gradient-from: #818cf8 var(--tw-gradient-from-position);--tw-gradient-to: rgb(129 140 248 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);--tw-gradient-to: #c084fc var(--tw-gradient-to-position)}}@media (prefers-reduced-motion: reduce){.cell{transition:none}.cell-win,.game-status{animation:none}.reset-button:before{transition:none}}.cell:focus-visible{outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-color: rgb(99 102 241 / var(--tw-ring-opacity, 1));--tw-ring-opacity: .5}.reset-button:focus-visible{outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-color: rgb(168 85 247 / var(--tw-ring-opacity, 1));--tw-ring-opacity: .5}.static{position:static}.absolute{position:absolute}.grid{display:grid}.h-12{height:3rem}.w-12{width:3rem}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}[data-theme=light]{--primary-background-color: linear-gradient(45deg, #7175da, #9790f2);--primary-surface: rgba(155, 151, 151, .324);--primary-color: #ffffff;--segundary-color: #f9f9f9;--primary-color-button: #4caf50;--primary-color-button-hover: #3e8e41;--primary-color-text: #ffffff;--primary-select-color: solid rgb(105, 108, 255);--primary-text-color: rgba(50, 71, 92, .6);--primary-text-color-hover: rgba(50, 71, 92, .8);--primary-text-color-active: rgba(50, 71, 92, 1);--primary-text-color-disabled: rgba(50, 71, 92, .4);--primary-text-color-placeholder: rgba(50, 71, 92, .4);--primary-text-color-icon: rgba(50, 71, 92, .6);--primary-text-color-icon-hover: rgba(50, 71, 92, .8);--primary-border-color: solid lightgray;--v-input-control-height: 56px;--v-field-padding-start: 16px;--v-field-padding-end: 16px;--v-field-padding-top: 10px;--v-field-padding-bottom: 5px;--v-field-input-padding-top: calc(var(--v-field-padding-top, 10px) + var(--v-input-padding-top, 0));--v-field-input-padding-bottom: var(--v-field-padding-bottom, 5px);--v-input-chips-margin-top: 2px;--v-scrollbar-offset: inherit}[data-theme=dark]{--primary-color-button: #0ce413;--primary-color-button-hover: #09870d;--primary-color-text: #171515}[data-theme=light][color=blue]{--blue-1: #fbfdff;--blue-2: #f4faff;--blue-3: #e6f4fe;--blue-4: #d5efff;--blue-5: #c2e5ff;--blue-6: #acd8fc;--blue-7: #8ec8f6;--blue-8: #5eb1ef;--blue-9: #0090ff;--blue-10: #0588f0;--blue-11: #0d74ce;--blue-12: #113264}@supports (color: color(display-p3 1 1 1)){@media (color-gamut: p3){[data-theme=light][color=blue]{--blue-1: color(display-p3 .986 .992 .999);--blue-2: color(display-p3 .96 .979 .998);--blue-3: color(display-p3 .912 .956 .991);--blue-4: color(display-p3 .853 .932 1);--blue-5: color(display-p3 .788 .894 .998);--blue-6: color(display-p3 .709 .843 .976);--blue-7: color(display-p3 .606 .777 .947);--blue-8: color(display-p3 .451 .688 .917);--blue-9: color(display-p3 .247 .556 .969);--blue-10: color(display-p3 .234 .523 .912);--blue-11: color(display-p3 .15 .44 .84);--blue-12: color(display-p3 .102 .193 .379)}}}[data-theme=dark][color=blue]{--blue-1: #0d1520;--blue-2: #111927;--blue-3: #0d2847;--blue-4: #003362;--blue-5: #004074;--blue-6: #104d87;--blue-7: #205d9e;--blue-8: #2870bd;--blue-9: #0090ff;--blue-10: #3b9eff;--blue-11: #70b8ff;--blue-12: #c2e6ff}@supports (color: color(display-p3 1 1 1)){@media (color-gamut: p3){[data-theme=dark][color=blue]{--blue-1: color(display-p3 .057 .081 .122);--blue-2: color(display-p3 .072 .098 .147);--blue-3: color(display-p3 .078 .154 .27);--blue-4: color(display-p3 .033 .197 .37);--blue-5: color(display-p3 .08 .245 .441);--blue-6: color(display-p3 .14 .298 .511);--blue-7: color(display-p3 .195 .361 .6);--blue-8: color(display-p3 .239 .434 .72);--blue-9: color(display-p3 .247 .556 .969);--blue-10: color(display-p3 .344 .612 .973);--blue-11: color(display-p3 .49 .72 1);--blue-12: color(display-p3 .788 .898 .99)}}}.flow-panel{display:flex;flex-wrap:wrap;flex:1 1 auto;margin:0;-webkit-user-select:none;-moz-user-select:none;user-select:none}.flow-12{flex:0 0 100%;max-width:100%}.flow-1,.flow-2,.flow-3,.flow-4,.flow-5,.flow-6,.flow-7,.flow-8,.flow-9,.flow-10,.flow-11{width:100%;padding:12px}.order-0{order:0}@media (min-width: 960px){.flow-1{flex:0 0 8.3333333333%;max-width:8.3333333333%}.flow-2{flex:0 0 16.6666666667%;max-width:16.6666666667%}.flow-3{flex:0 0 25%;max-width:25%}.flow-4{flex:0 0 33.3333333333%;max-width:33.3333333333%}.flow-5{flex:0 0 41.6666666667%;max-width:41.6666666667%}.flow-6{flex:0 0 50%;max-width:50%}.flow-7{flex:0 0 58.3333333333%;max-width:58.3333333333%}.flow-8{flex:0 0 66.6666666667%;max-width:66.6666666667%}.flow-9{flex:0 0 75%;max-width:75%}.flow-10{flex:0 0 83.3333333333%;max-width:83.3333333333%}.flow-11{flex:0 0 91.6666666667%;max-width:91.6666666667%}}.scroll-panel{overflow:hidden}.scroll-panel .container-pane-vertical{overflow-y:auto;overflow-x:hidden;flex:1}.scroll-panel .container-pane-horizontal{overflow-x:auto;overflow-y:hidden;flex:1}.scroll-panel .container-pane-both{flex:1;overflow:auto}.scroll-panel[variant=default],.scroll-panel:not([variant]){scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.5) rgba(0,0,0,.1)}.scroll-panel[variant=default] ::-webkit-scrollbar,.scroll-panel:not([variant]) ::-webkit-scrollbar{width:12px;height:12px}.scroll-panel[variant=default] ::-webkit-scrollbar-track,.scroll-panel:not([variant]) ::-webkit-scrollbar-track{background:#0000001a;border-radius:10px}.scroll-panel[variant=default] ::-webkit-scrollbar-thumb,.scroll-panel:not([variant]) ::-webkit-scrollbar-thumb{background:#00000080;border-radius:10px;border:3px solid rgba(0,0,0,.3)}.scroll-panel[variant=default] ::-webkit-scrollbar-thumb:hover,.scroll-panel:not([variant]) ::-webkit-scrollbar-thumb:hover{background:#000000b3}.border-panel{display:grid;height:100vh;grid-template-columns:auto 1fr auto;grid-template-rows:auto 1fr auto}.border-panel[variant=primary]>[slot=top],.border-panel:not([variant])>[slot=top]{grid-column:1/4}.border-panel[variant=primary]>[slot=left],.border-panel:not([variant])>[slot=left]{grid-row:2/3}.border-panel[variant=primary]>[slot=center],.border-panel:not([variant])>[slot=center]{grid-row:2/3;grid-column:2/3}.border-panel[variant=primary]>[slot=right],.border-panel:not([variant])>[slot=right]{grid-row:2/3}.border-panel[variant=primary]>[slot=bottom],.border-panel:not([variant])>[slot=bottom]{grid-column:1/4}.border-panel[variant=secondary]>[slot=top]{grid-column:2/3}.border-panel[variant=secondary]>[slot=left]{grid-row:1/4}.border-panel[variant=secondary]>[slot=center]{grid-row:2/3;grid-column:2/3}.border-panel[variant=secondary]>[slot=right]{grid-row:1/4}.border-panel[variant=secondary]>[slot=bottom]{grid-column:2/3}.table-pagination{width:100%;display:flex;justify-content:end}.table-pagination .pagination-container{display:flex;align-items:center;gap:1rem;padding:8px}.table-pagination .rows-per-page label{margin-right:4px}.table-pagination .page-info{flex:1;text-align:center}.table-pagination .navigation-buttons button{cursor:pointer;padding:6px 10px;margin:0 2px}.table-pagination .navigation-buttons button[disabled]{opacity:.5;cursor:not-allowed}.pagination-container{width:auto}.table-panel{width:100%}.table-panel table{font-family:Arial,sans-serif;border-collapse:collapse;width:100%;table-layout:fixed}.table-panel th,.table-panel td{border:1px solid #dddddd;text-align:left;padding:8px}.table-panel thead{position:sticky;top:0;background-color:#fff;z-index:2}.table-container{max-height:400px;overflow-y:auto;width:100%}.table-panel tbody tr:nth-child(2n){background-color:#ddd}.virtual-scroll-container{position:relative;height:100%;width:100%;overflow-y:scroll}.virtual-scroll-item{height:50px;background-color:#f0f0f0;margin-bottom:10px;display:flex;align-items:center;justify-content:center;font-size:14px;border-radius:4px}#alert-system{display:flex;position:fixed;z-index:1300;inset:0;background-color:transparent;justify-content:flex-end;align-items:flex-end;gap:10px;padding:10px;overflow:hidden;pointer-events:none;flex-direction:column}#alert-system .alert{display:flex;padding:6px 16px;font-size:.875rem;font-family:Roboto,Helvetica,Arial,sans-serif;line-height:1.43;border-radius:4px;letter-spacing:.01071em;background-color:transparent;pointer-events:all;color:#fff;font-weight:500}#alert-system .outlined-error{color:#fab3ae;border:1px solid #f44336}#alert-system .outlined-warning{color:#ffd599;border:1px solid #ff9800}#alert-system .outlined-info{color:#a6d5fa;border:1px solid #2196f3}#alert-system .outlined-success{color:#b7dfb9;border:1px solid #4caf50}#alert-system .icon-outlined-error{color:#f44336}#alert-system .icon-outlined-warning{color:#ff9800}#alert-system .icon-outlined-info{color:#2196f3}#alert-system .icon-outlined-success{color:#4caf50}#alert-system .icon-filled-error,#alert-system .icon-filled-warning,#alert-system .icon-filled-info,#alert-system .icon-filled-success{color:#fff}#alert-system .icon{display:flex;opacity:.9;padding:7px 0;font-size:22px;margin-right:12px}#alert-system .icon svg{font-size:inherit;fill:currentColor;width:1em;height:1em;display:inline-block;font-size:1.5rem;transition:fill .2s cubic-bezier(.4,0,.2,1) 0ms;flex-shrink:0;-webkit-user-select:none;-moz-user-select:none;user-select:none}#alert-system .filled-info{background-color:#2196f3}#alert-system .filled-error{background-color:#f44336}#alert-system .filled-success{background-color:#4caf50}#alert-system .filled-warning{background-color:#ff9800}#alert-system .close-btn{display:flex;align-items:center;justify-content:center;margin-left:10px}#alert-system .close-btn span{cursor:pointer}#alert-system .close-btn span:hover{transform:scale(1.1)}.tc-context-menu{position:fixed;z-index:1300;width:200px;background-color:#1b1a1a}.tc-context-menu .tc-context-menu-item{padding:8px 10px;font-size:15px;color:#eee}.tc-context-menu .tc-context-menu-item:hover{background-color:#555}.tc-context-menu .tc-context-menu-item div{display:inline-block;margin-right:5px}.tc-context-menu .hr{background-color:#555}dialog{border:none;background:none}dialog:focus{outline:none}drop-down input,text-field input{border:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;box-shadow:none}drop-down input:focus,text-field input:focus{outline:none}drop-down,.tc-tf-osu{position:relative;padding:2px;display:flex;flex-direction:row;height:50px}drop-down>fieldset,.tc-tf-osu>fieldset{text-align:left;position:absolute;inset:-5px 0 0;margin:0;padding:0 8px;pointer-events:none;border-radius:inherit;border-style:solid;border-width:1px;overflow:hidden;min-width:0%}drop-down>fieldset>legend,.tc-tf-osu>fieldset>legend{float:unset;width:auto;overflow:hidden;display:block;padding:0;height:11px;font-size:.75em;visibility:hidden;max-width:.01px;margin-left:4px;transition:max-width .2s cubic-bezier(0,0,.2,1) 0ms;white-space:nowrap}drop-down>input,.tc-tf-osu>input{width:-webkit-fill-available;height:100%;outline:none;color:var(--primary-text-color);background-color:transparent}drop-down>input::-moz-placeholder,.tc-tf-osu>input::-moz-placeholder{color:var(--primary-text-color)}drop-down>input::placeholder,.tc-tf-osu>input::placeholder{color:var(--primary-text-color)}drop-down>input~.icon,.tc-tf-osu>input~.icon{position:absolute;top:.1rem;left:1rem;height:100%;display:flex;justify-content:center;color:var(--primary-text-color);align-items:center}drop-down>label,.tc-tf-osu>label{position:absolute;left:1rem;cursor:text;transition:top .2s ease-in,left .2s,font-size .2s;top:.8rem;background:none}drop-down>input:not(:-moz-placeholder)~label,.tc-tf-osu>input:not(:-moz-placeholder)~label{top:-.5rem;left:1.4rem;font-size:.8rem;color:var(--primary-text-color);background:none}drop-down>input:focus~label,drop-down>input:not(:placeholder-shown)~label,.tc-tf-osu>input:focus~label,.tc-tf-osu>input:not(:placeholder-shown)~label{top:-.5rem;left:1.4rem;font-size:.8rem;color:var(--primary-text-color);background:none}drop-down>input:focus~label,.tc-tf-osu>input:focus~label{color:var(--primary-select-color)}drop-down input:focus~fieldset>legend,.tc-tf-osu input:focus~fieldset>legend{max-width:100%;padding-left:10px;padding-right:8px}drop-down input:not(:-moz-placeholder)~fieldset>legend,.tc-tf-osu input:not(:-moz-placeholder)~fieldset>legend{max-width:100%;padding-left:10px;padding-right:8px}drop-down input:focus~fieldset,drop-down input:not(:placeholder-shown)~fieldset>legend,.tc-tf-osu input:focus~fieldset,.tc-tf-osu input:not(:placeholder-shown)~fieldset>legend{max-width:100%;padding-left:10px;padding-right:8px}drop-down>.options-container,.tc-tf-osu>.options-container{background:var(--primary-color);color:var(--primary-text-color);max-height:0;width:96%;opacity:0;transition:all .4s;border-radius:0 0 8px 8px;overflow:hidden;order:1;position:absolute;z-index:100;background-color:var(--primary-color);left:5px!important}drop-down>.options-container.active,.tc-tf-osu>.options-container.active{max-height:240px;opacity:1;right:-5px;left:-5px;overflow-y:scroll}drop-down>.option,.tc-tf-osu>.option{padding:6px 5px 5px;cursor:pointer}drop-down>.option:hover,.tc-tf-osu>.option:hover{background:#ccc}drop-down>.option .radio,.tc-tf-osu>.option .radio{display:none}drop-down[variant=outline] fieldset,drop-down:not([variant]) fieldset,.tc-tf-osu[variant=outline] fieldset,.tc-tf-osu:not([variant]) fieldset{border:1px var(--primary-border-color);border-radius:5px}drop-down[variant=outline]:focus-within fieldset,drop-down:not([variant]):focus-within fieldset,.tc-tf-osu[variant=outline]:focus-within fieldset,.tc-tf-osu:not([variant]):focus-within fieldset{border:1px var(--primary-select-color);border-radius:5px}drop-down[variant=underlined] fieldset,.tc-tf-osu[variant=underlined] fieldset{border:none;border-bottom:1px var(--primary-border-color)}drop-down[variant=underlined]:focus-within fieldset,.tc-tf-osu[variant=underlined]:focus-within fieldset{border:none;border-bottom:1px var(--primary-select-color)}drop-down[variant=solo] fieldset,.tc-tf-osu[variant=solo] fieldset{background-color:var(--primary-color);box-shadow:3px 3px 3px 3px #0000004d;border-radius:5px}drop-down[variant=solo]:focus-within fieldset,.tc-tf-osu[variant=solo]:focus-within fieldset{background-color:var(--primary-select-color)}drop-down[variant=standard] fieldset,.tc-tf-osu[variant=standard] fieldset{border:1px var(--primary-border-color);border-radius:5px}drop-down[variant=standard]:focus-within fieldset,.tc-tf-osu[variant=standard]:focus-within fieldset{background-color:var(--primary-select-color)}drop-down .tc-m-e,.tc-tf-osu .tc-m-e{border:1px solid red!important}drop-down input:invalid,.tc-tf-osu input:invalid{color:#e53e3e}drop-down .tc-m-e:focus,.tc-tf-osu .tc-m-e:focus{border:1px solid red!important}drop-down{padding:12px;display:flex;justify-content:space-between}drop-down .arrow-down{position:relative;width:20px;height:20px;pointer-events:none;transition:transform .3s ease}drop-down .arrow-down.up{transform:rotate(180deg)}drop-down .dropdown-content{box-sizing:border-box;width:100%;left:0;padding:8px;margin-top:10px;border-radius:8px;display:block;position:absolute;top:100%;background-color:#fff;box-shadow:7px 7px 10px #00000026;min-width:120px;z-index:1;max-height:0;visibility:hidden;overflow-y:scroll;transition:max-height .3s ease-out,visibility .22s}drop-down .dropdown-content.pressed{max-height:184px;visibility:visible}drop-down .dropdown-content::-webkit-scrollbar-track{background:#f0f0f0;border-radius:8px}drop-down .dropdown-content::-webkit-scrollbar-thumb{background-color:#320098;border-radius:10px;border:3px solid #f0f0f0}drop-down .dropdown-content::-webkit-scrollbar-thumb:hover{background:#4b39bb}drop-down .dropdown-content::-webkit-scrollbar{width:8px}drop-down .dropdown-content .option{display:flex;justify-content:space-between;padding:12px;border-radius:8px}drop-down .dropdown-content .option:hover{background-color:#3970fe33}drop-down .dropdown-content .option.selected{color:#3970fe}drop-down .dropdown-content .option.selected:after{content:"";width:16px;justify-self:flex-end}.tc-tf-d{display:block;unicode-bidi:isolate}.tc-tf-d input{background-color:transparent;margin-top:.25rem;margin-bottom:.25rem;width:100%;padding:12px 16px;font-size:16px;border:1px solid #dee2e6;border-radius:8px;outline:none;transition:border-color .2s ease-in-out}.tc-tf-d input::-moz-placeholder{color:#dee2e6;font-size:16px}.tc-tf-d input::placeholder{color:#dee2e6;font-size:16px}.tc-tf-d input:focus{border-color:#a0aec0}.tc-tf-d label{font-size:.75rem;line-height:1rem;font-weight:600;color:#2f3237}.tc-tf-d input:invalid:not(:-moz-placeholder){border-color:#e53e3e;color:#e53e3e}.tc-tf-d input:invalid:not(:placeholder-shown){border-color:#e53e3e;color:#e53e3e}.tc-tf-d input:invalid:not(:placeholder-shown)::-moz-placeholder{color:#e53e3e}.tc-tf-d input:invalid:not(:-moz-placeholder)::placeholder{color:#e53e3e}.tc-tf-d input:invalid:not(:placeholder-shown)::placeholder{color:#e53e3e}.tc-tf-d input:focus:invalid:not(:-moz-placeholder){outline:none;border-color:#c53030;box-shadow:0 0 5px #e53e3e80}.tc-tf-d input:focus:invalid:not(:placeholder-shown){outline:none;border-color:#c53030;box-shadow:0 0 5px #e53e3e80}drop-down>label,.tc-tf-osu>label{top:-.6rem;left:1.2rem;font-size:.8rem}drop-down.tc-tf-osu{padding:12px}drop-down>fieldset>legend,.tc-tf-osu>fieldset>legend{max-width:100%;padding-right:1.2rem}.pop-up-button{display:flex;align-items:center;position:relative}.pop-up-button .button{width:20px;height:20px;cursor:pointer}.pop-up-button .options-container{opacity:0;max-height:0;display:flex;flex-direction:column;background-color:#fff;padding:12px;gap:2px;position:absolute;border-radius:16px;box-shadow:4px 4px 4px #cccccc40;top:1%;margin-top:25px;transition:opacity .15s ease-out,max-height .15s ease-out,transform .15s ease-out;transform:scaleY(0);transform-origin:top;overflow:hidden;z-index:100}.pop-up-button .option{width:auto;padding:8px 6px;border-radius:8px;opacity:0;transform:translateY(-10px);transition:opacity .15s ease-out .15s,transform .15s ease-out .15s}.pop-up-button .option:hover{background:#3970fe33;cursor:pointer}.pop-up-button .button.pressed+.options-container{opacity:1;max-height:500px;transform:scaleY(1)}.pop-up-button .button.pressed+.options-container .option{opacity:1;transform:translateY(0)}*{box-sizing:border-box}*:disabled{cursor:not-allowed;pointer-events:none;opacity:.6}h1,h2,h3,h4,h5,h6,label,h3-element{color:var(--primary-text-color)}.vbox{display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:flex-start;align-items:stretch;align-content:stretch}list-element{padding:0;margin:0}list-element ul{margin:0;padding:0;width:auto;overflow-y:auto;max-height:100%}list-element ul li{padding:.5em;display:flex;justify-content:space-between;align-items:center}list-element[variant=secondary] ul li:hover{background-color:var(--primary-surface);color:var(--primary-color-text)}.hbox{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-start;align-items:stretch;align-content:stretch}.card-element,.pane-element{display:grid;padding:12px;margin:0;-webkit-user-select:none;-moz-user-select:none;user-select:none}.card-element{border-radius:5px;box-shadow:0 0 15px #0003;background-color:#fff;padding:20px;display:flex;flex-direction:column;margin-top:20px}.pane{-webkit-user-select:none;-moz-user-select:none;user-select:none;display:flex;max-width:100%;margin:0;overflow:hidden;width:auto;height:auto}icon-element{width:auto;height:auto}.tab-pane-tabs{display:flex;flex-direction:row;overflow-x:auto}.tab-title{text-align:center;padding:15px;margin:0;cursor:pointer}.tab-title-active{padding-bottom:12px;color:var(--primary-select-color)!important;border-bottom:3px solid var(--primary-select-color)}.tab-title-active *{color:var(--primary-select-color)!important}.tab-pane-content{border-top:1px solid var(--primary-text-color);background-color:var(--primary-color);display:relative}.input-element{background-color:#fff;font-size:18px;font-family:Muli,sans-serif;padding:15px;height:50px;width:100%;transition:width .3s ease;border:thin solid currentColor;border-color:#32475c1f;border-radius:5px}.row{display:flex}.column{flex:1;padding:10px;height:300px}@media (max-width: 600px){.row{flex-direction:column}}#app{height:100vh;width:100vw;padding:0;margin:0;display:flex}border-dashed{border-color:#cc2efa!important;border-width:1px!important;border-style:dashed!important;float:right!important;clear:right!important;margin-bottom:10px!important;box-sizing:border-box!important}button{background-color:var(--primary-color-button);border:none;color:var(--primary-color-text);padding:10px 22px;text-align:center;text-decoration:none;display:inline-block;cursor:pointer;font-size:16px;border-radius:5px;margin:5px 2px}button:not([loading]) [item-loading=true]{display:none}button:not([loading]) [item-loading=""]{display:none}button[loading] [item-loading=false]{display:none}button:hover{background-color:var(--primary-color-button-hover)}.grid-element{display:grid;grid-template-columns:auto}.scrolling-div{margin:20px;width:300px;height:200px;overflow:auto;border:1px solid #ccc;padding:10px}.scrolling-div::-webkit-scrollbar{width:12px}.scrolling-div::-webkit-scrollbar-thumb{background-color:#888}.scrolling-div::-webkit-scrollbar-track{background-color:#f1f1f1}.outline-border{border:2px solid var(--primary-text-color);border-radius:5px}.outline-border:focus{border:2px solid var(--primary-select-color);border-radius:5px}.underlined-border{border:none;border-bottom:2px solid var(--primary-text-color)}.underlined-border:focus{border:none;border-bottom:2px solid var(--primary-select-color)}.solo-border{background-color:var(--primary-color);box-shadow:3px 3px 3px 3px #0000004d;border-radius:5px}.solo-border:focus{background-color:var(--primary-color)}check-box{padding:5px;display:flex;flex-direction:row;align-items:center}check-box label{padding-left:5px;cursor:pointer}check-box .checkbox,check-box .radio{width:20px;height:20px;accent-color:var(--primary-select-color)}toggle-button{padding:5px;display:flex;flex-direction:row;align-items:center;height:auto;width:auto;height:35px;min-width:70px}toggle-button label{background-color:var(--primary-text-color);width:100%;height:100%;border-radius:200px;cursor:pointer;position:relative;transition:.3s;display:flex;align-items:center}toggle-button label:before{content:"";position:relative;left:3%;width:30%;height:80%;border-radius:200px;background-color:var(--primary-color);transition:.3s}toggle-button input{display:none}toggle-button input:checked+label:before{justify-content:end;left:67%}toggle-button input:checked~label{background-color:var(--primary-select-color)}select-box{position:relative;display:flex;width:250px;flex-direction:column}input:not(:-moz-placeholder)~label{top:-.1rem;left:1rem;font-size:.8rem;color:var(--primary-text-color)}input:focus~label,input:not(:placeholder-shown)~label{top:-.1rem;left:1rem;font-size:.8rem;color:var(--primary-text-color)}chart-element{width:100%;height:100%;display:flex}chart-element canvas{min-height:0;min-width:0}dialog-element{position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--primary-surface)}dialog-element .content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:100}dialog-element .active{opacity:1;top:50%;transform:translate(-50%,-50%) scale(1);transition:all .3s ease-in-out}divider-element{width:100%;height:1px;background-color:var(--primary-text-color);margin:10px 0}route-view{width:100%;height:100%;position:relative}[hidden]{display:none!important}menu-bar-element{display:flex;width:100%;align-items:center;justify-content:space-around}menu-bar-element nav{height:auto;width:100%;padding:0;margin:0;display:block}menu-bar-element label.logo{color:#fff;font-size:2rem;line-height:auto;padding:0 100px;font-weight:700}menu-bar-element nav ul{float:right;margin:auto;height:100%;padding:0;display:flex;align-items:center}menu-bar-element nav ul li{text-align:center;display:inline-block;margin:5px}menu-bar-element nav ul li a{color:#fff;font-size:17px;padding:7px 13px;border-radius:3px;text-transform:uppercase}menu-bar-element a.active,menu-bar-element a:hover{background:#1b9bff;transition:.5s}menu-bar-element .checkbtn{font-size:2rem;color:#fff;float:right;line-height:auto;margin-right:40px;cursor:pointer;display:none}menu-bar-element #check{display:none}@media (max-width: 952px){menu-bar-element label.logo{font-size:2rem;padding-left:50px}menu-bar-element nav ul li a{font-size:16px}}@media (max-width: 858px){menu-bar-element .checkbtn{display:flex;justify-content:flex-start;align-items:center}menu-bar-element ul{position:fixed;width:100%;height:100vh;background:#2c3e50;top:auto;left:-100%;text-align:center;transition:all .5s;margin-bottom:0;flex-direction:column}menu-bar-element nav ul li{display:block;margin:50px 0 0;line-height:20px}menu-bar-element nav ul li a{font-size:20px}menu-bar-element a:hover,menu-bar-element a.active{background:none;color:#0082e6}menu-bar-element #check:checked~ul{left:0}}menu-bar-element section{background:url(bg1.jpg) no-repeat;background-size:cover;height:calc(100vh - 80px)}.stack-pane{position:relative}.stack-pane>*{position:absolute}.avatar-element{display:flex;justify-content:center;align-items:center;width:60px;height:60px}.avatar-element .avatar{width:100%;height:100%;border-radius:50%;-o-object-fit:cover;object-fit:cover;border:2px solid #ccc;box-shadow:0 4px 8px #0000001a}.lazy-load-text{margin-left:40px;display:flex;border-bottom:1px solid #eaecef;height:200px;padding:1%}.lazy-load-text .img-container{width:15%;padding:20px}.lazy-load-text .img-container .img{border:1px solid white;width:100%;height:100%;background-color:#babbbc}.lazy-load-text .content{border:1px solid white;flex-grow:1;display:flex;flex-direction:column;padding:20px;justify-content:space-between}.lazy-load-text .stripe{border:1px solid white;height:20%;background-color:#babbbc}.lazy-load-text .small-stripe{width:40%}.lazy-load-text .medium-stripe{width:70%}.lazy-load-text .long-stripe{width:100%}@keyframes hintloading{0%{opacity:.5}50%{opacity:1}to{opacity:.5}}.lazy-load-text.loading .img,.lazy-load-text.loading .stripe{animation:hintloading 2s ease-in-out 0s infinite reverse;-webkit-animation:hintloading 2s ease-in-out 0s infinite reverse}