@import url("https://fonts.bunny.net/css2?family=Poppins:wght@400;500;600&display=swap"); /* ===== ALT INNHOLD: MAKS 420px ===== */ .flex-col { max-width: 420px !important; margin-left: auto !important; margin-right: auto !important; box-sizing: border-box !important; width: 100% !important; } /* ===== SVARALTERNATIV SOM KORT (RADIO + CHECKBOX) ===== */ .standard-radio-container, .standard-checkbox-container { position: relative !important; display: flex !important; align-items: center !important; gap: 0 !important; width: 100% !important; max-width: 420px !important; margin: 0 auto 10px auto !important; box-sizing: border-box !important; height: auto !important; min-height: 0 !important; padding: 16px 20px !important; background: #ffffff !important; border: 2px solid #e1e4ea !important; border-radius: 8px !important; cursor: pointer !important; transition: border-color 0.15s ease, background-color 0.15s ease !important; } .standard-radio-container:hover, .standard-checkbox-container:hover { border: 2px solid #1a8bf6 !important; background: #f5faff !important; } .standard-radio-container:has(input:checked), .standard-checkbox-container:has(input:checked) { background: #eff7ff !important; border: 2px solid #1a8bf6 !important; } /* ===== GHL SINE INPUTS: HELT SKJULT ===== */ .standard-radio-container input[type="radio"], .standard-checkbox-container input[type="checkbox"] { position: absolute !important; opacity: 0 !important; width: 1px !important; height: 1px !important; min-width: 0 !important; margin: 0 !important; padding: 0 !important; pointer-events: none !important; } /* ===== TEKST I ALTERNATIVENE ===== */ .standard-radio-container label, .standard-checkbox-container label { position: relative !important; display: block !important; margin: 0 !important; padding: 0 34px 0 0 !important; cursor: pointer !important; line-height: 1.5 !important; font-family: "Poppins", sans-serif !important; font-weight: 500 !important; font-size: 15px !important; color: #1f2937 !important; width: 100% !important; max-width: none !important; } /* HELE KORTET KLIKKBART */ .standard-radio-container label::after, .standard-checkbox-container label::after { content: "" !important; position: absolute !important; top: -16px !important; left: -20px !important; right: -20px !important; bottom: -16px !important; z-index: 1 !important; cursor: pointer !important; } /* ===== EGEN RADIO-SIRKEL ===== */ .standard-radio-container label::before { content: "" !important; position: absolute !important; right: 0 !important; left: auto !important; top: 50% !important; margin-top: -11px !important; width: 22px !important; height: 22px !important; box-sizing: border-box !important; border: 2px solid #c9cdd6 !important; border-radius: 50% !important; background: #ffffff !important; z-index: 2 !important; transition: border-color 0.15s ease, box-shadow 0.15s ease !important; } .standard-radio-container:hover:not(:has(input:checked)) label::before { border-color: #1a8bf6 !important; } .standard-radio-container:has(input:checked) label::before { border-color: #1a8bf6 !important; box-shadow: inset 0 0 0 3px #ffffff, inset 0 0 0 22px #1a8bf6 !important; } /* ===== EGEN CHECKBOX-FIRKANT ===== */ .standard-checkbox-container label::before { content: "" !important; position: absolute !important; right: 0 !important; left: auto !important; top: 50% !important; margin-top: -11px !important; width: 22px !important; height: 22px !important; box-sizing: border-box !important; border: 2px solid #c9cdd6 !important; border-radius: 5px !important; background: #ffffff !important; background-image: none !important; z-index: 2 !important; transition: border-color 0.15s ease, background-color 0.15s ease !important; } .standard-checkbox-container:hover:not(:has(input:checked)) label::before { border-color: #1a8bf6 !important; background-color: #ffffff !important; background-image: none !important; } .standard-checkbox-container:has(input:checked) label::before { border-color: #1a8bf6 !important; background-color: #1a8bf6 !important; background-image: url("data:image/svg+xml;utf8,") !important; background-repeat: no-repeat !important; background-position: center !important; background-size: 15px 15px !important; } /* ===== VALGT TEKST ===== */ .standard-radio-container:has(input:checked) label, .standard-checkbox-container:has(input:checked) label { color: #1a8bf6 !important; } .standard-radio-container span, .standard-checkbox-container span { margin: 0 !important; padding: 0 !important; cursor: pointer !important; line-height: 1.5 !important; font-family: "Poppins", sans-serif !important; font-weight: 500 !important; } /* ===== SAMTYKKE-CHECKBOX (T&C) ===== */ .checkbox-container:not(.standard-checkbox-container) { max-width: 420px !important; margin-left: auto !important; margin-right: auto !important; box-sizing: border-box !important; width: 100% !important; display: flex !important; align-items: flex-start !important; gap: 10px !important; } .checkbox-container:not(.standard-checkbox-container) label, .checkbox-container:not(.standard-checkbox-container) span { font-family: "Poppins", sans-serif !important; font-size: 13px !important; font-weight: 400 !important; line-height: 1.5 !important; color: #667085 !important; margin: 0 !important; } .checkbox-container:not(.standard-checkbox-container) input[type="checkbox"] { accent-color: #1a8bf6 !important; width: 18px !important; height: 18px !important; min-width: 18px !important; flex: 0 0 18px !important; margin: 2px 0 0 0 !important; cursor: pointer !important; } /* ===== FELTNAVN + UNDERTEKST: SMÅ ===== */ label.label-alignment:not([for$="-bubble-option-container"]), label.field-label:not([for$="-bubble-option-container"]) { font-family: "Poppins", sans-serif !important; font-size: 14px !important; font-weight: 500 !important; line-height: 1.5 !important; color: #344054 !important; margin-bottom: 8px !important; max-width: 420px !important; margin-left: auto !important; margin-right: auto !important; display: block !important; } label.label-alignment:not([for$="-bubble-option-container"]) *, label.field-label:not([for$="-bubble-option-container"]) * { font-family: "Poppins", sans-serif !important; font-size: 14px !important; font-weight: 500 !important; line-height: 1.5 !important; } /* ===== SPØRSMÅLSTEKST: FULL BREDDE ===== */ label[for$="-bubble-option-container"] { font-family: "Poppins", sans-serif !important; font-size: 22px !important; font-weight: 600 !important; line-height: 1.45 !important; color: #1f2937 !important; margin-bottom: 24px !important; display: block !important; max-width: none !important; width: 100% !important; } label[for$="-bubble-option-container"] * { font-family: "Poppins", sans-serif !important; font-size: 22px !important; font-weight: 600 !important; line-height: 1.45 !important; } /* ===== SKJUL STEGTELLER ===== */ span.ghl-mobile-step-text, .ghl-mobile-step-text, .ghl-footer-buttons span.ghl-mobile-step-text, .ghl-footer-buttons > span { font-size: 0 !important; line-height: 0 !important; color: transparent !important; opacity: 0 !important; visibility: hidden !important; width: 0 !important; max-width: 0 !important; height: 0 !important; max-height: 0 !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; position: absolute !important; left: -9999px !important; pointer-events: none !important; text-indent: -9999px !important; } /* ===== FOOTER ===== */ .ghl-footer-buttons { display: flex !important; align-items: center !important; justify-content: space-between !important; padding-top: 0 !important; padding-bottom: 0 !important; padding-left: 0 !important; padding-right: 0 !important; max-width: 420px !important; margin-left: auto !important; margin-right: auto !important; box-sizing: border-box !important; } /* ===== TILBAKE ===== */ .ghl-footer-buttons .ghl-btn.ghl-footer-back { position: relative !important; background: transparent !important; background-color: transparent !important; border: none !important; box-shadow: none !important; height: 42px !important; min-height: 42px !important; max-height: 42px !important; width: auto !important; padding: 0 4px !important; margin: 0 !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; font-size: 0 !important; line-height: 1 !important; align-self: center !important; overflow: hidden !important; } .ghl-footer-buttons .ghl-btn.ghl-footer-back * { display: none !important; } .ghl-footer-buttons .ghl-btn.ghl-footer-back::before { content: "" !important; display: inline-block !important; width: 15px !important; height: 11px !important; background-color: #6b7280 !important; margin-right: 9px !important; - webkit-mask: url("data:image/svg+xml;utf8,") no-repeat center / contain !important; mask: url("data:image/svg+xml;utf8,") no-repeat center / contain !important; } .ghl-footer-buttons .ghl-btn.ghl-footer-back::after { content: "Tilbake" !important; display: inline-block !important; font-family: "Poppins", sans-serif !important; font-weight: 500 !important; font-size: 14px !important; line-height: 1 !important; color: #6b7280 !important; } /* ===== NESTE ===== */ .ghl-footer-buttons .ghl-btn.ghl-footer-next { position: relative !important; background: #1a8bf6 !important; background-color: #1a8bf6 !important; border: none !important; border-radius: 999px !important; height: 42px !important; min-height: 42px !important; max-height: 42px !important; width: auto !important; min-width: 104px !important; padding: 0 24px !important; margin: 0 !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; font-size: 0 !important; line-height: 1 !important; align-self: center !important; overflow: hidden !important; } .ghl-footer-buttons .ghl-btn.ghl-footer-next * { display: none !important; } .ghl-footer-buttons .ghl-btn.ghl-footer-next::before { content: "Neste" !important; display: inline-block !important; font-family: "Poppins", sans-serif !important; font-weight: 500 !important; font-size: 14px !important; line-height: 1 !important; color: #ffffff !important; margin-right: 9px !important; } .ghl-footer-buttons .ghl-btn.ghl-footer-next::after { content: "" !important; display: inline-block !important; width: 15px !important; height: 11px !important; background-color: #ffffff !important; - webkit-mask: url("data:image/svg+xml;utf8,") no-repeat center / contain !important; mask: url("data:image/svg+xml;utf8,") no-repeat center / contain !important; } /* ===== SEND ===== */ .ghl-footer-buttons .ghl-btn.ghl-submit-btn, .ghl-footer-buttons div[role="button"][aria-label="SUBMIT"], .ghl-footer-buttons div[role="button"][aria-label="Send"] { position: relative !important; background: #1a8bf6 !important; background-color: #1a8bf6 !important; border: none !important; border-radius: 999px !important; height: 42px !important; min-height: 42px !important; max-height: 42px !important; width: auto !important; min-width: 104px !important; padding: 0 24px !important; margin: 0 !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; font-size: 0 !important; line-height: 1 !important; text-transform: none !important; align-self: center !important; overflow: hidden !important; } .ghl-footer-buttons .ghl-btn.ghl-submit-btn * { display: none !important; } .ghl-footer-buttons .ghl-btn.ghl-submit-btn::before { content: "Book min samtale" !important; display: inline-block !important; font-family: "Poppins", sans-serif !important; font-weight: 500 !important; font-size: 14px !important; line-height: 1 !important; color: #ffffff !important; margin-right: 10px !important; white-space: nowrap !important; } .ghl-footer-buttons .ghl-btn.ghl-submit-btn::after { content: "" !important; display: inline-block !important; width: 17px !important; height: 17px !important; flex: 0 0 17px !important; background-color: #ffffff !important; - webkit-mask: url("data:image/svg+xml;utf8,") no-repeat center / contain !important; mask: url("data:image/svg+xml;utf8,") no-repeat center / contain !important; } /* ===== HOVER ===== */ .ghl-footer-buttons .ghl-btn.ghl-footer-next:hover, .ghl-footer-buttons .ghl-btn.ghl-submit-btn:hover { filter: brightness(1.08) !important; } .ghl-footer-buttons .ghl-btn.ghl-footer-back:hover::before { background-color: #1a8bf6 !important; } .ghl-footer-buttons .ghl-btn.ghl-footer-back:hover::after { color: #1a8bf6 !important; } /* ===== MOBIL ===== */ @media (max-width: 640px) { .standard-radio-container, .standard-checkbox-container { padding: 16px 18px !important; } .ghl-footer-buttons { padding-left: 16px !important; ``` padding-right: 16px !important; ``` } .ghl-footer-buttons .ghl-btn.ghl-footer-next { padding: 0 22px !important; ``` min-width: 96px !important; ``` } .ghl-footer-buttons .ghl-btn.ghl-submit-btn::before { font-size: 13px !important; } } /* ===== FEILMELDING ===== */ #error-container.error, .error { font-family: "Poppins", sans-serif !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.5 !important; color: #cb3837 !important; max-width: 420px !important; margin-left: auto !important; margin-right: auto !important; margin-top: 10px !important; margin-bottom: 0 !important; display: block !important; box-sizing: border-box !important; }

Velg alle som gjelder