@font-face{font-family:"CircularStd";src:local("Circular Std Black"),url(/static/media/circular_std_black.5000f157.ttf) format("truetype");font-weight:700;font-display:swap}@font-face{font-family:"CircularStd";src:local("Circular Std Bold"),url(/static/media/circular_std_bold.ce7af6dd.ttf) format("truetype");font-weight:600;font-display:swap}@font-face{font-family:"CircularStd";src:local("Circular Std Medium"),url(/static/media/circular_std_medium.f9f2be15.ttf) format("truetype");font-weight:500;font-display:swap}@font-face{font-family:"CircularStd";src:local("Circular Std Book"),url(/static/media/circular_std_book.8dd9b004.ttf) format("truetype");font-weight:400;font-display:swap}:root{--mg-l:1rem;--dark:#141622;--dim:#222632;--dimmer:#333541;--light:#fff;--purple:#8540f5;--orange:#f47912}@media screen and (min-width:768px){:root{--mg-l:2rem}}@media screen and (min-width:1200px){:root{--mg-l:3rem}}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body,html{height:100%}body{width:100%;font-family:"CircularStd",sans-serif;font-weight:500;background-color:#141622;background-color:var(--dark);color:#fff;color:var(--light)}body::-webkit-scrollbar{width:.5rem}body::-webkit-scrollbar-track{background-color:#141622;background-color:var(--dark);background-color:#0d0e17}body::-webkit-scrollbar-thumb{background-color:#fff;background-color:var(--light)}#root{min-height:100%}#root,section{width:100%;display:flex;flex-direction:column}section{margin-top:4rem;position:relative;min-height:calc(100vh - 4rem);padding:1.5rem 1rem;padding:calc(var(--mg-l)*1.5) var(--mg-l)}h2{font-size:1.5rem;font-weight:600}h2,h3{margin:.5rem 0}h3{font-size:1.25rem;font-weight:500}.webview a{pointer-events:none}@media screen and (min-width:768px){section{min-height:calc(100vh - 6rem);padding:.5rem 1rem;padding:calc(var(--mg-l)*0.5) var(--mg-l);margin-top:6rem}h2{font-size:2rem;margin:1rem 0}h3{font-size:1.5rem}}@media screen and (min-width:1200px){html{font-size:80%}h2{font-size:2.5rem;margin:1rem 0}h3{font-size:1.75rem}}header{width:100%;position:fixed;height:4rem;padding:.5rem var(--mg-l);background-color:var(--dark);box-shadow:0 0 10px rgba(0,0,0,.5);z-index:1}.logo,header{display:flex;justify-content:space-between;align-items:center}.logo{font-size:1.75rem;color:var(--light);text-decoration:none}.sign-in{font-size:1.5rem;cursor:pointer}.sign-in:hover{opacity:.5}.logo img{height:2rem;width:auto;margin-right:calc(var(--mg-l)/2)}.nav-profile-pic img{height:2.5rem;width:2.5rem;object-fit:cover;border-radius:50%}@media screen and (min-width:768px){header{height:6rem;padding:1rem inherit}.logo{font-size:2.25rem}.logo img{height:3rem;width:auto}.sign-in{font-size:1.75rem}.nav-profile-pic img{height:3.5rem;width:3.5rem;object-fit:cover;border-radius:50%}}.home{justify-content:space-between;padding-bottom:0;padding-right:0}.content-col{padding-right:var(--mg-l)}.content,.content-col{display:flex;flex-direction:column}.content{justify-content:space-around}.get-started{margin:2rem 0}.app-links{display:none}.app-link{height:2rem;margin:calc(var(--mg-l)*0.5);margin-left:0}.app-link img{height:100%;width:auto}.landing-hero{width:80%;max-width:25rem;margin-left:auto;display:flex}.landing-hero img{width:100%;justify-self:flex-end;align-self:flex-end}@media screen and (min-width:768px){.landing-hero{width:60%;max-width:32.5rem;margin-left:auto}.app-link{height:2.75rem}}@media screen and (min-width:1200px){.home{flex-direction:row}.content-col{width:100%;flex-direction:column;justify-content:space-between}.landing-hero{width:80%;max-width:1000px;margin-left:auto}.app-links{display:flex}}@media screen and (min-width:1600px){.content-col{margin:2.5rem}.content h2{font-size:4.25rem}.content h3{font-size:2.25rem}.content-col button,.content-col input{font-size:1.75rem}.content-col input{padding-top:1.25rem;padding-bottom:1.25rem}.content-col button{font-size:1.75rem;padding:1rem 3.75rem;margin:1.5rem 0}.app-link{height:3.75rem}}.loader{border-radius:50%;border-top:.325rem solid var(--dark);border:.325rem solid var(--dark);border-top-color:var(--orange);width:2.25rem;height:2.25rem;animation:spin 1.75s linear infinite}@media screen and (min-width:768px){.loader{border-radius:50%;border-top:.525rem solid var(--dark);border:.525rem solid var(--dark);border-top-color:var(--orange);width:3.75rem;height:3.75rem}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}form{margin:2rem 0;font-size:1.125rem}form label{display:flex}button,input{font-size:1rem;font-weight:500;margin:.5rem 0;font-family:"CircularStd",sans-serif;border:none;border-radius:.5rem;color:var(--light)}@media screen and (min-width:340px){button,input{font-size:1.25rem}}input{padding:.75rem 1rem;max-width:-webkit-max-content;max-width:-moz-max-content;max-width:max-content;background-color:var(--dimmer);text-overflow:ellipsis}button{width:-webkit-max-content;width:-moz-max-content;width:max-content;padding:.75rem 3.75rem;background-color:var(--purple);cursor:pointer}button.secondary{border:.2rem solid var(--purple);background-color:var(--dark)}button:hover{transform:scale(1.02)}button:disabled{opacity:.5;cursor:auto}button:focus,input:focus{outline:none}.error{color:#eb032e}.PhoneInput{margin:.5rem 0;padding-left:1rem;max-width:100%;background-color:var(--dimmer);text-overflow:ellipsis}.PhoneInput,.PhoneInputCountrySelect{font-family:"CircularStd",sans-serif;border:none;border-radius:.5rem;color:var(--light)}.PhoneInputCountrySelect{font-weight:500;background-color:var(--dim)}.PhoneInputCountrySelect:focus{outline:none}.PhoneInputCountrySelect option{font-weight:500}.clubs-header{display:flex;align-items:center;justify-content:space-between}.clubs-header a,.clubs-redirect{color:var(--light);text-decoration:none}.clubs-redirect{font-weight:400}.clubs-redirect:hover{opacity:.5}.clubs{display:flex;flex-wrap:wrap}.club-a{width:100%;margin:calc(var(--mg-l)/2) 0;color:var(--light);text-decoration:none}.club-container{display:flex;justify-content:space-between;width:100%;height:6rem;padding:calc(var(--mg-l));background-color:var(--dim);border-radius:.25rem;cursor:pointer}.club-flex,.club-image{display:flex}.club-image{width:4rem;height:4rem;background-color:var(--dark);border-radius:.25rem;justify-content:center}.club-image img{border-radius:.25rem;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}.club-content{margin:0 calc(var(--mg-l)*0.5);display:flex;flex-direction:column;justify-content:space-around}.club-name{font-size:1rem}.club-host{font-size:.85rem}.club-access,.club-host{font-weight:400;opacity:.7}.club-access{font-size:.8rem;padding-top:.45rem}@media screen and (min-width:768px){.clubs-header>div{font-size:1.5rem}.clubs-redirect{border-radius:.25rem;border:.125rem solid var(--light);font-size:1.25rem;padding:.5rem .75rem;margin-left:.75rem;transition:all .1s ease-in}.clubs-redirect:hover{opacity:1;background-color:var(--light);color:var(--dark)}.clubs{display:grid;grid-template-columns:repeat(auto-fit,minmax(21rem,1fr));grid-gap:calc(var(--mg-l)/4);gap:calc(var(--mg-l)/4)}.club-a{width:20rem;height:-webkit-max-content;height:-moz-max-content;height:max-content}.club-a:last-child{margin:calc(var(--mg-l)/2) 0}.club-container{width:20rem;height:-webkit-max-content;height:-moz-max-content;height:max-content;padding:calc(var(--mg-l)/2);border-radius:.5rem}.club-container,.club-flex{flex-direction:column}.club-image{width:calc(20rem - var(--mg-l));height:calc(20rem - var(--mg-l));background-color:var(--dark);border-radius:.5rem;margin:0 auto}.club-content{margin:calc(var(--mg-l)*0.5) 0}.club-name{font-size:1.5rem;margin:.25rem 0}.club-host{font-size:1rem}.club-access{margin-left:auto;font-size:.9rem}}.no-clubs{width:100%;min-height:70vh;display:flex;flex-direction:column;justify-content:center;align-items:center}.bookshelf{width:100%;max-width:35rem;margin:2rem 0}.bookshelf img{width:100%}.noclubs-action{display:flex;flex-direction:column;align-items:center;flex-wrap:wrap;margin:2rem 0}.noclubs-action button{margin:.5rem 0}@media screen and (min-width:768px){.no-clubs{min-height:-webkit-max-content;min-height:-moz-max-content;min-height:max-content;height:55vh}.noclubs-action{flex-direction:row;margin:2rem 0}.noclubs-action button{margin:0 2rem}}.members{max-width:30rem;margin:2rem 0;width:100%}.members h3{font-size:1.25rem;font-weight:500}.member,.members-list{margin:1rem 0}.member{width:100%;display:flex;align-items:center}.member-pfp{width:3rem;height:3rem;margin-right:1rem}.member-pfp img{width:100%;height:100%;border-radius:50%;object-fit:cover}.member-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.host{font-size:.75rem;padding:.125rem;border:.125rem solid var(--orange);border-radius:.25rem}.host,.kick{margin-left:auto}.kick{font-size:1rem;color:#ff5e5e;cursor:pointer;transition:all 1ms ease}.kick:hover{transform:scale(1.25)}@media screen and (min-width:1200px){.members h3{font-size:1.75rem}.members{margin-top:0}.member{border:.175rem solid var(--dimmer);border-radius:.5rem;background:var(--dim);padding:1rem;font-size:1.25rem}.host{font-size:1rem}.kick{font-size:1.25rem}}.modal{position:fixed;left:0;top:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;opacity:1;pointer-events:visible;z-index:10}.modal,.modal-content{transition:all .3s ease-in-out}.modal-content{width:95vw;max-width:20rem;background-color:var(--dim);border-bottom:.25rem solid var(--dark);border-top:.25rem solid var(--dark);border-radius:.5rem}.modal-header{display:flex;justify-content:flex-end;transition:all .3s ease-in-out}.modal-header svg{width:1rem;height:1rem;position:relative;right:.75rem;top:.75rem;border:none;cursor:pointer;transition:all .1s ease-in}.modal-body{padding:0 .75rem;display:flex;flex-direction:column;justify-content:space-between;align-items:center;margin:2rem}.modal-body svg{border-radius:.25rem}.modal-copy{width:100%;margin:1.25rem 0;border:.0625rem solid var(--light);border-radius:.25rem;display:flex;justify-content:space-between;align-items:center}.modal-id{padding:.5rem;font-size:1rem;font-weight:600;border-top-left-radius:.25rem;border-bottom-left-radius:.25rem}.modal-clipboard{padding:.5rem 1rem;cursor:pointer}.modal-message{height:.875rem;margin-right:auto;font-size:.875rem;font-weight:600;color:#0f0}.modal-message.brr{color:#eb032e}.clubp-loader{width:100%;min-height:0;height:10rem;display:flex;justify-content:center;align-items:center}.clubp-body{margin-top:calc(var(--mg-l)*0.5);display:flex;flex-direction:column}.clubp-first{display:flex;flex-direction:row;align-items:center;justify-content:space-between}.clubp-first-first,.clubp-second{display:flex;flex-direction:column}.clubp-image{width:8rem;height:8rem;position:relative;margin:0;background-color:var(--dim);-webkit-backface-visibility:hidden;backface-visibility:hidden}.clubp-image.edit img{opacity:.3}.clubp-image.edit .profile-pic-middle{opacity:1}.clubp-icons{display:flex;font-size:1.25rem}.clubp-icons>div{display:flex;align-items:center}.clubp-icons svg{color:var(--light);margin-left:1.25rem;cursor:pointer}.clubp-icons svg:hover{opacity:.5}.buttons{display:flex;flex-direction:column;align-items:flex-end}#start-reading{padding:.75rem 1.5rem;transform:translateY(-50%)}.club-book-label{margin:.5rem auto 0!important;padding:.75rem 1.5rem!important;border:.2rem solid var(--purple)!important;background-color:var(--dark)!important}.clubp-switch{margin:.5rem 0!important}.clubp-switch>span{font-size:1rem!important;line-height:2.125rem}.clubp-switch .switch{transform:scale(.8)!important}.leave-club{display:flex;justify-content:center}#leave{margin:calc(var(--mg-l)/2) 0;background-color:var(--orange)}.clubp-illustration{display:none}@media screen and (min-width:768px){.clubp-image{width:12rem;height:12rem}}@media screen and (min-width:1200px){.clubp-body{flex-direction:row;justify-content:space-between}.clubp-first{flex-direction:column;align-items:flex-start;height:-webkit-max-content;height:-moz-max-content;height:max-content}.clubp-image{width:calc(20rem - var(--mg-l));height:calc(20rem - var(--mg-l))}.club-book-label{padding:.75rem 3.75rem!important;margin:.5rem 0 0!important}.clubp-second{width:70%;justify-content:start}.clubp-switch{margin:1rem 0!important}.clubp-switch>span{font-size:1.25rem!important;line-height:2.25rem}.buttons{align-items:center;margin-top:1.75rem}#start-reading{padding:.75rem 3.75rem;transform:translateY(0)}.leave-club{justify-content:start}.clubp-illustration{display:block;position:absolute;opacity:.5;z-index:-1;bottom:0;right:0}#leave{max-width:30rem;width:100%}.clubp-illustration img{width:25vw}}.read{width:100%;height:100%;display:flex;flex-direction:column;justify-content:space-around;align-items:center}.read-skip{width:10rem;position:relative}#skip-page-form{margin:0;width:100%}#page-input{font-size:1rem;width:100%;padding-right:2.25rem}.page-input-submit{font-size:1rem;position:absolute;top:50%;right:.75rem;transform:translateY(-40%);cursor:pointer}.read-pageno{font-size:1.25rem;margin:0 .5rem .5rem;display:flex;justify-content:space-around;align-items:center}.read-pageno p{margin:0 1.75rem}.read-pagenav{padding:.25rem;background:none;font-weight:700}.read-book{display:flex;justify-content:space-around;align-items:center}@media screen and (min-width:1200px){.read-skip{margin-left:auto;width:15rem}#page-input{padding-right:2.5rem}#page-input,.page-input-submit{font-size:1.25rem}.read-pageno{font-size:1.75rem}}.join-form{margin:0;margin-bottom:var(--mg-l)}#join-club{max-width:100%;width:33ch}#create-club{min-height:0;height:calc(100vh - 4rem)}.create-body{display:flex;flex-direction:column;margin:var(--mg-l) 0;height:100%}.create-first{display:flex;flex-direction:row;align-items:center;justify-content:space-between}.create-image{width:6rem;height:6rem;position:relative;margin:0;background-color:var(--dim);-webkit-backface-visibility:hidden;backface-visibility:hidden}.create-image img{opacity:.3}.create-middle{opacity:1!important}#book-input,#create-pic-input{opacity:0;width:.1px;height:.1px;position:absolute}.add-book{display:flex;flex-direction:column}.create-book-label{display:flex;align-items:center;margin:.5rem auto 0;font-size:1rem;font-weight:500;font-family:"CircularStd",sans-serif;border:none;border-radius:.5rem;color:var(--light);cursor:pointer;padding:.75rem 1.5rem;background-color:var(--purple);max-width:-webkit-max-content;max-width:-moz-max-content;max-width:max-content}@media screen and (min-width:340px){.create-book-label{font-size:1.25rem}}.create-book-label svg{margin-right:.5rem}.create-book-label:hover{transform:scale(1.02)}#club-name{max-width:100%;width:30ch}.create-book-details{display:block;max-width:11.25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.create-last{margin:var(--mg-l) 0}#club-form,.create-last{display:flex;flex-direction:column;justify-content:space-between;height:100%}#club-form{margin:0}#create-club-button{max-width:none;width:100%}.switch-container{display:flex;align-items:center;width:-webkit-max-content;width:-moz-max-content;width:max-content;margin:1rem 0}.switch-container>span{font-size:1.25rem}@media screen and (min-width:768px){#create-club{min-height:0;height:calc(100vh - 6rem)}.create-body{flex-direction:row;justify-content:space-between}.create-body,.create-first{height:-webkit-max-content;height:-moz-max-content;height:max-content}.create-first{flex-direction:column;align-items:flex-start}.create-image{width:12rem;height:12rem}.create-book-details{margin-top:1.25rem;max-width:15rem}.create-book-label{padding:.75rem 3.75rem;margin:.5rem 0 0}#club-form{height:-webkit-max-content;height:-moz-max-content;height:max-content;justify-content:space-between}#create-club-button{margin:2rem 0;width:12rem;padding:.75rem 1.75rem}.create-last{margin:0;height:-webkit-max-content;height:-moz-max-content;height:max-content}}@media screen and (min-width:1200px){.create-image{width:calc(20rem - var(--mg-l));height:calc(20rem - var(--mg-l))}#create-club-button{width:calc(20rem - var(--mg-l));padding:.75rem 3.75rem}.create-last{width:70%;align-items:flex-start;margin:0}#club-form{height:50%}#club-name{margin:0}.switch-container{margin:2rem 0}}.switch{transform:scale(.75);position:relative;display:inline-block;margin-left:.5rem;width:3.75rem;height:2.125rem}.switch input{opacity:0;width:0;height:0}.slider{border-radius:2.125rem;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--dimmer)}.slider,.slider:before{position:absolute;transition:.4s}.slider:before{content:"";height:1.625rem;width:1.625rem;left:.25rem;bottom:.25rem;background-color:var(--light);border-radius:50%}input:checked+.slider{background-color:var(--purple)}input:focus+.slider{box-shadow:0 0 .125rem var(--purple)}input:checked+.slider:before{transform:translateX(1.625rem)}.profile-body{display:flex;flex-direction:column;align-items:center}.profile-pic{position:relative;width:10rem;height:10rem}.profile-pic img{opacity:1;display:block;width:100%;height:100%;border:.25rem solid var(--light);border-radius:50%;object-fit:cover;transition:.5s ease;-webkit-backface-visibility:hidden;backface-visibility:hidden}.profile-pic-middle{transition:.5s ease;opacity:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);text-align:center}.profile-pic.edit img{opacity:.3}.profile-pic.edit .profile-pic-middle{opacity:1}.profile-camera{color:var(--light);font-size:2rem;cursor:pointer}.profile-camera:hover .camera{transform:scale(1.02)}#profile-pic-input{opacity:0;width:.1px;height:.1px;position:absolute}.profile-container{margin:var(--mg-l) 0;align-items:center}.profile-container,.profile-content{width:100%;max-width:50rem;display:flex;flex-direction:column}.profile-content{margin:0;padding:var(--mg-l);background-color:var(--dim);border-radius:.5rem}.profile-edit{display:flex;justify-content:flex-end;font-size:1.125rem;margin-bottom:.5rem}.profile-edit svg{cursor:pointer}.profile-detail{display:flex;align-items:center;font-size:1.25rem;font-weight:500;margin:.5rem 0;padding:.75rem 0}.profile-detail p{min-height:1.25rem}.profile-email{word-break:break-all}.profile-input{display:flex;align-items:center}.profile-detail svg,.profile-input svg{width:1.125rem;height:1.125rem;flex-shrink:0;margin-right:1.25rem}.profile-input input{width:100%;max-width:35ch}.profile-btn{display:flex;flex-direction:column;margin-top:.5rem}#phone{opacity:.35}#profile-save{margin-left:auto;margin-right:auto}#logout{margin:calc(var(--mg-l)/2) auto;background-color:var(--orange)}@media screen and (min-width:1200px){.profile-body{flex-direction:row;justify-content:space-around;margin:var(--mg-l) 0}.profile-pic{width:17.5rem;height:17.5rem}.profile-vert{align-self:stretch;border:1px solid var(--light)}.profile-container{align-items:flex-start}.profile-detail p{height:1.54rem}.profile-edit{font-size:1.5rem}#profile-save{margin:1rem 0 0}}.message{display:flex;justify-content:flex-start;align-items:flex-end;margin:1rem 0}.message.continue{margin:.25rem 0}.message.top{margin:1rem 0 .25rem}.message.final{margin:.25rem 0 0}.message.self{flex-direction:row-reverse;margin-left:auto}.msg-img,.msg-img img{width:2.5rem;height:2.5rem}.msg-img img{border:1px solid var(--light);border-radius:50%;object-fit:cover}.msg-wrapper{background-color:var(--dim);min-height:4rem;width:60%;margin:0 .5rem;padding:.75rem;border-radius:.25rem;overflow-x:auto;cursor:pointer}.msg-wrapper::-webkit-scrollbar{height:.25rem}.msg-wrapper::-webkit-scrollbar-track{background-color:var(--dark);background-color:#0d0e17}.msg-wrapper::-webkit-scrollbar-thumb{background-color:var(--light)}.message.continue .msg-wrapper{min-height:2.5rem}.msg-content{width:100%;display:flex;flex-flow:row wrap;overflow-wrap:anywhere;margin-bottom:.75rem;font-weight:400;font-size:1rem}.msg-content.yeet{opacity:.7;font-style:italic}.msg-lower{width:100%;display:flex;justify-content:space-between;align-items:center}.message.other .msg-lower{flex-direction:row-reverse}.msg-name{max-width:50%;width:-webkit-max-content;width:-moz-max-content;width:max-content;text-overflow:ellipsis;opacity:.7;-webkit-touch-callout:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.msg-likes,.msg-name{display:flex;font-size:.75rem}.message.other .msg-name{margin-right:auto}.message.self .msg-name{margin-left:auto}.msg-likes svg{margin-right:.375rem}.other .msg-likes{cursor:pointer}.other .msg-likes svg:hover{transform:scale(1.1);color:var(--purple)}@media screen and (min-width:768px){.msg-wrapper{min-width:20rem;width:-webkit-max-content;width:-moz-max-content;width:max-content;max-width:60%;padding:1rem}.msg-content{font-size:1.125rem}.msg-likes,.msg-name{font-size:.825rem}}#chat{padding-bottom:0;max-height:none;height:calc(100vh - 11.5rem)}.chat-wrapper{overflow-y:hidden;width:100%;max-width:900px;margin:0 auto}.chat{height:calc(100vh - 11.5rem);overflow-y:scroll;padding:0 .625rem}.chat::-webkit-scrollbar{width:.25rem}.chat::-webkit-scrollbar-track{background-color:var(--dark);background-color:#0d0e17}.chat::-webkit-scrollbar-thumb{background-color:var(--light)}#chat-form{margin:0}.chat-input{position:relative;width:100%}#message-input{margin:var(--mg-l) 0;width:100%;max-width:none;font-weight:400;font-size:1rem;padding-right:2.25rem}.chat-submit{position:absolute;top:50%;right:.75rem;transform:translateY(-40%);cursor:pointer}@media screen and (min-width:768px){.chat{height:calc(100vh - 17.625rem);padding:0 1.25rem}.chat-submit{font-size:1.5rem}#message-input{margin:calc(var(--mg-l)*0.5) 0;font-size:1.125rem;padding-right:2.75rem}}
/*# sourceMappingURL=main.0a62ff9b.chunk.css.map */