OwlCyberSecurity - MANAGER

Edit File: template-picker.min.css

.srfm-template-picker{background:#f4f9fa;font-size:16px}.srfm-template-picker #wpwrap{background-color:#f1f5f9}.srfm-template-picker #wpbody-content .error,.srfm-template-picker #wpbody-content .notice{display:none!important}.srfm-template-picker *,.srfm-template-picker ::after,.srfm-template-picker ::before{box-sizing:border-box}.srfm-template-picker #adminmenuback,.srfm-template-picker #adminmenumain,.srfm-template-picker #adminmenuwrap,.srfm-template-picker #wpadminbar,.srfm-template-picker #wpfooter{display:none}.srfm-template-picker #wpcontent{margin:0;padding:0}.srfm-template-picker #bsf-optin-notice,.srfm-template-picker #uagb-admin-rating,.srfm-template-picker .notice-error{display:none}.srfm-template-picker .srfm-popup-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(15,23,42,.6980392157);z-index:99999999}.srfm-template-picker .srfm-popup-header{display:flex;gap:12px;justify-content:flex-start;width:100%}.srfm-template-picker .srfm-popup-header .srfm-popup-icon{padding-top:3px}.srfm-template-picker .srfm-popup-header .srfm-popup-title{font-size:18px;font-weight:700;line-height:28px;color:#0f172a}.srfm-template-picker .srfm-auth-err-confirmation-container{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:99999999;display:flex;flex-direction:column;align-items:flex-start;gap:16px;width:464px;height:184px;padding:20px;background:#fff;border-radius:8px}.srfm-template-picker .srfm-auth-err-confirmation-container .srfm-auth-err-confirmation-description{font-size:14px;font-weight:400;line-height:20px;color:#475569}.srfm-template-picker .srfm-auth-err-confirmation-container .srfm-auth-err-confirmation-btn-container{display:flex;align-items:flex-start;gap:12px}.srfm-template-picker .srfm-auth-err-confirmation-container .srfm-auth-err-confirmation-auth-err-btn{background-color:#d54407;color:#fff;font-size:14px;font-weight:600;line-height:20px;height:40px;border:none;cursor:pointer;padding:9px 13px 9px 13px;border-radius:6px}.srfm-template-picker .srfm-auth-err-confirmation-container .srfm-auth-err-confirmation-cancel-btn{background-color:transparent;color:#0f172a;font-size:14px;font-weight:600;line-height:20px;height:40px;border:none;cursor:pointer;border:1px solid #d8dfe9;padding:9px 13px 9px 13px;border-radius:6px}.srfm-template-picker .srfm-limit-reached-popup{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:99999999;display:flex;flex-direction:column;align-items:flex-start;gap:20px;width:480px;padding:24px;background:#fff;border-radius:8px}.srfm-template-picker .srfm-limit-reached-popup .srfm-ai-limit-reached-close{cursor:pointer;position:absolute;right:10px;top:10px;color:#94a3b8}.srfm-template-picker .srfm-limit-reached-popup .srfm-ai-limit-reached-close svg{fill:#94a3b8;width:20px;height:20px}.srfm-template-picker .srfm-limit-reached-popup .srfm-limit-reached-popup-content{width:432px;display:flex;flex-direction:column;gap:12px}.srfm-template-picker .srfm-limit-reached-popup .srfm-limit-reached-popup-content span{font-size:16px;font-weight:400;line-height:24px;color:#64748b}.srfm-template-picker .srfm-limit-reached-popup .srfm-limit-reached-more-credits-btn{background-color:#d54407;color:#fff;font-size:14px;font-weight:600;line-height:20px;width:100%;height:40px;border:none;cursor:pointer;padding:9px 13px 9px 13px;border-radius:6px;line-height:16px}.srfm-template-picker .srfm-limit-reached-popup .srfm-limit-reached-check-usage-btn{background-color:transparent;color:#64748b;font-size:14px;font-weight:600;line-height:20px;border:none;cursor:pointer;border:none;line-height:16px;align-self:center;height:20px}.srfm-template-picker .srfm-err-popup-container{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:99999999;display:flex;flex-direction:column;align-items:flex-start;gap:20px;width:400px;padding:20px;background:#fff;border-radius:8px}.srfm-template-picker .srfm-err-popup-container .srfm-err-popup-description{font-size:14px;font-weight:400;line-height:20px;color:#64748b}.srfm-template-picker .srfm-err-popup-container .srfm-err-popup-try-again-btn{background-color:#d54407;color:#fff;font-size:14px;font-weight:600;line-height:20px;width:100%;height:40px;border:none;cursor:pointer;padding:9px 13px 9px 13px;border-radius:6px;line-height:16px}.srfm-template-picker .srfm-ai-auth-ctn{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;padding:50px 1.25em;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%}.srfm-template-picker .srfm-ai-auth-ctn .srfm-ai-auth-ctn-inner{display:flex;width:1044px;height:364px;top:350px;left:438px;gap:32px;justify-content:center}.srfm-template-picker .srfm-ai-auth-ctn .srfm-ai-auth-ctn-inner .srfm-ai-auth-txt-ctn{display:flex;flex-direction:column;gap:24px}.srfm-template-picker .srfm-ai-auth-ctn .srfm-ai-auth-ctn-inner .srfm-ai-auth-txt-ctn .srfm-ai-auth-header{display:flex;flex-direction:column;gap:12px}.srfm-template-picker .srfm-ai-auth-ctn .srfm-ai-auth-ctn-inner .srfm-ai-auth-txt-ctn .srfm-ai-auth-header .srfm-ai-auth-title{font-size:30px;font-weight:700;line-height:36px;color:#0f172a;margin:0;padding:0}.srfm-template-picker .srfm-ai-auth-ctn .srfm-ai-auth-ctn-inner .srfm-ai-auth-txt-ctn .srfm-ai-auth-header .srfm-ai-auth-title-description{font-size:16px;font-weight:500;line-height:24px;margin:0;color:#64748b}.srfm-template-picker .srfm-ai-auth-ctn .srfm-ai-auth-ctn-inner .srfm-ai-auth-txt-ctn .srfm-ai-auth-sub-title{font-size:16px;font-weight:600;line-height:24px;color:#64748b;margin:0}.srfm-template-picker .srfm-ai-auth-ctn .srfm-ai-auth-ctn-inner .srfm-ai-auth-txt-ctn .srfm-ai-auth-list{font-weight:400;font-size:16px;line-height:24px;color:#64748b;margin:0;padding-inline-start:20px}.srfm-template-picker .srfm-ai-auth-ctn .srfm-ai-auth-ctn-inner .srfm-ai-auth-txt-ctn .srfm-ai-auth-btn{display:flex;align-items:center;justify-content:space-between;background-color:#d54407;color:#fff;width:271px;height:48px;padding:12px 20px 12px 24px;gap:7px;border-radius:6px;border:none;cursor:pointer}.srfm-template-picker .srfm-ai-auth-ctn .srfm-ai-auth-ctn-inner .srfm-ai-auth-txt-ctn .srfm-ai-auth-btn .srfm-ai-auth-btn-txt{font-size:16px;font-weight:600;line-height:24px}.srfm-template-picker .srfm-ai-auth-ctn .srfm-ai-auth-ctn-inner .srfm-ai-auth-txt-ctn .srfm-ai-auth-back-btn{display:flex;align-items:center;justify-content:center;width:66px;height:24px;gap:8px;color:#64748b;box-shadow:none}.srfm-template-picker .srfm-ai-auth-ctn .srfm-ai-auth-ctn-inner .srfm-ai-auth-txt-ctn .srfm-ai-auth-back-btn .srfm-ai-auth-back-btn-txt{font-size:16px;font-weight:500;line-height:24px}.srfm-template-picker .srfm-ai-builder-container{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;padding:50px 1.25em;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;overflow-y:auto}.srfm-template-picker .srfm-ai-builder-container .srfm-ai-builder-inner-container{display:flex;flex-direction:column;width:768px;min-height:420px;gap:32px;padding:40px;background:#fff}.srfm-template-picker .srfm-ai-builder-container .srfm-ai-builder-inner-container .srfm-ai-builder-header-title{width:688px;height:36px;font-size:30px;font-weight:600;line-height:36px;text-align:left;margin:0;padding:0;color:#0f172a}.srfm-template-picker .srfm-ai-builder-container .srfm-ai-builder-inner-container .srfm-ai-builder-textarea-ctn{display:flex;flex-direction:column;gap:12px}.srfm-template-picker .srfm-ai-builder-container .srfm-ai-builder-inner-container .srfm-ai-builder-textarea-ctn textarea{width:688px;height:114px;padding:8px 12px 8px 12px;border-radius:6px;border:1px solid #cbd5e1;outline:0;box-shadow:none;overflow:hidden;font-size:20px;font-weight:400;line-height:32px;overflow-y:auto}.srfm-template-picker .srfm-ai-builder-container .srfm-ai-builder-inner-container .srfm-ai-builder-textarea-ctn textarea:-ms-input-placeholder{width:664px;height:96px;font-size:18px;font-weight:400;line-height:28px;text-align:left;color:#94a3b8}.srfm-template-picker .srfm-ai-builder-container .srfm-ai-builder-inner-container .srfm-ai-builder-textarea-ctn textarea::placeholder{width:664px;height:96px;font-size:18px;font-weight:400;line-height:28px;text-align:left;color:#94a3b8}.srfm-template-picker .srfm-ai-builder-container .srfm-ai-builder-inner-container .srfm-ai-builder-textarea-ctn textarea:focus{border-color:#d54407!important}.srfm-template-picker .srfm-ai-builder-container .srfm-ai-builder-inner-container .srfm-ai-builder-textarea-ctn .srfm-ai-builder-textarea-error{font-size:14px;font-weight:600;line-height:20px;margin:0;padding:0;color:#cd1a1a}.srfm-template-picker .srfm-ai-builder-container .srfm-ai-builder-inner-container .srfm-ai-builder-textarea-ctn .srfm-ai-voice-input-ctn{display:flex;justify-content:space-between;align-items:center;gap:16px}.srfm-template-picker .srfm-ai-builder-container .srfm-ai-builder-inner-container .srfm-ai-builder-textarea-ctn .srfm-ai-voice-input-toggle-btn{display:flex;justify-content:center;align-items:center;gap:2px;cursor:pointer;width:97px;height:24px;padding:4px 6px;border-radius:9999px}.srfm-template-picker .srfm-ai-builder-container .srfm-ai-builder-inner-container .srfm-ai-builder-textarea-ctn .srfm-ai-voice-input-text{font-size:12px;font-weight:500;line-height:16px;text-align:center}.srfm-template-picker .srfm-ai-builder-container .srfm-ai-builder-inner-container .srfm-ai-form-ideas-toggle{display:flex;align-items:center;height:20px;width:-moz-fit-content;width:fit-content;cursor:pointer;gap:8px;font-size:14px;font-weight:500;line-height:20px;text-align:left;color:#64748b;background:0 0;border:none}.srfm-template-picker .srfm-ai-builder-container .srfm-ai-builder-inner-container .srfm-ai-form-ideas-ctn{display:flex;flex-wrap:wrap;width:688px;gap:16px;overflow:hidden}.srfm-template-picker .srfm-ai-builder-container .srfm-ai-builder-inner-container .srfm-ai-form-ideas-ctn .srfm-ai-builder-prompt-btn{padding:4px 10px 4px 10px;border-radius:99px;background:#f8f9fc;border:1px solid #d5d9eb;color:#363f72;cursor:pointer}.srfm-template-picker .srfm-ai-builder-container .srfm-ai-builder-inner-container .srfm-ai-form-ideas-ctn .srfm-ai-builder-prompt-btn:hover{background:#f3f4f6}.srfm-template-picker .srfm-ai-builder-container .srfm-ai-builder-inner-container .srfm-ai-form-ideas-ctn .srfm-ai-builder-prompt-btn .srfm-ai-builder-prompt-title{font-size:14px;font-weight:400;line-height:20px;text-align:center}.srfm-template-picker .srfm-ai-builder-container .srfm-ai-builder-inner-container .srfm-ai-builder-separator{width:688px;height:1px;background:#cbd5e1}.srfm-template-picker .srfm-ai-builder-container .srfm-ai-builder-inner-container .srfm-ai-builder-create-form-btn{display:flex;align-items:center;justify-content:center;background-color:#d54407;color:#fff;width:183px;height:56px;padding:12px 16px 12px 24px;gap:8px;border-radius:6px;border:none;cursor:pointer}.srfm-template-picker .srfm-ai-builder-container .srfm-ai-builder-inner-container .srfm-ai-builder-create-form-btn .srfm-ai-builder-create-form-btn-text{font-size:16px;font-weight:500;line-height:24px}.srfm-template-picker .srfm-ai-builder-loading-container{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;padding:50px 1.25em;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%}.srfm-template-picker .srfm-ai-builder-loading-container .srfm-ai-builder-header{display:flex;width:400px;height:72px;gap:24px;align-items:center}.srfm-template-picker .srfm-ai-builder-loading-container .srfm-ai-builder-header .srfm-ai-builder-header-title{color:#0f172a;font-size:20px;font-weight:700;line-height:28px;text-align:left;margin:0;padding:0}.srfm-template-picker .srfm-ai-builder-loading-container .srfm-ai-builder-header .srfm-ai-builder-header-subtitle{font-size:14px;font-weight:400;line-height:20px;text-align:left;color:#64748b;margin:0;padding:0}.srfm-template-picker .srfm-ai-builder-loading-container .srfm-loading-inner-container{display:flex;flex-direction:column;align-items:center;justify-content:center;width:480px;height:440px;gap:24px}.srfm-template-picker .srfm-content-section{height:calc(100vh - 50px);padding-top:70px}.srfm-template-picker .srfm-content-section .srfm-ts-loader{display:block;margin:auto;height:50px;width:50px;color:#d54407}@media (max-width:782px){.srfm-template-picker .srfm-content-section{padding-top:50px;height:auto;padding-left:10px;padding-right:10px}}.srfm-template-picker .srfm-tp-sp-container{display:flex;align-items:center;justify-content:center;margin-top:1em}.srfm-template-picker .srfm-tp-sp-container .srfm-tp-btn{padding:8px 16px 8px 16px;border-radius:6px;height:40px;width:100%;justify-content:center;font-weight:600;gap:8px;line-height:20px}.srfm-template-picker .srfm-tp-sp-container .srfm-tp-btn:focus,.srfm-template-picker .srfm-tp-sp-container .srfm-tp-btn:hover{box-shadow:none}.srfm-template-picker .srfm-tp-sp-container .srfm-buttons.srfm-tp-btn{color:inherit}.srfm-template-picker .srfm-common-btn{padding:.5625em .625em;background:#125d9f;box-shadow:0 1px 2px 0 rgba(0,0,0,.0509803922);border-radius:6px;font-size:.875em;font-weight:500;color:#fff;border:0;width:100%;cursor:pointer}.srfm-template-picker a{text-decoration:none}.srfm-template-picker .srfm-tp-header-ctn{display:flex;flex-direction:column;gap:0}.srfm-template-picker .srfm-tp-header-ctn .srfm-tp-header{position:fixed;top:0;left:0;width:100%;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;padding:20px 1.25em;border-bottom:1px solid #e5e7eb;background:#fff;z-index:9999999}.srfm-template-picker .srfm-tp-header-ctn .srfm-tp-header .srfm-tp-main-title{display:flex;align-items:center;gap:8px;margin:0;color:#4b5563;font-size:13px;font-style:normal;font-weight:500;line-height:normal}.srfm-template-picker .srfm-tp-header-ctn .srfm-tp-header .srfm-header-breadcrumb,.srfm-template-picker .srfm-tp-header-ctn .srfm-tp-header .srfm-header-breadcrumb-container{display:flex;align-items:center;gap:8px;color:#4b5563;font-size:13.081px;font-style:normal;font-weight:500;line-height:23.546px}.srfm-template-picker .srfm-tp-header-ctn .srfm-tp-header .srfm-header-breadcrumb a,.srfm-template-picker .srfm-tp-header-ctn .srfm-tp-header .srfm-header-breadcrumb-container a{color:#4b5563;box-shadow:none}.srfm-template-picker .srfm-tp-header-ctn .srfm-tp-header .srfm-tp-logo{display:flex;cursor:pointer}.srfm-template-picker .srfm-tp-header-ctn .srfm-tp-header .srfm-tp-header-credits-ctn{display:flex;gap:24px;align-items:center;justify-content:space-between;width:271px}.srfm-template-picker .srfm-tp-header-ctn .srfm-tp-header .srfm-tp-header-credits-ctn .srfm-tp-header-credits{display:flex;align-items:center;justify-content:center;gap:8px;border-radius:4px;padding:4px 12px;border:1px solid #e5e7eb;cursor:pointer}.srfm-template-picker .srfm-tp-header-ctn .srfm-tp-header .srfm-tp-header-credits-ctn .srfm-tp-header-credits-left{font-size:14px;font-weight:400;line-height:20px;color:#374151}.srfm-template-picker .srfm-tp-header-ctn .srfm-tp-header .srfm-tp-header-credits-ctn .srfm-tp-header-bolt-icon{height:16px}.srfm-template-picker .srfm-tp-header-ctn .srfm-tp-header .srfm-tp-header-credits-ctn .srfm-tp-header-credits-popover{position:absolute;top:55px;right:68px;display:flex;flex-direction:column;align-items:center;gap:12px;width:266px;background:#fff;border-radius:8px;padding:16px;border:1px solid #e5e7eb}.srfm-template-picker .srfm-tp-header-ctn .srfm-tp-header .srfm-tp-header-credits-ctn .srfm-tp-header-credits-popover .srfm-progress-bar{width:100%;height:4px;border-radius:20px;gap:8px;background-color:#cbd5e1}.srfm-template-picker .srfm-tp-header-ctn .srfm-tp-header .srfm-tp-header-credits-ctn .srfm-tp-header-credits-popover .srfm-progress-bar .progress{width:48px;height:4px;gap:0;border-radius:2px;background-color:#d54407}.srfm-template-picker .srfm-tp-header-ctn .srfm-tp-header .srfm-tp-header-credits-ctn .srfm-tp-header-credits-popover .srfm-tp-header-credits-popover-title{display:flex;flex-direction:column;gap:6px;font-size:14px;font-weight:500;line-height:20px;color:#030712}.srfm-template-picker .srfm-tp-header-ctn .srfm-tp-header .srfm-tp-header-credits-ctn .srfm-tp-header-credits-popover .srfm-tp-header-credits-popover-description,.srfm-template-picker .srfm-tp-header-ctn .srfm-tp-header .srfm-tp-header-credits-ctn .srfm-tp-header-credits-popover .srfm-tp-header-credits-popover-stats-ctn{font-size:14px;font-weight:400;line-height:20px;color:#9ca3af}.srfm-template-picker .srfm-tp-header-ctn .srfm-tp-header .srfm-tp-header-credits-ctn .srfm-tp-header-credits-popover .srfm-tp-header-credits-popover-stats-ctn{display:flex;flex-direction:column;height:32px;width:100%;gap:4px}.srfm-template-picker .srfm-tp-header-ctn .srfm-tp-header .srfm-tp-header-credits-ctn .srfm-tp-header-credits-popover .srfm-tp-header-credits-popover-stats-ctn .srfm-tp-header-credits-popover-stats{display:flex;justify-content:space-between;gap:4px;height:20px}.srfm-template-picker .srfm-tp-header-ctn .srfm-tp-header .srfm-tp-header-credits-ctn .srfm-tp-header-credits-popover .srfm-credits-popover-more-btn{background-color:#d54407;color:#fff;font-size:14px;font-weight:400;line-height:20px;width:100%;height:34px;border:none;cursor:pointer;border:1px solid #d54407;padding:9px 13px 9px 13px;border-radius:6px;line-height:12px}.srfm-template-picker .srfm-tp-header-ctn .srfm-tp-header .srfm-tp-header-credits-ctn .srfm-tp-header-credits-popover .srfm-credits-popover-auth-err-btn{background-color:transparent;color:#cd1a1a;font-size:14px;font-weight:400;line-height:20px;height:20px;border:none;cursor:pointer}.srfm-template-picker .srfm-tp-header-ctn .srfm-tp-header .srfm-tp-header-close{cursor:pointer}.srfm-template-picker .srfm-tp-header-ctn .srfm-tp-header .srfm-tp-header-close .srfm-tp-header-close-icon{height:24px}.srfm-template-picker .srfm-tp-header-ctn .srfm-tp-header .srfm-ai-sub-header{margin:0;padding:0;font-size:16px;font-weight:500;line-height:20px}.srfm-template-picker .srfm-tp-header-ctn .srfm-tp-header .srfm-ai-sub-header .srfm-ai-sub-header-auth-url{color:#ff6b00;text-decoration:underline;cursor:pointer}.srfm-template-picker .srfm-tp-sp-methods-container{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;padding:50px 1.25em}.srfm-template-picker .srfm-tp-sp-methods-container .srfm-exit-link-container,.srfm-template-picker .srfm-tp-sp-methods-container .srfm-tp-sp-heading-container{display:flex;justify-content:center}.srfm-template-picker .srfm-tp-sp-methods-container .srfm-exit-link-content{display:flex;align-items:center;margin-top:2.5em;font-size:1em;font-weight:400;line-height:1.5em;color:#64748b;cursor:pointer;gap:8px}.srfm-template-picker .srfm-tp-sp-methods-container .srfm-exit-link-content svg{margin-top:2px}.srfm-template-picker .srfm-tp-sp-methods-container .srfm-tp-sp-heading{font-size:1.875em;font-weight:600;color:#030712;text-align:center;margin-top:0;margin-bottom:1.33em;line-height:1.2em;width:50%}.srfm-template-picker .srfm-tp-sp-methods-container .srfm-tp-sp-methods{display:flex;flex-wrap:wrap;justify-content:center;max-width:768px;gap:32px}.srfm-template-picker .srfm-tp-sp-methods-container .srfm-tp-sp-methods .srfm-single-card{position:relative;width:calc(50% - 18px);box-shadow:0 12px 24px -4px rgba(0,0,0,.0784313725);background-color:#fff;border-radius:12px;transition:.3s}.srfm-template-picker .srfm-tp-sp-methods-container .srfm-tp-sp-methods .srfm-single-card .srfm-btn-arrow{display:flex;align-items:center}.srfm-template-picker .srfm-tp-sp-methods-container .srfm-tp-sp-methods .srfm-single-card .srfm-btn-arrow svg{margin:0!important}.srfm-template-picker .srfm-tp-sp-methods-container .srfm-tp-sp-methods .srfm-single-card .srfm-tp-cs-badge{position:absolute;top:20px;right:20px;padding:.375em;border-radius:6px;background-color:#f3e8ff;font-weight:500;font-size:.6875em;color:#6b21a8;line-height:normal}.srfm-template-picker .srfm-tp-sp-methods-container .srfm-tp-sp-methods .srfm-single-card .srfm-tp-starting-point-card{padding:2.5em 2em 2em 2em}.srfm-template-picker .srfm-tp-sp-methods-container .srfm-tp-sp-methods .srfm-single-card .srfm-tp-starting-point-card svg{margin-bottom:2em}.srfm-template-picker .srfm-tp-sp-methods-container .srfm-tp-sp-methods .srfm-single-card .srfm-tp-starting-point-card .srfm-tp-sp-title{font-size:1.25em;font-weight:600;color:#0f172a;margin-top:0;margin-bottom:.625em;line-height:1.4em}.srfm-template-picker .srfm-tp-sp-methods-container .srfm-tp-sp-methods .srfm-single-card .srfm-tp-starting-point-card .srfm-tp-sp-description{font-size:.875em;color:#64748b;margin-bottom:0;padding-bottom:1.143em}@media (max-width:782px){.srfm-template-picker .srfm-tp-sp-methods-container .srfm-tp-sp-methods .srfm-single-card{width:100%}}.srfm-template-picker .srfm-ts-main-container,.srfm-template-picker .srfm-ts-preview-container{display:flex;flex-wrap:wrap;flex-direction:column}.srfm-template-picker .srfm-ts-main-container .srfm-ts-preview,.srfm-template-picker .srfm-ts-main-container .srfm-ts-sidebar,.srfm-template-picker .srfm-ts-preview-container .srfm-ts-preview,.srfm-template-picker .srfm-ts-preview-container .srfm-ts-sidebar{position:fixed;left:0;width:290px;height:100%;padding:1.25em;background-color:#fff;border-right:1px solid #e5e7eb}.srfm-template-picker .srfm-ts-main-container .srfm-ts-cards-container,.srfm-template-picker .srfm-ts-main-container .srfm-ts-preview,.srfm-template-picker .srfm-ts-preview-container .srfm-ts-cards-container,.srfm-template-picker .srfm-ts-preview-container .srfm-ts-preview{display:flex;flex-wrap:wrap;width:calc(100% - 290px);margin-left:290px;padding:2.5em}.srfm-template-picker .srfm-ts-main-container .srfm-ts-sidebar .srfm-ts-sidebar-header{display:flex;flex-wrap:wrap;justify-content:space-between;font-size:1em;font-weight:600;color:#030712;padding-bottom:1.25em}.srfm-template-picker .srfm-ts-main-container .srfm-ts-sidebar .srfm-ts-sidebar-header .srfm-ts-sidebar-search-input{font-weight:400;border-color:#dce0e6;width:100%}.srfm-template-picker .srfm-ts-main-container .srfm-ts-sidebar .srfm-ts-sidebar-header .srfm-ts-sidebar-search-input:focus{box-shadow:none;border-color:#d54407}.srfm-template-picker .srfm-ts-main-container .srfm-ts-sidebar .srfm-ts-sidebar-categories-container{padding-bottom:1.25em}.srfm-template-picker .srfm-ts-main-container .srfm-ts-sidebar .srfm-ts-sidebar-categories-container .srfm-ts-sidebar-category{display:flex;flex-wrap:wrap;justify-content:space-between;padding:.5em .625em;cursor:pointer}.srfm-template-picker .srfm-ts-main-container .srfm-ts-sidebar .srfm-ts-sidebar-categories-container .srfm-ts-category-is-selected{font-weight:600;color:#d54407}.srfm-template-picker .srfm-ts-main-container .srfm-ts-sidebar .srfm-req-template-container{padding:1em;border:1px solid #dce0e6;border-radius:4px}.srfm-template-picker .srfm-ts-main-container .srfm-ts-sidebar .srfm-req-template-container .srfm-req-template-title-container{display:flex;flex-wrap:wrap;padding-bottom:.75em;color:#030712;justify-content:center;align-items:center}.srfm-template-picker .srfm-ts-main-container .srfm-ts-sidebar .srfm-req-template-container .srfm-req-template-title-container svg{width:16px;height:16px;margin-right:8px}.srfm-template-picker .srfm-ts-main-container .srfm-ts-sidebar .srfm-req-template-container .srfm-req-template-title-container .srfm-req-template-title{width:calc(100% - 24px);font-size:.875em;font-weight:500}.srfm-template-picker .srfm-ts-main-container .srfm-ts-sidebar .srfm-req-template-container .srfm-req-template-body{padding-bottom:.75em;font-size:.875em;color:#64748b}.srfm-template-picker .srfm-ts-main-container .srfm-ts-sidebar .srfm-req-template-container .srfm-req-template-btn{padding:.4375em .625em;font-size:.75em;font-weight:500;background:#fff;color:#d54407;border:1px solid #d54407;border-radius:4px;width:100%;cursor:pointer}.srfm-template-picker .srfm-ts-main-container .srfm-ts-cards-container{gap:2em}.srfm-template-picker .srfm-ts-main-container .srfm-ts-cards-container .srfm-ts-template-card{position:relative;display:flex;flex-wrap:wrap;align-items:flex-start;width:calc(25% - 2em);border:1px solid #dce0e6;background-color:#fff;box-shadow:0 1px 2px 0 rgba(13,19,30,.1);transition:.3s}.srfm-template-picker .srfm-ts-main-container .srfm-ts-cards-container .srfm-ts-template-card:hover{box-shadow:0 16px 48px -8px rgba(0,0,0,.2)}@media (max-width:1199px){.srfm-template-picker .srfm-ts-main-container .srfm-ts-cards-container .srfm-ts-template-card{width:calc(33.33% - 2em)}}@media (max-width:991px){.srfm-template-picker .srfm-ts-main-container .srfm-ts-cards-container .srfm-ts-template-card{width:calc(50% - 2em)}}@media (max-width:782px){.srfm-template-picker .srfm-ts-main-container .srfm-ts-cards-container .srfm-ts-template-card{width:100%}}.srfm-template-picker .srfm-ts-main-container .srfm-ts-cards-container .srfm-ts-blank-form{position:relative;display:flex;align-items:center;justify-content:center;width:100%;display:block;height:calc(100% - 58px)}.srfm-template-picker .srfm-ts-main-container .srfm-ts-cards-container .srfm-ts-blank-form .srfm-ts-preview-image{padding:0;height:100%}.srfm-template-picker .srfm-ts-main-container .srfm-ts-cards-container .srfm-ts-preview-image{padding:1.5em 1.25em 0 1.25em;width:100%}.srfm-template-picker .srfm-ts-main-container .srfm-ts-cards-container .srfm-ts-template-name{width:100%;font-size:.875em;font-weight:500;background-color:#fff;padding:1em 1.25em 1em 1.25em;border-top:1px solid #e9e9e9;margin-top:-6px;z-index:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.srfm-template-picker .srfm-ts-main-container .srfm-ts-cards-container .srfm-ts-preview-wrap{position:relative;width:100%}.srfm-template-picker .srfm-ts-main-container .srfm-ts-cards-container .srfm-ts-preview-wrap .srfm-tc-pro-badge{background:#ffc107;color:#000;padding:1px 10px;font-weight:500;font-size:.6875em;top:-10px;right:-10px;text-transform:uppercase;position:absolute;z-index:1;border-radius:6px;letter-spacing:.3px}.srfm-template-picker .srfm-ts-main-container .srfm-ts-cards-container .srfm-ts-preview-wrap .srfm-tc-upgrade-to-pro-btn{display:flex;align-items:center;justify-content:center;gap:5px}.srfm-template-picker .srfm-ts-main-container .srfm-ts-cards-container .srfm-ts-preview-wrap .srfm-tc-btn-container{opacity:0;display:flex;position:absolute;top:0;left:0;bottom:0;right:0;align-items:center;justify-content:center;flex-direction:column;z-index:1;transition:.3s;background-color:rgba(255,255,255,.1)}.srfm-template-picker .srfm-ts-main-container .srfm-ts-cards-container .srfm-ts-preview-wrap .srfm-tc-btn-container .srfm-common-btn{padding:9px 17px;font-size:.875em;font-weight:500;border:0;width:-moz-fit-content;width:fit-content;box-shadow:0 1px 2px 0 rgba(0,0,0,.0509803922);border-radius:8px;cursor:pointer}.srfm-template-picker .srfm-ts-main-container .srfm-ts-cards-container .srfm-ts-preview-wrap .srfm-tc-btn-container .srfm-tc-hover-use-btn{background-color:#d54407;color:#fff;margin-bottom:.75em}.srfm-template-picker .srfm-ts-main-container .srfm-ts-cards-container .srfm-ts-preview-wrap .srfm-tc-btn-container .srfm-tc-hover-preview-btn{display:flex;align-items:center;justify-content:center;background-color:#fff;color:#125d9f;border:1px solid #e5e7eb;line-height:17px}.srfm-template-picker .srfm-ts-main-container .srfm-ts-cards-container .srfm-ts-preview-wrap .srfm-tc-btn-container .srfm-tc-hover-preview-btn svg{width:16px;margin-left:8px;height:auto}.srfm-template-picker .srfm-ts-main-container .srfm-ts-cards-container .srfm-ts-preview-wrap.hovered .srfm-tc-btn-container{opacity:1}.srfm-template-picker .srfm-ai-form-builder-ctn{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh}.srfm-template-picker .srfm-ai-form-builder-ctn .srfm-example-ai-prompt-ctn{display:flex;justify-content:space-between;width:80%;margin-bottom:20px}.srfm-template-picker .srfm-ai-form-builder-ctn .srfm-example-ai-prompt-btn{background-color:#fff;color:#d54407;border:1px solid #d54407;padding:10px;cursor:pointer}.srfm-template-picker .srfm-ai-form-builder-ctn .srfm-generate-ai-form-btn{background-color:#d54407;color:#fff;margin-top:2em;margin-bottom:.75em;padding:9px 17px;font-size:1em;font-weight:500;border:0;width:-moz-fit-content;width:fit-content;box-shadow:0 1px 2px 0 rgba(0,0,0,.0509803922);border-radius:8px;cursor:pointer}.srfm-template-picker .srfm-ai-form-builder-ctn .srfm-ai-form-builder-message{font-size:1em;font-weight:500;color:#d54407;margin-top:2em;margin-bottom:.75em;padding:9px 17px}.srfm-template-picker .srfm-ts-preview-container .srfm-ts-sidebar .srfm-ts-sidebar-back-btn{border:0;background-color:transparent;display:flex;align-items:center;padding:0;font-weight:500;font-size:.875em;color:#64748b;margin-bottom:1.5em}.srfm-template-picker .srfm-ts-preview-container .srfm-ts-sidebar .srfm-ts-sidebar-back-btn svg{margin-right:.5em}.srfm-template-picker .srfm-ts-preview-container .srfm-ts-sidebar .srfm-ts-sidebar-back-btn:focus{box-shadow:none}.srfm-template-picker .srfm-ts-preview-container .srfm-ts-sidebar .srfm-ts-preview-form-title{color:#030712;padding-bottom:.75em;font-size:1.25em;font-weight:600}.srfm-template-picker .srfm-ts-preview-container .srfm-ts-sidebar .srfm-ts-preview-form-info{color:#64748b;padding-bottom:1.5em;font-weight:400;font-size:.875em}.srfm-template-picker .srfm-ts-preview-container .srfm-ts-preview{background-color:#f4f9fa}.srfm-template-picker .srfm-ts-preview-container .srfm-ts-preview .srfm-ts-preview-template{width:100%;text-align:center}.srfm-template-picker .srfm-ts-preview-container .srfm-ts-preview .srfm-ts-preview-template img{width:100%;max-width:666px;margin:0 auto}