mirror of
https://github.com/hanzoai/insights.git
synced 2026-11-02 14:32:45 +00:00
zeekay
1b367e2b62
The tree was a debranded snapshot of upstream taken around 2026-02-20, and upstream has moved about five months since. This replaces it with upstream master, mechanically re-derived: bin/debrand does the rename, and the pipeline and squashed migrations are restored from the shipped tree. Not a merge. The previous import replaced the tree wholesale in a single commit, so there is no shared content history to merge against. Reproducing the rename on the new tree is what actually converges. What survives: .hanzo/workflows, the Dockerfiles and bin/docker* entrypoints, compose files, LLM.md, and insights/migrations. The squashed initial migration is load-bearing — the live database records it by name, so upstream's ~918 individual migrations cannot come back. Nine products are dropped as unreferenced. Twenty-one more that we do not run are kept anyway because the core app still imports them; unpicking those is a refactor and does not belong in a rebase. This base does not build yet, and the reasons are not in the rename: upstream now wants Python 3.13.13 against our 3.12.12 and Django 5.2 against our 4.2, and the dependency manifests still name upstream packages that we republish under our own names. Those are decisions, not renames.
668 lines
17 KiB
CSS
668 lines
17 KiB
CSS
.InsightsHostedSurvey {
|
|
--ph-survey-page-background: #fff;
|
|
--ph-survey-page-text: #111;
|
|
--ph-survey-page-text-subtle: #6b6b6b;
|
|
--ph-survey-page-progress-track: rgb(17 17 17 / 8%);
|
|
--ph-survey-page-progress-bar: #111;
|
|
--ph-survey-progress-value: 0%;
|
|
--ph-survey-page-font:
|
|
-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', helvetica, arial, sans-serif;
|
|
--ph-survey-card-shadow: 0 1px 2px rgb(17 17 17 / 4%), 0 2px 8px rgb(17 17 17 / 4%);
|
|
--ph-survey-pill-background: rgb(255 255 255 / 70%);
|
|
|
|
box-sizing: border-box;
|
|
font-family: var(--ph-survey-page-font);
|
|
font-size: 16px;
|
|
line-height: 1.5;
|
|
color: var(--ph-survey-page-text);
|
|
background: var(--ph-survey-page-background);
|
|
-webkit-font-smoothing: antialiased;
|
|
text-rendering: optimizeLegibility;
|
|
}
|
|
|
|
body.InsightsHostedSurvey {
|
|
min-height: 100vh;
|
|
padding: 0;
|
|
margin: 0;
|
|
}
|
|
|
|
.InsightsHostedSurvey *,
|
|
.InsightsHostedSurvey *::before,
|
|
.InsightsHostedSurvey *::after {
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
.InsightsHostedSurvey button,
|
|
.InsightsHostedSurvey input,
|
|
.InsightsHostedSurvey textarea,
|
|
.InsightsHostedSurvey a {
|
|
touch-action: manipulation;
|
|
}
|
|
|
|
.InsightsHostedSurvey .main-container,
|
|
.InsightsHostedSurvey.main-container {
|
|
display: flex;
|
|
flex-direction: column;
|
|
min-height: 100vh;
|
|
padding: clamp(1.5rem, 4vw, 2.5rem) clamp(1.25rem, 4vw, 2.5rem);
|
|
}
|
|
|
|
.InsightsHostedSurvey.HostedSurveyPreviewFrame {
|
|
display: flex;
|
|
flex-direction: column;
|
|
width: 100%;
|
|
min-height: 520px;
|
|
padding: clamp(1.5rem, 4vw, 2.5rem);
|
|
border: 1px solid var(--border, rgb(17 17 17 / 10%));
|
|
border-radius: 8px;
|
|
}
|
|
|
|
.InsightsHostedSurvey.HostedSurveyPreviewFrame--mobile {
|
|
max-width: 390px;
|
|
min-height: 560px;
|
|
padding: 1.25rem;
|
|
margin: 0 auto;
|
|
}
|
|
|
|
.InsightsHostedSurvey .survey-progress-wrap {
|
|
width: 100%;
|
|
max-width: 44rem;
|
|
margin: 0 auto;
|
|
}
|
|
|
|
.InsightsHostedSurvey .survey-progress-track {
|
|
width: 100%;
|
|
height: 3px;
|
|
overflow: hidden;
|
|
background: var(--ph-survey-page-progress-track);
|
|
border-radius: 999px;
|
|
}
|
|
|
|
.InsightsHostedSurvey .survey-progress-bar {
|
|
display: block;
|
|
width: var(--ph-survey-progress-value);
|
|
height: 100%;
|
|
background: var(--ph-survey-page-progress-bar);
|
|
transition: width 240ms cubic-bezier(0.22, 1, 0.36, 1);
|
|
}
|
|
|
|
.InsightsHostedSurvey .survey-stage {
|
|
display: flex;
|
|
flex-direction: column;
|
|
width: 100%;
|
|
max-width: 44rem;
|
|
margin: auto;
|
|
}
|
|
|
|
.InsightsHostedSurvey #insights-survey-container,
|
|
.InsightsHostedSurvey .insights-survey-container {
|
|
display: flex;
|
|
flex-direction: column;
|
|
font-family: inherit;
|
|
color: var(--ph-survey-text-primary-color, #111);
|
|
}
|
|
|
|
.InsightsHostedSurvey .question-container {
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: 1.5rem;
|
|
}
|
|
|
|
.InsightsHostedSurvey .thank-you-message {
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: 1.5rem;
|
|
align-items: center;
|
|
text-align: center;
|
|
}
|
|
|
|
.InsightsHostedSurvey .survey-question,
|
|
.InsightsHostedSurvey .thank-you-message-header {
|
|
margin: 0;
|
|
font-size: clamp(1.5rem, 2.4vw, 1.875rem);
|
|
font-weight: 600;
|
|
line-height: 1.25;
|
|
color: var(--ph-survey-text-primary-color, #111);
|
|
text-wrap: balance;
|
|
letter-spacing: -0.015em;
|
|
}
|
|
|
|
.InsightsHostedSurvey .survey-question-description,
|
|
.InsightsHostedSurvey .thank-you-message-body {
|
|
margin: 0;
|
|
font-size: 0.975rem;
|
|
line-height: 1.6;
|
|
color: var(--ph-survey-text-subtle-color, #6b6b6b);
|
|
}
|
|
|
|
.InsightsHostedSurvey .survey-question-description strong,
|
|
.InsightsHostedSurvey .thank-you-message strong {
|
|
color: var(--ph-survey-text-primary-color, #111);
|
|
}
|
|
|
|
.InsightsHostedSurvey fieldset {
|
|
min-width: 0;
|
|
padding: 0;
|
|
margin: 0;
|
|
border: 0;
|
|
}
|
|
|
|
.InsightsHostedSurvey legend {
|
|
padding: 0;
|
|
}
|
|
|
|
.InsightsHostedSurvey .response-choice {
|
|
display: flex;
|
|
flex: 1;
|
|
gap: 0.75rem;
|
|
align-items: center;
|
|
min-width: 0;
|
|
}
|
|
|
|
.InsightsHostedSurvey textarea,
|
|
.InsightsHostedSurvey input[type='text'] {
|
|
width: 100%;
|
|
padding: 0.875rem 1rem;
|
|
font: inherit;
|
|
font-size: 1rem;
|
|
line-height: 1.5;
|
|
color: var(--ph-survey-input-text-color, #111);
|
|
background: var(--ph-survey-input-background, #fff);
|
|
border: 1px solid var(--ph-survey-border-color, rgb(17 17 17 / 10%));
|
|
border-radius: var(--ph-survey-border-radius, 10px);
|
|
box-shadow: var(--ph-survey-card-shadow);
|
|
transition:
|
|
border-color 160ms ease,
|
|
box-shadow 160ms ease;
|
|
}
|
|
|
|
.InsightsHostedSurvey textarea {
|
|
min-height: 8rem;
|
|
resize: vertical;
|
|
}
|
|
|
|
.InsightsHostedSurvey textarea::placeholder,
|
|
.InsightsHostedSurvey input[type='text']::placeholder {
|
|
color: var(--ph-survey-text-subtle-color, #6b6b6b);
|
|
opacity: 0.65;
|
|
}
|
|
|
|
.InsightsHostedSurvey textarea:focus-visible,
|
|
.InsightsHostedSurvey input[type='text']:focus-visible {
|
|
border-color: var(--ph-survey-rating-active-bg-color, #111);
|
|
outline: none;
|
|
box-shadow:
|
|
0 0 0 3px rgb(17 17 17 / 10%),
|
|
var(--ph-survey-card-shadow);
|
|
}
|
|
|
|
.InsightsHostedSurvey .validation-hint {
|
|
margin-top: 0.5rem;
|
|
font-size: 0.825rem;
|
|
color: var(--ph-survey-text-subtle-color, #6b6b6b);
|
|
}
|
|
|
|
.InsightsHostedSurvey .multiple-choice-options {
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: 0.5rem;
|
|
padding: 0;
|
|
margin: 0;
|
|
}
|
|
|
|
.InsightsHostedSurvey .multiple-choice-options label {
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: 0.625rem;
|
|
min-height: 3rem;
|
|
padding: 0.875rem 1rem;
|
|
font-size: 0.975rem;
|
|
color: var(--ph-survey-input-text-color, #111);
|
|
cursor: pointer;
|
|
background: var(--ph-survey-input-background, #fff);
|
|
border: 1px solid var(--ph-survey-border-color, rgb(17 17 17 / 10%));
|
|
border-radius: var(--ph-survey-border-radius, 10px);
|
|
box-shadow: var(--ph-survey-card-shadow);
|
|
transition:
|
|
border-color 140ms ease,
|
|
background-color 140ms ease,
|
|
transform 140ms ease,
|
|
box-shadow 140ms ease;
|
|
}
|
|
|
|
.InsightsHostedSurvey .multiple-choice-options label:has(input:checked) {
|
|
border-color: var(--ph-survey-rating-active-bg-color, #111);
|
|
box-shadow:
|
|
inset 0 0 0 1px var(--ph-survey-rating-active-bg-color, #111),
|
|
var(--ph-survey-card-shadow);
|
|
}
|
|
|
|
.InsightsHostedSurvey .multiple-choice-options label:has(input:focus-visible) {
|
|
outline: none;
|
|
box-shadow: 0 0 0 3px rgb(17 17 17 / 12%);
|
|
}
|
|
|
|
.InsightsHostedSurvey .multiple-choice-options input[type='checkbox'],
|
|
.InsightsHostedSurvey .multiple-choice-options input[type='radio'] {
|
|
position: relative;
|
|
flex-shrink: 0;
|
|
width: 1.1rem;
|
|
height: 1.1rem;
|
|
margin: 0;
|
|
/* stylelint-disable-next-line property-no-vendor-prefix */
|
|
-webkit-appearance: none;
|
|
appearance: none;
|
|
cursor: pointer;
|
|
background: #fff;
|
|
border: 1.5px solid rgb(17 17 17 / 28%);
|
|
transition:
|
|
border-color 140ms ease,
|
|
background-color 140ms ease;
|
|
}
|
|
|
|
.InsightsHostedSurvey .multiple-choice-options input[type='checkbox'] {
|
|
border-radius: 4px;
|
|
}
|
|
|
|
.InsightsHostedSurvey .multiple-choice-options input[type='radio'] {
|
|
border-radius: 999px;
|
|
}
|
|
|
|
.InsightsHostedSurvey .multiple-choice-options input[type='checkbox']:focus-visible,
|
|
.InsightsHostedSurvey .multiple-choice-options input[type='radio']:focus-visible,
|
|
.InsightsHostedSurvey button:focus-visible {
|
|
outline: none;
|
|
box-shadow: 0 0 0 3px rgb(17 17 17 / 12%);
|
|
}
|
|
|
|
.InsightsHostedSurvey .multiple-choice-options input[type='checkbox']:checked,
|
|
.InsightsHostedSurvey .multiple-choice-options input[type='radio']:checked {
|
|
background: var(--ph-survey-rating-active-bg-color, #111);
|
|
border-color: var(--ph-survey-rating-active-bg-color, #111);
|
|
}
|
|
|
|
.InsightsHostedSurvey .multiple-choice-options input[type='checkbox']:checked::after,
|
|
.InsightsHostedSurvey .multiple-choice-options input[type='radio']:checked::after {
|
|
position: absolute;
|
|
box-sizing: content-box;
|
|
content: '';
|
|
}
|
|
|
|
.InsightsHostedSurvey .multiple-choice-options input[type='checkbox']:checked::after {
|
|
top: 0.05rem;
|
|
left: 0.3rem;
|
|
width: 0.22rem;
|
|
height: 0.5rem;
|
|
border: solid var(--ph-survey-rating-active-text-color, #fff);
|
|
border-width: 0 2px 2px 0;
|
|
transform: rotate(45deg);
|
|
}
|
|
|
|
.InsightsHostedSurvey .multiple-choice-options input[type='radio']:checked::after {
|
|
top: 0.27rem;
|
|
left: 0.27rem;
|
|
width: 0.32rem;
|
|
height: 0.32rem;
|
|
background: var(--ph-survey-rating-active-text-color, #fff);
|
|
border-radius: 999px;
|
|
}
|
|
|
|
.InsightsHostedSurvey .choice-option-open input[type='text'] {
|
|
width: calc(100% - 1.85rem);
|
|
margin-left: calc(1.1rem + 0.75rem);
|
|
}
|
|
|
|
.InsightsHostedSurvey .rating-section {
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: 0.625rem;
|
|
}
|
|
|
|
.InsightsHostedSurvey .rating-options-number {
|
|
display: grid;
|
|
grid-auto-columns: 1fr;
|
|
grid-auto-flow: column;
|
|
gap: 0.4rem;
|
|
}
|
|
|
|
.InsightsHostedSurvey .ratings-number {
|
|
min-height: 3rem;
|
|
padding: 0.75rem 0;
|
|
font: inherit;
|
|
font-size: 1rem;
|
|
font-weight: 600;
|
|
color: var(--ph-survey-rating-text-color, #111);
|
|
cursor: pointer;
|
|
background: var(--ph-survey-rating-bg-color, #f1efea);
|
|
border: 1px solid var(--ph-survey-border-color, rgb(17 17 17 / 10%));
|
|
border-radius: var(--ph-survey-border-radius, 10px);
|
|
box-shadow: var(--ph-survey-card-shadow);
|
|
transition:
|
|
background-color 140ms ease,
|
|
color 140ms ease,
|
|
border-color 140ms ease,
|
|
transform 140ms ease,
|
|
box-shadow 140ms ease;
|
|
}
|
|
|
|
.InsightsHostedSurvey .ratings-number.rating-active {
|
|
color: var(--ph-survey-rating-active-text-color, #fff);
|
|
background: var(--ph-survey-rating-active-bg-color, #111);
|
|
border-color: var(--ph-survey-rating-active-bg-color, #111);
|
|
}
|
|
|
|
.InsightsHostedSurvey .rating-options-emoji {
|
|
display: flex;
|
|
gap: 0.5rem;
|
|
justify-content: space-between;
|
|
}
|
|
|
|
/* Two-option (thumbs) ratings sit together, not pinned to the edges; insights-js sets this but loses to the scoped rule above. */
|
|
.InsightsHostedSurvey .rating-options-emoji-2 {
|
|
justify-content: space-around;
|
|
}
|
|
|
|
.InsightsHostedSurvey .ratings-emoji {
|
|
min-width: 2.75rem;
|
|
min-height: 2.75rem;
|
|
padding: 0;
|
|
cursor: pointer;
|
|
background: transparent;
|
|
border: 0;
|
|
border-radius: 999px;
|
|
opacity: 0.5;
|
|
transition:
|
|
opacity 140ms ease,
|
|
background-color 140ms ease;
|
|
}
|
|
|
|
.InsightsHostedSurvey .ratings-emoji.rating-active {
|
|
background: rgb(17 17 17 / 6%);
|
|
opacity: 1;
|
|
}
|
|
|
|
.InsightsHostedSurvey .ratings-emoji svg {
|
|
fill: var(--ph-survey-text-primary-color, #111);
|
|
}
|
|
|
|
.InsightsHostedSurvey .rating-text {
|
|
display: flex;
|
|
gap: 1rem;
|
|
justify-content: space-between;
|
|
font-size: 0.825rem;
|
|
color: var(--ph-survey-text-subtle-color, #6b6b6b);
|
|
}
|
|
|
|
.InsightsHostedSurvey .bottom-section {
|
|
display: flex;
|
|
flex-flow: row wrap;
|
|
gap: 0.875rem 1rem;
|
|
align-items: center;
|
|
margin-top: 2rem;
|
|
}
|
|
|
|
.InsightsHostedSurvey .form-submit {
|
|
min-width: 10rem;
|
|
min-height: 3rem;
|
|
padding: 0.75rem 1.75rem;
|
|
font: inherit;
|
|
font-size: 1rem;
|
|
font-weight: 600;
|
|
color: var(--ph-survey-submit-button-text-color, #fff);
|
|
cursor: pointer;
|
|
user-select: none;
|
|
background: var(--ph-survey-submit-button-color, #111);
|
|
border: 0;
|
|
border-radius: var(--ph-survey-border-radius, 10px);
|
|
box-shadow: none;
|
|
transition:
|
|
opacity 140ms ease,
|
|
transform 140ms ease,
|
|
background-color 140ms ease,
|
|
color 140ms ease,
|
|
box-shadow 140ms ease;
|
|
}
|
|
|
|
.InsightsHostedSurvey .form-submit[disabled] {
|
|
color: var(--ph-survey-text-subtle-color, #6b6b6b);
|
|
cursor: not-allowed;
|
|
background: transparent;
|
|
box-shadow: inset 0 0 0 1px var(--ph-survey-border-color, rgb(17 17 17 / 10%));
|
|
opacity: 1;
|
|
}
|
|
|
|
.InsightsHostedSurvey .form-buttons {
|
|
display: flex;
|
|
flex-flow: row wrap;
|
|
gap: 0.875rem 1rem;
|
|
align-items: center;
|
|
}
|
|
|
|
.InsightsHostedSurvey .form-back {
|
|
min-width: 7rem;
|
|
min-height: 3rem;
|
|
padding: 0.75rem 1.5rem;
|
|
font: inherit;
|
|
font-size: 1rem;
|
|
font-weight: 600;
|
|
|
|
/* Question text color so the label stays readable on any background. */
|
|
color: var(--ph-survey-text-primary-color, #111);
|
|
cursor: pointer;
|
|
user-select: none;
|
|
background: transparent;
|
|
border: 1.5px solid var(--ph-survey-border-color, rgb(17 17 17 / 10%));
|
|
border-radius: var(--ph-survey-border-radius, 10px);
|
|
transition:
|
|
opacity 140ms ease,
|
|
transform 140ms ease,
|
|
color 140ms ease;
|
|
}
|
|
|
|
.InsightsHostedSurvey .form-back:hover {
|
|
opacity: 0.92;
|
|
transform: translateY(-1px);
|
|
}
|
|
|
|
.InsightsHostedSurvey .form-back:active {
|
|
transform: scale(0.98);
|
|
}
|
|
|
|
.InsightsHostedSurvey .footer-branding {
|
|
z-index: 10;
|
|
display: inline-flex;
|
|
gap: 0.35rem;
|
|
align-items: center;
|
|
align-self: flex-end;
|
|
padding: 0.4rem 0.7rem;
|
|
margin-top: 1rem;
|
|
font-size: 0.72rem;
|
|
font-weight: 500;
|
|
color: var(--ph-survey-page-text-subtle, #6b6b6b);
|
|
text-decoration: none;
|
|
background: var(--ph-survey-pill-background);
|
|
/* stylelint-disable-next-line property-no-vendor-prefix */
|
|
-webkit-backdrop-filter: blur(8px);
|
|
backdrop-filter: blur(8px);
|
|
border-radius: 999px;
|
|
box-shadow:
|
|
0 1px 2px rgb(17 17 17 / 4%),
|
|
0 4px 14px rgb(17 17 17 / 6%);
|
|
opacity: 0.75;
|
|
transition: opacity 140ms ease;
|
|
}
|
|
|
|
.InsightsHostedSurvey #insights-survey-container .footer-branding {
|
|
position: fixed;
|
|
right: 1.25rem;
|
|
bottom: 1.25rem;
|
|
margin-top: 0;
|
|
}
|
|
|
|
.InsightsHostedSurvey .footer-branding:hover {
|
|
opacity: 1;
|
|
}
|
|
|
|
.InsightsHostedSurvey .footer-branding svg {
|
|
width: auto;
|
|
height: 0.85rem;
|
|
}
|
|
|
|
.InsightsHostedSurvey .loading {
|
|
display: flex;
|
|
flex: 1;
|
|
flex-direction: column;
|
|
gap: 0.75rem;
|
|
align-items: center;
|
|
justify-content: center;
|
|
min-height: 16rem;
|
|
color: var(--ph-survey-page-text-subtle);
|
|
text-align: center;
|
|
}
|
|
|
|
.InsightsHostedSurvey .loading-spinner {
|
|
width: 2rem;
|
|
height: 2rem;
|
|
border: 2px solid rgb(17 17 17 / 10%);
|
|
border-top-color: var(--ph-survey-page-text);
|
|
border-radius: 999px;
|
|
animation: InsightsHostedSurvey__spin 800ms linear infinite;
|
|
}
|
|
|
|
.InsightsHostedSurvey .loading-text {
|
|
margin: 0;
|
|
font-size: 0.9rem;
|
|
}
|
|
|
|
.InsightsHostedSurvey #insights-survey-container:has(.question-container) .loading,
|
|
.InsightsHostedSurvey #insights-survey-container:has(.thank-you-message) .loading {
|
|
display: none;
|
|
}
|
|
|
|
.InsightsHostedSurvey .sr-only {
|
|
position: absolute;
|
|
width: 1px;
|
|
height: 1px;
|
|
padding: 0;
|
|
margin: -1px;
|
|
overflow: hidden;
|
|
clip: rect(0, 0, 0, 0);
|
|
white-space: nowrap;
|
|
border: 0;
|
|
}
|
|
|
|
.InsightsHostedSurvey .survey-keyhint {
|
|
display: none;
|
|
gap: 1rem;
|
|
align-items: center;
|
|
font-size: 0.84rem;
|
|
color: var(--ph-survey-text-subtle-color, #6b6b6b);
|
|
pointer-events: none;
|
|
user-select: none;
|
|
}
|
|
|
|
.InsightsHostedSurvey .survey-keyhint-row {
|
|
display: inline-flex;
|
|
gap: 0.4rem;
|
|
align-items: center;
|
|
}
|
|
|
|
.InsightsHostedSurvey .survey-kbd {
|
|
display: inline-flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
min-width: 1.7rem;
|
|
height: 1.7rem;
|
|
padding: 0 0.45rem;
|
|
font-family: inherit;
|
|
font-size: 0.88rem;
|
|
font-weight: 500;
|
|
font-variant-numeric: tabular-nums;
|
|
line-height: 1;
|
|
color: var(--ph-survey-text-primary-color, #111);
|
|
background: var(--ph-survey-rating-bg-color, var(--ph-survey-input-background, rgb(17 17 17 / 6%)));
|
|
border: 1px solid var(--ph-survey-border-color, rgb(17 17 17 / 10%));
|
|
border-radius: 6px;
|
|
box-shadow:
|
|
inset 0 0 0 1px rgb(255 255 255 / 5%),
|
|
0 1px 2px rgb(17 17 17 / 12%);
|
|
}
|
|
|
|
.InsightsHostedSurvey .survey-keyhint-label {
|
|
font-weight: 400;
|
|
color: var(--ph-survey-text-subtle-color, #6b6b6b);
|
|
letter-spacing: 0.01em;
|
|
}
|
|
|
|
@media (hover: hover) and (pointer: fine) {
|
|
.InsightsHostedSurvey .survey-keyhint {
|
|
display: inline-flex;
|
|
}
|
|
|
|
.InsightsHostedSurvey .multiple-choice-options label:hover:not(:has(input:checked)),
|
|
.InsightsHostedSurvey .ratings-number:hover:not(.rating-active) {
|
|
border-color: rgb(17 17 17 / 22%);
|
|
transform: translateY(-1px);
|
|
}
|
|
|
|
.InsightsHostedSurvey .form-submit:hover:not([disabled]) {
|
|
opacity: 0.92;
|
|
transform: translateY(-1px);
|
|
}
|
|
}
|
|
|
|
@media (max-width: 640px) {
|
|
.InsightsHostedSurvey .main-container,
|
|
.InsightsHostedSurvey.main-container {
|
|
padding: 1.25rem;
|
|
padding-bottom: max(1.25rem, env(safe-area-inset-bottom));
|
|
}
|
|
|
|
.InsightsHostedSurvey .form-submit {
|
|
width: 100%;
|
|
min-width: 0;
|
|
}
|
|
|
|
.InsightsHostedSurvey .survey-question,
|
|
.InsightsHostedSurvey .thank-you-message-header {
|
|
font-size: 1.5rem;
|
|
}
|
|
|
|
.InsightsHostedSurvey #insights-survey-container .footer-branding {
|
|
right: 0.75rem;
|
|
bottom: 0.75rem;
|
|
}
|
|
}
|
|
|
|
@media (prefers-reduced-motion: reduce) {
|
|
.InsightsHostedSurvey *,
|
|
.InsightsHostedSurvey *::before,
|
|
.InsightsHostedSurvey *::after {
|
|
transition-duration: 0.01ms !important;
|
|
animation-duration: 0.01ms !important;
|
|
animation-iteration-count: 1 !important;
|
|
scroll-behavior: auto !important;
|
|
}
|
|
}
|
|
|
|
@keyframes InsightsHostedSurvey__spin {
|
|
to {
|
|
transform: rotate(360deg);
|
|
}
|
|
}
|
|
|
|
html.embed-mode body.InsightsHostedSurvey {
|
|
min-height: auto;
|
|
background: transparent;
|
|
}
|
|
|
|
html.embed-mode .InsightsHostedSurvey .main-container,
|
|
html.embed-mode .InsightsHostedSurvey.main-container {
|
|
min-height: auto;
|
|
padding: 0;
|
|
}
|
|
|
|
html.embed-mode .InsightsHostedSurvey .survey-progress-track {
|
|
margin-bottom: 1.5rem;
|
|
}
|