.popup-parent{z-index:2;background-color:#00000080;width:100vw;height:100vh;position:fixed;top:0;left:0}.popup{color:var(--white);background-color:var(--bg-light);border-radius:20px;min-width:min(400px,90%);padding:20px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.popup-actions{justify-content:center;width:100%;margin-top:20px;display:flex;position:relative}.popup-actions>*{margin:0 10px}.popup>h3{margin:0}.confirm-delete-info{margin-top:20px}.popup>form{gap:5px;margin:10px 0 0;padding:0}.popup>form>label{margin-top:20px;margin-left:5px}.wall-select-info{margin:30px 0 10px}.popup-error{color:var(--orange);padding:5px 5px 0;font-size:15px;display:block}.embed-snippet{border:2px solid var(--bg-dark);border-radius:var(--border-radius);margin-bottom:10px;padding:10px}.navbar{background:var(--bg-dark);z-index:10;width:100%;height:75px;position:fixed;top:0;left:0}.sign-up-button,.sign-in-button,.walls-button{border:2px solid var(--bg-light);border-radius:var(--border-radius);height:40px;color:var(--white);background-color:var(--bg-light);cursor:pointer;padding:5px 15px;font-size:18px;text-decoration:none;position:absolute;top:50%;transform:translateY(-50%)}.sign-up-button{right:10px}.sign-in-button{right:115px}.walls-button{right:60px}.menu{background-color:var(--bg-dark);border-bottom-left-radius:var(--border-radius);border-bottom-right-radius:var(--border-radius);flex-direction:column;width:100%;max-width:250px;display:flex;position:absolute;top:75px;right:0}.menu-closed{display:none}.menu>a{border:2px solid var(--bg-light);border-radius:var(--border-radius);height:40px;color:var(--white);background-color:var(--bg-light);cursor:pointer;text-align:center;margin:5px 10px;padding:5px 20px;font-size:18px;text-decoration:none;position:relative}.menu>div{color:var(--white);text-align:center;text-overflow:ellipsis;white-space:nowrap;padding:10px;font-size:16px;text-decoration:none;position:relative;overflow:hidden}.sign-in-button:hover,.sign-up-button:hover,.walls-button:hover,.menu>a:hover,.wall-card-button:hover{border:2px solid var(--orange)}.sign-out-button{margin:5px 10px 10px!important}.menu-button{height:40px;color:var(--white);background-color:var(--bg-light);border:2px solid var(--bg-light);border-radius:var(--border-radius);cursor:pointer;padding:5px;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.menu-button>img{max-width:100%;max-height:100%}@media (max-height:600px){.footer{visibility:hidden}}.footer{z-index:10;width:100%;height:20px;color:var(--white);box-sizing:border-box;background:0 0;justify-content:center;gap:min(20px,6vw);font-size:min(16px,5vw);display:flex;position:absolute;bottom:10px;left:0}.footer>a{color:var(--white)}.copyright>a:hover,.footer>a:hover{color:var(--orange)}.title{height:100%;color:var(--white);cursor:pointer;font-size:18px;text-decoration:none;position:absolute;top:0;left:20px}.title:hover{color:var(--orange)}.title>img{height:50%;position:absolute;top:50%;left:0;transform:translateY(-55%)}.title>span{position:absolute;top:50%;left:50px;transform:translateY(-50%)}.light{color:var(--white);background-color:var(--bg-light);border:2px solid var(--bg-light)}.dark{color:var(--white);background-color:var(--bg-dark);border:2px solid var(--bg-dark)}.text-button{padding:10px 20px}.square-button{width:40px;height:40px}.square-button>*{width:60%;height:60%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.text-button,.square-button{color:var(--white);border-radius:var(--border-radius);cursor:pointer;font-size:18px}.menu-button:hover,.text-button:hover,.square-button:hover{border:2px solid var(--orange)}.popup-close-button,.more-wall-button{position:absolute;top:10px;right:10px}.popup-back-button{position:absolute;top:10px;right:60px}.add-wall-button{white-space:nowrap;position:absolute;top:50%;right:-20px;transform:translate(100%,-50%)}.delete-hold-button{position:absolute;top:10px;right:60px}.bg-video{object-fit:cover;width:100vw;height:100vh;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.cover-image{object-fit:cover;min-width:100%;height:100vh;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.bg-right{height:100vh;position:absolute;top:0;right:0}.sub-image-container{width:100%;height:25%;position:absolute;bottom:60px;overflow:hidden}.sub-image-container>img{width:auto;height:100%;position:absolute;top:0%;left:50%;transform:translate(-50%)}.page-container-home,.page-container{box-sizing:border-box;width:100%;min-height:100%;position:absolute;top:0;left:50%;transform:translate(-50%)}.page-container{max-width:min(100%,1400px);padding:75px 25px 0}.page-container-home{background-color:var(--bg-light);padding:75px 0 0}.home-centered-limit,.home-centered{width:100%;height:calc(100vh - 75px);margin:auto;position:relative;overflow:hidden}.home-centered-limit{background-color:var(--bg-light);max-width:1400px}.home-content-box{width:90%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.embed-content-title{color:#fff;position:absolute;top:0;left:50%;transform:translate(-50%)}.home-embed-parent{background-color:var(--bg-light);width:100%;max-width:1400px;height:60vh;margin:auto;position:relative;overflow:hidden}.home-embed{width:100%;height:calc(100% - 115px);position:absolute;top:75px;left:50%;transform:translate(-50%)}.title-box{width:100%;max-width:500px;margin:25px auto;padding:0 20px;position:relative}.title-box>*{text-align:left;width:calc(100% - 20px);color:var(--white);margin:10px;font-size:25px;position:relative}.sub-title{text-align:center;width:100%;color:var(--white);margin:50px 0;font-size:25px;position:relative}.walls-title{width:-webkit-fit-content;width:fit-content;color:var(--white);margin-top:40px;font-size:25px;position:relative}.walls-info{width:100%;color:var(--white);text-align:center;margin:25px 0;font-size:25px}.home-content-title,.marketing-title,.marketing-point{color:var(--white);width:100%;position:relative}.home-content-title,.marketing-title{font-size:25px}.marketing-title{text-align:center}.marketing-point{font-size:18px}.marketing-title-box{color:var(--white);background-color:var(--bg-light);text-align:center;white-space:nowrap;border-radius:15px;padding:15px 25px;font-size:20px;position:absolute;top:calc(50% - 30px);left:50%;transform:translate(-50%,-50%)}.signup-email-info{text-align:center;color:var(--white);text-shadow:var(--bg-dark) 0px 0px 3px, var(--bg-dark) 2px 0px 3px, var(--bg-dark) 0px 2px 3px, var(--bg-dark) 0px -2px 3px, var(--bg-dark) -2px 0px 3px, var(--bg-dark) 2px 2px 3px, var(--bg-dark) -2px -2px 3px, var(--bg-dark) -2px 2px 3px, var(--bg-dark) 2px -2px 3px;margin:10px 0;font-size:18px;position:relative}.home-contact-button{color:var(--white);background-color:var(--bg-dark);border:2px solid var(--bg-dark);border-radius:var(--border-radius);white-space:nowrap;padding:10px 20px;font-size:18px;text-decoration:none;position:absolute;bottom:-60px}.home-contact-button:hover{border:2px solid var(--orange)}.home-sign-up-button{color:var(--white);background-color:var(--bg-dark);border:2px solid var(--bg-dark);border-radius:var(--border-radius);white-space:nowrap;margin-top:25px;padding:10px 20px;font-size:18px;text-decoration:none;position:absolute;top:50%;left:50%;transform:translate(-50%)}.home-sign-up-button:hover{border:2px solid var(--orange)}.loading-component{pointer-events:none;width:70px;height:70px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.spinner,.spinner-shadow{transform-origin:0 0;border:6px solid;border-radius:50%;width:100%;height:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.spinner{border-color:#00002a #0000 #0000;animation:1s infinite spinner}.spinner-shadow{border-color:#d6d6d6}@keyframes spinner{0%{transform:rotate(0)translate(-50%,-50%)}to{transform:rotate(360deg)translate(-50%,-50%)}}@keyframes scale{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.2)}}.hold-button-highlight{color:#0000;border-radius:var(--border-radius);pointer-events:none;border:2px solid #fff;width:42px;height:42px;animation:1s infinite scale;position:fixed;top:184px;right:9px}.grid-info-hidden,.grid-info{height:40px;color:var(--white);background-color:var(--bg-dark);border:2px solid var(--bg-dark);pointer-events:none;border-radius:10px;padding:7px;transition:opacity .2s ease-out;position:fixed;top:135px;right:60px}.grid-info{opacity:1}.grid-info-hidden{opacity:0}.grid-button{position:fixed;top:135px;right:10px}.add-hold-button{position:fixed;top:185px;right:10px}.drive-button{position:fixed;top:135px;left:10px}.info-button{position:fixed;top:85px;right:10px}.placement-error{border-radius:var(--border-radius);background-color:var(--bg-dark);color:#fff;padding:10px 15px;position:fixed;top:calc(50% + 50px);left:50%;transform:translate(-50%,-50%)}.placement-error>img{width:30px;height:30px;position:absolute;top:-50px;left:50%;transform:translate(-50%)}.route-info-embed,.route-info{border-radius:var(--border-radius);max-width:calc(100vw - 70px);height:40px;padding:7px 20px 7px 10px;font-size:18px;position:fixed}.route-info-embed{border:2px solid var(--bg-light);background-color:var(--bg-light);top:15px;left:10px}.route-info{cursor:pointer;border:2px solid var(--bg-dark);top:85px;left:10px}.route-info:hover{border:2px solid var(--orange)}.route-info-embed>div,.route-info>div{float:left;text-overflow:ellipsis;white-space:nowrap;max-width:calc(50vw - 80px);position:relative;overflow:hidden}.route-info-embed>img,.route-info>img{float:left;height:100%}.powered-by{color:#fff;cursor:pointer;border:0;font-size:16px;text-decoration:underline;position:fixed;bottom:10px;left:50%;transform:translate(-50%)}.powered-by:hover{color:var(--orange)}.section-title{margin-top:50px}.section-title,.section-clause{color:var(--white)}.walls-list{flex-wrap:wrap;gap:20px;margin:30px 0 100px;display:flex}.wall-card{color:var(--white);background-color:var(--bg-dark);border:2px solid var(--bg-light);border-radius:var(--border-radius);width:250px;padding:20px;font-size:14px;position:relative}.wall-card>div{margin-bottom:5px}.wall-card>button{margin:auto}.walls-actions{justify-content:right;width:100%;display:flex;position:absolute;top:120px;right:10px}.wall-title{text-overflow:ellipsis;white-space:nowrap;max-width:85%;padding-bottom:15px;font-size:18px;overflow:hidden}.wall-card-button{border-radius:var(--border-radius);cursor:pointer;background:0 0;border:0;width:100%;height:100%;position:absolute;top:0;left:0}.more-menu,.more-menu-open{color:var(--white);background-color:var(--bg-light);border:2px solid var(--bg-dark);border-radius:var(--border-radius);z-index:1;flex-direction:column;min-width:225px;position:absolute;top:55px;right:10px}.more-menu-open{display:flex}.more-menu{display:none}.more-menu-open>button{text-align:left;width:100%;position:relative}.more-menu-open>button>img{float:right;width:25px;height:25px;position:absolute;top:50%;right:15px;transform:translateY(-50%)}.admin-count{color:#fff;text-align:center;width:100%}.table-name{color:#fff;padding-bottom:10px;font-size:20px}.password-input{opacity:0;width:0;height:0;position:absolute;top:-5000px}.error-signup{color:var(--orange);text-decoration:underline}.error-signup:visited{color:var(--orange)}.expired-signin{color:var(--white);text-decoration:underline}.expired-signin:visited{color:var(--white)}.expired-signin:hover{color:var(--orange)}.content-loader{background-color:var(--bg-dark);width:100%;height:100%;position:absolute;top:0;left:0}.loading-overlay{background-color:var(--bg-dark);z-index:10;width:100%;height:100%;position:fixed;top:0;left:0}.loading-animation{border:4px solid #0000;border-left-color:var(--orange);border-right-color:var(--orange);border-radius:25px;width:50px;height:50px;animation:1s linear infinite loading-keys;display:grid;position:absolute;top:calc(50% - 25px);left:calc(50% - 25px)}.loading-animation:after{content:"";border:inherit;border-radius:inherit;grid-area:1/1;margin:2px;animation:2s infinite loading-keys}@keyframes loading-keys{to{transform:rotate(1turn)}}.center-card-popup{background-color:var(--bg-light);width:100%;color:var(--white);-ms-overflow-style:none;scrollbar-width:none;border-radius:20px;max-width:min(400px,95%);max-height:calc(100% - 105px);padding:0;position:fixed;top:calc(50% + 40px);left:50%;overflow-y:scroll;transform:translate(-50%,-50%)}.center-card-popup::-webkit-scrollbar{display:none}.center-card-popup>h3{margin:0;padding:20px}.bottom-card-popup{background-color:var(--bg-light);width:100%;color:var(--white);-ms-overflow-style:none;scrollbar-width:none;border-radius:20px;max-width:min(400px,95%);max-height:calc(100% - 105px);padding:0 0 30px;position:fixed;bottom:-20px;left:50%;overflow-y:scroll;transform:translate(-50%)}.bottom-card-popup::-webkit-scrollbar{display:none}.bottom-card-popup>h3{margin:0;padding:20px}.hold-view-form{margin:0;padding:0 20px 10px}.role-parent,.scale-parent,.color-parent{width:100%;height:40px;position:relative}.scale-input{text-align:center;border:2px solid var(--bg-light);background-color:var(--bg-dark);width:45px;color:var(--white);border-radius:var(--border-radius);margin:0;padding:5px 0;position:absolute;top:50%;right:15px;transform:translateY(-50%)}.scale-slider{width:calc(100% - 150px);position:absolute;top:50%;left:70px;right:80px;transform:translateY(-50%)}.role-label,.color-label,.scale-label{position:absolute;top:50%;left:0;transform:translateY(-50%)}.meter-label{position:absolute;top:50%;right:0;transform:translateY(-50%)}.color-input,.color-picker{text-align:center;border:2px solid var(--bg-light);background-color:var(--bg-dark);color:var(--white);border-radius:var(--border-radius);margin:0;padding:0;position:absolute;top:50%;transform:translateY(-50%)}.color-input{width:60px;left:70px}.color-picker{background-color:#0000;flex-direction:row;gap:5px;max-width:220px;height:30px;display:flex;left:140px}.color-picker>*{border-radius:var(--border-radius);cursor:pointer;border:0;width:30px;height:25px}.role-button{cursor:pointer;border:2px solid var(--bg-dark);border-radius:var(--border-radius);height:30px;padding:5px 10px;position:absolute;top:50%;left:70px;transform:translateY(-50%)}.role-button:hover{border:2px solid var(--orange)}.role-dropdown{background-color:var(--bg-light);border-radius:var(--border-radius);border:2px solid var(--bg-dark);flex-flow:wrap;gap:5px;padding:10px;display:flex;position:absolute;bottom:-5px;left:55px}.role-dropdown>*{cursor:pointer;border:2px solid var(--bg-dark);border-radius:var(--border-radius);height:30px;padding:5px 10px;position:relative}.role-dropdown>:hover{border:2px solid var(--orange)}.hold-menu{flex-flow:wrap;justify-content:center;gap:10px;padding:0 20px;display:flex;position:relative}.hold-menu>h3{width:100%}.new-hold-button{width:175px;height:175px;font-size:16px;position:relative}.new-hold-button>img{border-radius:7px;width:150px;height:150px;position:absolute;top:0;left:50%;transform:translate(-50%)}.new-hold-button>div{position:absolute;top:calc(50% - 40px);left:calc(50% - 25px)}.new-hold-button>p{background-color:var(--bg-light);color:#fff;white-space:nowrap;text-overflow:ellipsis;border-radius:5px;width:calc(100% - 10px);margin:0;padding:5px;font-size:16px;position:absolute;bottom:6px;left:5px;overflow:hidden}.category-menu{flex-direction:column;padding:0 20px;display:flex;position:relative}.category-button{text-align:left;height:40px;margin:5px 0;font-size:16px}.route-field-parent{height:50px;position:relative}.route-field-parent>div{text-overflow:ellipsis;white-space:nowrap;max-width:280px;position:absolute;top:50%;left:75px;overflow:hidden;transform:translateY(-50%)}.route-field-parent>button{position:absolute;top:50%;left:20px;transform:translateY(-50%)}.menu-field-parent{width:100%;height:40px;margin:5px 0;position:relative}.select-route-button-view,.select-route-button{text-align:left;text-overflow:ellipsis;white-space:nowrap;height:40px;font-size:16px;overflow:hidden}.select-route-button{width:calc(100% - 50px)}.select-route-button-view{width:100%}.add-route-button{text-align:left;width:100%;height:40px;margin:5px 0;font-size:16px}.delete-route-button{position:absolute;right:0}.delete-route-button>img{width:60%;height:60%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.instructions-div-mobile,.instructions-div{height:100px;position:relative}.instructions-div>*{width:50%}.instructions-div>p,.instructions-div-mobile>p{max-width:calc(100% - 120px);margin:0;position:absolute;top:50%;left:20px;transform:translateY(-50%)}.instructions-div>img,.instructions-div-mobile>img{width:auto;height:80%;position:absolute;top:50%;right:20px;transform:translateY(-50%)}