.notification-menu.confirm-open{z-index:1}.notification-menu .notification-item{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:.25rem;padding:.75rem 1rem;position:relative}.notification-menu .notification-item:not(:last-child){border-bottom:1px solid var(--gray-alpha-300)}.notification-menu .notification-item.empty{opacity:.7}.notification-menu .notification-item.unread .notification-alert{opacity:1}.notification-menu .notification-item .notification-title-wrapper{display:flex;justify-content:space-between;width:100%}.notification-menu .notification-item .notification-title-wrapper .notification-title{font-size:.9rem;font-weight:700}.notification-menu .notification-item .notification-title-wrapper .notification-time{font-size:.9rem;color:var(--gray-alpha-500)}.notification-menu .notification-item .notification-message{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;text-overflow:ellipsis;overflow:hidden;font-size:.9rem;white-space:break-spaces;padding-left:.5rem}.notification-menu .notification-item .notification-alert{position:absolute;top:.75rem;left:.5rem;content:"";display:inline-block;width:.5rem;height:.5rem;border-radius:50%;background-color:var(--primary-color);opacity:0;transition:opacity .2s ease-in-out}header{z-index:10;position:fixed;top:0;display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:var(--header-height);color:var(--foreground);background:var(--background);box-shadow:0 1px 0 var(--gray-alpha-300);transition:box-shadow .2s ease}header.top{box-shadow:0 1px 0 transparent}header .main-header{background-color:var(--background);flex-direction:row;height:100%}header .main-header.full-width{max-width:unset}header .main-header .left-container{display:flex;align-items:center;gap:.5rem}header .main-header .left-container .logo{display:flex;align-items:flex-end}header .main-header .left-container .logo img{margin-left:-.25rem}header .main-header .left-container .logo.hide{display:none}header .main-header .left-container .logo .custom{font-size:1.125rem;font-weight:700;font-style:italic;color:var(--primary-color);margin-left:-.25rem}header .main-header .left-container .back-btn{z-index:1;position:absolute}header .main-header .left-container .back-btn.hide{display:none}header .main-header .right-container{display:flex;align-items:center;justify-content:flex-end;gap:.5rem;width:100%;transition:padding .2s ease}header .main-header .right-container .menu-btn{background-color:var(--background);border:1px solid var(--gray-alpha-300);border-radius:.75rem;gap:.5rem;padding-right:43px;position:relative}header .main-header .right-container .menu-btn.minimal{padding-right:8px}header .main-header .right-container .menu-btn.minimal .user-icon{display:none}header .main-header .right-container .menu-btn .menu-icon{color:var(--icon-color)}header .main-header .right-container .menu-btn .user-icon{position:absolute;top:50%;right:8px;transform:translateY(-50%);border-radius:50%;border:1px solid var(--gray-alpha-300)}.user-location{position:absolute;top:1.25rem;left:1rem;display:flex;align-items:center;gap:.125rem;border:1px solid var(--gray-alpha-300);padding:.25rem 1rem .25rem .75rem;border-radius:.75rem;background:var(--icon-color);color:var(--background);opacity:.2;transition:opacity .2s}.user-location.active{opacity:.5}.user-location .icon{font-size:1.25rem}.main-menu .menu-top{display:flex;align-items:center;gap:1rem;padding:1.5rem 1rem}.main-menu .menu-top .login-btn{gap:.75rem;font-size:1rem;padding:.75rem 1rem;background-color:var(--foreground);color:var(--background);width:100%}.main-menu .menu-top .user-profilie{border-radius:50%;border:1px solid var(--gray-alpha-300)}.main-menu .menu-top .user-wrapper{display:flex;flex-direction:column}.main-menu .menu-top .user-wrapper .user-name{font-size:1.25rem}.main-menu .menu-top .user-wrapper .logout-btn{display:flex;align-items:center;font-size:.875rem;cursor:pointer;opacity:.7}@media(hover:hover)and (pointer:fine){header .main-header .right-container .menu-btn:hover{background-color:var(--icon-hover-color)}}@media(min-width:1180px){header .main-header .right-container .search-input{flex:.5 1}}.home .home-top{padding-top:1rem;padding-bottom:3rem;max-width:2000px;margin:auto;overflow:hidden}.home .home-search{align-items:stretch}.home .quick-select{display:flex;flex-direction:column;gap:1rem;width:100%}.home .quick-select .quick-select-wrapper{display:grid;justify-items:center;grid-template-columns:repeat(8,1fr);grid-gap:1rem;gap:1rem}.home .quick-select .quick-select-wrapper .quick-select-item{display:flex;flex-direction:column;align-items:center;overflow:hidden;position:relative;height:-moz-fit-content;height:fit-content;width:-moz-fit-content;width:fit-content;background-color:transparent;gap:.25rem}.home .quick-select .quick-select-wrapper .quick-select-item .quick-select-image{object-fit:contain;padding:1.25rem;background-color:var(--gray-alpha-200);border-radius:2rem;transition:background-color .2s}.home .quick-select .quick-select-wrapper .quick-select-item .quick-select-name{font-size:1rem}.home .introduction{display:flex;flex-direction:column;width:100%;padding:2rem 0}.home .introduction .description{font-size:1rem;font-weight:300;margin:1rem 0}.home .introduction .link-wrapper{display:flex;justify-content:flex-end;gap:1.5rem;margin-top:1.5rem}.home .introduction .link-wrapper a{display:flex;align-items:center;gap:.25rem;transition:transform .3s}@media(hover:hover)and (pointer:fine){.home .quick-select .quick-select-wrapper .quick-select-item .quick-select-image:hover{background-color:var(--gray-alpha-300)}.home .introduction .link-wrapper a:hover{transform:translateX(6px)}}@media(max-width:1179px){.home .home-top{padding-top:0;padding-bottom:2rem;max-width:100%}.home .quick-select .quick-select-wrapper{grid-template-columns:repeat(4,1fr)}.home .quick-select .quick-select-wrapper .quick-select-item .quick-select-image{width:76px;height:76px}}