@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(45deg,#e9446e,#535bf2);font-family:Montserrat,sans-serif}#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 20px 30px}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}.add-trick-form{margin-bottom:3.5rem;display:flex;gap:3px}.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%;background:#fff;color:#fff;border-radius:5px;overflow:hidden}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 th{background:#333}.trick-order{font-weight:600}.trick-name a{display:flex;align-items:center;gap:24px;width:100%}.trick-name .trick-explanation{display:flex;align-items:center;margin-left:auto;margin-right:10px;opacity:0;transition:opacity .3s ease}table tbody tr:hover .trick-name .trick-explanation{opacity:1}.trick-name .trick-explanation svg{width:20px;height:20px}.checkbox-column{min-width:206px;position:relative}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,.checkbox-column .completed-date,.totalCompleted{display:none}.completed{text-align:center}.checkbox-column{min-width:unset}.checkbox-container{justify-content:center}}