.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-annotated-badge{display:inline-flex;align-items:center;justify-content:center;padding:2px 6px;border-radius:6px;background:var(--roofr-midnight);color:var(--roofr-white);font-size:var(--font-size-smaller);font-weight:var(--font-weight-bold);line-height:var(--line-height)}.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}.permissions-instructions-drawer{--roofr-shared-modal-padding: 0;--roofr-shared-modal-width: 100%;display:flex!important;align-items:flex-end;padding:0!important}.permissions-instructions-drawer .content-wrapper{padding:0}.permissions-instructions-drawer-content{max-height:90vh;overflow:hidden;display:flex;flex-direction:column}.permissions-instructions-drawer-pull-indicator{width:60px;height:24px;margin:20px auto 12px;position:relative;touch-action:pan-y}.permissions-instructions-drawer-pull-indicator:after{content:"";position:absolute;left:0;right:0;top:10px;height:5px;border-radius:100px;background:var(--roofr-mist-5B)}.permissions-instructions-drawer-header{display:flex;flex-direction:column;width:100%}.permissions-instructions-drawer-header-info{display:flex;align-items:flex-start;justify-content:space-between;padding:0 16px 20px;border-bottom:1px solid var(--roofr-mist-5B);-moz-column-gap:12px;column-gap:12px}.permissions-instructions-drawer-header-info-content{display:flex;flex-direction:column;row-gap:12px}.permissions-instructions-drawer-header-title{font-size:16px!important;line-height:150%;font-weight:500;color:var(--roofr-graphite)!important}.permissions-instructions-drawer-header-subtitle{font-size:13px!important;font-weight:400;color:var(--roofr-graphite)!important}.permissions-instructions-drawer-header-close-button{background:transparent!important;color:var(--roofr-muted)!important;padding:0!important;min-width:unset!important;width:28px;height:28px}.permissions-instructions-drawer-body{padding:0 16px;display:flex;flex-direction:column;flex:1 1 auto;min-height:0;overflow:hidden}.permissions-instructions-drawer-body-sections{flex:1 1 auto;min-height:0;overflow-y:auto;padding-right:4px}.permissions-instructions-drawer-section-header{width:100%;border:0;background:transparent;display:flex;align-items:center;justify-content:space-between;padding:24px 0;cursor:pointer;color:var(--roofr-graphite)}.permissions-instructions-drawer-section-header-title{display:inline-flex;align-items:center;gap:8px;font-size:18px;font-weight:500;line-height:1.2}.permissions-instructions-drawer-section-header-icon{display:inline-flex;align-items:center;color:var(--roofr-blue)}.permissions-instructions-drawer-section-intro{font-size:14px!important;font-weight:500;line-height:150%!important}.permissions-instructions-drawer-section-subsections{margin-top:12px}.permissions-instructions-drawer-section-subsection+.permissions-instructions-drawer-section-subsection{margin-top:16px}.permissions-instructions-drawer-section-subsection-title{font-size:14px!important;font-weight:500;line-height:150%!important}.permissions-instructions-drawer-section-steps{margin-top:12px;padding-left:24px;display:block}.permissions-instructions-drawer-section-step{font-size:16px;font-weight:400;line-height:150%}.permissions-instructions-drawer-section-steps>li:not(:last-child){margin-bottom:8px}.permissions-instructions-drawer-section-images{display:flex;flex-direction:row;flex-wrap:nowrap;gap:8px;margin-top:8px;overflow-x:auto;padding-bottom:4px;-webkit-overflow-scrolling:touch;scrollbar-width:thin}.permissions-instructions-drawer-section-image{flex:0 0 auto;width:120px;height:260;border:1px solid var(--roofr-mist-5B);-o-object-fit:cover;object-fit:cover}.permissions-instructions-drawer-footer{padding:0 16px 24px}.permissions-instructions-drawer-footer-hide-button{width:100%;margin-top:24px}.pro-choose-preferred-supplier-modal{--roofr-shared-modal-width: 600px;display:flex;align-content:center;justify-content:center}.pro-choose-preferred-supplier-modal header{border-bottom:1px solid var(--roofr-divider)}.pro-choose-preferred-supplier-modal .pro-choose-preferred-supplier-modal--body{margin:var(--roofr-gap-24) 0;display:flex;flex-direction:column;gap:var(--roofr-gap-32)}@media screen and (max-width:767px){.pro-choose-preferred-supplier-modal{--roofr-shared-modal-width: 100%;--roofr-shared-modal-height: 100%;--roofr-shared-modal-padding: 0;--roofr-shared-modal-border-radius: 0;--roofr-shared-modal-content-wrapper-padding: 0 16px 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}.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{align-self:center}.add-change-order-button-container button{cursor:pointer}@media(max-width:1200px){.add-change-order-button-container .create-change-order-button[data-variant=link]{background-color:var(--roofr-mist-30);border-radius:8px;border:1px solid var(--roofr-mist-5B);display:flex;width:100%;align-items:center;justify-content:center;padding:var(--roofr-padding-12)}}.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-card{display:flex;align-items:center;justify-content:space-between;gap:var(--roofr-gap-16);padding:var(--roofr-padding-12) var(--roofr-padding-16);width:100%}.change-order-card--primary-content,.change-order-card--secondary-content{display:flex;align-items:center;gap:var(--roofr-gap-12)}.change-order-card--id{width:-moz-max-content;width:max-content}.change-order-card--mobile{flex-direction:column;align-items:stretch;gap:var(--roofr-gap-4);padding:var(--roofr-padding-12);border:1px solid var(--roofr-divider);border-radius:6px;background:var(--roofr-mist-30)}.change-order-card--mobile-header{display:flex;align-items:center;justify-content:space-between}.change-order-card--mobile-header-right{display:flex;align-items:center;gap:var(--roofr-gap-8)}.change-order-card--mobile-body,.change-order-card--mobile-activity{display:flex;flex-direction:column;gap:2px}.change-order-card--mobile-reference{padding-bottom:var(--roofr-padding-8)}.change-orders-list--mobile{display:flex;flex-direction:column;gap:var(--roofr-gap-8);width:100%}.change-orders-list--footer{display:flex;width:100%;align-items:center;justify-content:center}.change-orders-list--footer>.roofr-button[data-variant=link]{background-color:var(--roofr-mist-30);border-radius:8px;border:1px solid var(--roofr-mist-5B);display:flex;width:100%;align-items:center;justify-content:center;padding:var(--roofr-padding-12)}@media(min-width:1200px){.change-orders-list--footer>.roofr-button[data-variant=link]{border:none}}.job-item-card--container{background-color:var(--roofr-white);border:solid 1px var(--roofr-divider);border-radius:8px;display:flex;flex-direction:column;gap:var(--roofr-gap-12)}.job-item-card--container .job-item-card--row-one{padding:var(--roofr-padding-12) var(--roofr-padding-16);display:flex;gap:var(--roofr-gap-12)}.job-item-card--container .job-item-card--row-one--expanded{padding-bottom:0}.job-item-card--container .job-item-card--mobile-header-status{flex:1}.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:var(--roofr-margin-8) 0}.job-item-card--container .job-item-card--content{min-width:0;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:var(--roofr-gap-12)}.job-item-card--container .job-item-card--content .job-item-card--total{display:flex;align-items:center;line-height:normal;padding:2px var(--roofr-padding-6);gap:var(--roofr-gap-4);height:100%}.job-item-card--container .job-item-card--content .job-item-card--bottom{gap:var(--roofr-gap-8)}.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:var(--roofr-gap-8);flex-wrap:wrap}.job-item-card--container .job-item-card--content .job-item-card--bottom-row--right{display:flex;align-items:flex-start;justify-content:flex-end;gap:var(--roofr-gap-8)}.job-item-card--container.job-item-card--mobile{padding:var(--roofr-padding-12) var(--roofr-padding-16)}.job-item-card--container.job-item-card--mobile .job-item-card--mobile-header{display:flex;align-items:center;justify-content:space-between;width:100%}.job-item-card--container.job-item-card--mobile .job-item-card--mobile-header-right{display:flex;align-items:center;gap:var(--roofr-gap-8)}.job-item-card--container.job-item-card--mobile .job-item-card--mobile-body{display:flex;flex-direction:column;gap:var(--roofr-gap-4)}.job-item-card--container.job-item-card--mobile .job-item-card--mobile-label{padding-bottom:var(--roofr-padding-8)}.job-item-card--container.job-item-card--mobile .job-item-card--mobile-activity{display:flex;flex-direction:column;gap:var(--roofr-gap-2, 2px)}.job-item-card--container.job-item-card--mobile .job-item-card--mobile-divider{margin:var(--roofr-margin-8) 0 0}.job-item-card--container.job-item-card--mobile .job-item-card--mobile-footer{margin-top:var(--roofr-margin-8)}.job-item-card--events{width:auto}.job-item-card--history-activity{max-height:20px;overflow:hidden;transition:max-height .3s ease-in-out}.job-item-card--history-activity .ui-kit-timeline:first-of-type .tail:after{background-color:var(--roofr-blue-50)}.job-item-card--history-activity .ui-kit-timeline:not(:first-of-type) .tail:after{background-color:var(--roofr-mist-5B)}.job-item-card--history-activity[data-expanded=true]{max-height:800px}.job-item-card--history-dropdown-icon{margin-left:var(--roofr-margin-4)}.job-item-card--history-dropdown-icon[data-open=true] svg{transform:rotate(180deg)}@media screen and (max-width:1200px){.job-item-card--events,.job-item-card--bottom-row--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}._wrapper_fmnf1_1{display:flex;flex-direction:column;gap:16px}._waveform_fmnf1_7{width:100%}._controls_fmnf1_11{display:flex;align-items:center;gap:8px;padding:8px 16px;border-radius:100px;border:1px solid var(--border-default, #e1e4e6);background:#fff}._playButton_fmnf1_21{display:flex;align-items:center;justify-content:center;width:15px;height:15px;padding:0;background:none;border:none;cursor:pointer;flex-shrink:0}._playButton_fmnf1_21:hover{opacity:.7}._playButton_fmnf1_21:active{opacity:.5}._playButton_fmnf1_21:focus{outline:2px solid var(--roofr-graphite);outline-offset:2px}._playButton_fmnf1_21:disabled{opacity:.5;cursor:default}._playButton_fmnf1_21:disabled:hover,._playButton_fmnf1_21:disabled:active{opacity:.5}._icon_fmnf1_51{width:15px;height:15px;color:var(--roofr-graphite);fill:var(--roofr-graphite)}._progressContainer_fmnf1_58{flex:1;display:flex;align-items:center;cursor:pointer;padding:8px 0;touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}._progressContainer_fmnf1_58._disabled_fmnf1_67{opacity:.5;cursor:default}._progressBar_fmnf1_72{position:relative;flex:1;height:4px;border-radius:20px;background:var(--roofr-mist-20B);overflow:visible}._progressFill_fmnf1_81{width:var(--progress, 0%);height:100%;background-color:var(--roofr-graphite);border-radius:20px}._progressThumb_fmnf1_88{position:absolute;top:50%;left:var(--progress, 0%);transform:translate(-50%,-50%);pointer-events:none}._time_fmnf1_96{color:var(--text-default, #28373e);white-space:nowrap;flex-shrink:0;padding-right:6px;font-weight:400;line-height:120%;font-variant-numeric:tabular-nums;font-feature-settings:"tnum"}._volumeButton_fmnf1_107{display:flex;align-items:center;justify-content:center;width:18px;height:18px;padding:0;background:none;border:none;cursor:pointer;flex-shrink:0}._volumeButton_fmnf1_107:hover{opacity:.7}._volumeButton_fmnf1_107:active{opacity:.5}._volumeButton_fmnf1_107:focus{outline:2px solid var(--roofr-graphite);outline-offset:2px}._volumeButton_fmnf1_107:disabled{opacity:.5;cursor:default}._volumeButton_fmnf1_107:disabled:hover,._volumeButton_fmnf1_107:disabled:active{opacity:.5}._volumeIcon_fmnf1_137{width:18px;height:18px;color:var(--text-default, #28373e)}._audiowaveLoadingWrapper_fmnf1_143{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:16px}._errorMessage_fmnf1_152{white-space:pre-line}@keyframes _audioLoadingSpin_fmnf1_1{to{transform:rotate(360deg)}}@keyframes _playerFadeIn_fmnf1_1{0%{opacity:0}to{opacity:1}}._playerEnter_fmnf1_169{animation:_playerFadeIn_fmnf1_1 .2s ease-out}@media(prefers-reduced-motion:reduce){._playerEnter_fmnf1_169{animation:none}}._loaderSpinner_fmnf1_178{animation:_audioLoadingSpin_fmnf1_1 1s linear infinite}._container_144m4_1{display:flex;flex-direction:column;gap:12px;padding:16px}._title_144m4_8{display:flex;justify-content:space-between}._title_144m4_8 ._titleText_144m4_12{display:flex;align-items:center;gap:12px}._summary_44dql_1{position:relative;padding:12px;border:1px solid var(--roofr-purple-50);border-radius:8px;background:var(--ai-card-bg, linear-gradient(119deg, #fcfbfe -1.53%, #e8dff7 100.11%))}._header_44dql_9{display:flex;align-items:center;gap:4px;font-weight:500;margin-bottom:4px}._text_44dql_17{font-weight:400;font-style:italic}._divider_44dql_22{height:1px;margin:12px 0;background:var(--roofr-purple-10)}