.hero{min-width:100%;background-color:#000;background-size:cover;background-repeat:no-repeat;background-position:center center;position:relative}.hero .container{color:oklch(1 0 none);min-height:300px;text-align:center;padding:1em;transition:opacity 2s ease}.hero .hero-title{color:oklch(1 0 none);font-weight:bold;font-size:1.5rem}@media screen and (min-width:800px){.hero .hero-title{font-size:2rem}}.hero .hero-title{margin-bottom:.5em}.hero .btn-play-video{color:inherit}.hero .btn-play-video>span{display:block}.hero .btn-play-video .icon{margin-bottom:.5em;margin-left:auto;margin-right:auto}.hero .btn-play-video .video-length{display:block;font-style:italic}.hero iframe{position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;height:100%;max-width:100%;max-height:100%;opacity:0;visibility:hidden;transition:opacity 2s ease,width 750ms ease}.hero:not(.video-playing) iframe{width:100%}.hero.video-playing{background-image:none!important}.hero.video-playing .container{opacity:0;visibility:hidden}.hero.video-playing iframe{opacity:1;visibility:visible}@media screen and (min-width:800px){.hero .btn-play-video{font-size:18px}.hero .btn-play-video>span{display:inline-block}.hero .btn-play-video .icon{margin-bottom:0;margin-right:.5em}.hero .btn-play-video .video-length{display:inline}.hero .container{min-height:345px;padding-top:45px}}.progress:before,.progress:after{content:"";display:table}.progress:after{clear:both}.progress{counter-reset:count;list-style:none;padding-top:.75em}.progress li{counter-increment:count;padding-top:.5em}.progress .step{color:oklch(.5693 0 none);margin-bottom:.25em}.progress .indicator,.progress .step-success .indicator:after,.progress .step-error .indicator:after{border-radius:100%;box-sizing:border-box;display:inline-block;font-size:16px;height:32px;left:0;line-height:28px;position:absolute;text-align:center;top:0;width:32px}.progress .indicator{border:2px solid oklch(.5693 0 none);color:oklch(.5693 0 none)}.progress .indicator:before{content:counter(count)}.progress .step-success .indicator,.progress .step-error .indicator{background-color:oklch(.9189 0 none);background-color:oklch(.3696 .0891 156.32/.1);border:none;height:48px;width:48px}.progress .step-success .indicator:before,.progress .step-error .indicator:before{content:""}.progress .step-success .indicator:after,.progress .step-error .indicator:after{color:oklch(1 0 none);content:counter(count);margin-left:8px;margin-top:8px}.progress .step-success{color:oklch(.6705 .1667 154.72)}.progress .step-success .indicator:after{background-color:oklch(.5479 .1342 155.31);border:2px solid oklch(.6705 .1667 154.72)}.progress .step-error{color:oklch(.6648 .2006 41.97)}.progress .step-error .indicator:after{background-color:oklch(.6648 .2006 41.97)}.progress li{min-height:100px;padding-bottom:1em;padding-left:56px;position:relative;text-align:left}@media screen and (min-width:1055px){.progress li{float:left;padding-left:0;padding-top:52px;text-align:center;width:30%}.progress li+li{margin-left:5%}.progress li+li:before{border-top:1px solid oklch(.5693 0 none);content:"";display:block;position:absolute;top:20px;left:-52.5%;width:95%;width:calc(100% - 32px)}.progress .indicator{left:0;right:0;margin:auto}}.form-register .divider{display:table;margin:1em auto;padding-top:.5em;text-align:center;width:100%}.form-register .divider:before,.form-register .divider:after{border-top:2px solid currentColor;content:"";display:table-cell;width:50%}.form-register .divider span{display:table-cell;line-height:1;padding:0 .5em;position:relative;top:-.5em;vertical-align:middle;white-space:nowrap}.form-register .divider-flex,.divider{display:flex;flex-direction:row;justify-content:center;align-items:center}.form-register .divider-flex:before,.divider:before{content:"";height:.125em;background:currentColor;flex:1;margin:0 .25em 0 0}.form-register .divider-flex:after,.divider:after{content:"";height:.125em;background:currentColor;flex:1;margin:0 0 0 .25em}.divider{color:oklch(.5693 0 none);margin:12px 0;font-size:12px}.divider:before{color:oklch(.9189 0 none);margin:0 1em 0 0}.divider:after{color:oklch(.9189 0 none);margin:0 0 0 1em}input:focus::-webkit-input-placeholder{color:rgba(0,0,0,0)}input:focus:-moz-placeholder{color:rgba(0,0,0,0)}input:focus::-moz-placeholder{color:rgba(0,0,0,0)}input:focus:-ms-input-placeholder{color:rgba(0,0,0,0)}.form-register{margin-left:auto;margin-right:auto;max-width:400px;text-align:left}.form-register .btn{width:100%}.form-register .divider-flex{color:oklch(.5693 0 none);margin:12px 0}.form-register .divider-flex:before{color:oklch(.9189 0 none);margin:0 1em 0 0}.form-register .divider-flex:after{color:oklch(.9189 0 none);margin:0 0 0 1em}.form-register .divider{color:oklch(.5693 0 none)}.form-register .divider span{padding:0 16px}.form-register .already-have-account{margin-top:48px}.form-register .btn-primary{display:block}.form-register input[type=text],.form-register input[type=email],.form-register input[type=password]{display:block;margin-bottom:16px;width:100%}.form-register .checkboxes-wrapper{margin:24px 0}.form-register .checkboxes-wrapper label{color:oklch(.5693 0 none);font-size:.875em;margin-bottom:0}.form-register .field-validation-error{display:block}.form-register input+.field-validation-error{margin-top:-1em;padding-bottom:.375em}@font-face{font-family:"geocaching-icons";src:url("/account/app/ui-fonts/geocaching-icons.eot?-pfd4xx");src:url("/account/app/ui-fonts/geocaching-icons.eot?#iefix-pfd4xx") format("embedded-opentype"),url("/account/app/ui-fonts/geocaching-icons.ttf?-pfd4xx") format("truetype"),url("/account/app/ui-fonts/geocaching-icons.woff?-pfd4xx") format("woff"),url("/account/app/ui-fonts/geocaching-icons.svg?-pfd4xx#geocaching-icons") format("svg");font-weight:normal;font-style:normal}.icon{font-family:"geocaching-icons";speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-caret-right:before{content:""}.icon-compass:before{content:""}header{margin:0}.main{display:flex;flex-direction:column;text-align:center}.main .intro{margin-bottom:2.5em}@media screen and (min-width:800px){.main hr.icon{margin-bottom:3em;margin-top:3em}}.wrapper{width:auto}@media screen and (min-width:480px){.wrapper{width:90%}}.create-account{max-width:400px;margin:24px auto;text-align:left}.create-account .g-recaptcha{margin-top:.5em}@media screen and (min-width:480px){.layout-callout{flex:1 0 auto}}.register-success{max-width:700px;padding:32px;text-align:center;margin:48px auto 16px}.welcome-content{padding-bottom:1.5em}@media screen and (min-width:800px){.welcome-content .btn-primary{display:inline-block}.welcome-content .intro+.btn-primary{margin-top:1em;margin-bottom:1em}}.phone-apps{list-style-type:none}.phone-apps li{margin-bottom:2em}.phone-apps a:hover,.phone-apps a:focus{text-decoration:none}.phone-apps img{height:40px}@media screen and (min-width:800px){.phone-apps li{display:inline}.phone-apps li+li{margin-left:2em}}.animate-container{margin:1.5em auto;max-width:700px}.animate-container .subheader{color:oklch(.7929 .1608 92.36);display:block}.animate-container figcaption{position:relative;z-index:0}.animate-container .divider{background:#fff;color:oklch(.5693 0 none);display:inline-block;margin:1.5em auto;padding:.5em}.animate-container .divider:before{border-top:1px solid oklch(.5693 0 none);content:"";display:block;left:0;margin-top:.7em;position:absolute;width:100%;z-index:-1}@media screen and (min-width:1055px){.animate-container .divider:before{right:0;margin-left:auto;margin-right:auto;width:400px}}.animate-magnify{position:relative}.animate-magnify.magnify__background{background:url(../images/welcome/map-base.jpg) no-repeat 50% 50%;background-clip:content-box;background-size:cover;height:255px;padding:1.5em 0}.animate-magnify .magnify__loupe{bottom:0;margin:auto;position:absolute;top:0;left:0;right:0}.cssanimations .animate-magnify .magnify__loupe{height:1px;width:1px}.animate-magnify .magnify__loupe.animated{height:255px;width:255px;animation:magnify 800ms ease-in}@media screen and (min-width:1055px){.animate-magnify.magnify__background{background-size:contain}}@keyframes magnify{0%{height:1px;width:1px}65%,70%{height:265px;width:265px}85%{height:250px;width:250px}92%,100%{height:255px;width:255px}}@media screen and (max-width:799px){.welcome-content hr,.animate-container{margin-left:-5%;margin-right:-5%;max-width:none}}