.footer{margin-top:auto;display:flex;flex-direction:column;align-items:center;width:100%;background-color:#000c;font-size:1em}.footer-links{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:3rem;font-size:2em;margin-top:1rem}.footer a{text-decoration:none;cursor:pointer}.footer p{text-align:center;margin-top:0;font-family:Rubik,sans-serif;font-size:1em}.footer-tagline{font-size:1.5em}@media(max-width:768px){.footer{padding:1em 0}.footer-links{font-size:1.5em;margin:0;gap:2rem}.footer-links a{font-size:.8em}.footer-tagline{font-size:1em}}.trail-card{position:relative;background-color:#f5f5f5;padding:.5rem;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;flex-direction:column;justify-content:space-between;flex:1 1 12rem;width:100%;height:20rem;cursor:default}.image-container{display:flex;justify-content:center;align-items:center;width:auto;position:relative;width:100%;height:200px;overflow:hidden;border-radius:8px}.trail-card .trail-image{display:block;width:100%;height:200px;object-fit:cover}.trail-card-info{display:flex;flex-direction:column;margin:0;padding:.5rem;margin-top:.5rem}.trail-card h2{font-size:1.2em;color:#454545;margin:0}.trail-card p{font-size:.9em;color:#666;margin:0}.trail-card h2,.trail-card p{word-wrap:break-word}.trail-card-overlay{top:0;right:0;display:flex;justify-content:flex-end;align-items:center;position:absolute}.trail-card-overlay button{font-size:1rem;border:none;cursor:pointer;transition:transform .2s ease,color .4s ease}.image-placeholder{width:100%;height:200px;background-color:#f0f0f0;display:flex;justify-content:center;align-items:center}.loader{width:40px;aspect-ratio:1;--c: linear-gradient(#000 0 0);--r1: radial-gradient(farthest-side at bottom, #000 93%, #0000);--r2: radial-gradient(farthest-side at top, #000 93%, #0000);background:var(--c),var(--r1),var(--r2),var(--c),var(--r1),var(--r2),var(--c),var(--r1),var(--r2);background-repeat:no-repeat;animation:l2 1s linear infinite}@keyframes l2{0%,25%{background-size:8px 0,8px 4px,8px 4px,8px 0,8px 4px,8px 4px,8px 0,8px 4px,8px 4px;background-position:0 50%,0 calc(50% - 2px),0 calc(50% + 2px),50% 50%,50% calc(50% - 2px),50% calc(50% + 2px),100% 50%,100% calc(50% - 2px),100% calc(50% + 2px)}50%{background-size:8px 100%,8px 4px,8px 4px,8px 0,8px 4px,8px 4px,8px 0,8px 4px,8px 4px;background-position:0 50%,0 calc(0% - 2px),0 calc(100% + 2px),50% 50%,50% calc(50% - 2px),50% calc(50% + 2px),100% 50%,100% calc(50% - 2px),100% calc(50% + 2px)}75%{background-size:8px 100%,8px 4px,8px 4px,8px 100%,8px 4px,8px 4px,8px 0,8px 4px,8px 4px;background-position:0 50%,0 calc(0% - 2px),0 calc(100% + 2px),50% 50%,50% calc(0% - 2px),50% calc(100% + 2px),100% 50%,100% calc(50% - 2px),100% calc(50% + 2px)}95%,to{background-size:8px 100%,8px 4px,8px 4px,8px 100%,8px 4px,8px 4px,8px 100%,8px 4px,8px 4px;background-position:0 50%,0 calc(0% - 2px),0 calc(100% + 2px),50% 50%,50% calc(0% - 2px),50% calc(100% + 2px),100% 50%,100% calc(0% - 2px),100% calc(100% + 2px)}}@media(max-width:768px){.trail-card{height:15rem;padding:.5rem;justify-content:center;flex:1 1 calc(50% - .5rem)}.trail-card h2{font-size:1em}.trail-card p{font-size:.8em;margin-top:.5em}}.modal-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background-color:#f5f5f5;width:50%;max-width:85vw;padding:1rem;border-radius:10px}.toast{position:fixed;bottom:2rem;right:2rem;background:#9d160c;color:#f5f5f5;padding:10px 20px;border-radius:5px;z-index:1000}.nr-overlay{position:fixed;inset:0;display:grid;place-items:center;background:transparent;z-index:9999;pointer-events:none}.nr-dialog{pointer-events:auto;background:var(--surface, #1f2937);color:var(--on-surface, #fff);padding:14px 18px;border-radius:14px;box-shadow:0 10px 24px #00000040;font-weight:600;transform:scale(.96);animation:nr-pop .18s ease-out,nr-fadeout .3s ease-in 1s forwards}.nr-dialog-text{display:inline-block;white-space:nowrap}@keyframes nr-pop{0%{transform:scale(.96);opacity:0}to{transform:scale(1);opacity:1}}@keyframes nr-fadeout{to{opacity:0;transform:scale(.98)}}@media(prefers-reduced-motion:reduce){.nr-dialog{animation:none}}.form{display:flex;flex-direction:column;justify-content:center;box-shadow:0 4px 8px #0000001a;margin:1.25rem auto;background-color:#f5f5f5;color:#5e5e5e;padding:2rem;border-radius:10px}.form h2{color:#505050;margin:0;text-align:center;font-size:1em;margin-bottom:1rem}.form .form-group{margin-bottom:1.25rem;width:100%}.form .form-group label{display:block;color:#606060;font-weight:600;font-size:1em;margin:0}.form .form-group input{color:#606060}.form .form-group input[type=text],.form .form-group input[type=date],.form .form-group textarea{width:100%;padding:.5rem .75rem;border:1px solid #ccc;border-radius:.25rem;box-sizing:border-box;font-size:1rem}.form .form-group textarea{resize:vertical}.form .checkbox-group{display:flex;align-items:center;padding:.5rem 0;font-size:1rem}.form .checkbox-group input[type=checkbox]{margin-right:.5rem}.form .checkbox-group .icon{margin-right:.2rem}.form button[type=submit],.form button[type=button]{color:#f5f5f5;width:100%;text-align:center;padding:.75rem .5rem;border:none;border-radius:.25rem;cursor:pointer;font-size:.7rem}.form button[type=button]{background-color:#6c757d;margin-left:.5rem;width:100%}.form button[type=submit]{background-color:#007bff}.form button[type=submit]:hover{background-color:#0056b3}.form button[type=submit]:disabled{background-color:#ccc;cursor:not-allowed}.form-buttons{display:flex;justify-content:space-between;align-items:center;width:100%}.form .error{color:red;margin-top:.3125rem}@media(max-width:768px){@supports (-webkit-touch-callout: none){.form .form-group input[type=date]{-webkit-appearance:none;appearance:none;inline-size:100%;max-inline-size:100%;min-inline-size:0;overflow:hidden}}.form,.modal-content,.form .form-group{min-width:0}.modal-content{width:100%;padding:1rem;max-height:min-content}.form{padding:.5rem;max-width:100%;overflow-x:hidden}.form-buttons{gap:.5rem}.form-buttons>button{flex:1 1 0}.form h2,.form .form-group label{font-size:1em}.form .form-group input[type=text],.form .form-group input[type=date],.form .form-group textarea{font-size:1em;max-width:100%;min-width:0;width:100%;box-sizing:border-box}.form button[type=submit],.form button[type=button]{font-size:.7em;padding:.5rem .75rem}.form .error{font-size:1.2em}}.report{display:flex;flex-direction:column;width:100%;height:fit-content;max-height:20rem;overflow-y:auto;color:#646464;font-family:Rubik,sans-serif;background-color:#f5f5f5;cursor:default;border:1px solid #ddd;border-radius:8px;box-shadow:0 4px 6px #0000001a;padding:1rem;margin:.5rem 0;box-sizing:border-box;transition:box-shadow .2s ease}.report-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.2rem;font-size:.9em;color:#646464;font-weight:600}.conditions{display:flex;flex-direction:column;align-items:space-between;justify-content:center;font-size:.9em;margin-bottom:.5rem}.conditions p,h2,.report-trail-condition,.report-road-condition{margin:0}.environment{display:flex;align-items:center;gap:1rem;margin-top:0;font-size:1.2em}.report-summary{font-size:1em;margin-bottom:0}.report-actions{display:flex;justify-content:flex-start;align-items:center;gap:.5rem;margin-top:.5rem}.report-actions button{font-size:1em;border:none;border-radius:5px;cursor:pointer;margin:0}.report-actions button:hover{background-color:#f0f0f0}.pagination-controls{display:flex;align-items:center;justify-content:center;gap:2rem;margin-top:2rem;margin-bottom:2rem}.arrow{cursor:pointer;font-size:24px}.darken{color:#000}.lighten{color:#ccc}.arrow.darken:hover{color:#555}@media(max-width:768px){.report{padding:.5rem;font-size:.9em}.report-header{font-size:.7em}.conditions,.report-summary{font-size:.9em}.environment{font-size:1em;align-items:flex-start}.report-actions button,.report-pagination-controls button{font-size:.9em}}.logo{fill:none;stroke-linejoin:round;stroke-linecap:round;stroke-miterlimit:1.5;stroke:#f5f5f5;stroke-width:10;filter:drop-shadow(1px 1px 2px rgba(0,0,0,.5));width:2em;height:2em;margin:0;cursor:pointer}.trail-page .logo,.all-trails .logo,.user-profile .logo,.login-page .logo{filter:unset}.nav-bar{display:flex;justify-content:space-between;align-items:center;position:absolute;margin-top:4rem;right:0;top:0;gap:1rem;padding:.5em;cursor:default;font-size:1.5em;color:#f5f5f5;z-index:10}.nav-bar .welcome{max-width:500px}.nav-bar .welcome a.nav-link{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.home .nav-bar{text-shadow:2px 2px 4px rgba(0,0,0,.5);transition:opacity .5s ease,transform .5s ease;opacity:0;transform:translateY(-100%)}.nav-bar.loaded{opacity:1;transform:translateY(0)}.nav-link{display:flex;align-items:center;padding:.5em;text-decoration:none;background-color:transparent;outline:none;font-family:Rubik,sans-serif;color:#f5f5f5;font-weight:600;letter-spacing:.1em;transition:color .3s ease}.nav-link:hover,.home .nav-link:hover{color:#fff}@media(max-width:768px){.nav-bar{justify-content:flex-end;white-space:nowrap;font-size:1.2em;gap:.5rem;padding-right:0}.nav-bar .welcome{max-width:125px}.home .nav-bar{padding:.5em;margin-top:0;top:10rem;right:unset}.trail-page .nav-bar,.all-trails .nav-bar,.user-profile .nav-bar,.login-page .nav-bar{gap:0;margin-top:.3rem;justify-content:end;align-items:center;padding:.5em;font-size:1em}}.home header{display:flex;justify-content:space-between;align-items:center;position:absolute;left:0;top:0;width:fit-content;padding:2em 1.5em .5em;margin-bottom:1em;z-index:10;transition:opacity .5s ease,transform .5s ease;opacity:0;transform:translateY(-100%)}.trail-page header,.all-trails header,.user-profile header,.login-page header{position:absolute;display:flex;justify-content:space-between;align-items:center;top:0;margin-bottom:1rem;padding:2em 1.5em .5em;width:100vw;background-color:#000c;animation:fadeIn 1s ease forwards}header.loaded{opacity:1;transform:translateY(0)}.home header h1.title{display:flex;align-items:center;color:#f5f5f5;text-shadow:2px 2px 4px rgba(0,0,0,.5);cursor:pointer;margin:0;font:400 4em/1 Josefin Sans,sans-serif}.home .title-part{font-size:1.3em}.trail-page header h1.title,.all-trails header h1.title,.user-profile header h1.title,.login-page header h1.title{display:flex;align-items:center;color:#f5f5f5;cursor:pointer;margin:0;font:400 3em/1 Josefin Sans,sans-serif}header nav{flex-grow:1;display:flex;justify-content:flex-end}@media(max-width:768px){.home header{padding:1em;left:unset}.home header h1.title{margin-top:5%;margin-bottom:auto;font-size:4em}.trail-page header h1.title,.all-trails header h1.title,.user-profile header h1.title,.login-page header h1.title{font-size:2em}.trail-page header,.all-trails header,.user-profile header,.login-page header{padding:0 1em;justify-content:space-between}}.home .photo-loading{display:flex;justify-content:center;align-items:center;background:transparent;height:100vh;min-height:90vh;max-width:90%}.home{display:flex;flex-direction:column;align-items:center;width:100%;overflow:hidden;margin-top:0;padding-top:0;margin-bottom:1rem}.upper-section{position:relative;width:100%;height:100%;overflow:hidden;justify-content:center;align-items:center;z-index:1}.home-background{position:relative;width:100vw;height:800px;overflow:hidden;background-size:cover;background-position:center;display:flex;justify-content:center;align-items:center;z-index:1}.search-container{position:relative;width:80%;max-width:30rem;margin-top:2em;margin-left:auto;margin-right:auto;z-index:100}.home input[type=text]{width:100%;background-color:#e6e6e6c7;border:solid 1px hsla(0,0%,100%,.818);font-weight:600;border-radius:1.5rem;padding:1.2rem 1.5rem;font-size:1em;box-shadow:0 4px 8px #14141433;position:relative;z-index:2}.home input[type=text]:focus{background-color:#fafafae6;outline:none}.search-results,.no-results{display:flex;flex-direction:column;align-items:left;text-align:center;position:absolute;top:100%;margin-top:.2rem;left:0;width:100%;background-color:#fafafae6;transform:translateY(-1%)}.scroll-indicator{display:flex;font-size:1.5em;justify-content:center;animation:pulse 2s infinite}@keyframes pulse{0%{transform:translateY(0);opacity:.7}50%{transform:translateY(5px);opacity:1}to{transform:translateY(0);opacity:.7}}.search-results.expanded,.no-results{padding-bottom:.2rem;padding-top:.2rem;height:auto;width:100%;border:solid 1px hsl(0,0%,50%);border-radius:1.5rem;box-shadow:0 4px 8px #14141433;overflow-y:auto;max-height:15rem}.trail-preview,.no-results{display:flex;justify-content:space-between;align-items:center;padding:1rem;cursor:pointer}.trail-preview:last-of-type{border-bottom:none}.trail-preview:hover{color:#959595}.trail-preview h2{font-size:1.2em;font-weight:600;color:#454545;margin:0;flex:1;text-align:left}.trail-preview p{font-size:.9em;color:#666;margin:0;flex-shrink:0;text-align:right}.trail-preview h2,.trail-preview p{margin:.1em 0}.home-titles{display:flex;flex-direction:column;align-items:center;width:110vw;border:none;padding:1.5rem .3rem .3rem;font-size:2.5em;font-weight:400;background-color:#f5f5f5;box-shadow:0 4px 8px #14141433}.home-trails-section,.home-reports-section{max-width:80vw;margin:auto;display:flex;flex-direction:column;align-items:center;width:100%;padding:0 1.5rem}.home-trails-container{gap:1em;width:100%;padding:0;margin:1rem;display:flex;flex-wrap:wrap}.home-trails-container>div{min-width:calc(12.5% - 1rem);flex-grow:1;flex-shrink:0}.trail-card:last-child{margin-right:0}.home-reports-section .reports-container{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-around;gap:1rem;width:100%}@media(max-width:768px){.home .photo-loading{height:80vh;max-width:80%}.search-container{margin-top:-6.5rem}.home-titles{padding:1rem;font-size:1rem;justify-content:center;font-weight:600}.trail-preview h2{font-size:1em}.trail-preview p{font-size:.8em}.home-background{height:800px}.home-trails-section,.home-reports-section{max-width:100%}.home-trails-container{margin:0;padding:0}.home-trails-container>div{flex-grow:unset;flex-shrink:unset;max-width:100% / 2 - 1rem}.home-trails-container,.home-reports-section .reports-container{padding:0;padding-top:2rem;padding-bottom:2rem}}@media(min-width:768px)and (max-width:1024px){.home .photo-loading{height:90vh}.home-trails-section,.home-reports-section{max-width:100%}.home-trails-container,.reports-container{margin:0;padding:1em}.search-container{width:70%;max-width:40rem;margin-top:-12rem}.home input[type=text]{padding:1.5rem 2rem;font-size:1.5em}.trail-preview h2{font-size:1.5em}.home-titles{font-size:2em}}.filter-modal{position:fixed;top:0;right:-100%;height:100%;width:100%;overflow-x:hidden;z-index:10}.filter-modal.show{animation:slideIn .5s forwards}.filter-modal.hide{animation:slideOut .5s forwards}.filter-modal-content{background-color:#e8e8e8;width:80%;max-width:20rem;height:100%;margin-left:auto;padding:1rem}.filter-modal-header{display:flex;justify-content:flex-end}.filter-modal-close-btn{cursor:pointer;box-shadow:none;background:none;border:none;font-size:2rem}.filter-options{display:flex;flex-direction:column;gap:1rem;margin-top:1rem}.filter-options>div{margin:1rem}.filter-group{display:flex;flex-direction:column;gap:.5rem;justify-content:center}.filter-button{padding:8px 16px;border:none;background-color:#f5f5f5;border-radius:20px;cursor:pointer;transition:background-color .3s,color .3s}.filter-button.active{background-color:#3d6a9a;color:#fff}@media(max-width:768px){.filter-modal-content{width:100%;max-width:10rem;background-color:#f5f5f5;box-shadow:0 2px 4px #0000001a}.filter-modal-close-btn{font-size:1.5rem;background-color:#f5f5f5}.filter-options>div{margin:.5rem}}.all-trails{display:flex;flex-direction:column;align-items:center;margin-top:12rem;padding:0 2rem;width:100%;margin-bottom:2rem}.trail-list{width:100%;display:flex;flex-direction:column;align-items:center}.all-trails-section{display:flex;flex-wrap:wrap;justify-content:space-around;gap:1rem;width:100%}.search-section{display:flex;flex-direction:column;justify-content:center;align-items:center;margin-bottom:4rem;margin-top:2rem;width:100%}.search-bar-icon{position:relative;display:flex;flex-direction:row}.filters-wrapper{display:flex;justify-content:center;align-items:center}.search-filters-icon{display:flex;align-items:center;font-size:1.5em;cursor:pointer;margin-left:.5rem}.all-trails .search-bar{border:1px solid #ddd;width:40vw;background-color:#ffffffd9;box-shadow:0 2px 4px #0000001a;padding:1rem;font-size:1em}.all-trails .search-bar:focus{border-color:#f9f9f9;outline:none}@media(max-width:768px){.all-trails{margin-top:5rem;padding:0 1rem}.filters-wrapper{padding:0 1rem;flex-direction:column;align-items:center}.all-trails-section{gap:1rem}.search-section{flex-direction:column;align-items:flex-start;padding:.5rem 0;margin-bottom:2rem}.all-trails .search-bar{width:80vw;padding:.75rem}}@media(min-width:768px)and (max-width:1024px){.all-trails .search-bar{width:70vw}}.trail-page{display:flex;flex-direction:column;align-items:center;margin-top:12rem;padding:0 1.5rem}.trail-information{display:flex;align-items:flex-start;justify-content:space-around;flex-wrap:wrap;width:100%;margin-bottom:1.5rem}.trail-heading{display:flex;flex-direction:column;align-items:center;margin-bottom:.62rem}.trail-heading h1{font-size:2.5rem;color:#5e5e5e;margin:0}.trail-heading p{font-size:1.25rem;color:#5e5e5e;margin:0}.edit-trail-button{padding:.5rem 1rem;margin:1rem;background-color:#4caf50;color:#fff;border:none;border-radius:.3rem;cursor:pointer;font-size:1rem}.trail-stats{display:flex;flex-wrap:wrap}.stat-item{display:flex;flex-direction:column;align-items:center;min-width:9.3rem}.stat-label{font-size:1.2rem;font-weight:600}.stat-value{margin:0;font-size:1rem}.trail-content{display:flex;justify-content:space-evenly;align-items:flex-start;flex-wrap:wrap;width:100%}.trail-visuals{display:flex;flex-direction:column;align-items:flex-start;position:relative;margin-top:1.2rem;max-width:500px;width:50%}img{width:100%;height:auto;object-fit:cover;border-radius:.5rem;box-shadow:0 4px 8px #0000001a}.favorite-toggle{position:absolute;top:0rem;right:0rem;z-index:10}.favorite-toggle button{background-color:transparent;border:none;padding:.5rem;cursor:pointer;font-size:2rem;box-shadow:none;background-color:#f5f5f5f0;box-shadow:0 4px 8px #0000001a;color:#5e5e5ebb;border-radius:.5rem}.trail-summary{display:flex;flex-direction:column;width:50%;font-size:1rem;margin-left:auto;margin-right:auto}.dogs-pass{display:flex;gap:2rem;color:#5e5e5e}.dogs-pass p{margin:0;font-weight:600}.external-links{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:1rem;margin-top:1rem}.directions-button,.weather-button{background-color:#4caf50;width:fit-content;margin:1rem 0;padding:.5rem 1rem;font-size:1em;color:#f5f5f5;border:none;border-radius:5px;cursor:pointer}.weather-button{background-color:#3d7e9a}.trailpage-reports-section{width:100%;display:flex;flex-direction:column;margin:1.5rem 0;padding:1rem,0}.trailpage-reports-section h1{font-size:1.5rem;color:#5e5e5e;margin:0}.trailpage-reports-section p{font-size:1rem;margin:.2rem 0}.new-report-button{width:fit-content;margin:1rem 0;padding:.5rem 1rem;font-size:1em;background-color:#4caf50;color:#f5f5f5;border:none;border-radius:5px;cursor:pointer}.trailpage-reports-section .reports-container{width:100%;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-around;gap:1rem}@media(max-width:48rem){.trail-page{margin-top:2rem;padding:0 1rem}.trail-heading{margin-top:3rem;margin-bottom:0rem;word-wrap:break-word;text-align:center}.trail-heading h1{font-size:1.5rem}.trail-heading p{font-size:1rem}.external-links{margin-top:1rem;margin-bottom:1rem}.trail-information{flex-direction:column;align-items:center}.trail-stats{justify-content:space-evenly;font-size:.9rem}.stat-item{min-width:5rem;margin-bottom:.5rem;align-items:center}.stat-label{font-size:.8rem}.stat-value{font-size:.7rem}.trail-content{flex-direction:column;align-items:center}.favorite-toggle button{font-size:1.5rem}.directions-button,.weather-button{padding:.5rem 1rem;font-size:.6em}.trail-visuals,.trail-summary{width:100%}.trail-summary{margin-top:1rem;font-size:.9rem}.dogs-pass{flex-direction:column;align-items:center}.dogs-pass p,.trailpage-reports-section p{font-size:.9rem}}@media(min-width:768px)and (max-width:1024px){.trail-summary{align-items:flex-start;justify-content:center;width:100%;margin:auto}.trail-visuals{width:100%}.trailpage-reports-section{margin-top:1rem}.trail-information{align-items:center}}.user-profile{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;margin-top:8rem;padding:0 1.5rem}.user-details{display:flex;justify-content:space-between;align-items:center;width:100%;max-width:800px;padding:1rem;margin-bottom:2rem;background-color:#f0f0f0;box-shadow:0 4px 8px #0000001a;border-radius:.5rem}.user-details h1{font-size:1.5rem;color:#5e5e5e;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-details button{max-width:fit-content;padding:.625rem 1.25rem;margin:0;background-color:#3d6a9a;color:#fff;border:none;border-radius:.25rem;cursor:pointer;font-size:1rem;transition:background-color .3s}.user-details button:hover{background-color:#0056b3}.profile-heading{display:flex;justify-content:flex-start;align-items:center;font-size:1.6rem;color:#5e5e5e;margin:0;padding:0}.user-favorites-section{margin-top:1rem;display:flex;flex-direction:column;align-items:flex-start;width:100%}.favorite-trails-container{width:100%;height:22rem;overflow-x:hidden}.no-entries{margin:1rem;font-weight:600;padding:0}.profile-trail-reports{width:100%;display:flex;flex-direction:column}.profile-trail-reports .reports-container{width:100%;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-around;gap:1rem}.pagination-buttons{display:flex;justify-content:center;gap:1rem;margin-top:1rem}.pagination-buttons button{font-size:1em;border:none;border-radius:5px;margin:0}@media(max-width:768px){.user-profile{margin-top:4rem;padding:0 1rem}.user-details{padding:.5rem;justify-content:space-evenly;align-items:center;margin-bottom:0}.user-details h1{font-size:1rem}.user-details button{padding:.5rem 1rem;font-size:.6rem}.profile-heading{font-size:1.2rem}.profile-heading:first-of-type{margin-top:1rem}.favorite-trails-container{height:16rem}.reports-container{margin-bottom:1rem}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.login-page{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1rem;width:100vw;height:800px;position:relative}.login-container{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;max-width:400px}.login-signup{display:flex;flex-direction:column;align-items:center;width:100%;gap:1rem}.toggle-form{display:flex;padding:1rem;border:none;border-radius:.25rem;cursor:pointer;font-size:1rem;background:none;box-shadow:none}.login-container .show-signup .user-signup-enter,.login-container .show-login .user-login-enter{animation:fadeIn 1s ease forwards}.login-container .show-signup .user-login-exit,.login-container .show-login .user-signup-exit{animation:fadeOut 1s ease forwards}.credentials-form{align-items:center;background:#f5f5f5;padding:2em;border-radius:.5em;box-shadow:0 4px 8px #0000001a;width:100%;display:flex;flex-direction:column;gap:.5em}.credentials-form h2{font-size:1rem;color:#5e5e5e;margin:0;padding:0 1rem}.credentials-form input[type=text],.credentials-form input[type=password],.credentials-form input[type=submit]{padding:.5em 1em;border:1px solid #ccc;border-radius:.3em;font-size:.8rem}.credentials-form input[type=submit]{max-width:fit-content;padding:.75em 2em;background-color:#3d6a9a;color:#fff;border:none;border-radius:.25rem;cursor:pointer;font-size:1rem;transition:background-color .3s}.credentials-form input[type=submit]:hover{background-color:#0056b3}@media(max-width:768px){.login-container{justify-content:center;gap:1rem}.credentials-form{padding:1rem}.credentials-form h2{font-size:1em}.credentials-form input[type=text],.credentials-form input[type=password],.credentials-form input[type=submit]{font-size:.8em}.login-page .error{font-size:.5rem;margin-top:.5em}.toggle-form{font-size:.8rem}}@media(min-width:768px)and (max-width:1024px){.credentials-form{padding:1rem}.credentials-form h2{font-size:1.5em}.credentials-form input[type=text],.credentials-form input[type=password],.credentials-form input[type=submit]{font-size:1em}.login-page .error{font-size:.5rem;margin-top:.5em}.toggle-form{font-size:1rem}}html,body{margin:0;padding:0;max-width:100%;max-height:100%;overflow-x:hidden;font-family:Rubik,sans-serif}:is(html,body) *,:is(html,body) *:before,:is(html,body) *:after{box-sizing:border-box}:root{line-height:1.5;font-weight:400;color:#8c8c8cde;background-color:#ebebeb;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0,0,0,0)}.App{display:flex;flex-direction:column;min-height:100vh}img{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;pointer-events:none}.fade-in{animation:fadeIn .5s ease-in-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{right:-100%}to{right:0}}@keyframes slideOut{0%{right:0}to{right:-100%}}.home-loader{--r1: 154%;--r2: 68.5%;width:25rem;aspect-ratio:1;border-radius:50%;background:radial-gradient(var(--r1) var(--r2) at top,#0000 79.5%,#269af2 80%),radial-gradient(var(--r1) var(--r2) at bottom,#269af2 79.5%,#0000 80%),radial-gradient(var(--r1) var(--r2) at top,#0000 79.5%,#269af2 80%),#ccc;background-size:50.5% 220%;background-position:-100% 0%,0% 0%,100% 0%;background-repeat:no-repeat;animation:l9 2s infinite linear}@keyframes l9{33%{background-position:0% 33%,100% 33%,200% 33%}66%{background-position:-100% 66%,0% 66%,100% 66%}to{background-position:0% 100%,100% 100%,200% 100%}}.hidden{display:none}.error-messages{color:red;box-sizing:border-box}input[type=text],input[type=password],select,textarea{width:12em;background-color:#ffffffd9;padding:.5em 1em;border:solid 1px hsl(104,10%,80%);border-radius:.5em;font-size:1em}form button{font-size:1em}fieldset{border:none;padding:0;margin-bottom:1em;display:flex;gap:.5em}textarea{width:24.5em;height:6em;font-family:Cabin,sans-serif}a{text-decoration:none;background-color:transparent;outline:none}a,a:visited,a:hover,a:active{text-decoration:none;color:inherit}button{padding:.1rem 1.25rem;font-family:inherit;font-weight:600;color:gray;cursor:pointer;background:#f9f9f9;border:1px solid #ddd;border-radius:.3rem;box-shadow:0 .12rem .25rem #0000001a;transition:transform .2s ease,box-shadow .2s ease}button:focus,button:focus-visible,button:active{outline:none;box-shadow:none}