@import"https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap";:root{--orange: #ea5f00;--yellow: #e3c600;--green: #09aa63;--green-dark: #0a3321;--red: #e95252;--red-dark: #330a0a;--grey: #262626;--grey-dark: #1a1a1a;--font: "Roboto", sans-serif;--font-700: 3.375rem;--font-600: 2.215rem;--font-500: 1rem;--font-400: .875rem}*,*:before,*:after{box-sizing:border-box;margin:0}body{background:#000;color:#fff;font-family:var(--font);font-size:var(--font-500);padding:50px 0}.wrap{width:min(95%,960px);margin:0 auto}.refresh-row{display:flex;justify-content:space-between}#refresh-btn{display:flex;flex-wrap:nowrap;flex-direction:row;font-size:.8rem}#refresh-btn svg{display:block;margin-right:5px}#refresh-btn span{display:block}.feedback-btn-row{display:flex;justify-content:flex-end}h1{font-size:var(--font-700);color:var(--yellow);margin:.5rem 0 1rem}h2{font-size:var(--font-600);color:var(--yellow)}h3{margin:-1rem 0 .5rem}strong{color:var(--orange)}p{margin:0 auto 1rem;line-height:1.5}.row{width:100%;border:2px solid var(--orange);border-radius:10px;margin:1rem 0;overflow:hidden}@media screen and (min-width: 760px){.row{border:none;border-left:2px solid var(--orange);border-radius:0;display:grid;grid-template-columns:1fr 1fr 2fr 100px}}.row p{background:rgba(255,255,255,.2);padding:20px 5px 0;display:block;margin:0;flex:1 1 auto;position:relative}@media screen and (min-width: 760px){.row p.start-time-box,.row p.client-box,.row p.address-box{grid-area:initial}}.row p span{position:absolute;left:5px;top:5px;font-size:10px;color:var(--yellow)}.row button{width:100%;border-radius:0;flex-direction:row;gap:6px}@media screen and (min-width: 760px){.row button{gap:0;width:auto;grid-area:initial;border-radius:0 10px 10px 0;flex-direction:column}.row button .view{display:none}}.row a{color:#fff;text-decoration:underline;text-shadow:1px 0px 2px var(--orange);display:flex;padding:5px;gap:10px}.row a svg path{fill:#fff}.row b{font:italic 300 90% var(--font);display:flex;padding:5px;gap:10px;align-items:center;color:#fff}.row b svg path{fill:#fff}button{cursor:pointer}button *{pointer-events:none}.btn{--bdrs: 10px;--bg: var(--orange);--color: var(--grey-dark);background:var(--bg);color:var(--color);border:none;font-size:var(--font-500);padding:8px 15px;border-radius:var(--bdrs);cursor:pointer;font-family:var(--font);font-weight:700;transition:all .3s;display:flex;flex-direction:column;align-items:center;justify-content:center}.btn:hover{--bg: var(--yellow)}.icon-btn{color:var(--orange);background-color:transparent;border:none;display:grid;justify-content:center;font-size:.8rem}.icon-btn .icon-contain{display:flex;justify-content:center}::selection,::-moz-selection{color:var(--grey-dark);background:var(--orange)}.spinner-contain{position:fixed;top:0;left:0;right:0;bottom:0;z-index:100;background:rgba(0,0,0,.7);backdrop-filter:blur(10px);display:none;justify-content:center;align-items:center}.spinner-contain[data-active=true]{display:flex}spinner{width:70px;height:70px;border:solid 5px rgba(255,255,255,.2);border-top-color:var(--yellow);border-radius:100px;animation:spin .7s infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.modal-overlay{position:fixed;width:100%;height:100%;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:none;justify-content:center;align-items:flex-start;overflow-y:auto;padding:3rem 0;max-height:100vh}@media screen and (min-height: 1000px){.modal-overlay{align-items:center}}.modal-overlay[data-open=true]{display:flex}.modal-body{padding:2rem 1rem;width:min(90%,480px);background:var(--grey-dark);border:solid 2px var(--yellow);position:relative}.modal-body h2{font-size:1.5rem;margin-bottom:10px;color:var(--orange)}.modal-body .instructions{margin-top:15px;font-weight:700;color:var(--orange)}.modal-body #close-modal-btn{position:absolute;right:-2px;top:-2px;padding:.5rem;border:solid 2px currentColor;color:var(--yellow);width:60px;height:60px;transition:all .3s}.modal-body #close-modal-btn:hover{color:var(--orange)}#modal-job-details{display:grid;grid-template-columns:1fr;grid-gap:5px}.info-box{padding:1.5rem .5rem .5rem;background:var(--grey);position:relative;border-left:solid 2px var(--orange)}.info-box p{margin:0}.info-box span{position:absolute;font-size:.7rem;top:.4rem;color:var(--yellow)}#sort-opts,#job-deets{display:none}#sort-opts[data-active=true],#job-deets[data-active=true]{display:block}#submit-phone-form[data-active=false]{display:none}#submit-phone-form label{display:block}#submit-phone-form label{color:var(--yellow);margin-bottom:1rem;flex:1 1 auto}#submit-phone-form label span{margin-bottom:7px;display:block}#submit-phone-form input{font-size:1.3rem;display:block;width:100%;padding:1rem .6rem;font-family:var(--font);background:var(--grey);color:var(--yellow);border:solid 1px var(--yellow)}#submit-phone-form input:focus{outline:solid 1px var(--orange);outline-offset:5px}#submit-phone-form .btn{width:100%}#submit-phone-form .more-info{text-align:center;display:block;color:var(--yellow);padding-top:4px;font-size:var(--font-400)}.phone-form-row{display:flex}.phone-form-row svg{flex:0 2 70px}#response-contain{--medium: var(--green);--dark: var(--green-dark)}#error-contain,#invalid-phone-msg{--medium: var(--red);--dark: var(--red-dark)}#response-contain,#error-contain,#invalid-phone-msg{margin-top:10px;display:none;background:var(--medium);color:var(--dark);padding:1rem;border:solid 5px currentColor}#response-contain[data-active=true],#error-contain[data-active=true],#invalid-phone-msg[data-active=true]{display:block}#response-contain h3,#error-contain h3,#invalid-phone-msg h3{text-align:center}#response-contain h4,#error-contain h4,#invalid-phone-msg h4{font-weight:700;text-align:center;margin-bottom:1rem}#response-contain strong,#error-contain strong,#invalid-phone-msg strong{color:currentColor;font-weight:900}#response-contain address,#error-contain address,#invalid-phone-msg address{margin-bottom:1rem;font-weight:900}#response-contain .btn,#error-contain .btn,#invalid-phone-msg .btn{background:var(--dark);color:var(--medium);width:100%}#response-contain .btn:hover,#error-contain .btn:hover,#invalid-phone-msg .btn:hover{color:var(--yellow)}.radios{display:flex;flex-direction:column;padding-top:40px}.radios label{flex:1 0 100%;margin:5px 0;position:relative}.radios input[type=radio]{position:absolute;top:50%;left:25px;transform:translateY(-50%)}.radios span{display:block;font-weight:700;color:#fff;padding:20px 20px 20px 60px;border:solid 2px var(--orange);border-radius:10px}.radios input[type=radio]:checked~span{background:var(--orange);color:#000}