@import"https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Noto+Sans+JP:wght@600&display=swap";:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}body{margin:0;padding:0;box-sizing:border-box;background:#222;color:#fff;font-family:sans-serif;display:block;background:#e9446e;background:linear-gradient(270deg,#e9446e,#535bf2);font-family:Montserrat,sans-serif;cursor:url(/cursors/ken-brown-mouse.png) 5 5,auto!important;-webkit-cursor:url(/cursors/ken-brown-mouse.png) 5 5,auto!important;transition:all .3s ease-in-out}label.animated-checkbox{cursor:url(/cursors/ken-brown-mouse.png) 5 5,auto!important;-webkit-cursor:url(/cursors/ken-brown-mouse.png) 5 5,auto!important;transition:all .3s ease-in-out}a{cursor:url(/cursors/ken-brown-mouse.png) 5 5,auto!important;-webkit-cursor:url(/cursors/ken-brown-mouse.png) 5 5,auto!important;transition:all .3s ease-in-out}#root{margin:0;width:100%;max-width:100%;padding:0 20px 100px;box-sizing:border-box;background-color:transparent}.login-wrapper{display:flex;justify-content:end;gap:10px;padding:20px 0 20px 20px}@media screen and (max-width: 991px){.login-wrapper p{display:none}}a{color:#535bf2;width:fit-content;position:relative}a:hover{color:#535bf2}h1{font-size:35px;text-align:center;margin-bottom:2.5rem;margin-top:3rem}h1 span.jp{font-family:Noto Sans JP,sans-serif;font-weight:600}.admin-form-wrapper{display:none}.add-trick-form{margin-bottom:3.5rem;display:flex;gap:3px;flex-wrap:wrap}@media screen and (max-width: 991.98px){.add-trick-form{flex-flow:column}}.add-trick-form input{min-height:40px}.add-trick-form select,.add-trick-form textarea{min-height:46px}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em ##e9446e)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}.app-container{padding:2rem;font-family:sans-serif}.loginForm{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;gap:10px}.loginForm input[type=email],.loginForm input[type=password]{width:300px;padding:10px;border:1px solid #ccc;border-radius:4px;font-size:16px}.button-wrapper{display:flex;gap:10px}.kendama-checklist{width:1000px;margin-left:auto;margin-right:auto;max-width:100%;text-align:left}.kendama-checklist table{border-collapse:collapse;width:100%;color:#fff;border-radius:5px;overflow:hidden}table tbody tr{background-color:#fff}table tbody tr{transition:all .3s ease-in-out}table tbody tr:nth-child(2n){background-color:#f4f4f4}table tbody tr td:first-child{color:#222;border-right:solid .5px #d5d5d5}.kendama-checklist th,.kendama-checklist td{padding:12px;text-align:left;font-size:16px}.kendama-checklist td{color:#222}.kendama-checklist .checkbox-container{display:flex;align-items:center}.kendama-checklist .completed-date{margin-left:9px;color:#666;font-size:.75rem;z-index:1;transition:all .3s ease-in-out}.kendama-checklist .totalCompleted{opacity:.3;margin-left:3px;font-size:12px}.kendama-checklist .completed{display:flex;gap:10px;align-items:center}.kendama-checklist .completed .toggle-completed{width:18px;height:18px;display:inline-block;margin-left:auto}.kendama-checklist .completed .toggle-completed svg{width:100%;height:100%;object-fit:contain;object-position:center}body:not(.hide-completed-tricks) .kendama-checklist .completed .toggle-completed .hide-completed{display:block}body:not(.hide-completed-tricks) .kendama-checklist .completed .toggle-completed .show-completed{display:none}body.hide-completed-tricks .kendama-checklist .completed .toggle-completed .show-completed{display:block}body.hide-completed-tricks .kendama-checklist .completed .toggle-completed .hide-completed,body.hide-completed-tricks tr.completed-trick{display:none}.kendama-checklist th{background:#333}.trick-order,.trick-name,.trick-name strong{font-weight:600}.trick-name a{display:flex;align-items:center;gap:24px;width:100%;color:#222;width:fit-content}@media screen and (max-width: 576px){.trick-name a{gap:12px}}.trick-name a strong,.trick-name a .trick-explanation{z-index:1}.trick-name a:after{content:"";display:block;position:absolute;left:50%;top:50%;width:0px;height:0px;border-radius:8px;background-color:#e6e8fc;opacity:0;transition:all .3s ease-in-out;pointer-events:none;transform:translate(-50%,-50%)}.trick-name a:hover:after{opacity:1;width:calc(100% + 11px);height:calc(100% + 11px)}.trick-name .trick-explanation{display:flex;align-items:center;opacity:0;transition:opacity .3s ease;position:relative}.trick-name a .trick-explanation:after{content:"";width:0px;height:0px;position:absolute;left:50%;top:50%;display:block;transform:translate(-50%,-50%);border-radius:50%}.trick-name a:hover .trick-explanation:after{width:30px;height:30px}table tbody tr:hover .trick-name .trick-explanation{opacity:1}.trick-name .trick-explanation svg{width:20px;height:20px;z-index:1}.difficulty{text-align:center;padding-left:30px;padding-right:30px}.difficulty-icon{font-size:20px;position:relative;width:20px;height:20px;display:block}@media screen and (max-width: 576px){th.difficulty,th.completed{text-align:center}.difficulty-icon{margin-left:auto;margin-right:auto}.difficulty{display:none}}.top-bar-wrapper{display:flex;justify-content:space-between;align-items:center}.what-is-kendama{padding-top:10px;padding-bottom:10px}.what-is-kendama .kendama{position:relative;display:inline}.what-is-kendama .kendama:after{content:"";display:block;position:absolute;left:0;bottom:-2px;width:100%;height:1px;background-color:#fff;transition:all .3s ease-in-out;overflow:hidden}.what-is-kendama:hover .kendama:after{width:0px}.kendama-explained{position:absolute;top:70px;left:20px;text-align:left;background-color:#fff;padding:20px;border-radius:4px;color:#222;width:700px;max-width:calc(100% - 80px);transform:translate(-120%);z-index:2;transition:all .3s ease-in-out;box-shadow:0 0 5px #00000080;-webkit-box-shadow:0px 0px 5px 0px rgba(0,0,0,.5);-moz-box-shadow:0px 0px 5px 0px rgba(0,0,0,.5)}.what-is-kendama:hover .kendama-explained{transform:translate(0)}.kendama-explained .inner-content{display:flex;gap:20px;align-items:center}.kendama-explained .inner-content .col-left{width:50%;background-color:#585aed26;padding:20px;height:100%;min-height:360px;justify-content:center;display:flex;flex-flow:column}.kendama-explained .inner-content .col-left h2{margin-top:0;margin-bottom:0;line-height:1}.kendama-explained .inner-content .col-right{width:50%}.kendama-explained .inner-content .col-right img{width:100%;object-fit:contain;object-position:center}@media screen and (max-width: 991px){.kendama-explained{padding-top:0}.kendama-explained .inner-content .col-left,.kendama-explained .inner-content .col-right{min-height:unset;width:100%}.kendama-explained .inner-content{flex-flow:column}}.difficulty-icon.beginner,.difficulty-icon.intermediate{filter:brightness(0) saturate(100%) invert(57%) sepia(96%) saturate(377%) hue-rotate(89deg) brightness(96%) contrast(93%)}.difficulty-icon.pro{filter:brightness(0) saturate(100%) invert(38%) sepia(49%) saturate(4467%) hue-rotate(323deg) brightness(98%) contrast(85%)}.checkbox-column{min-width:206px;position:relative;height:20px;transition:all .3s ease-in-out}td.checkbox-column.active .inner-checkbox-wrapper:after{opacity:0}td.checkbox-column.active .completed-date{color:#fff}td.checkbox-column.active:before{content:"";background-color:#e9446e;position:absolute;top:0;left:0;height:100%;animation:fillThenHide 1.3s ease-in-out forwards}@keyframes fillThenHide{0%{width:0%;opacity:1}40%{width:100%;opacity:1}80%{width:100%;opacity:1}to{opacity:0}}.hidden-checkbox{display:none}.animated-checkbox{display:inline-block;width:16px;height:16px;border:2px solid #666;border-radius:4px;position:relative;cursor:pointer;transition:border-color .3s ease-in-out;z-index:1;background-color:#fff}.inner-checkbox-wrapper{width:30px;height:30px;display:flex;justify-content:center;position:relative;align-items:center;margin-left:-5px}.inner-checkbox-wrapper:after{content:"";display:block;position:absolute;left:50%;top:50%;width:0px;height:0px;border-radius:8px;background-color:#e6e8fc;opacity:0;transition:all .3s ease-in-out;pointer-events:none;transform:translate(-50%,-50%)}.inner-checkbox-wrapper:hover:after{width:35px;height:35px;opacity:1}.hidden-checkbox:checked+.inner-checkbox-wrapper .animated-checkbox{border-color:#e9446e;background-color:#e9446e}.hidden-checkbox:focus+.animated-checkbox:after{opacity:1}.animated-checkbox:before{content:"";position:absolute;left:5px;top:1px;width:4px!important;height:8px!important;border:solid #FFF;border-width:0 2px 2px 0;opacity:0;transform:rotate(45deg) scale(0);transition:opacity .3s ease-in-out,transform .3s ease-in-out}.hidden-checkbox:checked+.inner-checkbox-wrapper .animated-checkbox:before{opacity:1;transform:rotate(45deg) scale(1)}@media screen and (max-width: 768px){.kendama-checklist .description{display:none}.trick-name .trick-explanation{opacity:1}}@media screen and (max-width: 576px){.kendama-checklist .trick-order,.totalCompleted{display:none}.checkbox-container{flex-flow:column}.checkbox-container .completed-date{margin-left:0;margin-top:1px}.checkbox-container span{display:none}.completed{text-align:center}.checkbox-column{min-width:unset}.checkbox-container{justify-content:center}}