*,:before,:after{box-sizing:border-box;margin:0}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--simple:orangered;--luxury:purple;--rugged:#016301;--bg:black;--fg:white;--content-bg:#2c3a3a;background-color:var(--bg);color:var(--fg);--shadow:3px 3px 5px 0px #00000054;--btn-blue:#405cf5;--nav-active:#0cf;--host-nav-bg:var(--bg);--list-marker:var(--fg);font-size:10px;overflow-y:scroll}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}.lightmode{--bg:white;--fg:black;--content-bg:#f5f5f5;background-color:var(--bg);color:var(--fg);--host-nav-bg:white;--list-marker:var(--fg)}body{font-family:system-ui,sans-serif;font-size:clamp(1.6rem,1.4783rem + .6957vw,2rem);line-height:1.5;position:relative}:focus-visible{outline-offset:.2rem;outline:.2rem solid orange}input{font-family:inherit;font-size:inherit}h1{text-align:center;text-wrap:balance}h1,h2,h3{font-weight:400}h2{font-size:clamp(2rem,1.8478rem + .8696vw,2.5rem)}h1,.site-header--h1{flex-direction:column;display:flex}@media screen and (width>=360px){h1,.site-header--h1{flex-direction:row}}h1,.site-header--h1{justify-content:center;align-items:center;gap:1.5rem;font-size:clamp(2rem,1.6348rem + 2.087vw,3.2rem);font-weight:400;line-height:1}:is(h1,.site-header--h1) svg{width:inherit}button{all:unset;cursor:pointer}@media (hover:hover){button:hover{opacity:.8}}img{max-width:100%;height:auto;display:block}.text-list li::marker{color:var(--list-marker);content:"— ";font-weight:700}.theme-toggler{align-items:center;gap:1rem;padding:.5rem 1rem;display:flex;position:absolute;top:0;right:0}.theme-toggler button{background:var(--btn-blue);color:#fff;border-radius:2rem;justify-content:flex-end;align-items:center;width:2.5rem;height:1.3rem;padding:2px;font-family:inherit;font-size:clamp(1.4rem,1.3391rem + .3478vw,1.6rem);display:flex}.theme-toggler button span{background-color:#fff;border-radius:50%;width:1.3rem;height:1.3rem}.theme-toggler p{color:currentColor;font-size:1.4rem;font-weight:600}.theme-toggler p.light{opacity:.75}.theme-toggler p.dark{opacity:1}.lightmode .theme-toggler button{justify-content:flex-start}.lightmode p.light{opacity:1}.lightmode p.dark{opacity:.5}.site-container{grid-template-rows:auto 1fr auto;height:100vh;display:grid}.site-header,.main-content,.site-footer{padding:4rem 2rem}.site-header,.site-footer{text-align:center;border-style:solid;border-color:var(--fg)}.site-header{border-width:0 0 2px;flex-direction:column;gap:1.5rem;display:flex}.site-footer{border-width:2px 0 0}.site-footer a{color:var(--fg);text-decoration:none}.site-footer a:hover{text-decoration:underline}.site-footer a:after{content:" ⟶"}.site-navigation{flex-wrap:wrap;align-items:center;display:flex;position:relative}@media screen and (width<810px){.site-navigation{flex-direction:column}}.site-navigation ul{flex-wrap:wrap;justify-content:center;align-items:center;gap:2rem;margin-inline:auto;padding-left:0;list-style:none;display:flex}.site-navigation ul.login-links{position:absolute;right:0}@media screen and (width<810px){.site-navigation ul.login-links{margin-block-start:2rem;position:static}}.site-navigation a{color:var(--fg);border-style:solid;border-width:0 0 .5rem;border-color:var(--btn-blue);padding-block-end:.5rem;text-decoration:none}.site-navigation a.active{border-color:var(--nav-active)}@media (hover:hover){.site-navigation a.active:hover{border-color:var(--nav-active)}}@media (hover:hover){.site-navigation a:hover{border-color:var(--btn-blue)}}.link-button{background-color:var(--btn-blue);color:#fff;border-radius:.75rem;width:fit-content;padding:.5rem 1.75rem;font-size:clamp(1.4rem,1.2174rem + 1.0435vw,2rem);font-weight:600;text-decoration:none;display:block}@media (hover:hover){.link-button:hover{opacity:.8}}.content-container{--_content-max-width:72rem;--_content-space-outside:2rem;width:min(var(--_content-max-width), 100% - var(--_content-space-outside) * 2);background-color:var(--content-bg);box-shadow:var(--shadow);border-radius:1rem;flex-direction:column;gap:3rem;margin-inline:auto;padding:2rem;display:flex}.home-container{box-shadow:none;color:#fff;background-color:#0000;place-items:center;min-height:60rem;display:grid}.home-container p{text-align:center;text-wrap:balance}.home-container h1{line-height:1.3}.main-content:has(.home-container){background-color:#0000;background-image:linear-gradient(#00000075,#00000075),url(/vanlife/assets/home-hero-CTTc2mQF.png);background-position:0 0,50%;background-repeat:repeat,no-repeat;background-size:cover;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box}.about-page-content{box-shadow:none;color:#fff;background-color:#0000;gap:3rem;padding-block:3rem;display:grid}.about-page-content h2,.about-page-content p{text-align:center;text-wrap:balance}.about-page-content h1{line-height:1.3}.about-page-content .link-button{width:fit-content;margin-inline:auto}.about-page-container{box-shadow:none;color:#fff;background-color:#0000}.main-content:has(.about-page-container){background-color:#0000;background-image:linear-gradient(#00000075,#00000075),url(/vanlife/assets/about-hero-C77xa_oF.png);background-position:0 0,50%;background-repeat:repeat,no-repeat;background-size:cover;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box}.van-footer li{margin-block-end:1.5rem}.van-type{text-transform:uppercase;color:#fff;padding:.25rem .75rem .5rem}.van-type.simple{background-color:var(--simple)}.van-type.luxury{background-color:var(--luxury)}.van-type.rugged{background-color:var(--rugged)}.van-image{border:.5rem solid #fff;border-radius:1rem}.list-container{box-shadow:none;background-color:#0000;padding-inline:0}.list-container ul{gap:2rem;padding:0;list-style:none;display:grid}.list-container li a{box-shadow:var(--shadow);background-color:var(--content-bg);color:var(--fg);gap:2rem;padding:2rem 2.5rem}.hosts-container{padding-block-end:5rem}.hosts-container h2{text-align:center}.hosts-container .graph{background-color:#ccc;border:.5rem solid #fff;border-radius:1rem;padding:2rem}.hosts-container table{border-spacing:0;border-collapse:collapse;background-color:var(--bg);border:0;width:fit-content;margin-inline:auto}.hosts-container table caption{text-wrap:balance;padding-block-end:1rem}.hosts-container table th{font-weight:600}.hosts-container table th,.hosts-container table td{border:.1rem solid var(--fg);padding:.5rem 1rem}.hosts-container.hosts-income p{text-align:center}.hosts-container .review-star{fill:orange}.hosts-container .review:first-of-type p{border-bottom:.2rem solid var(--fg);padding-block-end:2rem}.hosts-container .review ul{padding-left:0;list-style:none}.hosts-container .review ul li:first-child{font-weight:600}.hosts-container .review-stars{flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem;display:flex}.hosts-container .review-stars svg{font-size:clamp(3rem,2.1963rem + 3.7383vw,5rem)}.hosts-container .dashboard-info{font-size:clamp(2rem,1.1963rem + 3.7383vw,4rem)}.host-vans-container li a{grid-template-columns:minmax(15rem,1fr) 3fr;display:grid}@media screen and (width<480px){.host-vans-container li a{grid-template-rows:2fr;grid-template-columns:1fr}}.host-vans-container li a>div{flex-direction:column;gap:3rem;display:flex}.host-vans-section li{margin-block-end:1.5rem}.host-vans-section li span{font-weight:600}.hosts-sub-nav ul{background-color:var(--host-nav-bg);border-bottom:.4rem solid;padding:2rem}.host-thumbs{grid-template-columns:minmax(15rem,1fr) 3fr;display:grid}.vans-container .van-list{grid-template-columns:repeat(auto-fit,minmax(25rem,1fr))}.vans-container .van-list li a{flex-direction:column;display:flex}.vans-container .van-list li p{text-transform:uppercase}.van-list svg{margin-inline-start:auto}.van-list-filters{flex-wrap:wrap;align-items:center;gap:1.5rem;display:flex}.van-list-filters button{font-size:inherit;border-style:solid;border-width:0 0 .5rem;border-color:var(--btn-blue);padding:.25rem .75rem .5rem}@media (hover:hover){.van-list-filters button:hover{opacity:1}}.van-list-filters button.selected{color:#fff;border-color:var(--nav-active)}@media (hover:hover){.van-list-filters button.simple:hover{background-color:var(--simple)}}.van-list-filters button.simple.selected{background-color:var(--simple)}@media (hover:hover){.van-list-filters button.luxury:hover{background-color:var(--luxury)}}.van-list-filters button.luxury.selected{background-color:var(--luxury)}@media (hover:hover){.van-list-filters button.rugged:hover{background-color:var(--rugged)}}.van-list-filters button.rugged.selected{background-color:var(--rugged)}.van-list-filters button:not(.clear-filters){text-transform:uppercase;border-radius:.5rem .5rem 0 0;font-weight:600}.van-list-filters .clear-filters{border-color:var(--btn-blue);margin-inline-start:auto}@media (hover:hover){.van-list-filters .clear-filters:hover{opacity:.8}}.van-list-filters .clear-filters[disabled]{opacity:.5;cursor:not-allowed}.van-detail-container{padding-block-end:5rem}.dashboard-container section{box-shadow:var(--shadow);background-color:var(--content-bg);border-radius:1rem;flex-direction:column;align-items:center;gap:2rem;padding:2rem 2.5rem 3rem;display:flex}.dashboard-container section a{margin-inline-start:auto}.dashboard-container section li a{background-color:var(--bg)}.info-link{text-transform:capitalize;color:var(--fg);align-items:center;gap:1rem;text-decoration:none;display:flex}.back-links{flex-wrap:wrap;align-items:center;gap:2.5rem;font-size:2rem;font-weight:600;display:flex}.back-link{text-transform:capitalize;color:var(--fg);align-items:center;gap:1rem;text-decoration:none;display:flex}@media (hover:hover){.back-link:hover{opacity:.8}}.hosts-nav{margin-bottom:3rem}.content-container.page-not-found-container{background-color:var(--bg);box-shadow:none;border-radius:0}.page-not-found-container{gap:10rem;padding-block-end:5rem}.page-not-found-container a{background-color:var(--btn-blue);color:#fff;border-radius:1rem;margin-inline:auto;padding-block:2rem;padding-inline:clamp(1rem,.3913rem + 3.4783vw,3rem);font-size:clamp(1.6rem,1.1739rem + 2.4348vw,3rem)}.page-not-found-container a svg{min-width:3rem}.error-info{margin-inline:auto;padding:0}.error-info:empty{display:none}.login-container p,.login-container li{text-align:center}.login-container .error-messages{padding:0;font-weight:600;list-style:none}.login-details{width:fit-content;margin-inline:auto}.login-details .details{background-color:var(--bg);border-radius:1rem;flex-direction:column;gap:2rem;margin-block-start:1rem;padding:2rem;display:flex}.login-details .details ul{padding:0;list-style:none}.login-details .details li{text-align:left}.login-details .details li span{font-weight:600}.login-details .details button{margin-inline-start:auto}.login-form{flex-direction:column;gap:3rem;padding:0 2rem 3rem;display:flex}.login-form>div{flex-direction:column;gap:2rem;display:flex}.login-form .login-input{flex-direction:column;gap:.5rem;display:flex}.login-form input{color:var(--fg);background-color:var(--bg);border:.1rem solid var(--fg);padding:.5rem}.login-form input::placeholder{color:inherit;opacity:.8}.login-form button{margin-inline-start:auto}.login-form button:disabled{background-color:var(--fg);color:var(--bg);cursor:not-allowed}.loading{width:8rem;height:8rem;margin-inline:auto;position:relative}.loading div{border:.8rem solid #0000;border-top-color:currentColor;border-radius:50%;width:6.4rem;height:6.4rem;margin:.8rem;animation:1.2s cubic-bezier(.5,0,.5,1) infinite loading;display:block;position:absolute}.loading div:first-child{animation-delay:-.45s}.loading div:nth-child(2){animation-delay:-.3s}.loading div:nth-child(3){animation-delay:-.15s}@keyframes loading{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.arrow svg{fill:var(--btn-blue);background-color:#fff;border:.3rem solid #fff;border-radius:50%;font-size:clamp(3rem,2.1963rem + 3.7383vw,5rem)}.skip-link{color:var(--body-txt);padding:.5rem 1rem;font-weight:600;text-decoration:none}.skip-link:after{content:" ↓"}.element-invisible{clip:rect(1px, 1px, 1px, 1px);z-index:200;height:1px;position:absolute;top:0;left:0;overflow:hidden}.element-invisible.element-focusable:active,.element-invisible.element-focusable:focus{clip:auto;height:auto;overflow:visible}.visually-hidden{clip-path:inset(0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){html,html:focus-within{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;transition-delay:0s!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.hide{display:none}