/* /flow_survey/static/src/css/variables.css */
 :root{--flow-survey-primary-color: #714b67; --flow-survey-secondary-color: #714b67; --flow-survey-button-bg: #714b67; --flow-survey-button-text-color: #ffffff; --flow-survey-button-radius: 8px; --flow-survey-answer-color: #714b67; --flow-survey-answer-unselect-text-color: #202124; --flow-survey-answer-unselect-color: #f8f9fa; --flow-survey-answer-selected-text-color: #ffffff; --flow-survey-answer-selected-color: #714b67;}

/* /flow_survey/static/src/css/flow_survey_widget.css */
 .header-grip-vertical .fa-grip-vertical{color: #adb5bd;}.header-grip-vertical:hover .fa-grip-vertical{color: #666666;}.header-grip-vertical{display: flex; align-items: center; gap: 8px; font-weight: 600; font-size: 1rem; color: #262626; cursor: grab; pointer-events: auto;}.modal_dialog{max-width: 600px; width: 90%; max-height: 90vh; animation: slideDown 0.3s ease; box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);}.modal_overlay .modal-header{display: flex; align-items: center; justify-content: space-between; margin-bottom: 1rem; user-select: none; background: #f8f9fa; padding: 0.75rem 1.5rem; border-radius: 12px 12px 0 0; border-bottom: 1px solid #eee; position: sticky; top: -1.5rem; z-index: 10;}.modal_overlay .modal-title{margin: 0; font-size: 18px; font-weight: 600; color: #212529;}.modal_overlay .btn-close{background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat; border: none; width: 1em; height: 1em; opacity: 0.5; cursor: pointer; padding: 0; transition: opacity 0.15s ease;}.modal_overlay .btn-close:hover{opacity: 0.75;}.modal_overlay .btn-close:focus{outline: none; opacity: 1;}.modal_overlay .modal-body{padding: 24px;}.modal_overlay .modal-footer{padding: 16px 0px; border-top: 1px solid #dee2e6; display: flex; justify-content: flex-end; gap: 10px; background-color: #fff;}.flow-survey-slide-widget .picture-choice-grid, .picture-choice-grid{display: flex !important; flex-direction: row !important; flex-wrap: wrap !important; justify-content: center !important; align-items: stretch !important; margin-top: 2rem; gap: 1rem;}.picture-choice-card{cursor: grab !important; user-select: none; flex: 0 0 auto !important; width: 200px; margin-bottom: 0.5rem; display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; height: auto !important;}.flow-survey-slide-widget .picture-choice-card{width: 165px !important;}.picture-choice-card.supersize{width: 280px;}.flow-survey-slide-widget .picture-choice-card.supersize{width: 212px !important;}.picture-choice-card:hover{border-color: #c2d9ff !important; background: #f0f7ff !important; transform: translateY(-2px); box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1) !important;}@media (max-width: 1200px){.picture-choice-grid{max-width: 100% !important;}}@media (max-width: 700px){.picture-choice-card{width: calc(33.33% - 1rem) !important; min-width: 120px !important;}}@media (max-width: 550px){.picture-choice-grid{gap: 0.75rem;}.picture-choice-card{width: calc(50% - 0.75rem) !important; min-width: 110px !important;}}@media (max-width: 400px){.picture-choice-card{width: 100% !important; max-width: 100% !important;}}

/* /flow_survey/static/src/css/flow_survey_survey.css */
 h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6{line-height: 0.9;}.flow-survey-survey-container{min-height: 100vh; background: #f5f5f5; padding: 0; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif; position: relative;}.tf-question-hidden{display: none !important;}.tf-question-loading{opacity: 0 !important; pointer-events: none; transition: opacity 0.2s ease-in-out;}.question-section:not(.tf-question-loading):not(.tf-question-hidden){opacity: 1; transition: opacity 0.3s ease-in-out;}:root{--tf-slide-ease: cubic-bezier(0.4, 0.0, 0.2, 1); --tf-slide-distance: 64px;}.survey-progress-bar{position: fixed; top: 0; left: 0; right: 0; height: 4px; background: rgba(113, 75, 103, 0.2); z-index: 1000;}.progress-fill{height: 100%; background: var(--flow-survey-primary-color); transition: width 0.3s ease;}.survey-header{position: fixed; top: 20px; right: 40px; z-index: 999;}.slide-counter{background: rgba(255, 255, 255, 0.95); padding: 8px 16px; border-radius: 20px; font-size: 14px; font-weight: 600; color: var(--flow-survey-primary-color); box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);}.slides-wrapper{width: 100%; margin: 0 auto; padding: 100px 40px 60px; min-height: 100vh; display: flex; align-items: center; justify-content: center;}.survey-slide{animation: slideIn 0.5s ease-out; background: #ffffff; border-radius: 20px; padding: 60px; box-shadow: 0 10px 60px rgba(0, 0, 0, 0.08), 0 1px 3px rgba(0, 0, 0, 0.06); width: 100%; max-width: 1150px; margin: 0 auto; position: relative; transition: box-shadow 0.3s ease, transform 0.3s ease; will-change: auto;}.survey-slide.has-video-layout{max-width: 1400px;}.slide-loading-overlay{position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: #ffffff; border-radius: 20px; display: flex; align-items: center; justify-content: center; z-index: 10; opacity: 1; transition: opacity 0.3s ease-out;}.slide-loading-overlay.fade-out{opacity: 0; pointer-events: none;}.slide-loading-spinner{width: 48px; height: 48px; border: 4px solid #f3f3f3; border-top: 4px solid var(--flow-survey-primary-color, #714b67); border-radius: 50%; animation: spin 1s linear infinite;}@keyframes spin{0%{transform: rotate(0deg);}100%{transform: rotate(360deg);}}.survey-slide.slide-transitioning>*:not(.slide-loading-overlay){opacity: 0;}@keyframes slideIn{from{opacity: 0; transform: translateY(20px);}to{opacity: 1; transform: translateY(0);}}.opening-page-content{width: 100%; max-width: 100%; min-height: 100%; display: flex; align-items: center; justify-content: center;}.tf-slide-enter-forward{animation: tfSlideInForward 0.28s var(--tf-slide-ease) forwards;}.tf-slide-enter-backward{animation: tfSlideInBackward 0.28s var(--tf-slide-ease) forwards;}.tf-slide-exit-forward{animation: tfSlideOutForward 0.2s var(--tf-slide-ease) forwards;}.tf-slide-exit-backward{animation: tfSlideOutBackward 0.2s var(--tf-slide-ease) forwards;}.tf-cover-enter{animation: tfCoverIn 0.45s var(--tf-slide-ease) forwards;}.tf-cover-exit{animation: tfCoverOut 0.4s var(--tf-slide-ease) forwards;}.tf-end-exit{animation: tfEndFadeOut 0.4s ease forwards;}@keyframes tfSlideInForward{from{opacity: 0; transform: translateY(var(--tf-slide-distance));}to{opacity: 1; transform: translateY(0);}}@keyframes tfSlideInBackward{from{opacity: 0; transform: translateY(calc(var(--tf-slide-distance) * -1));}to{opacity: 1; transform: translateY(0);}}@keyframes tfSlideOutForward{from{opacity: 1; transform: translateY(0);}to{opacity: 0; transform: translateY(calc(var(--tf-slide-distance) * -1));}}@keyframes tfSlideOutBackward{from{opacity: 1; transform: translateY(0);}to{opacity: 0; transform: translateY(var(--tf-slide-distance));}}@keyframes tfCoverIn{from{opacity: 0; transform: translateY(12px) scale(0.98);}to{opacity: 1; transform: translateY(0) scale(1);}}@keyframes tfCoverOut{from{opacity: 1; transform: translateY(0) scale(1);}to{opacity: 0; transform: translateY(-12px) scale(0.98);}}@keyframes tfEndFadeOut{from{opacity: 1; transform: translateY(0);}to{opacity: 0; transform: translateY(-10px);}}.slide-container-logo{display: block; width: 100%; margin-bottom: 1rem;}.slide-container-logo img{display: inline-block; vertical-align: top; object-fit: contain;}.slide-header{margin-bottom: 40px; text-align: left;}.slide-title{font-size: 42px; font-weight: 700; color: #202124; margin: 0 0 16px 0; line-height: 1.2;}.slide-description{font-size: 20px; color: #5f6368; margin: 0; line-height: 1.5;}.questions-list{display: flex; flex-direction: column; gap: 32px; transition: height 0.3s cubic-bezier(0.4, 0.0, 0.2, 1);}.questions-list-video-layout{display: flex; gap: 24px; align-items: stretch; margin-bottom: 24px; transition: all 0.3s cubic-bezier(0.4, 0.0, 0.2, 1);}.video-preview-container{flex: 0 0 40%; min-width: 0; transition: all 0.3s cubic-bezier(0.4, 0.0, 0.2, 1); display: flex; flex-direction: column;}.video-preview-wrapper{background: #ffffff; border: 2px solid #e8eaed; border-radius: 12px; padding: 24px; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05); flex: 1; display: flex; flex-direction: column;}.video-preview-content{width: 100%; flex: 1; display: flex; flex-direction: column; min-height: 0;}.video-preview-content>iframe, .video-preview-content>video{flex: 1; min-height: 0;}.video-preview-placeholder{display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 3rem 2rem; background: #f8f9fa; border: 2px dashed #e8eaed; border-radius: 8px; text-align: center; flex: 1; min-height: 250px;}.questions-container-video{flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 32px; transition: all 0.3s cubic-bezier(0.4, 0.0, 0.2, 1);}.questions-list-video-layout.video-right{flex-direction: row-reverse;}.questions-list-video-layout.video-top{flex-direction: column;}.questions-list-video-layout.video-top .video-preview-container{flex: 0 0 auto; width: 100%;}.questions-list-video-layout.video-bottom{flex-direction: column-reverse;}.questions-list-video-layout.video-bottom .video-preview-container{flex: 0 0 auto; width: 100%;}.question-section{background: white; border-radius: 12px; padding: 32px; border: 1px solid #e8eaed; transition: all 0.3s ease; position: relative;}.question-header{margin-bottom: 24px;}.question-title{font-size: 28px; font-weight: 600; color: #202124; margin: 0 0 12px 0; line-height: 1.4;}.required-mark{color: #d93025; font-weight: 700; margin-left: 4px;}.text-input-icon .required-mark{position: absolute; top: -2px; right: -2px; margin-left: 0; font-size: 20px; line-height: 1;}.question-description{font-size: 16px; color: #5f6368; margin: 0; line-height: 1.5; font-style: italic;}.question-answer{position: relative;}.answer-input, .answer-textarea{width: 100%; font-size: 18px; padding: 16px 0; border: none; background: transparent; color: #202124; outline: none; transition: border-color 0.2s ease; font-family: inherit;}.answer-input::placeholder, .answer-textarea::placeholder{color: #9aa0a6;}.answer-input:focus, .answer-textarea:focus{border-bottom-color: var(--flow-survey-answer-color, var(--flow-survey-primary-color));}.answer-input.is-invalid, .answer-textarea.is-invalid{border-bottom-color: #d93025;}.answer-textarea{resize: vertical; min-height: 100px; padding: 12px 0;}.text-input-card{margin-top: 6px; background: #ffffff; border: 1px solid #e5e7eb; border-radius: 14px; padding: 14px 16px; box-shadow: 0 12px 30px rgba(17, 24, 39, 0.06); transition: all 0.2s ease;}.text-input-card:hover{border-color: #d0d7de; box-shadow: 0 16px 36px rgba(17, 24, 39, 0.08);}.text-input-card:focus-within{border-color: var(--flow-survey-answer-color, var(--flow-survey-primary-color)); box-shadow: 0 18px 40px rgba(0, 0, 0, 0.18); transform: translateY(-1px);}.text-input-shell{display: flex; align-items: center; gap: 12px;}.text-input-icon{width: 40px; height: 40px; border-radius: 12px; background: #f3f4f6; color: #6b7280; display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; transition: all 0.2s ease; position: relative;}.text-input-card:focus-within .text-input-icon{background: #eef2ff; color: var(--flow-survey-answer-color);}.text-input-body{flex: 1;}.text-input-card .text-only-input{border: none; border-bottom: none; padding: 10px 0 6px 0; font-size: 20px; font-weight: 500; color: #0f172a; background: transparent; box-shadow: none;}.text-input-card .text-only-input:focus{outline: none;}.text-input-card .text-only-input::placeholder{color: #94a3b8; font-weight: 400;}.text-input-card textarea.text-only-input{border: none; resize: vertical; width: 100%; min-height: 140px; padding: 12px 0 6px; background: transparent; font-size: 18px; line-height: 1.5;}.text-input-card textarea.text-only-input:focus{outline: none;}.text-input-footer{margin-top: 8px; color: #6b7280; font-size: 13px;}.text-input-footer .form-text{margin: 0; color: inherit; display: inline-block;}.card-error{margin-top: 10px; font-weight: 600;}@media (max-width: 640px){.text-input-card{padding: 12px 14px;}.text-input-card .text-only-input{font-size: 18px;}}.form-text{display: block; margin-top: 8px; font-size: 13px; color: #5f6368;}.invalid-feedback{display: block; margin-top: 8px; font-size: 14px; color: #d93025; font-weight: 500;}.number-question-wrapper{position: relative;}.number-error-message{display: block; margin-top: 8px; font-size: 14px; color: #dc3545; font-weight: 500;}.number-input.is-invalid{border-bottom-color: #dc3545;}.survey-navigation{margin-top: 40px;}.nav-container{display: flex; align-items: center; justify-content: flex-end; width: 100%; gap: 1rem;}.nav-buttons-wrapper{display: inline-flex; background: var(--flow-survey-button-bg, var(--flow-survey-primary-color)); border-radius: var(--flow-survey-button-radius, 6px); overflow: hidden; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15); height: 44px; font-weight: bold;}.btn-nav{background: transparent; color: var(--flow-survey-button-text-color, #ffffff); border: none; padding: 0 1rem; font-size: 0.95rem; cursor: pointer; display: inline-flex; align-items: center; justify-content: center; transition: all 0.2s ease; min-width: 44px; height: 100%;}.btn-nav:hover:not(:disabled){background: rgba(255, 255, 255, 0.15);}.btn-nav:active:not(:disabled){background: rgba(255, 255, 255, 0.2);}.btn-nav:disabled{opacity: 0.5; cursor: not-allowed;}.btn-nav i{font-size: 0.95rem; color: var(--flow-survey-button-text-color, #ffffff); margin: 0;}.btn-nav.btn-loading{position: relative; pointer-events: none;}.btn-nav.btn-loading > *{opacity: 0;}.btn-nav.btn-loading::after{content: ""; position: absolute; width: 20px; height: 20px; top: 50%; left: 50%; margin: -10px 0 0 -10px; border: 2px solid rgba(255, 255, 255, 0.3); border-top-color: #ffffff; border-radius: 50%; animation: spin 0.6s linear infinite;}.nav-buttons-wrapper .btn-nav span{font-weight: bold;}.btn-back{border-right: 1px solid rgba(255, 255, 255, 0.2); transition: opacity 0.25s ease, transform 0.25s ease;}.btn-back.is-hidden{opacity: 0; transform: translateX(-6px); pointer-events: none;}.btn-back.is-visible{opacity: 1; transform: translateX(0);}.powered-by-box{display: inline-flex; align-items: center; background: var(--flow-survey-primary-color); border-radius: 6px; padding: 0 1rem; box-shadow: 0 2px 8px rgba(113, 75, 103, 0.15); height: 44px;}.powered-by-text{color: white; font-size: 0.8rem; line-height: 1; white-space: nowrap; font-weight: 500;}.doodex-link{color: white; text-decoration: none; font-weight: 700; transition: all 0.2s ease; position: relative; padding: 2px 4px; border-radius: 3px;}.doodex-link:hover{background: rgba(255, 255, 255, 0.15); transform: translateY(-1px);}.terms-conditions-container{margin-top: 0;}.terms-content-wrapper{margin-bottom: 1.5rem;}.terms-box{font-size: 14px; line-height: 1.6; color: #202124;}.terms-box::-webkit-scrollbar{width: 8px;}.terms-box::-webkit-scrollbar-track{background: #f1f3f4; border-radius: 4px;}.terms-box::-webkit-scrollbar-thumb{background: #dadce0; border-radius: 4px;}.terms-box::-webkit-scrollbar-thumb:hover{background: #bdc1c6;}.terms-accept-container{margin-top: 1rem;}.terms-accept-container:hover{border-color: #dadce0; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);}.terms-accept-container:focus-within{border-color: var(--flow-survey-primary-color); box-shadow: 0 0 0 3px rgba(113, 75, 103, 0.1);}.terms-accept-checkbox:focus{outline: 2px solid var(--flow-survey-primary-color); outline-offset: 2px;}@media (max-width: 768px){.terms-box{padding: 1rem; font-size: 13px;}.terms-accept-container{padding: 0.875rem 1rem;}.terms-accept-container label{font-size: 14px;}}@media (max-width: 480px){.terms-box{padding: 0.75rem; font-size: 12px;}.terms-accept-container{padding: 0.75rem; flex-direction: row; align-items: flex-start;}.terms-accept-checkbox{width: 18px; height: 18px; margin-top: 2px;}.terms-accept-container label{font-size: 13px;}}@media (max-width: 1200px){.questions-list-video-layout{flex-direction: column; gap: 24px;}.video-preview-container{flex: 1;}.questions-container-video{flex: 1;}.survey-slide.has-video-layout{max-width: 1150px;}}@media (max-width: 768px){.slides-wrapper{padding: 80px 20px 40px;}.survey-slide{padding: 40px 28px; border-radius: 16px;}.slide-title{font-size: 32px;}.slide-description{font-size: 18px;}.question-section{padding: 28px 24px;}.question-title{font-size: 24px;}.answer-input, .answer-textarea{font-size: 16px;}.choice-label{padding: 14px 16px; min-height: 52px;}.choice-text{font-size: 15px;}.survey-navigation{padding-top: 24px; margin-top: 32px;}.nav-container{padding: 1rem 1.5rem; flex-wrap: wrap; gap: 0.75rem; justify-content: flex-end;}.nav-buttons-wrapper{flex: 0 0 auto; height: 40px;}.btn-nav{padding: 0 0.875rem; font-size: 0.9rem; min-width: 40px;}.powered-by-box{flex: 0 0 auto; padding: 0 0.875rem; height: 40px;}.powered-by-text{font-size: 0.75rem;}.survey-header{top: 16px; right: 20px;}.slide-counter{font-size: 13px; padding: 6px 12px;}.powered-by-text{font-size: 11px;}.questions-list-video-layout{flex-direction: column; gap: 20px;}.video-preview-container{flex: 1;}.video-preview-wrapper{padding: 16px;}.questions-container-video{flex: 1;}}@media (max-width: 480px){.survey-slide{padding: 32px 20px; border-radius: 12px;}.slide-title{font-size: 28px;}.slide-description{font-size: 16px;}.question-title{font-size: 20px;}.question-section{padding: 20px 16px;}.choice-label{padding: 12px 14px; min-height: 48px;}.choice-text{font-size: 14px;}.choice-checkmark{width: 20px; height: 20px; font-size: 16px;}.nav-container{padding: 0.75rem 1rem; gap: 0.5rem; flex-direction: column;}.nav-buttons-wrapper{width: 100%; justify-content: center; height: 38px;}.btn-nav{padding: 0 0.75rem; font-size: 0.875rem; min-width: 38px;}.powered-by-box{width: 100%; justify-content: center; padding: 0 0.75rem; height: 38px;}.powered-by-text{font-size: 0.7rem;}}.multiple-choice-options{display: flex; flex-direction: column; gap: 12px;}.choice-option{position: relative; display: block; cursor: pointer;}.choice-input{position: absolute; opacity: 0; cursor: pointer; width: 0; height: 0;}.choice-label{display: flex; align-items: center; justify-content: space-between; padding: 16px 20px; background: var(--flow-survey-answer-unselect-color, #f8f9fa); border: 2px solid var(--flow-survey-answer-unselect-color, #e8eaed); border-radius: 8px; transition: all 0.2s ease; min-height: 56px;}.choice-option:hover .choice-label{background: #f1f3f4; border-color: #dadce0; transform: translateX(4px);}.choice-input:checked~.choice-label{background: var(--flow-survey-answer-selected-color, var(--flow-survey-answer-color, var(--flow-survey-primary-color))); border-color: var(--flow-survey-answer-selected-color, var(--flow-survey-answer-color, var(--flow-survey-primary-color)));}.choice-input:checked~.choice-label .choice-text{font-weight: 500; color: var(--flow-survey-answer-selected-text-color, var(--flow-survey-answer-color, var(--flow-survey-primary-color)));}.choice-text{flex: 1; font-size: 16px; color: var(--flow-survey-answer-unselect-text-color, #202124); line-height: 1.5;}.choice-checkmark{width: 24px; height: 24px; display: flex; align-items: center; justify-content: center; color: var(--flow-survey-answer-selected-color, var(--flow-survey-answer-color, var(--flow-survey-primary-color))); font-size: 18px; font-weight: bold; opacity: 0; transition: opacity 0.2s ease;}.choice-input:checked~.choice-label .choice-checkmark, .choice-input:checked~.choice-checkmark{opacity: 1; display: block !important;}.choice-input.is-invalid~.choice-label{border-color: #d93025; background: #fef6f6;}.choice-input.is-invalid:checked~.choice-label{background: #fee; border-color: #d93025;}.selection-instruction{margin-bottom: 16px;}.selection-instruction p{font-size: 15px; color: #5f6368; margin: 0;}.selection-instruction strong{color: var(--flow-survey-primary-color); font-weight: 600;}.other-option-input-container{margin-bottom: 12px; animation: slideDown 0.3s ease-out;}.radio-button-options label{display: block; margin-bottom: 0.75rem; padding: 0.75rem 1rem; border: 2px solid #e1e5e9; border-radius: 8px; background: #ffffff; cursor: pointer; transition: all 0.3s ease; position: relative;}.radio-button-options label:hover{border-color: var(--flow-survey-answer-color, var(--flow-survey-primary-color)); background: #f8f9ff; transform: translateY(-2px); box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);}.radio-button-options .radio-option-wrapper{transition: all 0.2s ease;}.radio-button-options input[type="checkbox"].radio-styled-checkbox{position: absolute; opacity: 0; cursor: pointer; width: 0; height: 0;}.radio-button-options .radio-choice-label{display: flex; align-items: center; cursor: pointer; padding: 0.6rem 1rem; background: var(--flow-survey-answer-unselect-color, #f8f9fa); border: 1px solid var(--flow-survey-answer-unselect-color, #e9ecef); border-radius: 8px; transition: all 0.2s ease; user-select: none;}.radio-button-options .radio-choice-label:hover{background: #e8f0fe !important; border-color: var(--flow-survey-answer-color, var(--flow-survey-primary-color)) !important; transform: translateX(4px);}.radio-button-options input[type="checkbox"].radio-styled-checkbox:checked+.radio-choice-label{background: var(--flow-survey-answer-selected-color, var(--flow-survey-answer-color, var(--flow-survey-primary-color))) !important; border-color: var(--flow-survey-answer-selected-color, var(--flow-survey-answer-color, var(--flow-survey-primary-color))) !important; color: var(--flow-survey-answer-selected-text-color, white) !important;}.radio-button-options input[type="checkbox"].radio-styled-checkbox:checked+.radio-choice-label span{color: var(--flow-survey-answer-selected-text-color, white) !important;}.radio-button-options input[type="checkbox"].radio-styled-checkbox:checked+.radio-choice-label .choice-checkmark{display: block !important; opacity: 1; color: var(--flow-survey-answer-selected-text-color, white) !important;}.radio-button-options .radio-choice-label .radio-circle-icon, .radio-button-options .radio-choice-label .radio-circle-icon .radio-circle-inner{transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden;}.radio-button-options .radio-choice-label .radio-circle-icon{border-color: #dee2e6; transition: all 0.2s ease;}.radio-button-options input[type="checkbox"].radio-styled-checkbox:checked+.radio-choice-label .radio-circle-icon{border-color: white !important;}.radio-button-options input[type="checkbox"].radio-styled-checkbox:checked+.radio-choice-label .radio-circle-icon .radio-circle-inner{display: block !important;}.radio-button-options input[type="checkbox"].radio-styled-checkbox:focus+.radio-choice-label{outline: 2px solid var(--flow-survey-answer-color, var(--flow-survey-primary-color)); outline-offset: 2px;}.radio-button-options input[type="checkbox"].radio-styled-checkbox.is-invalid+.radio-choice-label{border-color: #d93025; background: #fef6f6;}.radio-button-options input[type="checkbox"].radio-styled-checkbox.is-invalid:checked+.radio-choice-label{background: #fee; border-color: #d93025;}.radio-button-options .radio-choice-label span{font-size: 1rem; color: var(--flow-survey-answer-unselect-text-color, #374151); font-weight: 400; line-height: 1.5; user-select: none;}.radio-button-options .radio-option-wrapper:focus-within .radio-choice-label{outline: 2px solid var(--flow-survey-answer-color, var(--flow-survey-primary-color)); outline-offset: 2px;}.other-option-input-container{margin-top: 0.5rem; margin-left: 30px; animation: slideIn 0.3s ease-out;}.other-option-input-container input{width: 100%; max-width: 300px; padding: 0.5rem 0.75rem; border: 2px solid #e1e5e9; border-radius: 6px; font-size: 0.9rem; color: #374151; background: #ffffff; transition: all 0.2s ease;}.other-option-input-container input:focus{outline: none; border-color: var(--flow-survey-primary-color); box-shadow: 0 0 0 3px rgba(113, 75, 103, 0.1);}@keyframes slideIn{from{opacity: 0; transform: translateY(-10px);}to{opacity: 1; transform: translateY(0);}}@media (max-width: 768px){.radio-button-options label{padding: 0.625rem 0.875rem; margin-bottom: 0.5rem;}.radio-button-options .radio-choice-label span{font-size: 0.95rem;}.other-option-input-container{margin-left: 26px;}.other-option-input-container input{max-width: 250px;}.radio-button-options .choice-checkmark{font-size: 14px;}}@media (max-width: 480px){.radio-button-options .radio-choice-label{padding: 0.5rem 0.75rem;}.other-option-input-container input{max-width: 200px; font-size: 0.85rem;}.radio-button-options .choice-checkmark{font-size: 12px;}}@keyframes slideDown{from{opacity: 0; max-height: 0; transform: translateY(-10px);}to{opacity: 1; max-height: 100px; transform: translateY(0);}}.other-option-text{width: 100%; font-size: 16px; padding: 12px 16px; border: 2px solid #e8eaed; border-radius: 8px; background: #ffffff; color: #202124; outline: none; transition: all 0.2s ease; font-family: inherit;}.other-option-text::placeholder{color: #9aa0a6;}.other-option-text:focus{border-color: var(--flow-survey-primary-color); background: #f8f9fa; box-shadow: 0 0 0 3px rgba(113, 75, 103, 0.1);}.other-option-text.is-invalid{border-color: #d93025;}.info-card{margin-top: 6px; background: #ffffff; border: 1px solid #e5e7eb; border-radius: 14px; padding: 18px 18px 14px; box-shadow: 0 12px 30px rgba(17, 24, 39, 0.06); transition: all 0.2s ease;}.info-card:hover{border-color: #d0d7de; box-shadow: 0 16px 36px rgba(17, 24, 39, 0.08);}.info-card:focus-within{border-color: var(--flow-survey-primary-color); box-shadow: 0 18px 40px rgba(113, 75, 103, 0.18); transform: translateY(-1px);}.info-card-header{display: flex; align-items: center; gap: 12px; margin-bottom: 12px;}.info-icon{background: #f3f4f6; color: #6b7280;}.info-card:focus-within .info-icon{background: #eef2ff; color: var(--flow-survey-answer-color);}.info-title{font-size: 16px; font-weight: 700; color: #0f172a;}.info-subtitle{font-size: 13px; color: #6b7280;}.contact-info-form, .address-form{display: flex; flex-direction: column; gap: 14px;}.contact-field{display: flex; flex-direction: column; gap: 8px; padding: 12px; transition: border-color 0.2s ease, box-shadow 0.2s ease;}.contact-label{font-size: 14px; font-weight: 600; color: #5f6368; display: flex; align-items: center; gap: 4px;}.contact-field .answer-input{border: none; border-bottom: 1px solid #d7dce3; border-radius: 0; background: transparent; padding: 8px 0 6px; font-size: 16px; color: #0f172a; box-shadow: none;}.contact-field .answer-input:focus{outline: none; border-bottom-color: var(--flow-survey-primary-color);}.contact-info-form-builder{display: flex; flex-direction: column;}.contact-info-field-builder{display: flex; flex-direction: column;}.contact-info-label-builder{font-size: 0.95rem; color: #424242;}.contact-info-input-underline:focus-within{border-bottom-color: var(--flow-survey-primary-color, #714b67) !important;}.form-control:focus{box-shadow: none !important;}.contact-info-input-builder::placeholder{color: #9aa0a6; font-weight: 400;}.contact-info-input-builder:focus{outline: none;}.survey-loading{display: flex; align-items: center; justify-content: center; min-height: 100vh; font-size: 24px; color: #202124;}.survey-empty{display: flex; flex-direction: column; align-items: center; justify-content: center; min-height: 100vh; color: #202124; text-align: center; padding: 40px;}.survey-empty h2{font-size: 32px; margin: 0 0 16px 0;}.survey-empty p{font-size: 18px; color: #5f6368;}.picture-choice-input:checked+.picture-display .picture-selected-overlay{display: flex !important;}.picture-choice-input.is-invalid~.picture-display{border: 2px solid #d93025;}.other-input-container{transition: all 0.3s ease;}.other-text-input{transition: border-color 0.3s ease, box-shadow 0.3s ease;}.other-text-input:focus{border-color: var(--flow-survey-answer-color) !important; box-shadow: 0 0 0 3px rgba(79, 70, 229, 0.1);}.other-text-input:hover{border-color: #c2d9ff;}.yes-no-options{display: flex; flex-direction: column; gap: 0.75rem; margin-top: 1.5rem;}.yes-no-option{position: relative; cursor: pointer; user-select: none; transition: all 0.2s ease; display: flex; align-items: center; padding: 0.5rem 0.75rem; border: 1px solid #c2d9ff; border-radius: 4px; cursor: pointer; font-size: 0.95rem; color: #333; transition: all 0.2s; background: white; background-color: var(--flow-survey-answer-unselect-color); border-color: var(--flow-survey-answer-unselect-color); color: var(--flow-survey-answer-unselect-text-color, var(--flow-survey-secondary-color));}.yes-no-option:hover{background-color: #d6e8ff !important; border-color: #a1c9ff !important; transform: translateX(4px);}.yes-no-input{position: absolute; opacity: 0; width: 0; height: 0;}.yes-no-input:checked+span+.yes-no-checkmark{display: inline-block !important;}.yes-no-input:checked~.yes-no-checkmark{display: inline-block !important;}.yes-no-option:has(.yes-no-input:checked){background-color: var(--flow-survey-answer-color) !important; border-color: var(--flow-survey-answer-color) !important; color: var(--flow-survey-answer-selected-text-color, var(--flow-survey-primary-color)) !important;}.yes-no-option:has(.yes-no-input:checked) span{color: var(--flow-survey-answer-selected-text-color, var(--flow-survey-primary-color)) !important;}.yes-no-option:has(.yes-no-input:checked):hover{background-color: var(--flow-survey-answer-color, var(--flow-survey-primary-color)) !important; border-color: var(--flow-survey-answer-color, var(--flow-survey-primary-color)) !important;}.yes-no-checkmark{margin-left: auto; font-size: 1.2rem; display: none;}@media (max-width: 768px){.yes-no-options{max-width: 100%;}.yes-no-option{max-width: 100% !important;}}.checkbox-option-editor:hover .checkbox-option-remove-btn{opacity: 1;}.checkbox-option-editor.dragging{opacity: 0.5;}.checkbox-options-container .checkbox-option-editor{transition: all 0.2s ease;}.checkbox-options-container .checkbox-option-editor:hover{background-color: #f8f9fa; border-radius: 4px;}.toggle-survey-switch{position: relative; display: inline-block; width: 50px; height: 24px; cursor: pointer;}.toggle-survey-input{opacity: 0; width: 0; height: 0;}.toggle-survey-slider{position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: #ccc; transition: .4s; border-radius: 24px; border: 2px solid transparent;}.toggle-survey-slider:before{position: absolute; content: ""; height: 16px; width: 16px; left: 2px; bottom: 2px; background-color: white; transition: .4s; border-radius: 50%; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);}.toggle-survey-input:checked+.toggle-survey-slider{background-color: var(--flow-survey-answer-color, var(--flow-survey-primary-color)); box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);}.toggle-survey-input:checked+.toggle-survey-slider:before{transform: translateX(24px); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);}.toggle-survey-input:focus+.toggle-survey-slider{box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.2);}.toggle-survey-input:checked:focus+.toggle-survey-slider{box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.3), 0 0 8px rgba(0, 0, 0, 0.3);}.toggle-survey-switch:hover .toggle-survey-slider{background-color: #e0e0e0; box-shadow: 0 0 4px rgba(0, 0, 0, 0.1);}.toggle-survey-input:checked+.toggle-survey-slider:hover{box-shadow: 0 0 12px rgba(113, 75, 103, 0.4);}.toggle-survey-container{position: relative;}.toggle-survey-layout{display: flex; align-items: center; gap: 2rem;}.toggle-survey-wrapper{display: flex; align-items: center; justify-content: flex-start; gap: 1rem;}.toggle-survey-description{flex: 1; font-size: 0.95rem; color: #666; font-style: italic;}.scale-number-label:hover{background: #e8f0fe !important; border-color: #5a3a52 !important; color: #5a3a52 !important; transform: scale(1.05);}.scale-number-label:has(.scale-input:checked){background: var(--flow-survey-answer-color, var(--flow-survey-primary-color)) !important; border-color: var(--flow-survey-answer-color, var(--flow-survey-primary-color)) !important; color: white !important;}.scale-number-label:has(.scale-input:checked):hover{background: #5a3a52 !important; border-color: #5a3a52 !important;}.rating-container{display: flex; flex-direction: column; gap: 0.75rem; margin-top: 2rem; max-width: 100%;}.rating-icons{display: flex; gap: 0.5rem; align-items: flex-start; flex-wrap: nowrap; justify-content: flex-start;}.rating-item{display: flex; flex-direction: column; align-items: center; gap: 0.25rem; flex-shrink: 0;}.rating-icon-label{cursor: pointer; transition: all 0.3s ease; opacity: 0.3; filter: grayscale(100%); position: relative; font-size: 2rem; line-height: 1; display: block;}.rating-icon-label:hover{opacity: 1; filter: grayscale(0%); transform: scale(1.15);}.rating-icon-label:active{transform: scale(0.95);}.rating-item:has(.rating-input:checked) .rating-icon-label{opacity: 1; filter: grayscale(0%);}.rating-item:has(.rating-input:checked) .rating-number{color: var(--flow-survey-primary-color); font-weight: 600;}.rating-icon{display: inline-block; font-size: 2rem; line-height: 1; user-select: none;}.rating-number{font-size: 0.875rem; color: #5f6368; font-weight: 500; user-select: none; transition: all 0.3s ease;}.rating-item:has(.rating-icon-label.highlighted) .rating-icon-label{opacity: 1; filter: grayscale(0%);}.rating-item:hover .rating-number{color: var(--flow-survey-primary-color); font-weight: 600;}@media (max-width: 768px){.rating-icon-label{font-size: 1.75rem;}.rating-icon{font-size: 1.75rem;}.rating-icons{gap: 0.4rem;}.rating-number{font-size: 0.8rem;}}@media (max-width: 480px){.rating-icon-label{font-size: 1.5rem;}.rating-icon{font-size: 1.5rem;}.rating-icons{gap: 0.35rem;}.rating-number{font-size: 0.75rem;}}@media (max-width: 380px){.rating-icon-label{font-size: 1.25rem;}.rating-icon{font-size: 1.25rem;}.rating-icons{gap: 0.3rem;}.rating-number{font-size: 0.7rem;}}.phone-number-with-country{display: flex; gap: 0.5rem; align-items: stretch;}.country-selector-btn{display: flex; align-items: center; justify-content: space-between; gap: 0.75rem; padding: 0.75rem 1rem; background: white; border: 1px solid #e0e0e0; border-radius: 4px; cursor: pointer; min-width: 150px; transition: all 0.2s ease;}.country-selector-btn:hover{background: #f8f9fa; border-color: #4285f4;}.country-selector-btn:focus{outline: none; border-color: #4285f4; box-shadow: 0 0 0 3px rgba(66, 133, 244, 0.1);}.country-flag{display: inline-block; border-radius: 2px; overflow: hidden;}.country-name{font-size: 0.9rem; color: #666; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}.country-dial-code{font-size: 0.85rem; color: #999; font-weight: 500; white-space: nowrap;}.country-selector-modal{position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); display: flex; align-items: center; justify-content: center; z-index: 10000; animation: fadeIn 0.2s ease;}@keyframes fadeIn{from{opacity: 0;}to{opacity: 1;}}.country-selector-content{background: white; border-radius: 8px; padding: 1.5rem; max-width: 500px; width: 90%; max-height: 80vh; overflow-y: auto; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15); animation: slideUp 0.3s ease;}@keyframes slideUp{from{transform: translateY(20px); opacity: 0;}to{transform: translateY(0); opacity: 1;}}.country-search{width: 100%; padding: 0.75rem; border: 1px solid #e0e0e0; border-radius: 4px; margin-bottom: 1rem; font-size: 0.95rem;}.country-search:focus{outline: none; border-color: #4285f4;}.countries-list{max-height: 400px; overflow-y: auto;}.country-option{width: 100%; display: flex; align-items: center; gap: 0.75rem; padding: 0.75rem; border: none; background: white; cursor: pointer; border-radius: 4px; text-align: left; transition: background 0.2s;}.country-option:hover{background: #f0f0f0;}.country-option.selected{background: #e8f0fe;}@media (max-width: 768px){.country-selector-btn{min-width: 120px; padding: 0.6rem 0.8rem;}.country-name{font-size: 0.85rem;}.country-flag{width: 1.3rem; height: 1.3rem;}.country-dial-code{font-size: 0.8rem;}}.multi-level-option{transition: all 0.2s ease;}.multi-level-option label{transition: all 0.2s ease;}.multi-level-option label:hover{background: #e8f0fe !important; border-color: var(--flow-survey-answer-color, var(--flow-survey-primary-color)) !important; transform: translateX(4px);}.multi-level-option label:has(input:checked){background: var(--flow-survey-answer-color, var(--flow-survey-primary-color)) !important; border-color: var(--flow-survey-answer-color, var(--flow-survey-primary-color)) !important; color: var(--flow-survey-answer-selected-text-color, var(--flow-survey-primary-color)) !important; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);}.multi-level-option label:has(input:checked) span{color: var(--flow-survey-answer-selected-text-color, var(--flow-survey-primary-color)) !important;}.multi-level-option label:has(input:checked) .tree-connector i{color: var(--flow-survey-answer-selected-text-color, var(--flow-survey-primary-color)) !important; opacity: 1 !important;}.multi-level-input{cursor: pointer; accent-color: var(--flow-survey-answer-color, var(--flow-survey-primary-color));}.multi-level-input:focus{outline: 2px solid var(--flow-survey-answer-color, var(--flow-survey-primary-color)); outline-offset: 2px;}.multi-level-option[data-parent-id]:not([data-parent-id=""]){overflow: hidden;}.multi-level-option .tree-connector{display: inline-flex; align-items: center; flex-shrink: 0;}.multi-level-option .tree-connector i{transition: transform 0.2s ease, opacity 0.2s ease, color 0.2s ease;}.multi-level-option:hover .tree-connector i{opacity: 1; transform: translateX(2px);}.multi-level-option[data-depth="1"] label{background: #f0f4f8 !important; border-left: 3px solid var(--flow-survey-answer-color, var(--flow-survey-primary-color));}.multi-level-option[data-depth="2"] label{background: #e8f0fe !important; border-left: 3px solid #4a90d9;}.multi-level-option[data-depth="3"] label{background: #dbe5f0 !important; border-left: 3px solid #6ba3e0;}@media (max-width: 768px){.multi-level-selection-wrapper{max-width: 100%;}.multi-level-option label{padding: 0.5rem 0.75rem !important;}}.btn-calendar-picker{margin-left: 1rem; padding: 0.75rem; background: var(--flow-survey-primary-color); color: white; border: none; border-radius: 8px; cursor: pointer; display: flex; align-items: center; justify-content: center; transition: all 0.2s ease; min-width: 44px; height: 44px; margin-top: 1.5rem; box-shadow: 0 2px 4px rgba(113, 75, 103, 0.2);}.btn-calendar-picker:hover{background: #5a3a52; transform: translateY(-1px); box-shadow: 0 4px 8px rgba(113, 75, 103, 0.3);}.btn-calendar-picker:active{transform: translateY(0); box-shadow: 0 2px 4px rgba(113, 75, 103, 0.2);}.btn-calendar-picker:focus{outline: none; box-shadow: 0 0 0 3px rgba(113, 75, 103, 0.3);}.btn-calendar-picker i{font-size: 1.1rem; color: white;}.date-picker-input{position: absolute; opacity: 0; pointer-events: none; width: 0; height: 0;}@media (max-width: 768px){.btn-calendar-picker{min-width: 40px; height: 40px; padding: 0.625rem; margin-left: 0.75rem;}.btn-calendar-picker i{font-size: 1rem;}}@media (max-width: 480px){.btn-calendar-picker{min-width: 38px; height: 38px; padding: 0.5rem; margin-left: 0.5rem;}.btn-calendar-picker i{font-size: 0.95rem;}}.btn-clear-matrix{background: transparent; border: 1px solid #dc3545; color: #dc3545; padding: 0.5rem 1rem; border-radius: 4px; cursor: pointer; font-size: 0.9rem; transition: all 0.2s ease; display: inline-flex; align-items: center; justify-content: center; font-family: inherit;}.btn-clear-matrix:hover{background: #dc3545; color: white; transform: translateY(-1px); box-shadow: 0 2px 8px rgba(220, 53, 69, 0.3);}.btn-clear-matrix:active{transform: translateY(0); box-shadow: 0 1px 4px rgba(220, 53, 69, 0.2);}.btn-clear-matrix:focus{outline: none; box-shadow: 0 0 0 3px rgba(220, 53, 69, 0.2);}.btn-clear-matrix i{margin-right: 0.25rem; font-size: 0.85rem;}@media (max-width: 768px){.btn-clear-matrix{padding: 0.45rem 0.875rem; font-size: 0.85rem;}}@media (max-width: 480px){.btn-clear-matrix{padding: 0.4rem 0.75rem; font-size: 0.8rem;}.btn-clear-matrix i{margin-right: 0.2rem; font-size: 0.8rem;}}.select2-choice{width: 100%; padding: 0.75rem 2.5rem 0.75rem 1rem !important; font-size: 1rem; box-sizing: border-box !important; height: auto !important;}.select2-container .select2-choice .select2-arrow{background: none !important; background-image: none !important;}.select2-container .select2-choice .select2-arrow b{background-position-y: 11px !important;}.select2-container .select2-choice abbr{top: 1rem !important;}.end-page-content{width: 100%; max-width: 100%; min-height: 100%; display: flex; align-items: center; justify-content: center;}.file-upload-preview.file-upload-drag-over{border-color: var(--flow-survey-primary-color, #714b67) !important; background: rgba(113, 75, 103, 0.08) !important;}.media-top-layout .question-media-container, .media-bottom-layout .question-media-container, .media-center-layout .question-media-container{margin: 1rem 0 0.75rem 0; padding: 0.75rem 0; border-top: 1px solid #f0f0f0; border-bottom: 1px solid #f0f0f0; width: 100%;}.media-top-layout .question-media-container, .media-bottom-layout .question-media-container{display: flex; flex-wrap: wrap;}.media-center-layout .question-media-container{display: flex; justify-content: center; align-items: center;}.media-left-layout .question-content-wrapper, .media-right-layout .question-content-wrapper{display: flex; gap: 1.5rem; align-items: flex-start;}.media-left-layout .question-media-container, .media-right-layout .question-media-container{margin: 0; padding: 0; border: none; flex-shrink: 0;}.media-bottom-layout .question-block-flex .question-header-wrap{order: 0;}.media-bottom-layout .question-block-flex .question-media-container{order: 2;}.media-bottom-layout .question-block-flex .question-text-content{order: 1;}.question-media-container{min-height: 100%;}.question-media-container.media-align-left{align-items: flex-start;}.question-media-container.media-align-right{align-items: flex-end;}.question-media-container.media-align-center{align-items: center;}.question-media-container.media-align-top{justify-content: flex-start;}.question-media-container.media-align-bottom{justify-content: flex-end;}.media-align-left .question-media-image, .media-align-left .question-media-video{margin-left: 0; margin-right: auto;}.media-align-right .question-media-image, .media-align-right .question-media-video{margin-left: auto; margin-right: 0;}.media-align-center .question-media-image, .media-align-center .question-media-video{margin-left: auto; margin-right: auto;}@media (max-width: 768px){.media-left-layout .question-content-wrapper, .media-right-layout .question-content-wrapper{flex-direction: column;}}