body[data-role=installer] .photo-first-card{max-width:780px;margin:22px auto;background:#fff;color:#17394f;border:1px solid #c8dbe7;border-radius:17px;box-shadow:0 15px 40px #0002;overflow:hidden;scroll-margin-top:105px}body[data-role=installer] .photo-first-image{height:285px;margin:-26px -28px 25px;background:#e4edf4;overflow:hidden}body[data-role=installer] .photo-first-image a{display:block;height:100%;font-size:0}body[data-role=installer] .photo-first-image img{width:100%;height:100%;object-fit:cover}body[data-role=installer] .photo-first-empty{display:flex;align-items:center;justify-content:center;color:#526e82;height:140px;background:repeating-linear-gradient(135deg,#e5eef5 0 30px,#dce8f1 30px 31px);font-size:13px}body[data-role=installer] .photo-first-title .eyebrow{color:#456c86;font-size:12px}body[data-role=installer] .photo-first-title p{color:#526e82;margin:7px 0 20px;font-size:13px}body[data-role=installer] .photo-first-card h2{color:#17394f;font-size:46px;margin:15px 0}body[data-role=installer] .photo-first-card p{color:#526e82}body[data-role=installer] .photo-first-card>.row:first-of-type .eyebrow{color:#526e82}body[data-role=installer] .photo-first-card button:not(.primary){background:#f2f7fb;color:#245879;border-color:#bed3e2}body[data-role=installer] .photo-first-card .job-progress li{color:#587185}body[data-role=installer] .photo-first-card .job-progress li.current{color:#b51f22}body[data-role=installer] .photo-first-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px;margin:20px 0}body[data-role=installer] .photo-first-option{padding:21px;border:1px solid #c5dce9;border-radius:11px;background:#edf5fb}body[data-role=installer] .photo-first-option strong{display:block;font-size:21px;color:#17394f}body[data-role=installer] .photo-first-option p{font-size:13px;margin:7px 0 18px}body[data-role=installer] .photo-first-option button{width:100%;min-height:48px}body[data-role=installer] .photo-first-card #guideAction{min-height:48px}body[data-role=installer] .photo-first-card #guideAll,body[data-role=installer] .photo-first-card #guideMessage{font-size:12px}body[data-role=installer] .photo-first-card .pill.pending{background:#e7f2fb;color:#1b6599;border-color:#c7dfef}body[data-role=installer] .photo-first-card .pill.agreed{background:#eaf6ed;color:#286c39;border-color:#b9ddc3}
@media(max-width:700px){body[data-role=installer] .photo-first-image{height:210px;margin:-22px -22px 22px}body[data-role=installer] .photo-first-empty{height:130px}body[data-role=installer] .photo-first-card h2{font-size:36px}body[data-role=installer] .photo-first-card .row:has(#guideAction)>button{width:100%}body[data-role=installer] .photo-first-card{scroll-margin-top:90px}body[data-role=installer] .photo-first-options{grid-template-columns:1fr}}