::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:none}::-webkit-scrollbar-track:hover{background:none}::-webkit-scrollbar-thumb{background:#6a6a6a}::-webkit-scrollbar-thumb:hover{background:#909090}a:has(>.MuiButton-root){text-decoration:none!important}*,*:before,*:after{box-sizing:border-box}*{margin:0}html,body{height:100dvh}body{line-height:1.5;-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}#root,#__next{isolation:isolate}.flex{display:flex;gap:var(--gap, 1rem)}.feed{display:flex;flex-direction:column;align-items:center;padding:2rem 1rem}.no-feed{display:flex;flex-direction:column;justify-content:center;align-items:center}.no-feed h1{font-family:sans-serif;text-align:center;font-size:2rem}.no-feed a{font-size:1.2rem}.notification-box{position:relative;background-color:#fffbea;font-family:sans-serif;border-radius:6px;border:1px solid #ddd;box-shadow:0 2px 5px #0000000d;width:100%;max-width:46rem;box-sizing:border-box;padding-block:1rem;padding-inline:4rem}.close-button{position:absolute;top:8px;right:12px;background:none;border:none;font-size:1.25rem;font-weight:700;color:#78350f;cursor:pointer;transition:transform .2s ease}.close-button:hover{transform:scale(1.2)}.message{margin:0;font-size:1rem}.link-wrapper{margin-top:.75rem}.link{font-weight:600;font-size:1rem;color:#2563eb;text-decoration:underline;transition:color .2s ease}.link:hover{color:#1d4ed8}.carousel-container{margin:1rem 0;max-width:100%}.carousel-container .carousel-wrapper{position:relative;width:100%;max-width:600px;margin:0 auto;background:#f8f9fa;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #0000001a}.carousel-container .carousel-image{width:100%;height:400px;object-fit:cover;display:block}.carousel-container .carousel-btn{position:absolute;top:50%;transform:translateY(-50%);background:#00000080;color:#fff;border:none;width:40px;height:40px;border-radius:50%;font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .2s ease;z-index:2}.carousel-container .carousel-btn:hover{background:#000000b3}.carousel-container .carousel-btn:focus{outline:2px solid #007bff;outline-offset:2px}.carousel-container .carousel-btn-prev{left:10px}.carousel-container .carousel-btn-next{right:10px}.carousel-container .carousel-indicators{position:absolute;bottom:15px;left:50%;transform:translate(-50%);display:flex;gap:8px;z-index:2}.carousel-container .carousel-indicator{width:12px;height:12px;border-radius:50%;border:2px solid rgba(255,255,255,.5);background:transparent;cursor:pointer;transition:all .2s ease}.carousel-container .carousel-indicator.active{background:#fff;border-color:#fff}.carousel-container .carousel-indicator:hover{border-color:#fffc}.carousel-container .carousel-counter{position:absolute;top:10px;right:10px;background:#0009;color:#fff;padding:4px 8px;border-radius:12px;font-size:12px;z-index:2}@media (max-width: 768px){.carousel-container .carousel-image{height:300px}.carousel-container .carousel-btn{width:35px;height:35px;font-size:18px}.carousel-container .carousel-btn-prev{left:5px}.carousel-container .carousel-btn-next{right:5px}}@media (max-width: 480px){.carousel-container .carousel-image{height:250px}.carousel-container .carousel-btn{width:30px;height:30px;font-size:16px}}.update-item{font-family:sans-serif;margin-block:1rem;padding:.5rem;border-radius:6px;border:1px solid #ddd;box-shadow:0 2px 5px #0000000d;width:100%;max-width:46rem;box-sizing:border-box}.update-item .update-footer{display:flex;flex:1;justify-content:space-between;align-items:center}.update-item .update-footer .time{font-size:.8rem;color:#555}.update-item.approved{border-bottom:4px solid #84bd00}.update-item.unapproved{border-bottom:4px solid #f44336}.actions-dropdown{position:relative;font-family:sans-serif}.actions-dropdown .actions-kebab{border:0;background:transparent;cursor:pointer}.actions-dropdown .actions-kebab:hover{opacity:.7}.dropdown-menu-portal{background:#fff;border:1px solid #ddd;box-shadow:0 2px 5px #0003;font-family:sans-serif;display:flex;flex-direction:column;min-width:140px}.dropdown-menu-portal button{padding:8px 12px;border:none;background:none;text-align:left;cursor:pointer;white-space:nowrap}.dropdown-menu-portal button:hover{background:#f1f1f1}.home{display:flex;flex-direction:column;margin-bottom:2rem}.home .home-feed{margin-block:.2rem;margin-inline:2rem}.igdb-form{background:#f4f4f4;padding:2rem;display:grid;grid-template-columns:1fr;gap:1.5rem;max-width:600px;margin:1rem auto;box-shadow:0 4px 12px #0000001a;font-family:sans-serif}.igdb-form .form-input{display:flex;flex-direction:column;gap:.5rem}.igdb-form .form-input .description{font-size:.9rem;color:#666}.igdb-form .form-input label{font-size:1.1rem;font-weight:600}.igdb-form .form-input input,.igdb-form .form-input select,.igdb-form .form-input textarea{border:1px solid #e5e7eb;padding:.5rem;border-radius:.25rem}.igdb-form .checkbox-input{flex-direction:row;align-items:center;gap:.5rem}.igdb-form .checkbox-input label{font-size:1.1rem;font-weight:600;margin-left:0}.igdb-form .search-dropdown-container{position:relative}.igdb-form .search-dropdown-trigger{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;border:1px solid #ccc;border-radius:4px;background:#fff;cursor:pointer;min-height:20px}.igdb-form .search-dropdown-trigger:hover{border-color:#999}.igdb-form .dropdown-arrow{font-size:12px;color:#666}.igdb-form .search-dropdown-menu{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid #ccc;border-top:none;border-radius:0 0 4px 4px;box-shadow:0 2px 4px #0000001a;z-index:1000;max-height:300px;overflow:hidden}.igdb-form .search-dropdown-input{width:100%;padding:8px 12px;border:none;border-bottom:1px solid #eee;outline:none;font-size:14px}.igdb-form .search-dropdown-options{max-height:250px;overflow-y:auto}.igdb-form .dropdown-option{padding:8px 12px;cursor:pointer;border-bottom:1px solid #f5f5f5}.igdb-form .dropdown-option:hover:not(.disabled){background-color:#f5f5f5}.igdb-form .dropdown-option.selected{background-color:#e3f2fd}.igdb-form .dropdown-option.disabled{color:#999;cursor:not-allowed;font-style:italic}.igdb-form .dropdown-option:last-child{border-bottom:none}.igdb-form .required:after{content:"*";color:red;margin-left:4px}.igdb-form .search-multi-container{position:relative}.igdb-form .search-multi-container.disabled{opacity:.6;pointer-events:none}.igdb-form .search-multi-trigger{display:flex;justify-content:space-between;align-items:center;min-height:40px;border:1px solid #ccc;border-radius:4px;background:#fff;cursor:text;padding:6px 8px;gap:8px}.igdb-form .pillbox{display:flex;flex-wrap:wrap;gap:6px;flex:1}.igdb-form .pillbox .placeholder{color:#888;-webkit-user-select:none;user-select:none}.igdb-form .pill{display:inline-flex;align-items:center;gap:6px;border:1px solid #e5e7eb;background:#f7fafc;padding:4px 8px;border-radius:9999px;font-size:.875rem;line-height:1}.igdb-form .pill .pill-label{white-space:nowrap;max-width:220px;overflow:hidden;text-overflow:ellipsis}.igdb-form .pill .pill-remove{background:transparent;border:none;cursor:pointer;font-size:14px;line-height:1;padding:0;color:#666}.igdb-form .pill .pill-remove:hover{color:#333}.post-update-view{font-family:sans-serif}.post-update-view h1{text-align:center}.status-card{font-family:sans-serif}.status-card .status-message-card{margin:.5rem auto;max-width:600px;padding:1rem;border-radius:.5rem;background-color:#f8f9fa;box-shadow:0 1px 3px #0000001a}.status-card .status-message-card h2{font-size:1.5rem;margin-bottom:.5rem}.status-card .status-message-card p{font-size:1rem;color:#000}.status-card .success{background:#c1e1c1}.status-card .error{background:#ff8b8b}.table-container{overflow:scroll}.table-container table{width:100%;border-collapse:collapse;font-family:Inter,sans-serif;font-size:14px;color:#333;background-color:#fff;box-shadow:0 1px 2px #0003;border-radius:12px}.table-container table thead{background-color:#f5f7fa}.table-container table thead th{padding:16px 12px;text-align:left;font-weight:600;color:#444;border-bottom:1px solid #e0e0e0}.table-container table tbody tr:nth-child(2n){background-color:#fafafa}.table-container table tbody tr:hover{background-color:#f0f4f8;transition:background-color .2s ease}.table-container table tbody tr td{padding:14px 12px;border-bottom:1px solid #eee}.table-container .th-btn{display:inline-flex;align-items:center;gap:.25rem;background:none;border:none;padding:0;font:inherit;cursor:default}.table-container .th-btn.sortable{cursor:pointer}.table-container .sort-indicator{opacity:.7;font-size:.9em}.user-view{font-family:sans-serif}.user-view .user-container{margin-inline:2rem}@media (max-width: 600px){.user-view .user-container{margin-inline:1rem}}.user-view .user-container .view-header{display:flex;justify-content:space-between;align-items:center;margin-top:1.5rem;flex-wrap:wrap;gap:1rem}.user-view .user-container .view-header h1{font-size:1.8rem;font-weight:500}.user-view .user-container .view-header .create-btn{display:flex;align-items:center;gap:.5rem;padding:.6rem 1rem;background-color:#1976d2;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:1rem}.user-view .user-container .view-header .create-btn:hover{background-color:#1565c0}.user-view .user-container .user-count{display:flex;flex-direction:column;gap:1rem;padding:1rem 0}.user-view .user-container .user-count .left,.user-view .user-container .user-count .right{display:flex;align-items:center;justify-content:space-between}.user-view .user-container .user-count .left{font-size:15px;font-weight:600;color:#666}.user-view .user-container .user-count .left #total-count{font-weight:700;margin-left:.5rem}.user-view .user-container .user-count .right{display:flex;align-items:center}.user-view .user-container .user-count .right form{display:flex;align-items:center;gap:.5rem}.user-view .user-container .user-count .right form label{font-size:15px;font-weight:600;color:#666}.user-view .user-container .user-count .right form input[type=checkbox]{width:16px;height:16px;cursor:pointer}@media (min-width: 600px){.user-view .user-container .user-count{flex-direction:row;justify-content:space-between;align-items:center}}.user-view .user-container .table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch;margin-top:1rem}.user-view .user-container .table-wrapper table{min-width:700px;width:100%}.user-view .user-container form{margin-top:1rem;display:flex;align-items:center;gap:.5rem}.user-view .user-container form label{font-size:.95rem}.user-view .actions-cell{position:relative}.user-view .actions-cell:hover{cursor:pointer;color:#212529}.user-view .icon-button{background:none;border:none;cursor:pointer;padding:4px;font-size:1.2rem;color:#333}.user-view .icon-button:hover{color:#007bff}.user-view .sort-btn{display:flex;align-items:center;background-color:#f3f3f3;border:1px solid #ccc;padding:6px 10px;border-radius:4px;cursor:pointer;margin-left:.75rem}.user-view .sort-btn svg{margin-right:6px}.user-view .sort-btn:hover{background-color:#e6e6e6}.user-invitation-view{font-family:sans-serif}.user-invitation-view h1{text-align:center}.user-profile-view{font-family:sans-serif}.user-profile-view h1{text-align:center}.auth .container{height:100dvh;display:flex;align-items:center;justify-content:center;background:#2a9d8f;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.auth .form-wrapper{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:40px;border-radius:16px;box-shadow:0 20px 40px #0000001a;width:100%;max-width:400px;border:1px solid rgba(255,255,255,.2)}.auth .title{font-size:28px;font-weight:700;color:#1a202c;margin-bottom:8px;text-align:center}.auth .subtitle{color:#718096;text-align:center;margin-bottom:32px;font-size:16px}.auth .form{display:flex;flex-direction:column;gap:24px}.auth .input-group{display:flex;flex-direction:column;gap:8px}.auth .label{font-size:14px;font-weight:600;color:#374151}.auth .input{padding:12px 16px;border:2px solid #e5e7eb;border-radius:8px;font-size:16px;transition:border-color .2s ease,box-shadow .2s ease;outline:none}.auth .input:focus{border-color:#2a9d8f;box-shadow:0 0 0 3px #2a9d8f40}.auth .button{background:#264653;color:#fff;border:none;padding:14px 24px;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.auth .button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 12px #00000026}.auth .button:active:not(:disabled){transform:translateY(0);box-shadow:none}.auth .button:disabled{opacity:.6;cursor:not-allowed}.auth .button.is-loading{position:relative}.auth .footer{margin-top:24px;text-align:center}.auth .link{color:#667eea;text-decoration:none;font-size:14px;font-weight:500}.auth .link:hover{text-decoration:underline}.auth .error{font-size:14px;font-weight:500;color:#e53e3e;background:#fff5f5;border:1px solid #feb2b2;border-radius:6px;padding:10px 14px}.auth .success{font-size:14px;font-weight:500;color:#276749;background:#f0fff4;border:1px solid #9ae6b4;border-radius:6px;padding:10px 14px}.auth .button.is-loading{position:relative;pointer-events:none}.user-dog-view{padding:2rem;display:flex;flex-direction:column;align-items:center}.user-dog-view .search-box{width:80%;margin-bottom:1.5rem;display:flex;justify-content:center;gap:1rem}.user-dog-view .search-box input{width:100%;max-width:400px;padding:.75rem 1rem;border:1px solid #d1d5db;border-radius:.375rem;font-size:1rem;font-family:sans-serif;transition:border-color .2s}.user-dog-view .search-box input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 1px #3b82f6}.user-dog-view .dog-table{width:80%;border-collapse:collapse;font-family:sans-serif}.user-dog-view .dog-table th,.user-dog-view .dog-table td{padding:.75rem;border:1px solid #e5e7eb;text-align:left;vertical-align:middle}.user-dog-view .dog-table thead{background-color:#f9fafb}.user-dog-view .dog-table tbody tr:hover{background-color:#f3f4f6}.user-dog-view .dog-table img{width:16rem;height:auto;object-fit:cover;border-radius:.5rem}.dog-create-view{font-family:sans-serif}.dog-create-view h1{text-align:center}.dog-view{font-family:sans-serif}.dog-view .dog-container{margin-inline:2rem}@media (max-width: 600px){.dog-view .dog-container{margin-inline:1rem}}.dog-view .dog-container img{max-width:75px}.dog-view .dog-container .admin-stale-dog-notification{display:flex;width:100%;justify-content:center}.dog-view .dog-container .view-header{display:flex;justify-content:space-between;align-items:center;margin-top:1.5rem;flex-wrap:wrap;gap:1rem}.dog-view .dog-container .view-header h1{font-size:1.8rem;font-weight:500}.dog-view .dog-container .view-header .create-btn{display:flex;align-items:center;gap:.5rem;padding:.6rem 1rem;background-color:#1976d2;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:1rem}.dog-view .dog-container .view-header .create-btn:hover{background-color:#1565c0}.dog-view .dog-container .dog-count{display:flex;flex-direction:column;gap:1rem;padding:1rem 0}.dog-view .dog-container .dog-count .left,.dog-view .dog-container .dog-count .right{display:flex;align-items:center;justify-content:space-between}.dog-view .dog-container .dog-count .left{font-size:15px;font-weight:600;color:#666}.dog-view .dog-container .dog-count .left #total-count{font-weight:700;margin-left:.5rem}.dog-view .dog-container .dog-count .right{display:flex;align-items:center}.dog-view .dog-container .dog-count .right form{display:flex;align-items:center;gap:.5rem}.dog-view .dog-container .dog-count .right form label{font-size:15px;color:#666;font-weight:600}.dog-view .dog-container .dog-count .right form input[type=checkbox]{width:15px;height:15px;cursor:pointer}@media (min-width: 600px){.dog-view .dog-container .dog-count{flex-direction:row;justify-content:space-between;align-items:center}}.dog-view .dog-container .table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch;margin-top:1rem}.dog-view .dog-container .table-wrapper table{min-width:700px;width:100%}.dog-view .dog-container form{margin-top:1rem;display:flex;align-items:center;gap:.5rem}.dog-view .dog-container form label{font-size:.95rem}.dog-view .actions-cell{position:relative}.dog-view .actions-cell:hover{cursor:pointer;color:#212529}.dog-view .exporting{margin-top:10rem;display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%}.dog-view .sort-btn{display:flex;align-items:center;background-color:#f3f3f3;border:1px solid #ccc;padding:6px 10px;border-radius:4px;cursor:pointer;margin-left:.75rem}.dog-view .sort-btn svg{margin-right:6px}.dog-view .sort-btn:hover{background-color:#e6e6e6}.primary-header{padding:1rem;background-color:#fff;align-items:center;justify-content:space-between;font-family:Open Sans,sans-serif;max-height:20dvh;overflow-y:hidden}.primary-header .logo{padding-left:1.25rem;display:flex;align-items:center}.primary-header .logo img{width:100px}.primary-header .logo h3{font-size:1.5rem;margin-left:1.5rem;color:#000}@supports (backdrop-filter: blur(1rem)){.primary-header .primary-navigation{-webkit-backdrop-filter:blur(1rem);backdrop-filter:blur(1rem)}}@media (min-width: 45.01em){.primary-header .hamburger{display:none}}@media (max-width: 45em){.primary-header .primary-navigation{position:fixed;top:0;right:0;bottom:0;left:30%;flex-direction:column;padding:min(30vh,10rem) 2rem;transform:translate(100%);transition:transform .5s ease-out}.primary-header .primary-navigation[data-visible=true]{transform:translate(0)}.primary-header .hamburger{position:absolute;display:block;width:35px;aspect-ratio:1;cursor:pointer;margin-right:15px;margin-bottom:10px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:red;background:none;outline:none;border:none;z-index:9999;top:1rem;right:1rem}.primary-header .hamburger.is-active:before{transform:rotate(-45deg) translate(-8px,6px)}.primary-header .hamburger.is-active:after{transform:rotate(45deg) translate(-9px,-8px)}.primary-header .hamburger.is-active .bar{opacity:0}.primary-header .hamburger .bar,.primary-header .hamburger:after,.primary-header .hamburger:before{display:block;content:"";width:100%;height:5px;background-color:#000;margin:6px 0;transition:transform .4s}}.admin-header{background:#ff8b8b}.primary-navigation{--gap: 2.5rem;list-style:none;color:#000;z-index:100}.primary-navigation a{font-size:1.35rem;color:inherit;text-decoration:none}.igdb-footer{background:#f9fafb;border-top:1px solid #e5e7eb;padding:1rem 2rem;font-size:.875rem;color:#6b7280;text-align:center;font-family:sans-serif}.igdb-footer__content{display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto}.igdb-footer__brand{font-weight:600;color:#111827}.igdb-footer__copy{font-style:italic}.card{border-radius:12px;border:1px solid #e5e7eb;background-color:#fff;color:#111827;box-shadow:0 1px 2px #0003;padding:16px;display:flex;flex-direction:column;font-family:sans-serif}.card .card-key{font-size:1.2rem;font-weight:500;color:#6b7280}.card .card-value{font-size:1.5rem;font-weight:700}.admin-dashboard .forms-wrapper{display:flex;gap:2rem;align-items:flex-start}.admin-dashboard .forms-wrapper>form{flex:1}@media (max-width: 768px){.admin-dashboard .forms-wrapper{flex-direction:column}}.approval-queue{position:relative}.approval-queue .table-wrapper{overflow-x:auto;overflow-y:visible;-webkit-overflow-scrolling:touch;margin-top:1rem}.approval-queue .table-wrapper table{min-width:700px;width:100%}.approval-queue .table-wrapper table td,.approval-queue .table-wrapper table th{position:relative;overflow:visible;vertical-align:top}.approval-queue .table-wrapper table tr{overflow:visible;min-height:80px}.admin-dashboard{font-family:sans-serif;margin-inline:2rem;margin-block:1rem}.admin-dashboard>*{padding-top:1rem}.admin-dashboard .dog-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px}.terms-and-conditions-container{height:12rem;overflow-y:scroll;background:#fff}.terms-and-conditions-container p{white-space:pre-wrap}.onboarding-view h1{font-family:sans-serif;text-align:center}.terms-view{padding-inline:6rem;padding-block:1rem}.terms-view .terms-and-conditions-container{height:100%;font-family:sans-serif;overflow:visible}