.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:var(--roofr-gap-24);height:100%;padding-bottom:12px}.pro-import-from-template-modal .pro-import-from-template-modal--body .proposal-list{max-height:100%;gap:var(--roofr-gap-8);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:var(--roofr-gap-12);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:var(--roofr-gap-16)}.pro-import-from-template-modal .pro-import-from-template-modal--footer button{width:auto;min-width:-moz-max-content;min-width:max-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}.pro-import-from-template-modal .pro-import-from-template-modal--footer{gap:var(--roofr-gap-12);flex-direction:column;align-items:stretch}.pro-import-from-template-modal .pro-import-from-template-modal--footer button{margin-left:0}}.template-table.is-read-only .sortable-table-cell{border:none}