/*
! tailwindcss v3.0.7 | MIT License | https://tailwindcss.com
*/body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.modal{display:block;position:fixed;text-align:center;top:33.333333%;width:100%;z-index:50}.modal>div{--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(31 41 55/var(--tw-bg-opacity));border-radius:.375rem;color:rgb(255 255 255/var(--tw-text-opacity));margin:auto;padding:.5rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;z-index:50}.ReactModal__Body--open,.ReactModal__Html--open,.ReactModal__Overlay--after-open,.ReactModal__Overlay--before-close{z-index:50}.content-list{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(2,minmax(0,1fr))}.item>.thumbnail{border-width:0;display:block;height:8rem;margin:0;padding:0}.item>.title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.thumbnail>img{height:100%;object-fit:cover;width:100%}.tabs-container::-webkit-scrollbar{display:none}.tabs-container{display:flex;flex-wrap:nowrap;overflow-x:auto;width:100%}.tabs-container>.tab{flex-shrink:0;padding:.5rem 1rem}.tabs-container>.active{--tw-border-opacity:1;border-bottom-width:4px;border-color:rgb(0 0 0/var(--tw-border-opacity))}.loading{--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity));padding:1rem;text-align:center}
/*
! tailwindcss v3.0.7 | MIT License | https://tailwindcss.com
*/*,:after,:before{border:0 solid;box-sizing:border-box}:after,:before{--tw-content:""}html{-webkit-text-size-adjust:100%;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;line-height:1.5;-moz-tab-size:4;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr[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,pre,samp{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{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{color:inherit;font-family:inherit;font-size:100%;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-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,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}textarea{resize:vertical}input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#9ca3af;opacity:1}input:-ms-input-placeholder,textarea:-ms-input-placeholder{color:#9ca3af;opacity:1}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]{display:none}*,:after,:before{--tw-border-opacity:1;--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-backdrop-blur:var(--tw-empty,/*!*/ /*!*/);--tw-backdrop-brightness:var(--tw-empty,/*!*/ /*!*/);--tw-backdrop-contrast:var(--tw-empty,/*!*/ /*!*/);--tw-backdrop-grayscale:var(--tw-empty,/*!*/ /*!*/);--tw-backdrop-hue-rotate:var(--tw-empty,/*!*/ /*!*/);--tw-backdrop-invert:var(--tw-empty,/*!*/ /*!*/);--tw-backdrop-opacity:var(--tw-empty,/*!*/ /*!*/);--tw-backdrop-saturate:var(--tw-empty,/*!*/ /*!*/);--tw-backdrop-sepia:var(--tw-empty,/*!*/ /*!*/);--tw-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);border-color:rgb(229 231 235/var(--tw-border-opacity))}.mx-2{margin-left:.5rem;margin-right:.5rem}.mb-4{margin-bottom:1rem}.mt-4{margin-top:1rem}.h-1{height:.25rem}.h-60{height:15rem}.w-full{width:100%}.flex-none{flex:none}.p-2{padding:.5rem}.p-4{padding:1rem}.px-2{padding-left:.5rem;padding-right:.5rem}.text-center{text-align:center}.leading-10{line-height:2.5rem}.text-gray-200{--tw-text-opacity:1;color:rgb(229 231 235/var(--tw-text-opacity))}.app-footer{--tw-border-opacity:1;--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);border-color:rgb(229 231 235/var(--tw-border-opacity));border-top-width:1px;bottom:0;box-shadow:0 0 #0000,0 0 #0000,var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);position:fixed;width:100%}.app-tab-bar{--tw-backdrop-blur:blur(8px);-webkit-backdrop-filter:var(--tw-backdrop-filter);backdrop-filter:var(--tw-backdrop-filter);background-color:hsla(0,0%,100%,.7);display:flex}.app-tab-bar>.item{--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity));flex:1 1;padding-bottom:.25rem;padding-top:.25rem;text-align:center}.app-tab-bar>.item.active{--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity))}.app-tab-bar>.item>.name{font-size:.875rem;line-height:1.25rem}.app-container{padding-bottom:2rem}.login-container{--tw-border-opacity:1;--tw-backdrop-blur:blur(8px);-webkit-backdrop-filter:var(--tw-backdrop-filter);backdrop-filter:var(--tw-backdrop-filter);background-color:rgba(229,231,235,.3);border-bottom-color:rgb(229 231 235/var(--tw-border-opacity));border-bottom-width:1px;border-top-color:rgb(249 250 251/var(--tw-border-opacity));border-top-width:1px;padding-bottom:1rem;padding-top:1rem;z-index:10}.login-container .form{margin-left:1rem;margin-right:1rem;padding-left:1rem;padding-right:1rem}.login-container .form>.form-item{margin-top:.5rem}.login-container .form>.form-item:first-child{margin-top:0}.login-container .form>.form-item>label{display:block;padding-bottom:.5rem;padding-top:.5rem}.login-container .form>.form-item>.form-input{--tw-border-opacity:1;--tw-shadow:inset 0 2px 4px 0 rgba(0,0,0,.05);--tw-shadow-colored:inset 0 2px 4px 0 var(--tw-shadow-color);border-color:rgb(107 114 128/var(--tw-border-opacity));border-radius:.25rem;border-width:1px;box-shadow:0 0 #0000,0 0 #0000,var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);padding:.5rem .5rem .5rem 2rem;position:relative}.login-container .form>.form-item>.form-input>i{--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity));left:.5rem;position:absolute}.login-container .form>.form-item>.form-input>input{background-color:transparent;width:100%}.login-container .form>.form-item>.desc{--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity));font-size:.875rem;line-height:1.25rem}.login-container .form>.form-submit{display:flex;margin-top:2.5rem}.login-container .form>.form-submit>.button{--tw-border-opacity:1;--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);border-color:rgb(243 244 246/var(--tw-border-opacity)) rgb(209 213 219/var(--tw-border-opacity)) rgb(209 213 219/var(--tw-border-opacity)) rgb(243 244 246/var(--tw-border-opacity));border-radius:.375rem;border-width:1px;box-shadow:0 0 #0000,0 0 #0000,var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);flex:1 1;padding-bottom:.5rem;padding-top:.5rem;text-align:center}.login-container .form>.form-submit>.button.primary{--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(31 41 55/var(--tw-bg-opacity));color:rgb(255 255 255/var(--tw-text-opacity))}.login-container .form>.form-submit>.button.default{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.login-container .form>.form-submit>.button.simple{--tw-border-opacity:1;--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity));border-color:rgb(31 41 55/var(--tw-border-opacity));flex:1 1 auto}@-webkit-keyframes bg-roll{0%{background-position:0 0}to{background-position:784px -577px}}@keyframes bg-roll{0%{background-position:0 0}to{background-position:784px -577px}}.login-page{height:100%;position:fixed;width:100%;z-index:10}.login-page>.login-page-logo{--tw-gradient-from:#374151;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,rgba(55,65,81,0));--tw-gradient-to:#1f2937;--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);background-image:linear-gradient(to bottom right,var(--tw-gradient-stops));border-radius:.5rem;box-shadow:0 0 #0000,0 0 #0000,var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);margin:2.5rem auto;width:25%}.login-page-bg{-webkit-animation:bg-roll 40s linear infinite;animation:bg-roll 40s linear infinite;background-image:url(/static/media/bg.809495c92a44d042dcaf.jpg);background-repeat:repeat;background-size:784px 577px;height:2000px;left:-300px;opacity:.3;position:fixed;top:-300px;-webkit-transform:rotate(-20deg);transform:rotate(-20deg);width:2000px;z-index:0}.profile{--tw-gradient-from:#374151;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,rgba(55,65,81,0));--tw-gradient-to:#1f2937;--tw-text-opacity:1;--tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color);background-image:linear-gradient(to bottom right,var(--tw-gradient-stops));border-radius:.375rem;box-shadow:0 0 #0000,0 0 #0000,var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);color:rgb(255 255 255/var(--tw-text-opacity));padding-left:1rem;padding-right:1rem}.profile-base{padding-bottom:1rem;padding-top:1rem}#profile-nickname{font-size:1.25rem;font-weight:700;line-height:1.75rem;margin-bottom:.5rem}#profile-invite-code{--tw-border-opacity:1;border-color:rgb(255 255 255/var(--tw-border-opacity));border-radius:.25rem;border-width:1px;display:inline-block;font-size:.875rem;line-height:1.25rem;padding:.25rem}#profile-score{display:flex}#profile-score>:not([hidden])~:not([hidden]){--tw-divide-x-reverse:0;--tw-divide-opacity:1;border-color:rgb(75 85 99/var(--tw-divide-opacity));border-left-width:calc(1px*(1 - var(--tw-divide-x-reverse)));border-right-width:calc(1px*var(--tw-divide-x-reverse))}#profile-score,#profile-score>.item{padding-bottom:.5rem;padding-top:.5rem}#profile-score>.item{flex:1 1;text-align:center}#profile-score>.item>.name{--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity));font-size:.75rem;line-height:1rem}#profile-score>.item>.val{font-size:1.875rem;font-weight:700;line-height:2.25rem}.profile-control-panel>:not([hidden])~:not([hidden]){--tw-divide-y-reverse:0;--tw-divide-opacity:1;border-bottom-width:calc(1px*var(--tw-divide-y-reverse));border-color:rgb(209 213 219/var(--tw-divide-opacity));border-top-width:calc(1px*(1 - var(--tw-divide-y-reverse)))}.profile-control-panel{--tw-border-opacity:1;--tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color);border-color:rgb(156 163 175/var(--tw-border-opacity));border-radius:.375rem;border-width:1px;box-shadow:0 0 #0000,0 0 #0000,var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.profile-control-panel>.item{display:block;padding:1rem}.invite-card{--tw-gradient-from:#374151;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,rgba(55,65,81,0));--tw-gradient-to:#1f2937;--tw-text-opacity:1;--tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color);background-image:linear-gradient(to bottom right,var(--tw-gradient-stops));border-radius:.375rem;box-shadow:0 0 #0000,0 0 #0000,var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);color:rgb(255 255 255/var(--tw-text-opacity));padding:1rem;text-align:center}.invite-card>.code{font-size:1.5rem;font-weight:700;line-height:2rem;padding:.5rem}.invite-card>.desc{--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity));font-size:.875rem;line-height:1.25rem}.invite-list{margin-top:1rem}.invite-list>.title{font-size:1.5rem;font-weight:700;line-height:2rem}.invite-list>.desc{--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity));font-size:.875rem;line-height:1.25rem;padding-bottom:.5rem;padding-top:.5rem}.invite-list>.list>:not([hidden])~:not([hidden]){--tw-divide-y-reverse:0;--tw-divide-opacity:1;border-bottom-width:calc(1px*var(--tw-divide-y-reverse));border-color:rgb(209 213 219/var(--tw-divide-opacity));border-top-width:calc(1px*(1 - var(--tw-divide-y-reverse)))}.invite-list>.list{--tw-border-opacity:1;border-color:rgb(156 163 175/var(--tw-border-opacity));border-radius:.375rem;border-width:1px}.invite-list>.list>.item{padding:.5rem}.invite-list>.list>.item>.date{float:right}.jump-to-invite{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);border-radius:.25rem;border-width:1px;padding:.5rem}.content,.jump-to-invite{box-shadow:0 0 #0000,0 0 #0000,var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.content{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)}.content>.title{--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(31 41 55/var(--tw-bg-opacity));color:rgb(255 255 255/var(--tw-text-opacity));padding:.5rem}
/*# sourceMappingURL=main.cc21b366.css.map*/