@font-face{font-family:Inter;src:url(/assets/Inter-VariableFont_opsz_wght-c8O0ljhh.ttf)}:root{font-family:Inter,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#000;--primary-color: #141414;--primary-hover-color: #242424;--secondary-color: #EDEDED;--secondary-hover-color: #CCCCCC;--border-color: #494949;--background-color: #000000;--input-background-color: #EDEDED;--input-text-color: #141414;--text-dark-color: #141414;--controls-icon-color: #e9e9e9;--success-color: #58d68d;--error-color: #ec7063;--info-color: #f4d03f;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:fit-content}#root{width:100%;height:fit-content;display:flex;justify-content:center}header{display:flex;justify-content:center;width:100%;position:fixed;top:0;background-color:var(--background-color);padding-top:1em;padding-bottom:1em}.header-container{width:1200px;display:flex;justify-content:space-between;flex-wrap:wrap}.header-logo{display:flex;align-items:center;gap:10px;font-size:20px}.header-logo>h1{color:var(--secondary-color);font-size:.8em;font-weight:400}.header-logo>img{width:32.42px}.header-buttons{display:flex;gap:10px;align-items:center;font-size:14px}.login-button{border-radius:8px;border:1px solid transparent;padding:.5em .8em;font-size:1em;font-weight:500;font-family:inherit;background-color:#000;border-color:#242424;cursor:pointer;transition:background-color .25s;height:fit-content}.login-button:hover{background-color:#242424}.signup-button{border-radius:8px;border:1px solid transparent;padding:.5em .8em;font-size:1em;font-weight:500;font-family:inherit;background-color:#ededed;border-color:#242424;cursor:pointer;transition:background-color .25s;color:#101010;height:fit-content}.signup-button:hover{background-color:#ccc}.button-primary{border-radius:8px;border:1px solid transparent;padding:.5em .8em;font-size:1em;font-weight:500;font-family:inherit;background-color:var(--background-color);border-color:var(--border-color);color:var(--secondary-color);cursor:pointer;transition:background-color .25s;height:fit-content}.button-primary:hover{background-color:var(--primary-hover-color)}.button-secondary{border-radius:8px;border:1px solid transparent;padding:.5em .8em;font-size:1em;font-weight:500;font-family:inherit;background-color:var(--secondary-color);border-color:var(--border-color);cursor:pointer;transition:background-color .25s;color:var(--primary-color);height:fit-content}.button-secondary:hover{background-color:var(--secondary-hover-color)}.rounded-button-primary{border-radius:50px;border:1px solid transparent;font-size:1.4em;font-weight:500;font-family:inherit;background-color:var(--background-color);border-color:var(--primary-hover-color);cursor:pointer;transition:background-color .25s;height:fit-content;min-width:130px;color:var(--secondary-color);display:flex;justify-content:center}.rounded-button-primary:hover{background-color:var(--primary-hover-color);color:var(--secondary-color)}.rounded-button-primary>a:hover{color:var(--secondary-color)}.rounded-button-secondary{border-radius:50px;border:1px solid transparent;font-size:1.4em;font-weight:500;font-family:inherit;background-color:var(--secondary-color);border-color:var(--primary-hover-color);cursor:pointer;transition:background-color .25s;color:var(--primary-color);height:fit-content;min-width:130px;display:flex;justify-content:center}.rounded-button-secondary:hover{background-color:var(--secondary-hover-color);color:var(--primary-color)}.rounded-button-secondary>a:hover{color:var(--primary-color)}.circle-button-secondary{width:40px;height:40px;border-radius:50%;border:1px solid transparent;background-color:var(--secondary-color);transition:background-color .25s;display:flex;justify-content:center;align-items:center}.circle-button-secondary:hover{background-color:var(--secondary-hover-color);cursor:pointer}.icon-button{width:40px;height:40px;border-radius:50%;border:1px solid transparent;background-color:transparent;transition:background-color .25s;display:flex;justify-content:center;align-items:center}.icon-button.active{background-color:var(--success-color)}.icon-button:hover{background-color:var(--primary-hover-color);cursor:pointer}.icon-button.active:hover{background-color:var(--success-color);opacity:.8;cursor:pointer}.goup-container{position:fixed;bottom:20px;width:1200px;display:flex;justify-content:right;opacity:0;transition:opacity .3s ease-in-out}.goup-container.visible{opacity:1}.goup-container.hidden{opacity:0;pointer-events:none}.goup-button{border-radius:8px;border:1px solid transparent;padding:.5em .8em;font-size:1em;font-weight:500;font-family:inherit;background-color:var(--secondary-color);border-color:var(--primary-hover-color);cursor:pointer;transition:background-color .25s;color:var(--primary-color);height:fit-content}.goup-button:hover{background-color:var(--secondary-hover-color)}button>a{width:100%;height:100%;text-decoration:none;display:block;padding:.5em .8em;text-align:center;color:inherit}.info-display{position:absolute;color:var(--text-dark-color);padding:5px 15px}.info-display.hidden{display:none}.info{background-color:var(--info-color)}.success{background-color:var(--success-color)}.error{background-color:var(--error-color)}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff;--primary-color: #e9e9e9;--primary-hover-color: #cfcfcf;--secondary-color: #333333;--secondary-hover-color: #535353;--border-color: #d6d6d6;--background-color: #ffffff;--input-background-color: #f8f8f8;--input-text-color: #141414;--text-dark-color: #141414;--controls-icon-color: #e9e9e9;--success-color: #58d68d;--error-color: #ec7063;--info-color: #f4d03f}a:hover{color:#747bff}button{background-color:#f9f9f9}}@media (max-width: 1300px){.header-container{width:90%}}@media (max-width: 1250px){.goup-container{width:90%}}@media (max-width: 500px){.header-container{flex-direction:column;justify-content:center;align-items:center}.header-logo{margin-bottom:10px}}.player-main{display:flex;width:100%;height:fit-content}.player-sidebar{background-color:var(--primary-color);width:400px;min-height:100%;display:flex;flex-direction:column;transition:margin 1s,left 1s}.player-sidebar.hidden{margin-left:-400px}.player-sidebar>hr{border-width:1px 0 0 0;border-style:solid;border-color:var(--secondary-color);margin:0 15px;box-sizing:border-box;height:fit-content}.player-toggle-sidebar-button{width:50px;height:50px;position:absolute;top:95px;left:400px;background-color:var(--primary-color);border:none;border-radius:0 20px 20px 0;transition:background-color .25s;transition:left 1s;z-index:100}.player-toggle-sidebar-button.show{left:0}.player-toggle-sidebar-button:hover{background-color:var(--primary-hover-color);cursor:pointer}.player-toggle-sidebar-button>.icon-arrow-left{transition:transform 1s}.player-toggle-sidebar-button>.icon-arrow-left.show{transform:rotate(180deg)}.player-body{position:relative;flex:1;min-height:100vh;background-color:var(--background-color);display:flex;flex-direction:column;align-items:center}.player-header{width:100%;height:93px;display:flex;justify-content:center;align-items:center}.uri-container{display:flex;box-sizing:border-box}.uri-container>*{margin:0 21px}.search-container{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;max-width:600px;margin:0 auto}.search-container>*{margin:0}.player-header>*{margin:0 21px}.player-header>hr{height:45px}.uri-input{width:466px;height:40px;border-radius:24px;font-size:16px;background-color:var(--input-background-color);border:none;color:var(--input-text-color);padding:0 15px}.search-input{flex:1;min-width:0;height:40px;border-radius:24px;font-size:16px;background-color:var(--input-background-color);border:none;color:var(--input-text-color);padding:0 15px}.video-buttons-container{width:940px;height:fit-content;margin-bottom:50px}.video-buttons{width:fit-content;padding:0 5px;display:flex;background-color:var(--primary-color);border:none;border-radius:0 0 20px 20px;margin-left:10px}.video-buttons>*{margin:5px}.video-container{background-color:var(--background-color);margin:66px 0 0;padding:0;position:relative;display:flex;justify-content:center;align-items:center;width:940px;aspect-ratio:16/9;border-style:solid;border-width:5px;border-color:var(--primary-color)}.video-container>video{width:100%;height:100%;background-color:var(--secondary-hover-color);margin:0;display:flex;justify-content:baseline;align-items:baseline;object-fit:contain}.controls{display:none;list-style:none;justify-content:start;width:940px;padding:0;align-items:center;background-color:var(--background-color);position:absolute;bottom:0;left:0;margin:0;opacity:90%;background:linear-gradient(#0000,#0009)}.controls>*{margin:5px}#pause-button{display:none}.progress{flex:1}.progress>progress{width:100%}#unmute-button{display:none}.chat-container{position:fixed;bottom:0;width:940px;display:flex;flex-direction:row-reverse;align-items:end;gap:10px}@media (max-width: 1400px){.player-main{position:relative}.player-sidebar{position:absolute;left:0;top:0;z-index:100}.player-sidebar.hidden{left:-400px;margin-left:0}.player-toggle-sidebar-button.show{left:400px}}@media (max-width: 1050px){.video-buttons-container{width:90%}.video-container{width:90%;aspect-ratio:16/9}.video-container>video{width:100%;height:100%}.controls{width:100%}.chat-container{width:90%}}@media (max-width: 787px){.player-sidebar{width:300px}.player-sidebar.hidden{left:-300px;margin-left:0}.player-toggle-sidebar-button.hide,.player-toggle-sidebar-button.show{left:300px}.player-header>hr{display:none}.player-header>*{margin:0}.player-header>.uri-container>button{margin:0}.uri-input{flex:1;width:auto}.video-container{width:100%}}.option{padding:10px 15px;transition:background-color .25s;margin:3px 0;display:flex;justify-content:start;align-items:center;border-radius:10px}.option:hover{background-color:var(--primary-hover-color);cursor:pointer}.option.focus{background-color:var(--primary-hover-color)}.option>svg{margin-right:34px}.friend-container.hide{max-height:0px;overflow:hidden}.input-friend-container{margin:10px 15px;display:flex}.friend-list{padding:0}.friend-name{margin:10px 15px;padding:0 15px;transition:background-color .25s;justify-content:start;border-radius:10px;text-decoration:none;display:flex;justify-content:space-between;align-items:center}.no-friends-message{margin:10px 15px;padding:10px 15px}.snackbar-container{position:fixed;bottom:20px;left:20px;margin-right:20px;z-index:9999;display:flex;flex-direction:column;gap:10px}.snackbar{background-color:#cc1414;color:#fff;padding:12px 16px;border-radius:4px;min-width:250px;max-width:350px;box-shadow:0 2px 8px #0003;display:flex;justify-content:space-between;align-items:center;animation:fadeInUp .3s ease;font-family:sans-serif}.snackbar-close{background:none;border:none;color:#fff;font-size:16px;cursor:pointer;margin-left:10px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#0009;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-content{background-color:var(--background-color);padding:2rem;border-radius:1rem;border:1px solid var(--border-color);box-shadow:0 0 10px #0000004d;min-width:300px;max-width:90%;position:relative;animation:modalFadeIn .2s ease-out;display:flex;flex-direction:column;justify-content:center}.modal-close{position:absolute;top:.7rem;right:.7rem;background:none;border:none;font-size:1.2rem;color:var(--controls-icon-color);cursor:pointer}@keyframes modalFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.search-results-wrapper{margin-top:1.5rem;max-height:320px;overflow-y:auto}.search-status,.search-empty,.search-error{font-size:.85rem;margin:.25rem 0}.search-status{color:var(--controls-icon-color)}.search-empty{color:var(--controls-icon-color);opacity:.7}.search-error{color:#ff6b6b}.search-results{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.6rem}.search-results-wrapper::-webkit-scrollbar{width:6px}.search-results-wrapper::-webkit-scrollbar-track{background:transparent}.search-results-wrapper::-webkit-scrollbar-thumb{background-color:#ffffff26;border-radius:10px}.search-results-wrapper::-webkit-scrollbar-thumb:hover{background-color:#ffffff4d}.search-result-item{background:#ffffff05;border-radius:.9rem;border:1px solid var(--border-color);padding:.75rem 1rem;display:flex;flex-direction:column;gap:.25rem;cursor:pointer;transition:background .15s ease,border-color .15s ease,transform .1s ease;margin-right:6px}.search-result-item:hover{background:#ffffff0d;border-color:var(--primary-color);transform:translateY(-1px)}.sr-main{display:flex;align-items:center;justify-content:space-between}.sr-title{font-size:.9rem;font-weight:500;color:var(--text-color);word-break:break-word;white-space:pre-line}.sr-meta{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem;font-size:.75rem;opacity:.8}.sr-quality{padding:.1rem .5rem;border-radius:999px;border:1px solid var(--border-color)}.search-results.movie-results{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:1rem;padding:.25rem .25rem .25rem 0}.movie-result-item{position:relative;padding:0;border-radius:.9rem;overflow:hidden;border:1px solid var(--border-color);background:#ffffff05;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}.movie-result-item:hover{transform:translateY(-2px);box-shadow:0 0 15px #00000080;border-color:var(--primary-color)}.movie-poster{width:100%;height:100%;display:block;object-fit:cover}.movie-result-item .sr-main{position:absolute;inset:auto 0 0 0;padding:.4rem .5rem;background:linear-gradient(to top,rgba(0,0,0,.85),rgba(0,0,0,.4),transparent);display:flex;align-items:flex-end}.movie-result-item .sr-title{font-size:.8rem;font-weight:500;color:#fff;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.search-back-button{align-self:flex-start;display:inline-flex;align-items:center;gap:.4rem;padding:.4rem .9rem;margin-bottom:1rem;background:#ffffff0d;border:1px solid var(--border-color);border-radius:.7rem;color:var(--text-color);font-size:.85rem;font-weight:500;cursor:pointer;transition:background .2s ease,border-color .2s ease,color .2s ease,transform .1s ease}.search-back-button:hover{background:#ffffff1a}.search-back-button:active{transform:translateY(0);background:#ffffff14}.party-name{margin:10px 15px;padding:10px 15px;transition:background-color .25s;justify-content:start;border-radius:10px;text-decoration:none;display:flex;justify-content:space-between;align-items:center}.group-list{padding:0}.group-container{max-height:1000px;transition:max-height .5s;overflow:hidden}.group-container.hide{max-height:0px;overflow:hidden}.group-name-input{min-width:0;flex:1;margin-right:10px;height:40px;border-radius:24px;font-size:16px;background-color:var(--input-background-color);border:none;color:var(--input-text-color);padding:0 15px}.group-list{padding:0;margin:0}.group-name{margin:10px 15px;padding:0 15px;transition:background-color .25s;justify-content:start;border-radius:10px;text-decoration:none;display:flex;justify-content:space-between;align-items:center}.input-group-container{margin:10px 15px;display:flex}.friend-name-input{min-width:0;flex:1;margin-right:10px;height:40px;border-radius:24px;font-size:16px;background-color:var(--input-background-color);border:none;color:var(--input-text-color);padding:0 15px}.player-top-sidebar-container{width:100%;padding:25px;box-sizing:border-box;display:flex;flex-direction:row;justify-content:space-between;height:fit-content}.player-profile-img{width:40px;height:40px;border-radius:50%}.sidebar-header-buttons{display:flex;gap:10px;align-items:center;font-size:14px}.player-sidebar-options-container{display:flex;flex-direction:column;justify-content:space-between;box-sizing:border-box;flex:1}.player-upper-options-container{box-sizing:border-box;margin:15px 10px}.friend-container,.group-container,.chat-option-container{max-height:1000px;transition:max-height .5s;box-sizing:border-box;overflow:hidden}.player-bottom-sidebar-container{box-sizing:border-box;margin:15px 10px}.chat-box{display:flex;flex-direction:column;background-color:var(--background-color);border-width:2px 2px 0 2px;border-style:solid;border-color:var(--border-color);border-radius:20px 20px 0 0;width:300px;height:300px;transition:height .5s;overflow:hidden}.chat-box.hidden{height:55px}.chat-top{display:flex;align-items:center;background-color:var(--background-color);padding:15px 20px;cursor:pointer;border-width:0 0 1px 0;border-style:solid;border-color:var(--border-color)}.chat-top>svg{margin-right:20px}.chat-messages{display:flex;flex-direction:column;flex-grow:1;overflow-y:auto;padding:10px 15px;scrollbar-width:none}.my-message{display:flex;flex-direction:column;align-items:end;border-radius:20px;position:relative;margin-top:10px}.my-message>span{color:var(--text-color);margin-right:5px;font-size:12px;border-radius:20px}.my-message>p{color:var(--primary-color);font-size:16px;border-radius:20px;margin:0;padding:5px 15px;background-color:var(--secondary-hover-color);width:fit-content}.chat-message{display:flex;flex-direction:column;align-items:start;border-radius:20px;margin-top:10px}.chat-message>span{color:var(--text-color);font-size:12px;border-radius:20px;margin-left:5px}.chat-message>p{color:var(--text-color);font-size:16px;border-radius:20px;background-color:var(--primary-hover-color);margin:0;width:fit-content;padding:5px 15px}.chat-input-container{display:flex;flex-direction:row;align-items:center;justify-content:center;width:100%;padding:10px 15px}.chat-input-container>input{background-color:var(--input-background-color);color:var(--input-text-color);border:none;border-radius:8px;padding:12px;font-size:16px;flex-grow:1}.chat-input-container>button{margin-left:10px;display:flex;justify-content:center;align-self:center}.chat-option-container.hide{max-height:0px;overflow:hidden}.input-chat-container{margin:10px 15px;display:flex}.chat-name-input{min-width:0;flex:1;margin-right:10px;height:40px;border-radius:24px;font-size:16px;background-color:var(--input-background-color);border:none;color:var(--input-text-color);padding:0 15px}.chat-list{padding:0}.chat-name{margin:10px 15px;padding:0 15px;transition:background-color .25s;justify-content:start;border-radius:10px;text-decoration:none;display:flex;justify-content:space-between;align-items:center}.marquee-container{flex:1;overflow:hidden;white-space:nowrap;position:relative;height:24px}.chat-members-scroll{display:inline-block;white-space:nowrap}.chat-members-scroll.scrolling{animation:scroll-left 10s linear infinite;padding-left:100%;will-change:transform}.marquee-container:hover .chat-members-scroll.scrolling{animation-play-state:paused}@keyframes scroll-left{0%{transform:translate(0)}to{transform:translate(-100%)}}.no-chat-message{margin:10px 15px;padding:10px 15px}.icon-opacity-chat{opacity:.7}.main-section{width:1200px;height:700px;background-image:url("data:image/svg+xml,%3csvg%20width='1200'%20height='700'%20xmlns='http://www.w3.org/2000/svg'%20style='background-color:%20var(--background-color);'%3e%3cdefs%3e%3cpattern%20id='grid'%20width='50'%20height='50'%20patternUnits='userSpaceOnUse'%3e%3cpath%20d='M%2050%200%20L%200%200%200%2050'%20fill='none'%20stroke='%23494949'%20stroke-width='1'%20/%3e%3c/pattern%3e%3c/defs%3e%3crect%20width='1200'%20height='700'%20fill='url(%23grid)'%20/%3e%3c/svg%3e");background-size:1200px 700px;display:flex;flex-direction:column;align-items:center;justify-content:center;margin-top:150px}.main-container{box-sizing:border-box;border:var(--border-color) 1px solid;width:100%;height:100%;display:flex;flex-direction:column;align-items:center}.main-title{font-size:2.2em;font-weight:400;color:var(--secondary-color);text-align:center;margin-top:144px;margin-bottom:37px}@keyframes neon{0%{background-position:0% 0%}50%{background-position:100% 100%}to{background-position:0% 0%}}.neon-text{font-size:1em;background:linear-gradient(45deg,red,#ff7300,#fffb00,#0f0,#0ff,#00f,#8000ff);background-size:400% 400%;color:transparent;-webkit-background-clip:text;animation:neon 5s linear infinite}.main-paragraph{font-size:1em;color:var(--secondary-hover-color);width:50%;text-align:center;margin-top:0}.main-paragraph>a{font-size:1em;color:var(--secondary-hover-color);text-decoration:underline}.main-buttons{display:flex;gap:10px;align-items:center;font-size:14px;margin-top:37px}.spacer{width:1200px;height:350px;display:flex;flex-direction:column;align-items:center;justify-content:center}.inner-spacer{box-sizing:border-box;border-left:var(--border-color) 1px solid;border-right:var(--border-color) 1px solid;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.second-section{width:1200px;height:700px;background-image:url("data:image/svg+xml,%3csvg%20width='1200'%20height='700'%20xmlns='http://www.w3.org/2000/svg'%20style='background-color:%20var(--background-color);'%3e%3cdefs%3e%3cpattern%20id='grid'%20width='50'%20height='50'%20patternUnits='userSpaceOnUse'%3e%3cpath%20d='M%2050%200%20L%200%200%200%2050'%20fill='none'%20stroke='%23494949'%20stroke-width='1'%20/%3e%3c/pattern%3e%3c/defs%3e%3crect%20width='1200'%20height='700'%20fill='url(%23grid)'%20/%3e%3c/svg%3e");background-size:1200px 700px;display:flex;flex-direction:column;align-items:center;justify-content:center;margin-bottom:100px}.more-container{box-sizing:border-box;border:var(--border-color) 1px solid;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.more-title{width:50%;font-weight:400;font-size:1.2em;color:var(--secondary-color);text-align:start}.more-paragraph{font-size:1em;color:var(--secondary-hover-color);width:50%;text-align:start;margin-top:0}.more-paragraph>a{font-size:1em;color:var(--secondary-hover-color);text-decoration:underline}.subtitle{font-size:1.2em;color:var(--secondary-color);margin-top:20px;width:50%;margin-bottom:16px}@media (prefers-color-scheme: light){.main-section{background-image:url("data:image/svg+xml,%3csvg%20width='1200'%20height='700'%20xmlns='http://www.w3.org/2000/svg'%20style='background-color:%20var(--background-color);'%3e%3cdefs%3e%3cpattern%20id='grid'%20width='50'%20height='50'%20patternUnits='userSpaceOnUse'%3e%3cpath%20d='M%2050%200%20L%200%200%200%2050'%20fill='none'%20stroke='%23d6d6d6'%20stroke-width='1'%20/%3e%3c/pattern%3e%3c/defs%3e%3crect%20width='1200'%20height='700'%20fill='url(%23grid)'%20/%3e%3c/svg%3e")}.second-section{background-image:url("data:image/svg+xml,%3csvg%20width='1200'%20height='700'%20xmlns='http://www.w3.org/2000/svg'%20style='background-color:%20var(--background-color);'%3e%3cdefs%3e%3cpattern%20id='grid'%20width='50'%20height='50'%20patternUnits='userSpaceOnUse'%3e%3cpath%20d='M%2050%200%20L%200%200%200%2050'%20fill='none'%20stroke='%23d6d6d6'%20stroke-width='1'%20/%3e%3c/pattern%3e%3c/defs%3e%3crect%20width='1200'%20height='700'%20fill='url(%23grid)'%20/%3e%3c/svg%3e")}}@media (max-width: 1250px){.main,.main-section,.spacer,.second-section{width:100%}}@media (max-width: 950px){.more-container>*{width:90%}.main-paragraph{width:90%}.second-section{height:1000px}}.login-main{width:100%;margin-top:150px;margin-bottom:150px;display:flex;flex-direction:column;align-items:center}.login-container{width:800px;border:1px solid var(--border-color);padding:28px;box-sizing:border-box;overflow:hidden;max-height:600px}.login-container:hover{cursor:pointer}.login-container.hidden{max-height:110px;min-height:110px}.login-container>span{font-size:36px}.login-container>form{margin-top:16px;display:flex;flex-direction:column}.login-container>form>label{margin-top:28px}.login-container>form>input{background-color:var(--input-background-color);color:var(--input-text-color);border:none;border-radius:8px;padding:12px;margin-top:12px;font-size:16px}.submit-button{margin-top:24px}.register-container{width:800px;margin-top:30px;border:1px solid var(--border-color);padding:28px;box-sizing:border-box;overflow:hidden;max-height:800px}.register-container:hover{cursor:pointer}.register-container.hidden{max-height:110px;min-height:110px}.register-container>span{font-size:36px}.register-container>form{margin-top:16px;display:flex;flex-direction:column}.register-container>form>label{margin-top:28px}.register-container>form>input{background-color:var(--input-background-color);color:var(--input-text-color);border:none;border-radius:8px;padding:12px;margin-top:12px;font-size:16px}.error-display{width:100%;margin:16px 0 0}.error-display.no-error{display:none}.error-text{color:#c0392b}.result-text{color:#27ae60}@media (max-width: 850px){.login-container,.register-container{width:90%}}