html{box-sizing:border-box;min-height:100%}*,:before,:after{box-sizing:inherit}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100%;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}a{color:#007bff;background-color:#0000;font-weight:300;text-decoration:none;display:block}a.url{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}a:hover{text-decoration:underline}.container{max-width:880px;margin-left:auto;margin-right:auto;padding-left:40px;padding-right:40px}@media only screen and (width<=800px){.container{max-width:none}}.flex-row{flex-direction:row;display:flex}.flex-column{flex-direction:column;display:flex}.text-center{text-align:center}.align-items-center{align-items:center}.align-items-end{align-items:end}.justify-content-center{justify-content:center}.justify-content-end{justify-content:end}.justify-content-space-between,.space-between{justify-content:space-between}.loading{text-align:center;font-size:2rem;font-weight:100}.navbar{min-height:64px;padding-bottom:12px}.navbar img.avatar{border:1px solid #262626;border-radius:50%;width:40px;height:40px;margin-top:12px;margin-right:12px}.navbar .btn-down{cursor:pointer;justify-self:end}.navbar .btn-down:hover img.avatar{border-color:#fff}.navbar .dropdown{cursor:default;background-color:#fff;border:1px solid #00000050;border-radius:12px 0 12px 12px;min-width:200px;padding-top:12px;position:absolute;top:56px;right:12px;overflow:hidden}.navbar .dropdown hr{border-color:#00000050 #00000050 currentColor;border-bottom-style:none;border-bottom-width:medium}.navbar .dropdown .text{padding-bottom:4px;padding-left:12px;padding-right:12px;font-size:.92rem;font-weight:200;line-height:1.2rem}.navbar .dropdown .button{cursor:pointer;border-top:1px solid #00000050;padding-top:12px;padding-bottom:12px;font-weight:300}.navbar .dropdown .button:hover{color:#fff;background-color:#00000080}.line-login-button{-webkit-user-select:none;user-select:none;touch-action:manipulation;cursor:pointer;background-color:#0000;border:none;margin-right:12px;padding:0}.line-login-button img{height:44px;display:block}.line-login-button img.hover,.line-login-button img.press{display:none}.line-login-button:hover img.hover{display:block}.line-login-button:hover img.base,.line-login-button:hover img.press{display:none}.line-login-button:active img.press{display:block}.line-login-button:active img.base,.line-login-button:active img.hover{display:none}.google-login-button{-webkit-user-select:none;user-select:none;touch-action:manipulation;cursor:pointer;background-color:#0000;border:1px solid #0000002d;border-radius:8px;margin-right:12px;padding:0 32px 0 0;overflow:hidden}.google-login-button img{border-right:1px solid #0000002d;height:44px}.google-login-button .text{color:#000000df;margin-top:auto;margin-bottom:auto;margin-left:32px;font-size:1rem;font-weight:500}.home{min-height:100vh;padding-top:40px}.home.empty{padding-top:30vh}.home{padding-bottom:28px}.home .title,.home .subtitle{font-weight:100}.home .title{margin-bottom:20px;font-size:1.8rem}.home .subtitle{margin-bottom:24px;font-size:1.5rem}.home .login-button-group{margin-bottom:20px}.home .list-item{border-width:.5px;border-color:#00000050;border-bottom-style:solid;padding:8px 4px}.home .list-item:hover{background-color:#00000004}.home .list-item:hover .title{color:#000}.home .list-item:hover a{color:#006bef}.home .list-item .title{color:#000000d0;cursor:default;margin-bottom:4px;font-size:1.1rem;font-weight:300}.home .list-item .title .username{color:#000000df;font-size:.9rem;font-weight:200}.home .list-item a{font-size:.92rem}.records{padding-bottom:28px}.records .list-item{border-width:.5px;border-color:#00000050;border-bottom-style:solid;padding:12px 4px}.records .list-item.new{min-height:80px}.records .list-item:hover{background-color:#00000004}.records .list-item:hover .title{color:#000}.records .list-item:hover a{color:#006bef}.records .list-item .title{color:#000000d0;cursor:default;font-size:1.1rem;font-weight:300}.records .list-item .title .icon-public{color:#000;margin-right:4px}.records .list-item a{margin-right:auto;font-size:.92rem}.records .list-item .content-left{flex-grow:1;margin-bottom:8px}.records .list-item button{text-align:center;-webkit-user-select:none;user-select:none;touch-action:manipulation;cursor:pointer;background-color:#0000;border:none;border-radius:50%;width:28px;height:30px;font-size:.85rem}.records .list-item button:hover:not(.disabled){font-size:1.2rem}.records .list-item button.disabled{cursor:not-allowed}.records .list-item input:not([type=checkbox]){background-color:#0000;border-width:0 0 1px;border-color:#00000050;width:100%;font-size:.9rem;line-height:20px}.records .list-item input:not([type=checkbox]):focus{outline:0}.records .list-item label.checkbox{cursor:pointer;-webkit-user-select:none;user-select:none;width:20px;height:25px;display:flex}.records .list-item label.checkbox:hover{font-size:1.2rem}.records .list-item label.checkbox input[type=checkbox]:not(:checked)~span.on,.records .list-item label.checkbox input[type=checkbox]:checked~span.off{display:none}.records button.new{cursor:pointer;background-color:#0000;border:none;margin-left:auto;font-size:1.2rem}.records button.new:hover{font-size:1.3rem}
