.modal-holder{z-index:999;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);box-sizing:border-box;background:#00000080;justify-content:center;align-items:center;width:100%;height:100%;padding:15px;display:flex;position:fixed;top:0}.modal-holder .modal{background:var(--color-background);border:1px solid var(--color-border);border-radius:10px;width:32rem;max-width:100%;padding:28px;transition:width .2s,height .2s;position:relative;overflow:hidden}.modal-holder .modal.red-outline{border:1px solid var(--color-error)}.modal-holder .modal-content{flex-flow:column;gap:15px;display:flex}.modal-holder .modal-content .crop-container{background:var(--color-surface);border-radius:10px;width:100%;height:20rem;margin-top:10px;margin-bottom:5px;position:relative;overflow:hidden}.modal-holder .modal-content .crop{background:var(--color-surface-deep);justify-content:center;align-items:stretch;display:flex;position:absolute;inset:0}.modal-holder .modal-footer{justify-content:flex-end;gap:7px;margin-top:25px;display:flex}.modal-holder .modal-footer[data-align=left]{justify-content:flex-start}.modal-content:has(.modal-inputs:last-child)+.modal-footer{margin-top:35px}.modal-holder .modal-error p{color:var(--color-error)}.modal-select-list{flex-flow:column;gap:10px;margin-top:15px;margin-bottom:15px;display:flex}.modal-inputs{flex-flow:column;gap:20px;display:flex}.modal-inputs .modal-input-item{flex-flow:column;gap:5px;display:flex}p+.modal-inputs{margin-top:10px}.modal-factor-qr{background:var(--color-surface);border-radius:10px;justify-content:center;align-items:center;margin-top:10px;margin-bottom:10px;padding:15px;display:flex}.modal-factor-qr img{border-radius:10px}.modal-comment{background:var(--color-surface);border-radius:10px;align-items:center;gap:10px;margin-top:10px;margin-bottom:10px;padding:10px;display:flex}.modal-comment img{border-radius:10px}.modal-comment-context{flex-flow:column;display:flex}.modal-comment-context b{color:var(--color-accent)}
.navigation{z-index:998;height:var(--nav-height);background-color:var(--color-black);border-bottom:1px solid var(--color-border);justify-content:flex-start;align-items:center;gap:15px;padding-left:15px;padding-right:15px;display:flex;position:fixed;top:0;left:0;right:0;box-shadow:0 0 50px 1px #0a0a0a80;container-type:inline-size}.navigation .separator{background:var(--color-border);border-radius:10px;flex-shrink:0;width:1px;height:20px}.navigation .mobile-burger-menu-button{justify-content:center;align-items:center;width:34px;height:34px;margin-right:5px;display:none}.navigation .mobile-burger-menu{cursor:pointer;flex-direction:column;justify-content:space-between;align-items:flex-start;width:22px;height:14px;display:none}.navigation .mobile-burger-menu span{background:var(--color-text-primary);transform-origin:50%;border-radius:10px;width:100%;height:2px;transition:all .2s;display:flex}.navigation .mobile-burger-menu span:nth-child(2){width:60%}.navigation .mobile-burger-menu.active span:first-child{transform:translateY(6px)rotate(45deg)}.navigation .mobile-burger-menu.active span:nth-child(2){opacity:0}.navigation .mobile-burger-menu.active span:nth-child(3){transform:translateY(-6px)rotate(-45deg)}.navigation .logo-container{-webkit-user-select:none;user-select:none;align-items:center;gap:10px;display:flex}.navigation .logo-container .logo{cursor:pointer}.navigation .logo-container .logo img{width:auto;height:auto}.navigation .logo-container .beta{border:1px solid var(--color-text-primary);border-radius:5px;justify-content:center;align-items:center;padding:1px 5px;display:flex}.navigation .logo-container .beta p{-webkit-user-select:none;user-select:none;font-size:12px}.navigation .search-container input{width:200px}.navigation .search-container input:focus{width:340px}.navigation .tabs-container{align-items:center;gap:30px;margin-left:25px;display:flex}.navigation .tabs-container a{white-space:nowrap;font-family:Manrope SemiBold,sans-serif;text-decoration:none;transition:opacity .15s}.navigation .tabs-container a:hover{color:var(--color-text-secondary)}.navigation .nav-profile-container{flex:1;justify-content:right;align-items:center;gap:15px;display:flex}.navigation .nav-profile-container .profile-group{gap:7px;display:flex}.navigation .nav-profile-container button{min-height:34px;max-height:34px}.navigation .nav-profile-container button#settings_button svg{transition:transform 1s}.navigation .nav-profile-container button#settings_button:hover svg{transform:rotate(360deg)}.navigation .nav-profile-container button#bell_button_mobile:hover svg{animation:.5s ease-in-out shake}.navigation .nav-profile-container button.navigation-profile-button{justify-content:center;align-items:center;gap:12px;padding:0 0 0 12px;display:flex;overflow:hidden}.navigation .nav-profile-container button.navigation-profile-button img{border-left:1px solid var(--color-border);border-radius:10px}.navigation .nav-profile-container button.navigation-icon-button{justify-content:center;align-items:center;width:36px;height:34px;padding:0;display:flex}.navigation .mobile-profile-container{flex:1;justify-content:right;align-items:center;gap:12px;display:none}.navigation .mobile-profile-container button{justify-content:center;align-items:center;height:34px;min-height:34px;max-height:34px;display:flex}.navigation .mobile-profile-container button svg{width:24px;height:24px}.navigation .mobile-profile-container button:not(#login_button){background:0 0;border:none;width:36px;padding:0}.navigation .mobile-profile-container button:not(#login_button):hover{background:0 0}.navigation .mobile-profile-container img{border:1px solid var(--color-border);border-radius:10px}.navigation .mobile-profile-container .navigation-profile-wrapper{margin-left:5px;margin-right:4px}.navigation .mobile-profile-container .navigation-profile-wrapper img{cursor:pointer}.navigation .nav-menu-wrapper{z-index:999;position:fixed;top:55px;right:0}.navigation .nav-menu{z-index:997;background:var(--color-surface-deep);border:1px solid var(--color-border);border-radius:10px;flex-flow:column;width:fit-content;min-width:200px;height:fit-content;padding:15px;transition:top .1s,right .1s,left .1s,width .1s,border-radius .1s,height .1s;display:flex;position:absolute;top:-4px;right:15px;box-shadow:0 5px 10px #00000080}.navigation .nav-menu.mobile{display:none!important}.navigation .nav-menu-profile{border-bottom:1px solid var(--color-border);align-items:flex-start;gap:15px;width:100%;padding-bottom:15px;display:flex}.navigation .nav-menu-profile .nav-menu-profile-info{text-wrap:nowrap;flex-flow:column;align-items:flex-start;text-decoration:none;display:flex}.navigation .nav-menu-profile img{border:1px solid var(--color-border);border-radius:10px}.navigation .nav-menu-links{flex-flow:column;justify-content:flex-start;align-items:flex-start;gap:11px;width:100%;margin-top:11px;display:flex}.navigation .nav-menu-links a{font-family:Manrope SemiBold,sans-serif;text-decoration:none;transition:color .15s}.navigation .nav-menu-links a:hover{color:var(--color-text-secondary)}.navigation .nav-menu-links b{cursor:pointer;color:var(--color-error);font-family:Manrope SemiBold,sans-serif;text-decoration:none;transition:color .15s}.navigation .nav-menu-links b:hover{color:var(--color-error-40)}.navigation .nav-burger-menu-links{flex-flow:column;gap:12px;display:flex}.navigation .nav-burger-menu-links:nth-child(2){border-top:1px solid var(--color-border);margin-top:15px;padding-top:15px}.navigation .nav-burger-menu-links a{padding-top:5px;padding-bottom:5px;font-family:Manrope SemiBold,sans-serif;font-size:18px;text-decoration:none;transition:all .1s}.navigation .nav-burger-menu-links a:hover{display:inline-block;transform:skew(-10deg)}.navigation .nav-search-holder{flex-flow:column;gap:15px;display:flex}@media (max-width:1290px){.navigation .tabs-container{display:none}.navigation .mobile-burger-menu-button,.navigation .mobile-burger-menu{display:flex}.navigation .nav-menu-wrapper{z-index:999;background:#000c;position:fixed;inset:55px 0 0}.navigation .nav-menu{border:none;border-bottom:1px solid #3e417080;border-radius:0;width:100%;padding:15px 20px;top:0;right:0;box-shadow:0 5px 10px #00000080}.navigation .nav-menu-profile{padding-bottom:20px}.navigation .nav-menu-links{flex-flow:column;justify-content:flex-start;align-items:flex-start;gap:10px;width:100%;display:flex}.navigation .nav-menu-links a{padding-top:5px;padding-bottom:5px;font-family:Manrope SemiBold,sans-serif;text-decoration:none}.navigation .nav-menu.mobile{display:flex!important}}@media (max-width:870px){.navigation #separator-right,.navigation #upload-button{display:none}}@media (max-width:768px){.navigation .nav-profile-container{display:none}.navigation .mobile-profile-container{display:flex}.navigation .search-container,.navigation #separator-left{display:none}}