.image-scroller{display:flex;flex-direction:column;overflow-y:scroll;max-width:90%;padding:10px;box-sizing:border-box;-ms-overflow-style:none;scrollbar-width:none;height:100%;max-height:100vh}.image-scroller .scroller-image{width:100%;margin-bottom:10px;-o-object-fit:cover;object-fit:cover}.image-scroller--warning{display:flex;flex-direction:column;justify-content:center;align-items:center;height:200px;width:425px;padding:40px 32px 48px;border-radius:6px;background-color:var(--roofr-white)}.image-scroller--text-container{padding-top:16px;padding-bottom:24px;width:60%}.image-scroller::-webkit-scrollbar{display:none}@media screen and (max-width: 768px){.image-scroller{overflow-y:unset}.image-scroller--warning{max-width:73%}.image-scroller--text-container{width:100%}}.modal-close-btn{margin:0;padding:0;border:none;background-color:transparent;color:inherit}.modal-close-btn svg{color:inherit}.search-input-v3{max-width:360px;width:100%;min-width:290px}@media only screen and (max-width: 768px){.search-input-v3{max-width:100%}}.attach-button{width:100%;height:80px;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:16px;background-color:var(--roofr-mist-10);border:2px dashed var(--roofr-mist-5B);border-radius:6px;transition-duration:var(--trs-d);transition-property:background-color,border-color;transition-timing-function:var(--trs-tf)}.attach-button:hover{background-color:var(--roofr-blue-10);border-color:var(--roofr-blue-50)}.attach-button svg{color:var(--roofr-blue)!important}.attach-button.drag-active{border-color:var(--roofr-blue-50);background-color:var(--roofr-blue-10)}.attach-button.no-files{flex-direction:column;height:160px;gap:0}.attach-button.no-files svg{margin-bottom:12px}.attach-button.no-files .button-text{color:var(--roofr-graphite);margin-bottom:4px}.attachment-dropzone{border:2px dashed var(--roofr-mist-5B);border-radius:8px;display:flex;align-items:center;justify-content:center;height:150px;transition:border-color .5s}.attachment-dropzone.drop-active{border-color:#0ff}.attachment-list{position:relative;display:flex;flex-wrap:wrap;gap:12px;cursor:auto}.attachment-list .file-preview{width:calc(25% - 10px)!important}@media screen and (max-width: 1699px){.attachment-list .file-preview{width:calc(33.3333333333% - 10px)!important}}@media screen and (max-width: 1499px){.attachment-list .file-preview{width:calc(50% - 9px)!important}}.attachment-list .file-preview .load-more-button{all:unset;height:100%;cursor:pointer}.attachment-card{position:relative;display:flex;flex-direction:column;width:100%;background-color:var(--roofr-white);border:1px solid var(--roofr-mist-5B);border-radius:6px;transform:none;box-shadow:transparent;transition:transform var(--trs),box-shadow var(--trs);cursor:auto}.attachment-card:hover{transform:scale(1.04);box-shadow:0 2px 16px #74838b29;z-index:2}.attachment-card .attachment-preview{cursor:pointer;width:100%;height:140px;display:flex;align-items:center;justify-content:center;background-size:cover;background-repeat:no-repeat;border-radius:6px 6px 0 0}.attachment-card .attachment-preview.more-button svg{color:var(--roofr-blue)}.simple-attachment-card{display:flex;align-items:center;justify-content:space-between;outline:1px solid var(--roofr-mist-5B);border-radius:6px;background-color:var(--roofr-white);padding-right:8px;cursor:default!important}.simple-attachment-card .simple-attachment-card-left-side{display:flex;align-items:center;min-width:0}.simple-attachment-card .simple-attachment-card-left-side .simple-attachment-card-preview-container{height:32px;width:32px;border-top-left-radius:5px;border-bottom-left-radius:5px;background-color:var(--roofr-mist-5B);display:flex;align-items:center;justify-content:center}.simple-attachment-card .simple-attachment-card-left-side .simple-attachment-card-preview{border-top-left-radius:6px;border-bottom-left-radius:6px}.simple-attachment-card .simple-attachment-card-left-side .simple-attachment-card-preview.img{height:32px;width:32px}.simple-attachment-card .simple-attachment-card-left-side .simple-attachment-card-preview.file{height:18px;width:24px}.simple-attachment-card.dowload-link{cursor:pointer!important}.proposal-measurements-modal{overflow:hidden}.proposal-measurements-modal--no-measurements{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}#create-proposal-from-report-confirmation .modal-content-wrapper{max-width:600px!important;max-height:600px!important}.proposal-measurements-modal--footer{display:flex;justify-content:flex-end;align-items:center}.proposal-measurements-modal--footer .proposal-measurements-modal--footer-button{width:auto;min-width:-moz-max-content;min-width:max-content}@media screen and (max-width: 850px){.proposal-measurements-modal--footer{gap:12px;flex-direction:column;align-items:stretch}.proposal-measurements-modal--footer .proposal-measurements-modal--footer-button{margin-left:0}}@media screen and (max-width: 767px){#create-proposal-from-report-confirmation .modal-content-wrapper{max-height:unset!important;height:100%!important}#create-proposal-from-report-confirmation .modal-content-wrapper .proposal-measurements-modal--header{position:sticky}#create-proposal-from-report-confirmation .modal-content-wrapper .proposal-measurements-modal--body{height:calc(100% - 90px);position:sticky;overflow:hidden}}.pro-import-from-template-modal{--roofr-shared-modal-width: 500px;--roofr-shared-modal-height: 600px;--roofr-shared-modal-content-wrapper-padding: 0 32px;--roofr-shared-modal-background-color: var(--roofr-background-tertiary);align-content:center}.pro-import-from-template-modal .content-wrapper{overflow:hidden}.pro-import-from-template-modal .header-content{width:100%}.pro-import-from-template-modal .pro-import-from-template-modal--header{display:flex;justify-content:space-between}.pro-import-from-template-modal .pro-import-from-template-modal--body{display:flex;flex-direction:column;gap:24px;height:100%;padding-bottom:12px}.pro-import-from-template-modal .pro-import-from-template-modal--body .proposal-list{max-height:100%;gap:8px;overflow-y:scroll;-ms-overflow-style:none;scrollbar-width:none;-webkit-overflow-scrolling:touch}.pro-import-from-template-modal .pro-import-from-template-modal--body .proposal-list .proposal-list--item{display:flex;align-items:center;gap:12px;padding:8px 12px;height:60px;pointer-events:auto;border:1px solid var(--roofr-mist-5B);border-radius:6px}.pro-import-from-template-modal .pro-import-from-template-modal--body .proposal-list .proposal-list--item--selected{border:1.5px solid var(--roofr-blue);background-color:var(--roofr-background-accent)}.pro-import-from-template-modal .pro-import-from-template-modal--body .import-list--wrapper{flex:1;overflow-y:auto;-ms-overflow-style:none;scrollbar-width:none;-webkit-overflow-scrolling:touch}.pro-import-from-template-modal .pro-import-from-template-modal--body .import-list--wrapper .import-list{padding:8px 12px;background:var(--roofr-white);border:1px solid var(--roofr-mist-5B);border-radius:8px}.pro-import-from-template-modal .pro-import-from-template-modal--body .import-list--type-title{font-style:italic}.pro-import-from-template-modal .pro-import-from-template-modal--body .variation-list{background:var(--roofr-mist-50);border-radius:8px;max-height:350px;overflow-y:auto}.pro-import-from-template-modal footer{box-shadow:0 4px 24px #0000001a;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);border-top:none}.pro-import-from-template-modal .pro-import-from-template-modal--footer{display:flex;justify-content:flex-end;gap:16px}.pro-import-from-template-modal .pro-import-from-template-modal--footer button{max-width:-moz-fit-content;max-width:fit-content}@media (max-width: 767px){.pro-import-from-template-modal{--roofr-shared-modal-width: 100%;--roofr-shared-modal-height: 100%;--roofr-shared-modal-header-padding: 12px 24px;--roofr-shared-modal-content-wrapper-padding: 0 24px;--roofr-shared-modal-padding: 0;--roofr-shared-modal-border-radius: 0}}.task-modal-container{display:flex}.task-modal-container>div{width:100%;max-width:504px;max-height:calc(100vh - 80px)}.task-modal-container .modal--content{overflow-y:auto}.task-modal-address{font-weight:var(--fw-b)}.task-modal-link{text-decoration:none!important}.task-modal-task-list{list-style:none;padding:0;margin:24px 0;display:flex;flex-direction:column;gap:16px}.task-modal-task-list>li{margin:0}.task-modal-task-list-item{margin:0}.skeleton-container{display:flex;flex-direction:column;gap:16px;width:100%;margin-bottom:24px}.skeleton-text-container{display:flex;flex-direction:column;gap:4px;margin-bottom:12px}.skeleton-text{height:20px}.skeleton-item{width:100%;height:68px;border-radius:4px}.cosigner-form__header{margin-bottom:1rem!important}.cosigner-form__header--desktop{text-align:center;font-size:24px;line-height:120%;margin-bottom:1rem}.cosigner-form__disclaimer{margin-bottom:1rem}.cosigner-form__disclaimer-text{margin:0}.cosigner-form__disclaimer-text--mobile{margin:12px 0!important}.cosigner-form__disclaimer-text--desktop{text-align:center;margin:1rem 0}.cosigner-form__field{margin-bottom:1.5rem}.cosigner-form__label-container{display:flex;flex-direction:row}.cosigner-form__label{font-size:1rem;line-height:1.5;font-weight:500;margin-bottom:.5rem;display:block}.cosigner-form__input-wrapper{position:relative;display:flex;align-items:center}.cosigner-form__input{flex:1}.cosigner-form__delete-button{position:absolute;right:0;top:50%;transform:translateY(-50%);padding:0;background:none;border:none;cursor:pointer}.cosigner-form__error-message{margin-top:.25rem!important}.cosigner-form__actions{display:flex;align-items:center;gap:12px}.cosigner-form__actions--mobile{justify-content:flex-end;padding-bottom:10px}.cosigner-form__actions--mobile--remove-button{position:fixed!important;left:22px}.cosigner-form__actions--desktop{justify-content:center;padding:0 1rem;margin-top:2.5rem}.cosigner-form-pull-card--content{height:auto!important;margin-bottom:0!important}.cosigner-form-pull-card--content .ui-kit-pull-card--content--body{height:-moz-fit-content!important;height:fit-content!important}.contacts-combobox-trigger{box-shadow:0 4px 10px #0000000d;border:1px solid var(--roofr-mist-5B);border-radius:6px;width:300px;background:var(--roofr-white)}.contacts-combobox-trigger .roofr-trigger-container{border:none}.contacts-combobox-search-bar{background-color:var(--roofr-background-secondary);width:100%;border-top-right-radius:4px;border-top-left-radius:4px;border-bottom:1px solid var(--roofr-mist-5B);padding:var(--rfr-p-8)}.contacts-combobox-search-bar .contacts-combobox-search-input{padding-left:2.4rem!important}.contacts-combobox-create-contact{padding:var(--rfr-p-8) var(--rfr-p-16);display:flex;justify-content:space-between;align-items:center}.contacts-combobox-list{max-height:400px;overflow-y:auto}.contact-typeahead-item{display:flex;align-items:center;justify-content:space-between;gap:var(--rfr-gap-8);padding:var(--rfr-p-5) var(--rfr-p-16);min-height:33px;cursor:pointer}.contact-typeahead-item:hover{background-color:var(--roofr-background-secondary)}.contact-typeahead-item:hover .contact-typeahead-item-tag .roofr-typo{display:inline-block}.contact-typeahead-item-content{display:flex;flex-direction:column;overflow:hidden;flex:1}.contact-typeahead-item-name,.contact-typeahead-item-email{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.contact-typeahead-item-tag{flex-shrink:0;overflow:hidden}.contact-typeahead-item-tag .roofr-typo{display:none;white-space:nowrap}.add-customer-drawer--footer{display:flex;justify-content:flex-end;width:100%}.add-customer-drawer-content{padding:var(--rfr-p-24) var(--rfr-p-32);display:flex;flex-direction:column;gap:var(--rfr-p-16)}.add-customer-drawer-content .contacts-combobox-dropdown{border:1px solid var(--roofr-mist-5B);background:var(--roofr-white);border-radius:var(--rfr-p-4);box-shadow:0 4px 10px #0000000d}.incomplete-proposal-modal{--roofr-shared-modal-width: 427px;margin-top:10%}.incomplete-proposal-modal__body{padding-bottom:32px}.incomplete-proposal-modal__message-list{padding-left:1.5rem;margin-bottom:0}.incomplete-proposal-modal__footer{display:flex;justify-content:end;gap:1rem}.incomplete-proposal-modal__missing-dynamic-fields{margin-top:1.5rem}.add-change-order-button-container{margin-top:var(--roofr-margin-4)}.add-change-order-button-container button{cursor:pointer}.change-order-chevron{display:inline-flex;align-items:center;justify-content:center;transition:transform .3s ease-in-out}.change-order-chevron--rotated{transform:rotate(180deg)}.proposal-history-event-row{display:flex;align-items:center;cursor:pointer;padding:4px 0;transition:background-color .2s ease}.proposal-history-event-row .no-wrap{white-space:nowrap}.proposal-history-event-button{box-shadow:unset;padding-left:0;width:inherit}.proposal-history-event-button:focus{box-shadow:unset;outline:unset}.proposal-history-event-button .proposal-events-timeline{display:flex;align-items:start;justify-content:space-between;width:100%;flex-direction:column}.proposals-card-view-timeline{display:flex;align-items:center;flex-direction:row}.change-order-amount-display{display:flex;padding:var(--roofr-padding-0) var(--roofr-padding-8);gap:var(--roofr-gap-4);align-items:center;justify-content:center}.change-order-amount-display>i{display:flex}.change-order-amount-display>i svg{stroke:var(--roofr-graphite)}.change-order-list__footer{background-color:var(--roofr-mist);display:flex;width:100%;align-items:center;justify-content:center;padding:12px}.change-order-card{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:12px 16px;width:100%}.change-order-card__primary-content,.change-order-card__secondary-content{display:flex;align-items:center;gap:12px}.change-order-card__identifier{width:-moz-max-content;width:max-content;align-items:start;gap:12px}.job-item-card--container{background-color:var(--roofr-white);border:solid 1px var(--roofr-divider);border-radius:8px;display:flex;flex-direction:column;gap:12px}.job-item-card--container .job-item-card--row-one{padding:12px 16px;display:flex;gap:12px}.job-item-card--container .job-item-card--row-one--expanded{padding-bottom:0}.job-item-card--container .job-item-card--thumbnail{width:62px;height:66px;border-radius:6px}.job-item-card--container .job-item-card--title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.job-item-card--container .job-item-card--divider{margin:8px 0}.job-item-card--container .job-item-card--content{width:100%}.job-item-card--container .job-item-card--content .job-item-card--top,.job-item-card--container .job-item-card--content .job-item-card--bottom{display:flex;justify-content:space-between}.job-item-card--container .job-item-card--content .job-item-card__top-actions{display:flex;align-items:center;gap:12px}.job-item-card--container .job-item-card--content .job-item-card--total{display:flex;align-items:center;line-height:normal;padding:2px 6px;gap:4px;height:100%}.job-item-card--container .job-item-card--content .job-item-card--bottom{gap:8px}.job-item-card--container .job-item-card--content .job-item-card__bottom-section{display:flex;justify-content:space-between;flex-direction:column}.job-item-card--container .job-item-card--content .job-item-card__bottom-row{display:flex;justify-content:space-between;align-items:start;gap:8px}.job-item-card--container .job-item-card--content .job-item-card--bottom-row--right{display:flex;align-items:flex-start;justify-content:flex-end}.job-item-card--events{width:auto}.history-activity{max-height:20px;overflow:hidden;transition:max-height .3s ease-in-out}.history-activity .ui-kit-timeline:first-of-type .tail:after{background-color:var(--roofr-blue-50)}.history-activity .ui-kit-timeline:not(:first-of-type) .tail:after{background-color:var(--roofr-mist-5B)}.history-activity[data-expanded=true]{max-height:800px}.history-dropdown-icon[data-open=true] svg{transform:rotate(180deg)}@media screen and (max-width: 768px){.job-item-card--events,.job-item-card--bottom-right:not(:empty){flex:1}}.job-item-card--change-orders-container{display:flex;width:100%;flex-direction:column;align-items:flex-start;flex-shrink:0;cursor:default}.missing-dynamic-fields-modal{--roofr-shared-modal-width: 427px;--roofr-shared-modal-height: auto;--roofr-shared-modal-header-padding: 32px 32px 12px 32px;--roofr-shared-modal-content-wrapper-padding: 0 32px;--roofr-shared-modal-footer-padding: 24px 32px}.missing-dynamic-fields-modal__list{margin-top:1.5rem;padding-left:1.6rem}.missing-dynamic-fields-modal__footer{display:flex;justify-content:flex-end;gap:1.6rem}