Snapshot: MLS sync fixes, image refresh, plugin/theme updates

MLS plugin fixes from this session:
- Fix silent insert failures: location column NOT NULL was rejecting wpdb->insert calls,
  causing ~18k new properties since Dec 2025 to be lost. Inserts now build raw SQL
  with ST_PointFromText so the spatial column is populated atomically.
- Auto-refresh expired media URLs in MLS_Media_Handler::fetch_and_cache(), guarded by
  a property-level GET_LOCK so concurrent fetches share one API refresh.
- Normalize WP_Error to null in mls_get_property_image() so callers can rely on the
  documented string|null contract.
- Support comma-separated property_type filters in MLS_Query and MLS_Cluster so the
  homepage "View All Commercial" link (?property_type=Commercial+Sale,Land,Farm)
  actually filters correctly.
- Incremental sync now looks back 10 minutes past the latest modification timestamp
  as a safety margin against missed records.
- Smart sync exits silently (info-level, not warning) when a full sync is in progress.

Operational:
- New cron: weekly full sync Sundays at 3 AM (/usr/local/bin/mls-full-sync).
- New cron: hourly 2GB cap on mls-thumbnails/ and cache/transformed-images/
  (/usr/local/bin/mls-image-cache-cap).
- Logrotate config for wp-content/debug.log (2-day retention, daily rotation,
  delaycompress).

Repo policy:
- CLAUDE.md updated with explicit "commit everything except build artifacts" policy.
- .gitignore: untrack runtime image caches and debug.log rotations.

Other modifications in this snapshot are pre-existing in-flight theme/plugin/db_content_updates work.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
This commit is contained in:
root
2026-04-29 15:32:23 +00:00
parent 57b752f54e
commit b6df4dbb92
5385 changed files with 838580 additions and 2416 deletions
@@ -0,0 +1,577 @@
#wpforms-setup-templates-list .wpforms-template#wpforms-template-generate:hover, #wpforms-setup-templates-list .wpforms-template#wpforms-template-generate.selected {
box-shadow: 0 0 0 2px #5c24a9, 0 3px 4px rgba(0, 0, 0, 0.15);
}
#wpforms-setup-templates-list .wpforms-template#wpforms-template-generate .wpforms-template-thumbnail {
background-color: #faf5fe;
}
#wpforms-setup-templates-list .wpforms-template#wpforms-template-generate .wpforms-template-name-wrap {
display: flex;
max-height: 40px;
}
#wpforms-setup-templates-list .wpforms-template#wpforms-template-generate .wpforms-template-name-wrap .wpforms-template-name {
padding-right: 10px;
}
#wpforms-setup-templates-list .wpforms-template#wpforms-template-generate .wpforms-template-name-wrap .wpforms-badge {
box-sizing: border-box;
opacity: 1;
font-size: 8px;
padding: 6px 8px;
height: 18px;
margin-top: 20px;
}
#wpforms-setup-templates-list .wpforms-template#wpforms-template-generate .wpforms-template-generate.wpforms-inactive {
color: #ffffff;
background-color: #7a30e2;
margin: 0;
pointer-events: all;
cursor: default;
}
#wpforms-setup-templates-list .wpforms-template#wpforms-template-generate .wpforms-template-generate.wpforms-inactive:hover {
background-color: #7a30e2;
color: #ffffff;
}
#wpforms-setup-templates-list .wpforms-template#wpforms-template-generate .wpforms-template-generate.wpforms-inactive:focus {
box-shadow: none;
}
#wpforms-panel-ai-form .wpforms-panel-sidebar {
z-index: 20;
overflow: hidden;
}
#wpforms-panel-ai-form .wpforms-panel-sidebar-header {
border-bottom: 1px solid #ced7e0;
}
#wpforms-panel-ai-form .wpforms-btn-back-to-templates {
background-color: transparent;
border: none;
color: #3c434a;
width: auto;
text-align: left;
padding: 15px 15px 15px 43px;
font-size: 15px;
font-weight: 600;
cursor: pointer;
position: relative;
}
#wpforms-panel-ai-form .wpforms-btn-back-to-templates:hover {
text-decoration: underline;
}
#wpforms-panel-ai-form .wpforms-btn-back-to-templates:before {
content: '';
position: absolute;
left: 20px;
background-image: url("../../../images/integrations/ai/back.svg");
background-size: 13px 11px;
width: 13px;
height: 11px;
top: 50%;
transform: translateY(-50%);
}
#wpforms-panel-ai-form .wpforms-panel-content-wrap {
overflow-x: hidden;
}
#wpforms-panel-ai-form .wpforms-panel-content.wpforms-panel-fields {
width: 100%;
height: auto;
padding: 15px;
}
#wpforms-panel-ai-form .wpforms-panel-content .wpforms-panel-empty-state {
min-height: 485px;
height: calc( 100vh - 200px - var( --wpforms-admin-bar-height ));
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
#wpforms-panel-ai-form .wpforms-panel-content .wpforms-panel-empty-state::before {
background-image: url("../../../images/integrations/ai/ai-form-empty-state.svg");
background-position: center center;
background-repeat: no-repeat;
background-size: 568px 284px;
content: "";
display: block;
height: 284px;
width: 100%;
}
#wpforms-panel-ai-form .wpforms-panel-content .wpforms-panel-empty-state h4 {
color: #3c434a;
font-size: 24px;
font-weight: 600;
line-height: 29px;
margin: 30px 0 10px;
}
#wpforms-panel-ai-form .wpforms-panel-content .wpforms-panel-empty-state p {
color: #6a6f76;
font-size: 16px;
font-weight: 400;
line-height: 19px;
margin: 0;
text-align: center;
max-width: 600px;
}
#wpforms-panel-ai-form .wpforms-panel-content .wpforms-ai-form-generator-preview-title {
font-size: 28px;
line-height: 28px;
padding: 15px 0 30px 0;
margin: 0 15px 15px 15px;
border-bottom: 1px solid #dcdcde;
}
#wpforms-panel-ai-form .wpforms-panel-content .wpforms-ai-form-generator-preview-field {
margin: 0;
min-height: 128px;
position: relative;
}
#wpforms-panel-ai-form .wpforms-panel-content .wpforms-ai-form-generator-preview-field:has(> .placeholder.fade-out) {
min-height: 0;
}
#wpforms-panel-ai-form .wpforms-panel-content .wpforms-ai-form-generator-preview-field:has(.wpforms-ai-form-generator-hidden) {
display: none;
}
#wpforms-panel-ai-form .wpforms-panel-content .wpforms-ai-form-generator-preview-field .placeholder {
border-radius: 4px;
width: calc( 100% - 30px);
height: 98px;
margin: 15px;
background: linear-gradient(92deg, #fcfcfc 50%, #f8f8f8 100%);
position: absolute;
top: 0;
left: 0;
}
#wpforms-panel-ai-form .wpforms-panel-content .wpforms-ai-form-generator-preview-field .placeholder.fade-out {
animation: fade-out .25s ease-in;
background: transparent;
}
@keyframes fade-out {
0% {
opacity: 1;
}
100% {
opacity: 0;
background: transparent;
}
}
#wpforms-panel-ai-form .wpforms-panel-content .wpforms-ai-form-generator-preview-field .wpforms-field {
cursor: default;
opacity: 0;
}
#wpforms-panel-ai-form .wpforms-panel-content .wpforms-ai-form-generator-preview-field .wpforms-field.fade-in {
animation: fade-in .25s ease-in;
background: transparent;
opacity: 1;
}
@keyframes fade-in {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
#wpforms-panel-ai-form .wpforms-panel-content .wpforms-ai-form-generator-preview-field .wpforms-field:hover {
border-color: transparent;
}
#wpforms-panel-ai-form .wpforms-panel-content .wpforms-ai-form-generator-preview-field .wpforms-field:hover.wpforms-field-divider:not(:empty)::before {
display: revert;
}
#wpforms-panel-ai-form .wpforms-panel-content .wpforms-ai-form-generator-preview-field .wpforms-field:hover.wpforms-pagebreak-normal .wpforms-pagebreak-buttons {
border-color: transparent;
}
#wpforms-panel-ai-form .wpforms-panel-content .wpforms-ai-form-generator-preview-field .wpforms-field:hover.wpforms-pagebreak-normal .wpforms-pagebreak-divider {
background-color: #626262;
}
#wpforms-panel-ai-form .wpforms-panel-content .wpforms-ai-form-generator-preview-field .wpforms-field:hover.wpforms-pagebreak-normal .wpforms-pagebreak-divider span:not(.wpforms-badge) {
background-color: #626262;
}
#wpforms-panel-ai-form .wpforms-panel-content .wpforms-ai-form-generator-preview-field .wpforms-field:empty::before {
display: none;
}
#wpforms-panel-ai-form .wpforms-panel-content .wpforms-ai-form-generator-preview-field label,
#wpforms-panel-ai-form .wpforms-panel-content .wpforms-ai-form-generator-preview-field input,
#wpforms-panel-ai-form .wpforms-panel-content .wpforms-ai-form-generator-preview-field select,
#wpforms-panel-ai-form .wpforms-panel-content .wpforms-ai-form-generator-preview-field textarea,
#wpforms-panel-ai-form .wpforms-panel-content .wpforms-ai-form-generator-preview-field button {
cursor: default;
}
#wpforms-panel-ai-form .wpforms-panel-content .wpforms-pagebreak-normal .wpforms-pagebreak-divider {
margin: 0 -15px;
}
#wpforms-panel-ai-form .wpforms-panel-content .wpforms-ai-form-generator-preview-submit {
width: fit-content;
pointer-events: none;
background: #999c9e;
border: none;
border-radius: 4px;
color: #ffffff;
cursor: pointer;
font-size: 17px;
font-weight: 600;
line-height: 21px;
padding: 10px 15px;
margin: 20px 15px 15px 15px;
}
#wpforms-panel-ai-form .wpforms-panel-content .wpforms-ai-form-generator-preview-addons-notice {
display: flex;
align-items: center;
margin: 20px 15px 15px 15px;
}
#wpforms-panel-ai-form .wpforms-panel-content .wpforms-ai-form-generator-preview-addons-notice .wpforms-alert-message a {
color: #3c434a;
font-weight: 600;
text-decoration: underline;
}
wpforms-ai-chat:has(textarea) {
--wpforms-ai-chat-input-height: 54px;
--wpforms-ai-chat-message-list-offset: 79px;
}
wpforms-ai-chat:has(textarea) .wpforms-ai-chat-message-list {
height: calc( 100% - var( --wpforms-ai-chat-input-height, 54px ) - var( --wpforms-ai-chat-message-list-offset, 41px ));
max-height: calc( 100% - var( --wpforms-ai-chat-input-height, 54px ) - var( --wpforms-ai-chat-message-list-offset, 41px ));
}
wpforms-ai-chat:has(textarea) .wpforms-ai-chat-message-list.wpforms-scrollbar-compact {
scrollbar-gutter: stable;
}
wpforms-ai-chat:has(textarea) .wpforms-ai-chat-message-list.wpforms-scrollbar-compact .wpforms-chat-item-error .wpforms-chat-item-content {
width: 400px;
max-width: 400px;
}
wpforms-ai-chat:has(textarea) .wpforms-ai-chat-message-list .wpforms-chat-item-question {
width: auto;
max-width: 410px;
font-weight: 600;
}
wpforms-ai-chat:has(textarea) .wpforms-ai-chat-message-list .wpforms-chat-item-answer .wpforms-chat-item-content h4,
wpforms-ai-chat:has(textarea) .wpforms-ai-chat-message-list .wpforms-chat-item-warning .wpforms-chat-item-content h4,
wpforms-ai-chat:has(textarea) .wpforms-ai-chat-message-list .wpforms-chat-item-error .wpforms-chat-item-content h4 {
line-height: 22px;
margin: 0;
}
wpforms-ai-chat:has(textarea) .wpforms-ai-chat-message-list .wpforms-chat-item-answer .wpforms-chat-item-content .wpforms-ai-chat-answer-buttons,
wpforms-ai-chat:has(textarea) .wpforms-ai-chat-message-list .wpforms-chat-item-warning .wpforms-chat-item-content .wpforms-ai-chat-answer-buttons,
wpforms-ai-chat:has(textarea) .wpforms-ai-chat-message-list .wpforms-chat-item-error .wpforms-chat-item-content .wpforms-ai-chat-answer-buttons {
margin-top: 10px;
}
wpforms-ai-chat:has(textarea) .wpforms-ai-chat-message-list .wpforms-chat-item-pre-message .wpforms-ai-chat-answer-buttons {
display: none;
}
wpforms-ai-chat:has(textarea) .wpforms-ai-chat-message-list .wpforms-chat-item-answer:last-child {
margin-bottom: 20px;
}
wpforms-ai-chat:has(textarea) .wpforms-ai-chat-message-list .wpforms-chat-item-content {
position: relative;
}
wpforms-ai-chat:has(textarea) .wpforms-ai-chat-inactive .wpforms-chat-item-answer:not(.active) .wpforms-chat-item-content {
pointer-events: none;
}
wpforms-ai-chat:has(textarea) .wpforms-ai-chat-message-input {
padding: 35px 40px;
height: calc( var( --wpforms-ai-chat-input-height, 54px ) + var( --wpforms-ai-chat-message-list-offset, 50px ));
max-height: calc( var( --wpforms-ai-chat-input-height, 54px ) + var( --wpforms-ai-chat-message-list-offset, 50px ));
}
wpforms-ai-chat:has(textarea) .wpforms-ai-chat-message-input .wpforms-ai-chat-send,
wpforms-ai-chat:has(textarea) .wpforms-ai-chat-message-input .wpforms-ai-chat-stop {
inset-inline-end: 41px;
bottom: 38px;
}
wpforms-ai-chat:has(textarea) .wpforms-ai-chat-message-input textarea {
margin-top: 6px !important;
}
wpforms-ai-chat[mode="forms"] {
height: calc( 100% - 50px);
--wpforms-ai-chat-message-list-offset: 40px;
}
wpforms-ai-chat[mode="forms"] .wpforms-ai-chat-message-list {
padding: 20px 20px 0 19px !important;
}
wpforms-ai-chat[mode="forms"] .wpforms-ai-chat-message-list .wpforms-ai-chat-header h3.wpforms-ai-chat-header-title {
font-weight: 600;
}
wpforms-ai-chat[mode="forms"] .wpforms-ai-chat-message-list .wpforms-ai-chat-header .wpforms-ai-chat-header-description a {
display: block;
line-height: 24px;
margin-top: 5px;
}
wpforms-ai-chat[mode="forms"] .wpforms-ai-chat-message-list.wpforms-scrollbar-compact {
padding: 20px 6px 0 19px !important;
}
wpforms-ai-chat[mode="forms"] .wpforms-ai-chat-message-list .wpforms-ai-chat-divider {
border-top: none;
margin: 0 0 40px 0;
}
wpforms-ai-chat[mode="forms"] .wpforms-ai-chat-message-input {
padding: 20px;
}
wpforms-ai-chat[mode="forms"] .wpforms-ai-chat-message-input .wpforms-ai-chat-send,
wpforms-ai-chat[mode="forms"] .wpforms-ai-chat-message-input .wpforms-ai-chat-stop {
inset-inline-end: 20px;
bottom: 19px;
}
wpforms-ai-chat[mode="forms"] .wpforms-ai-chat-message-input textarea {
margin-top: unset !important;
}
wpforms-ai-chat[mode="forms"] .wpforms-ai-chat-welcome-screen-sample-prompts i.wpforms-ai-chat-sample-restaurant {
background-image: url("../../../images/integrations/ai/icon-restaurant.svg");
}
wpforms-ai-chat[mode="forms"] .wpforms-ai-chat-welcome-screen-sample-prompts i.wpforms-ai-chat-sample-ticket {
background-image: url("../../../images/integrations/ai/icon-ticket.svg");
}
wpforms-ai-chat[mode="forms"] .wpforms-ai-chat-welcome-screen-sample-prompts i.wpforms-ai-chat-sample-design {
background-image: url("../../../images/integrations/ai/icon-design.svg");
}
wpforms-ai-chat[mode="forms"] .wpforms-ai-chat-welcome-screen-sample-prompts i.wpforms-ai-chat-sample-stop {
background-image: url("../../../images/integrations/ai/icon-stop-sign.svg");
}
wpforms-ai-chat[mode="forms"] .wpforms-ai-chat-welcome-screen-sample-prompts i.wpforms-ai-chat-sample-pizza {
background-image: url("../../../images/integrations/ai/icon-pizza.svg");
}
wpforms-ai-chat[mode="forms"] .wpforms-ai-chat-welcome-screen-sample-prompts i.wpforms-ai-chat-sample-market {
background-image: url("../../../images/integrations/ai/icon-market.svg");
}
wpforms-ai-chat.wpforms-ai-chat-blue .wpforms-ai-chat-message-list .wpforms-ai-chat-message-item .wpforms-ai-chat-header .wpforms-ai-chat-header-description {
font-size: 16px;
color: #3c434a;
line-height: 24px;
}
wpforms-ai-chat.wpforms-ai-chat-blue .wpforms-ai-chat-message-list .wpforms-ai-chat-message-item .wpforms-ai-chat-header .wpforms-ai-chat-header-description a {
color: #036aab;
font-size: 15px;
}
wpforms-ai-chat.wpforms-ai-chat-blue .wpforms-ai-chat-message-list .wpforms-ai-chat-message-item .wpforms-ai-chat-header .wpforms-ai-chat-header-description a:hover, wpforms-ai-chat.wpforms-ai-chat-blue .wpforms-ai-chat-message-list .wpforms-ai-chat-message-item .wpforms-ai-chat-header .wpforms-ai-chat-header-description a:focus {
color: #0399ed;
}
wpforms-ai-chat.wpforms-ai-chat-blue .wpforms-ai-chat-message-list .wpforms-chat-item-question {
background-color: #0399ed;
}
wpforms-ai-chat.wpforms-ai-chat-blue .wpforms-ai-chat-message-list .wpforms-chat-item-spinner {
background: #dfe7ef;
}
wpforms-ai-chat.wpforms-ai-chat-blue .wpforms-ai-chat-message-list .wpforms-chat-item-answer .wpforms-chat-item-content,
wpforms-ai-chat.wpforms-ai-chat-blue .wpforms-ai-chat-message-list .wpforms-chat-item-warning .wpforms-chat-item-content {
background: #dfe7ef;
border: 2px solid transparent;
cursor: pointer;
transition-property: border-color;
transition-duration: 0.15s;
transition-timing-function: ease-out;
}
wpforms-ai-chat.wpforms-ai-chat-blue .wpforms-ai-chat-message-list .wpforms-chat-item-answer .wpforms-chat-item-content:hover,
wpforms-ai-chat.wpforms-ai-chat-blue .wpforms-ai-chat-message-list .wpforms-chat-item-warning .wpforms-chat-item-content:hover {
border-color: #86919e;
}
wpforms-ai-chat.wpforms-ai-chat-blue .wpforms-ai-chat-message-list .wpforms-chat-item-answer .wpforms-chat-item-content h4,
wpforms-ai-chat.wpforms-ai-chat-blue .wpforms-ai-chat-message-list .wpforms-chat-item-warning .wpforms-chat-item-content h4 {
font-weight: 600;
}
wpforms-ai-chat.wpforms-ai-chat-blue .wpforms-ai-chat-message-list .wpforms-chat-item-answer .wpforms-ai-chat-answer-buttons button span,
wpforms-ai-chat.wpforms-ai-chat-blue .wpforms-ai-chat-message-list .wpforms-chat-item-warning .wpforms-ai-chat-answer-buttons button span {
font-weight: 600;
}
wpforms-ai-chat.wpforms-ai-chat-blue .wpforms-ai-chat-message-list .wpforms-chat-item-answer:not(.active) .wpforms-ai-chat-answer-buttons,
wpforms-ai-chat.wpforms-ai-chat-blue .wpforms-ai-chat-message-list .wpforms-chat-item-warning:not(.active) .wpforms-ai-chat-answer-buttons {
border-top: 1px solid #ced7e0;
}
wpforms-ai-chat.wpforms-ai-chat-blue .wpforms-ai-chat-message-list .wpforms-chat-item-answer:not(.active) .wpforms-ai-chat-answer-buttons button,
wpforms-ai-chat.wpforms-ai-chat-blue .wpforms-ai-chat-message-list .wpforms-chat-item-warning:not(.active) .wpforms-ai-chat-answer-buttons button {
opacity: 0.5;
pointer-events: none;
}
wpforms-ai-chat.wpforms-ai-chat-blue .wpforms-ai-chat-message-list .wpforms-chat-item-answer:not(.active) .wpforms-ai-chat-answer-buttons .wpforms-ai-chat-answer-buttons-response .wpforms-ai-chat-answer-button.dislike,
wpforms-ai-chat.wpforms-ai-chat-blue .wpforms-ai-chat-message-list .wpforms-chat-item-warning:not(.active) .wpforms-ai-chat-answer-buttons .wpforms-ai-chat-answer-buttons-response .wpforms-ai-chat-answer-button.dislike {
background-image: url("../../../images/integrations/ai/thumbs-down-inactive.svg");
}
wpforms-ai-chat.wpforms-ai-chat-blue .wpforms-ai-chat-message-list .wpforms-chat-item-answer:not(.active) .wpforms-ai-chat-answer-buttons .wpforms-ai-chat-answer-buttons-response button,
wpforms-ai-chat.wpforms-ai-chat-blue .wpforms-ai-chat-message-list .wpforms-chat-item-warning:not(.active) .wpforms-ai-chat-answer-buttons .wpforms-ai-chat-answer-buttons-response button {
opacity: 1;
color: #b0b6bd;
}
wpforms-ai-chat.wpforms-ai-chat-blue .wpforms-ai-chat-message-list .wpforms-chat-item-answer:not(.active) .wpforms-ai-chat-answer-action,
wpforms-ai-chat.wpforms-ai-chat-blue .wpforms-ai-chat-message-list .wpforms-chat-item-warning:not(.active) .wpforms-ai-chat-answer-action {
background: #86919e;
color: #ffffff;
}
wpforms-ai-chat.wpforms-ai-chat-blue .wpforms-ai-chat-message-list .wpforms-chat-item-answer.active .wpforms-chat-item-content,
wpforms-ai-chat.wpforms-ai-chat-blue .wpforms-ai-chat-message-list .wpforms-chat-item-warning.active .wpforms-chat-item-content {
background: #ffffff;
border-color: #ffffff;
}
wpforms-ai-chat.wpforms-ai-chat-blue .wpforms-ai-chat-message-list .wpforms-chat-item-answer.active .wpforms-chat-item-content:hover,
wpforms-ai-chat.wpforms-ai-chat-blue .wpforms-ai-chat-message-list .wpforms-chat-item-warning.active .wpforms-chat-item-content:hover {
cursor: default;
}
wpforms-ai-chat.wpforms-ai-chat-blue .wpforms-ai-chat-message-list .wpforms-chat-item-answer.active .wpforms-ai-chat-answer-buttons button,
wpforms-ai-chat.wpforms-ai-chat-blue .wpforms-ai-chat-message-list .wpforms-chat-item-warning.active .wpforms-ai-chat-answer-buttons button {
opacity: 1;
}
wpforms-ai-chat.wpforms-ai-chat-blue .wpforms-ai-chat-message-list .wpforms-chat-item-error .wpforms-chat-item-content {
background: #ffffff;
}
wpforms-ai-chat.wpforms-ai-chat-blue .wpforms-ai-chat-message-list .wpforms-chat-item-error .wpforms-chat-item-content h4 {
font-weight: 600;
}
wpforms-ai-chat.wpforms-ai-chat-blue .wpforms-ai-chat-message-list .wpforms-chat-item-error .wpforms-chat-item-content span a {
color: #3c434a;
}
wpforms-ai-chat.wpforms-ai-chat-blue .wpforms-ai-chat-message-list .wpforms-chat-item-error .wpforms-chat-item-content span a:hover {
color: #6a6f76;
}
wpforms-ai-chat.wpforms-ai-chat-blue .wpforms-ai-chat-message-list .wpforms-chat-item-answer-waiting .wpforms-chat-item-spinner {
color: #86919e;
}
wpforms-ai-chat.wpforms-ai-chat-blue .wpforms-ai-chat-message-input {
border-top: 1px solid #ced7e0;
background: #dfe7ef;
}
wpforms-ai-chat.wpforms-ai-chat-blue .wpforms-ai-chat-message-input textarea {
font-size: 15px;
}
wpforms-ai-chat.wpforms-ai-chat-blue .wpforms-ai-chat-message-input textarea::placeholder {
color: #b0b6bd;
}
wpforms-ai-chat.wpforms-ai-chat-blue .wpforms-ai-chat-message-input textarea:not(:focus) {
border-color: #b0b6bd;
}
wpforms-ai-chat.wpforms-ai-chat-blue .wpforms-ai-chat-message-input textarea:focus {
border: 1px solid #036aab;
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.07), 0 0 0 1px #036aab;
}
wpforms-ai-chat.wpforms-ai-chat-blue .wpforms-ai-chat-send,
wpforms-ai-chat.wpforms-ai-chat-blue .wpforms-ai-chat-stop {
background-color: #036aab;
}
wpforms-ai-chat.wpforms-ai-chat-blue .wpforms-ai-chat-send:hover, wpforms-ai-chat.wpforms-ai-chat-blue .wpforms-ai-chat-send:focus,
wpforms-ai-chat.wpforms-ai-chat-blue .wpforms-ai-chat-stop:hover,
wpforms-ai-chat.wpforms-ai-chat-blue .wpforms-ai-chat-stop:focus {
background-color: #215d8f;
}
wpforms-ai-chat.wpforms-ai-chat-blue .wpforms-ai-chat-welcome-screen-sample-prompts li {
border-bottom: 1px solid #ced7e0;
}
wpforms-ai-chat.wpforms-ai-chat-blue .wpforms-ai-chat-welcome-screen-sample-prompts li:last-child {
border-bottom: none;
}
wpforms-ai-chat.wpforms-ai-chat-blue .wpforms-ai-chat-welcome-screen-sample-prompts li::after {
background-image: url("../../../images/integrations/ai/icon-send-blue.svg");
}
wpforms-ai-chat.wpforms-ai-chat-blue .wpforms-ai-chat-welcome-screen-sample-prompts li:hover a {
color: #036aab;
}
wpforms-ai-chat.wpforms-ai-chat-blue .wpforms-ai-chat-welcome-screen-sample-prompts li a:hover, wpforms-ai-chat.wpforms-ai-chat-blue .wpforms-ai-chat-welcome-screen-sample-prompts li a:focus {
color: #036aab;
text-decoration: underline;
}
.wpforms_page_wpforms-builder .jconfirm .jconfirm-box.wpforms-ai-forms-install-addons-modal .jconfirm-checkbox {
grid-column: 1 / -1;
margin: 5px 0 10px 0;
color: #6a6f76;
vertical-align: center;
}
.wpforms_page_wpforms-builder .jconfirm .jconfirm-box.wpforms-ai-forms-install-addons-modal .jconfirm-checkbox input[type="checkbox"] {
border-color: #a6a6a6;
background: #ffffff;
}
.wpforms_page_wpforms-builder .jconfirm .jconfirm-box.wpforms-ai-forms-addons-installed-modal .jconfirm-buttons {
margin-top: 0;
}
File diff suppressed because one or more lines are too long
@@ -0,0 +1,585 @@
wpforms-ai-chat[mode="choices"] .wpforms-ai-chat-answer-buttons .wpforms-btn-orange {
background-color: #e27730;
border-color: #e27730;
color: #ffffff;
}
wpforms-ai-chat[mode="choices"] .wpforms-ai-chat-answer-buttons .wpforms-btn-orange:hover {
background-color: #cd6622;
border-color: #cd6622;
color: #ffffff;
}
wpforms-ai-chat[mode="choices"] .wpforms-ai-chat-answer-buttons .wpforms-btn-sm {
font-size: 13px;
font-weight: 500;
padding: 0 10px;
height: 32px;
line-height: 30px;
}
wpforms-ai-chat[mode="choices"] .wpforms-ai-chat-welcome-screen-sample-prompts i.wpforms-ai-chat-flag {
background-image: url("../../../images/integrations/ai/flag-usa.svg");
}
wpforms-ai-chat[mode="choices"] .wpforms-ai-chat-welcome-screen-sample-prompts i.wpforms-ai-chat-clover {
background-image: url("../../../images/integrations/ai/leaf-maple.svg");
}
wpforms-ai-chat[mode="choices"] .wpforms-ai-chat-welcome-screen-sample-prompts i.wpforms-ai-chat-thumbs-up {
background-image: url("../../../images/integrations/ai/thumbs-up.svg");
}
wpforms-ai-chat[mode="choices"] .wpforms-ai-chat-welcome-screen-sample-prompts i.wpforms-ai-chat-globe {
background-image: url("../../../images/integrations/ai/globe-americas.svg");
}
wpforms-ai-chat[mode="choices"] .wpforms-ai-chat-welcome-screen-sample-prompts i.wpforms-ai-chat-palm {
background-image: url("../../../images/integrations/ai/tree-palm.svg");
}
wpforms-ai-chat[mode="choices"] .wpforms-ai-chat-welcome-screen-sample-prompts i.wpforms-ai-chat-shop {
background-image: url("../../../images/integrations/ai/store.svg");
}
wpforms-ai-chat {
display: block;
max-height: 100%;
height: 100%;
overflow: hidden;
}
wpforms-ai-chat .wpforms-ai-chat {
display: block;
max-height: 100%;
height: 100%;
overflow: hidden;
}
wpforms-ai-chat .wpforms-ai-chat-message-list {
margin: 0;
padding: 40px 40px 20px 40px;
display: flex;
flex-direction: column;
overflow: auto;
height: calc( 100% - 134px);
max-height: calc( 100% - 134px);
}
wpforms-ai-chat .wpforms-ai-chat-message-list .wpforms-chat-item-answer:last-child {
margin-bottom: 40px;
}
wpforms-ai-chat .wpforms-ai-chat-message-list.wpforms-scrollbar-compact {
padding-right: 25px;
padding-bottom: 20px;
}
wpforms-ai-chat .wpforms-ai-chat-message-list .wpforms-chat-item-question {
width: 410px;
margin-bottom: 20px;
margin-inline-start: auto;
display: flex;
height: fit-content;
padding: 15px 20px 15px 20px;
color: #ffffff;
gap: 10px;
border-radius: 24px;
border-start-end-radius: 0;
font-weight: 500;
font-size: 15px;
line-height: 22px;
overflow-wrap: anywhere;
}
wpforms-ai-chat .wpforms-ai-chat-message-list .wpforms-chat-item-question div > h4:first-child {
margin-block-start: 0;
}
wpforms-ai-chat .wpforms-ai-chat-message-list .wpforms-ai-chat-message-item.wpforms-chat-item-text {
white-space: pre-line;
}
wpforms-ai-chat .wpforms-ai-chat-message-list .wpforms-ai-chat-message-item .wpforms-ai-chat-header h3.wpforms-ai-chat-header-title {
font-weight: 600;
font-size: 24px;
line-height: 30px;
margin: 0 0 10px;
}
wpforms-ai-chat .wpforms-ai-chat-message-list .wpforms-ai-chat-message-item .wpforms-ai-chat-header h3.wpforms-ai-chat-header-title:after {
content: '';
display: inline-block;
vertical-align: top;
width: 16px;
height: 16px;
background-image: url("../../../images/integrations/ai/ai-feature.svg");
background-size: 16px 16px;
opacity: .85;
margin-left: 2px;
}
wpforms-ai-chat .wpforms-ai-chat-message-list .wpforms-ai-chat-message-item .wpforms-ai-chat-header .wpforms-ai-chat-header-description {
color: #6a6f76;
}
wpforms-ai-chat .wpforms-ai-chat-message-list .wpforms-ai-chat-message-item .wpforms-ai-chat-header .wpforms-ai-chat-header-description a {
color: #a7aaad;
}
wpforms-ai-chat .wpforms-ai-chat-message-list .wpforms-ai-chat-message-item .wpforms-ai-chat-header .wpforms-ai-chat-header-description a:hover, wpforms-ai-chat .wpforms-ai-chat-message-list .wpforms-ai-chat-message-item .wpforms-ai-chat-header .wpforms-ai-chat-header-description a:focus {
color: #3c434a;
}
wpforms-ai-chat .wpforms-ai-chat-message-list .wpforms-ai-chat-divider {
border-top: 1px solid #dcdcde;
margin: 40px 0;
}
wpforms-ai-chat .wpforms-ai-chat-message-input {
display: flex;
height: 134px;
position: relative;
padding: 40px;
background-color: #f6f7f7;
box-shadow: 0 -1px 0 #dcdcde;
}
wpforms-ai-chat .wpforms-ai-chat-message-input input[type="text"],
wpforms-ai-chat .wpforms-ai-chat-message-input textarea {
padding: 10px 15px;
padding-inline-end: 54px;
width: 100%;
height: 54px;
min-height: 54px;
font-size: 16px;
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.07);
border-radius: 6px;
}
wpforms-ai-chat .wpforms-ai-chat-message-input input[type="text"]::placeholder,
wpforms-ai-chat .wpforms-ai-chat-message-input textarea::placeholder {
color: #a7aaad;
}
wpforms-ai-chat .wpforms-ai-chat-message-input input[type="text"]:disabled,
wpforms-ai-chat .wpforms-ai-chat-message-input textarea:disabled {
background-color: #ffffff;
opacity: 1;
}
wpforms-ai-chat .wpforms-ai-chat-message-input input[type="text"]:focus,
wpforms-ai-chat .wpforms-ai-chat-message-input textarea:focus {
border: 1px solid #6a6f76;
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.07), 0 0 0 1px #6a6f76;
}
wpforms-ai-chat .wpforms-ai-chat-message-input textarea {
line-height: 22px;
padding: 15px 40px 15px 15px;
overflow-x: hidden;
}
wpforms-ai-chat .wpforms-ai-chat-message-input textarea::-webkit-scrollbar {
background: transparent;
width: 10px;
height: 10px;
}
wpforms-ai-chat .wpforms-ai-chat-message-input textarea::-webkit-scrollbar-track {
background: transparent;
}
wpforms-ai-chat .wpforms-ai-chat-message-input textarea::-webkit-scrollbar-thumb {
box-shadow: inset 0 0 2px 2px rgba(0, 0, 0, 0);
background: transparent;
border-radius: 10px;
border: solid 3px transparent;
}
wpforms-ai-chat .wpforms-ai-chat-message-input textarea::-webkit-resizer, wpforms-ai-chat .wpforms-ai-chat-message-input textarea::-webkit-scrollbar-button, wpforms-ai-chat .wpforms-ai-chat-message-input textarea::-webkit-scrollbar-corner {
display: none;
}
@-moz-document url-prefix() {
wpforms-ai-chat .wpforms-ai-chat-message-input textarea {
scrollbar-color: rgba(0, 0, 0, 0) transparent;
scrollbar-gutter: initial !important;
scrollbar-width: thin;
}
}
wpforms-ai-chat .wpforms-ai-chat-message-input textarea:hover::-webkit-scrollbar {
background: transparent;
width: 10px;
height: 10px;
}
wpforms-ai-chat .wpforms-ai-chat-message-input textarea:hover::-webkit-scrollbar-track {
background: transparent;
}
wpforms-ai-chat .wpforms-ai-chat-message-input textarea:hover::-webkit-scrollbar-thumb {
box-shadow: inset 0 0 2px 2px rgba(0, 0, 0, 0.5);
background: transparent;
border-radius: 10px;
border: solid 3px transparent;
}
wpforms-ai-chat .wpforms-ai-chat-message-input textarea:hover::-webkit-resizer, wpforms-ai-chat .wpforms-ai-chat-message-input textarea:hover::-webkit-scrollbar-button, wpforms-ai-chat .wpforms-ai-chat-message-input textarea:hover::-webkit-scrollbar-corner {
display: none;
}
@-moz-document url-prefix() {
wpforms-ai-chat .wpforms-ai-chat-message-input textarea:hover {
scrollbar-color: rgba(0, 0, 0, 0.5) transparent;
scrollbar-gutter: initial !important;
scrollbar-width: thin;
}
}
wpforms-ai-chat .wpforms-ai-chat-message-input .wpforms-ai-chat-send {
background-image: url("../../../images/integrations/ai/icon-send.svg");
background-size: 16px;
}
wpforms-ai-chat .wpforms-ai-chat-message-input .wpforms-ai-chat-stop {
background-image: url("../../../images/integrations/ai/icon-stop.svg");
background-size: 14px;
}
wpforms-ai-chat .wpforms-ai-chat-message-input .wpforms-ai-chat-send,
wpforms-ai-chat .wpforms-ai-chat-message-input .wpforms-ai-chat-stop {
position: absolute;
inset-inline-end: 40px;
bottom: 40px;
height: 32px;
width: 32px;
border: none;
border-radius: 4px;
cursor: pointer;
padding: 0;
margin: 11px;
background-repeat: no-repeat;
background-position: center;
}
wpforms-ai-chat .wpforms-ai-chat-message-input .wpforms-ai-chat-send.wpforms-hidden,
wpforms-ai-chat .wpforms-ai-chat-message-input .wpforms-ai-chat-stop.wpforms-hidden {
display: none;
}
wpforms-ai-chat .wpforms-ai-chat-message-input .wpforms-ai-chat-send:dir(rtl),
wpforms-ai-chat .wpforms-ai-chat-message-input .wpforms-ai-chat-stop:dir(rtl) {
transform: scaleX(-1);
}
wpforms-ai-chat .wpforms-ai-chat-answer-buttons {
border-top: 1px solid rgba(220, 220, 222, 0.5);
padding-top: 20px;
display: flex;
gap: 15px;
justify-content: space-between;
align-items: center;
}
wpforms-ai-chat .wpforms-ai-chat-answer-buttons button.wpforms-ai-chat-answer-action, wpforms-ai-chat .wpforms-ai-chat-answer-buttons a.wpforms-ai-chat-answer-learn-more {
border-radius: 4px;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
gap: 8px;
padding: 6px 10px;
border: none;
text-decoration: none;
}
wpforms-ai-chat .wpforms-ai-chat-answer-buttons button.wpforms-ai-chat-answer-action span, wpforms-ai-chat .wpforms-ai-chat-answer-buttons a.wpforms-ai-chat-answer-learn-more span {
font-size: 14px;
font-weight: 500;
}
wpforms-ai-chat .wpforms-ai-chat-answer-buttons button.wpforms-ai-chat-answer-action::before {
content: '';
display: inline-block;
width: 12px;
height: 14px;
background-image: url("../../../images/integrations/ai/insert.svg");
background-size: 12px 14px;
opacity: .65;
}
wpforms-ai-chat .wpforms-ai-chat-answer-buttons .wpforms-ai-chat-answer-buttons-response {
display: flex;
gap: 12px;
align-items: center;
}
wpforms-ai-chat .wpforms-ai-chat-answer-buttons .wpforms-ai-chat-answer-button {
background-color: transparent;
border: none;
padding: 0;
margin: 0;
line-height: 16px;
cursor: pointer;
}
wpforms-ai-chat .wpforms-ai-chat-answer-buttons .wpforms-ai-chat-answer-button.dislike {
width: 18px;
height: 16px;
background-image: url("../../../images/integrations/ai/thumbs-down.svg");
background-size: 18px 16px;
}
wpforms-ai-chat .wpforms-ai-chat-answer-buttons .wpforms-ai-chat-answer-button.dislike:hover, wpforms-ai-chat .wpforms-ai-chat-answer-buttons .wpforms-ai-chat-answer-button.dislike:focus {
background-image: url("../../../images/integrations/ai/thumbs-down-hover.svg");
}
wpforms-ai-chat .wpforms-ai-chat-answer-buttons .wpforms-ai-chat-answer-button.dislike.clicked {
background-image: url("../../../images/integrations/ai/thumbs-down-solid.svg");
cursor: default;
}
wpforms-ai-chat .wpforms-ai-chat-answer-buttons .wpforms-ai-chat-answer-button.refresh {
color: #8c8f94;
font-size: 16px;
}
wpforms-ai-chat .wpforms-ai-chat-answer-buttons .wpforms-ai-chat-answer-button.refresh:hover, wpforms-ai-chat .wpforms-ai-chat-answer-buttons .wpforms-ai-chat-answer-button.refresh:focus {
color: #d63638;
}
wpforms-ai-chat .wpforms-chat-item-answer-waiting {
display: flex;
gap: 5px;
margin: 0 0 20px 0;
}
wpforms-ai-chat .wpforms-chat-item-answer-waiting:before {
content: '';
display: inline-block;
vertical-align: middle;
width: 32px;
height: 32px;
background-image: url("../../../images/integrations/ai/ai-answer-icon.svg");
background-size: 32px 32px;
}
wpforms-ai-chat .wpforms-chat-item-answer-waiting .wpforms-chat-item-spinner {
height: 50px;
width: 82px;
display: flex;
justify-content: center;
align-items: center;
color: #a7aaad;
background-color: #f6f7f7;
border-radius: 0 24px 24px 24px;
}
wpforms-ai-chat .wpforms-chat-item-answer,
wpforms-ai-chat .wpforms-chat-item-notice,
wpforms-ai-chat .wpforms-chat-item-warning,
wpforms-ai-chat .wpforms-chat-item-error {
gap: 8px;
display: flex;
font-size: 15px;
line-height: 15px;
text-align: left;
margin: 0 0 20px 0;
height: fit-content;
}
wpforms-ai-chat .wpforms-chat-item-answer:before,
wpforms-ai-chat .wpforms-chat-item-notice:before,
wpforms-ai-chat .wpforms-chat-item-warning:before,
wpforms-ai-chat .wpforms-chat-item-error:before {
content: '';
display: inline-block;
vertical-align: middle;
max-width: 32px;
width: 100%;
height: 32px;
background-image: url("../../../images/integrations/ai/ai-answer-icon.svg");
background-size: 32px 32px;
background-repeat: no-repeat;
}
wpforms-ai-chat .wpforms-chat-item-answer > div,
wpforms-ai-chat .wpforms-chat-item-notice > div,
wpforms-ai-chat .wpforms-chat-item-warning > div,
wpforms-ai-chat .wpforms-chat-item-error > div {
flex-grow: 1;
padding: 20px;
display: flex;
flex-direction: column;
color: #3c434a;
background-color: #f6f7f7;
gap: 10px;
border-radius: 24px;
border-start-start-radius: 0;
}
wpforms-ai-chat .wpforms-chat-item-answer > div h4,
wpforms-ai-chat .wpforms-chat-item-notice > div h4,
wpforms-ai-chat .wpforms-chat-item-warning > div h4,
wpforms-ai-chat .wpforms-chat-item-error > div h4 {
font-size: 15px;
font-weight: 500;
margin: 5px 0;
text-align: start;
}
wpforms-ai-chat .wpforms-chat-item-answer > div ol,
wpforms-ai-chat .wpforms-chat-item-notice > div ol,
wpforms-ai-chat .wpforms-chat-item-warning > div ol,
wpforms-ai-chat .wpforms-chat-item-error > div ol {
display: flex;
flex-direction: column;
list-style: decimal;
align-items: flex-start;
gap: 15px;
padding-inline-start: 20px;
margin: 10px 0;
line-height: 22px;
}
wpforms-ai-chat .wpforms-chat-item-answer > div ol li,
wpforms-ai-chat .wpforms-chat-item-notice > div ol li,
wpforms-ai-chat .wpforms-chat-item-warning > div ol li,
wpforms-ai-chat .wpforms-chat-item-error > div ol li {
margin: 0;
word-break: break-all;
}
wpforms-ai-chat .wpforms-chat-item-answer > div > span,
wpforms-ai-chat .wpforms-chat-item-notice > div > span,
wpforms-ai-chat .wpforms-chat-item-warning > div > span,
wpforms-ai-chat .wpforms-chat-item-error > div > span {
line-height: 22px;
text-align: start;
}
wpforms-ai-chat .wpforms-chat-item-answer > div > span.wpforms-ai-chat-answer-footer-learn-more,
wpforms-ai-chat .wpforms-chat-item-notice > div > span.wpforms-ai-chat-answer-footer-learn-more,
wpforms-ai-chat .wpforms-chat-item-warning > div > span.wpforms-ai-chat-answer-footer-learn-more,
wpforms-ai-chat .wpforms-chat-item-error > div > span.wpforms-ai-chat-answer-footer-learn-more {
font-weight: 500;
}
wpforms-ai-chat .wpforms-chat-item-answer > div a.wpforms-chat-element-learn-more,
wpforms-ai-chat .wpforms-chat-item-notice > div a.wpforms-chat-element-learn-more,
wpforms-ai-chat .wpforms-chat-item-warning > div a.wpforms-chat-element-learn-more,
wpforms-ai-chat .wpforms-chat-item-error > div a.wpforms-chat-element-learn-more {
color: #7a30e2;
}
wpforms-ai-chat .wpforms-chat-item-answer > div a.wpforms-chat-element-learn-more:hover, wpforms-ai-chat .wpforms-chat-item-answer > div a.wpforms-chat-element-learn-more:focus,
wpforms-ai-chat .wpforms-chat-item-notice > div a.wpforms-chat-element-learn-more:hover,
wpforms-ai-chat .wpforms-chat-item-notice > div a.wpforms-chat-element-learn-more:focus,
wpforms-ai-chat .wpforms-chat-item-warning > div a.wpforms-chat-element-learn-more:hover,
wpforms-ai-chat .wpforms-chat-item-warning > div a.wpforms-chat-element-learn-more:focus,
wpforms-ai-chat .wpforms-chat-item-error > div a.wpforms-chat-element-learn-more:hover,
wpforms-ai-chat .wpforms-chat-item-error > div a.wpforms-chat-element-learn-more:focus {
color: #5c24a9;
}
wpforms-ai-chat .wpforms-chat-item-answer > div pre,
wpforms-ai-chat .wpforms-chat-item-notice > div pre,
wpforms-ai-chat .wpforms-chat-item-warning > div pre,
wpforms-ai-chat .wpforms-chat-item-error > div pre {
font-size: 0.9em;
line-height: 2em;
max-width: 490px;
overflow-x: auto;
overflow-y: hidden;
margin: 10px 0;
padding: 10px;
background-color: #eaeaea;
border-left: 3px solid #dcdcde;
}
wpforms-ai-chat .wpforms-chat-item-error:before {
background-image: url("../../../images/integrations/ai/ai-error-icon.svg");
}
wpforms-ai-chat .wpforms-chat-item-error > div {
background-color: #fcf0f1;
}
wpforms-ai-chat .wpforms-chat-item-error > div h4 {
color: #d63638;
margin: 0;
}
wpforms-ai-chat .wpforms-chat-item-warning:before {
background-image: url("../../../images/integrations/ai/ai-warning-icon.svg");
}
wpforms-ai-chat .wpforms-chat-item-warning > div {
background-color: #fcf6e5;
}
wpforms-ai-chat .wpforms-chat-item-warning > div h4 {
color: #444444;
margin: 0;
}
wpforms-ai-chat .wpforms-chat-item-notice {
margin-top: 0;
}
wpforms-ai-chat .wpforms-ai-chat-welcome-screen-sample-prompts {
display: flex;
flex-direction: column;
gap: 10px;
margin: 40px 0;
}
wpforms-ai-chat .wpforms-ai-chat-welcome-screen-sample-prompts li {
display: flex;
align-items: center;
gap: 15px;
margin-bottom: 0;
padding-bottom: 10px;
border-bottom: 1px solid rgba(220, 220, 222, 0.5);
}
wpforms-ai-chat .wpforms-ai-chat-welcome-screen-sample-prompts li:last-child {
padding-bottom: 0;
border-bottom: none;
}
wpforms-ai-chat .wpforms-ai-chat-welcome-screen-sample-prompts li::after {
content: '';
width: 16px;
height: 16px;
margin-inline-start: auto;
opacity: 0;
}
wpforms-ai-chat .wpforms-ai-chat-welcome-screen-sample-prompts li:hover {
cursor: pointer;
}
wpforms-ai-chat .wpforms-ai-chat-welcome-screen-sample-prompts li:hover a {
text-decoration: underline;
}
wpforms-ai-chat .wpforms-ai-chat-welcome-screen-sample-prompts li:hover::after {
opacity: 1;
}
wpforms-ai-chat .wpforms-ai-chat-welcome-screen-sample-prompts li a {
font-size: 15px;
line-height: 22px;
color: #3c434a;
text-decoration: none;
}
wpforms-ai-chat .wpforms-ai-chat-welcome-screen-sample-prompts i {
width: 20px;
height: 20px;
background-size: 20px 20px;
display: inline-block;
}
File diff suppressed because one or more lines are too long
@@ -0,0 +1,42 @@
#wpforms-setup-templates-list .wpforms-template#wpforms-template-generate:hover, #wpforms-setup-templates-list .wpforms-template#wpforms-template-generate.selected {
box-shadow: 0 0 0 2px #5c24a9, 0 3px 4px rgba(0, 0, 0, 0.15);
}
#wpforms-setup-templates-list .wpforms-template#wpforms-template-generate .wpforms-template-thumbnail {
background-color: #faf5fe;
}
#wpforms-setup-templates-list .wpforms-template#wpforms-template-generate .wpforms-template-name-wrap {
display: flex;
max-height: 40px;
}
#wpforms-setup-templates-list .wpforms-template#wpforms-template-generate .wpforms-template-name-wrap .wpforms-template-name {
padding-right: 10px;
}
#wpforms-setup-templates-list .wpforms-template#wpforms-template-generate .wpforms-template-name-wrap .wpforms-badge {
box-sizing: border-box;
opacity: 1;
font-size: 8px;
padding: 6px 8px;
height: 18px;
margin-top: 20px;
}
#wpforms-setup-templates-list .wpforms-template#wpforms-template-generate .wpforms-template-generate.wpforms-inactive {
color: #ffffff;
background-color: #7a30e2;
margin: 0;
pointer-events: all;
cursor: default;
}
#wpforms-setup-templates-list .wpforms-template#wpforms-template-generate .wpforms-template-generate.wpforms-inactive:hover {
background-color: #7a30e2;
color: #ffffff;
}
#wpforms-setup-templates-list .wpforms-template#wpforms-template-generate .wpforms-template-generate.wpforms-inactive:focus {
box-shadow: none;
}
@@ -0,0 +1 @@
#wpforms-setup-templates-list .wpforms-template#wpforms-template-generate:hover,#wpforms-setup-templates-list .wpforms-template#wpforms-template-generate.selected{box-shadow:0 0 0 2px #5c24a9,0 3px 4px rgba(0,0,0,0.15)}#wpforms-setup-templates-list .wpforms-template#wpforms-template-generate .wpforms-template-thumbnail{background-color:#faf5fe}#wpforms-setup-templates-list .wpforms-template#wpforms-template-generate .wpforms-template-name-wrap{display:flex;max-height:40px}#wpforms-setup-templates-list .wpforms-template#wpforms-template-generate .wpforms-template-name-wrap .wpforms-template-name{padding-right:10px}#wpforms-setup-templates-list .wpforms-template#wpforms-template-generate .wpforms-template-name-wrap .wpforms-badge{box-sizing:border-box;opacity:1;font-size:8px;padding:6px 8px;height:18px;margin-top:20px}#wpforms-setup-templates-list .wpforms-template#wpforms-template-generate .wpforms-template-generate.wpforms-inactive{color:#ffffff;background-color:#7a30e2;margin:0;pointer-events:all;cursor:default}#wpforms-setup-templates-list .wpforms-template#wpforms-template-generate .wpforms-template-generate.wpforms-inactive:hover{background-color:#7a30e2;color:#ffffff}#wpforms-setup-templates-list .wpforms-template#wpforms-template-generate .wpforms-template-generate.wpforms-inactive:focus{box-shadow:none}
@@ -0,0 +1,252 @@
/** AI modal */
.jconfirm-wpforms-ai-purple wpforms-ai-chat .wpforms-chat-item-question {
background-color: #7a30e2;
}
.jconfirm-wpforms-ai-purple wpforms-ai-chat .wpforms-ai-chat-send,
.jconfirm-wpforms-ai-purple wpforms-ai-chat .wpforms-ai-chat-stop {
background-color: #7a30e2;
}
.jconfirm-wpforms-ai-purple wpforms-ai-chat .wpforms-ai-chat-send:hover, .jconfirm-wpforms-ai-purple wpforms-ai-chat .wpforms-ai-chat-send:focus,
.jconfirm-wpforms-ai-purple wpforms-ai-chat .wpforms-ai-chat-stop:hover,
.jconfirm-wpforms-ai-purple wpforms-ai-chat .wpforms-ai-chat-stop:focus {
background-color: #5c24a9;
}
.jconfirm-wpforms-ai-purple wpforms-ai-chat .wpforms-ai-chat-welcome-screen-sample-prompts li::after {
background-image: url("../../../images/integrations/ai/icon-send-purple.svg");
}
.jconfirm-wpforms-ai-purple wpforms-ai-chat .wpforms-ai-chat-welcome-screen-sample-prompts li:hover a {
color: #5c24a9;
}
.jconfirm-wpforms-ai-purple wpforms-ai-chat .wpforms-ai-chat-welcome-screen-sample-prompts li a:hover, .jconfirm-wpforms-ai-purple wpforms-ai-chat .wpforms-ai-chat-welcome-screen-sample-prompts li a:focus {
color: #5c24a9;
text-decoration: underline;
}
body .jconfirm.jconfirm-wpforms-ai-modal {
background: rgba(114, 119, 124, 0.75);
backdrop-filter: blur(2px);
}
body .jconfirm.jconfirm-wpforms-ai-modal .jconfirm-box-container .jconfirm-box {
border: none;
box-shadow: 0 10px 50px 0 rgba(0, 0, 0, 0.15);
padding: 0;
}
body .jconfirm.jconfirm-wpforms-ai-modal .jconfirm-box-container .jconfirm-box .jconfirm-content-pane {
margin: 0;
overflow: hidden;
transition-property: height, max-height;
transition-duration: 0.05s;
transition-timing-function: ease-in-out;
}
body .jconfirm.jconfirm-wpforms-ai-modal .jconfirm-box-container .jconfirm-box .jconfirm-content-pane .jconfirm-content {
overflow: hidden;
height: 100%;
}
body .jconfirm.jconfirm-wpforms-ai-modal .jconfirm-box-container .jconfirm-box .jconfirm-content-pane .jconfirm-content > div {
height: 100%;
overflow: hidden;
}
body .jconfirm.jconfirm-wpforms-ai-modal .jconfirm-box-container .jconfirm-box .jconfirm-content-pane .jconfirm-content input[type="text"] {
margin: 0;
width: 100%;
}
body .jconfirm.jconfirm-wpforms-ai-modal .jconfirm-box-container .jconfirm-box .jconfirm-content-pane .jconfirm-content strong {
font-weight: 500;
}
body .jconfirm.jconfirm-wpforms-ai-modal .jconfirm-box-container .jconfirm-box .jconfirm-closeIcon {
opacity: 0.8;
top: 17px;
inset-inline-end: 24px !important;
inset-inline-start: auto;
z-index: 200;
}
body .jconfirm.jconfirm-wpforms-ai-modal .jconfirm-box-container .jconfirm-box .jconfirm-closeIcon:after {
content: '';
background-image: url("../../../images/integrations/ai/close.svg");
background-size: 13px 13px;
background-position: center;
background-repeat: no-repeat;
width: 14px;
height: 14px;
}
body .jconfirm.jconfirm-wpforms-ai-modal .jconfirm-box-container .jconfirm-box .jconfirm-closeIcon:hover {
opacity: 1;
}
body .jconfirm.jconfirm-wpforms-ai-modal .jconfirm-box-container .jconfirm-box .wpforms-ai-modal-top-bar {
position: absolute;
z-index: 100;
top: 0;
right: 0;
left: 0;
height: 46px;
padding: 0;
transition: background-color 0.15s ease, border-bottom 0.15s ease;
background-color: transparent;
border-bottom: 1px solid transparent;
}
body .jconfirm.jconfirm-wpforms-ai-modal .jconfirm-box-container .jconfirm-box .wpforms-ai-modal-top-bar.scrolled {
background-color: #f8f8f8;
border-bottom: 1px solid #ddd;
}
body .jconfirm.jconfirm-wpforms-ai-modal .jconfirm-box-container .jconfirm-box .wpforms-ai-modal-top-bar .wpforms-ai-modal-pin {
position: absolute;
top: 16px;
inset-inline-end: 53px;
width: 14px;
height: 14px;
cursor: pointer;
opacity: 0.8;
z-index: 100;
color: #bbb;
}
body .jconfirm.jconfirm-wpforms-ai-modal .jconfirm-box-container .jconfirm-box .wpforms-ai-modal-top-bar .wpforms-ai-modal-pin.not-allowed:hover {
cursor: not-allowed;
}
body .jconfirm.jconfirm-wpforms-ai-modal .jconfirm-box-container .jconfirm-box .wpforms-ai-modal-top-bar .wpforms-ai-modal-pin:after {
display: inline-block;
content: '';
background-image: url("../../../images/integrations/ai/pin-chat.svg");
background-size: 14px 12px;
width: 14px;
height: 12px;
}
body .jconfirm.jconfirm-wpforms-ai-modal .jconfirm-box-container .jconfirm-box .wpforms-ai-modal-top-bar .wpforms-ai-modal-pin:hover {
opacity: 1;
}
body .jconfirm.jconfirm-wpforms-ai-modal.pinned {
background: transparent;
backdrop-filter: blur(0.8px);
box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.15);
width: 500px;
z-index: 49;
position: fixed;
bottom: 0;
inset-inline-start: initial;
inset-inline-end: 0;
}
body .jconfirm.jconfirm-wpforms-ai-modal.pinned a {
white-space: nowrap;
}
body .jconfirm.jconfirm-wpforms-ai-modal.pinned .jconfirm-holder {
inset-inline-end: 0;
bottom: 0;
padding-top: 0 !important;
padding-bottom: 0 !important;
padding-inline: 0;
height: 10%;
}
body .jconfirm.jconfirm-wpforms-ai-modal.pinned .jconfirm-holder .jconfirm-box {
margin: 0;
width: 100%;
height: 100vh;
border-radius: 0;
grid-template-rows: 1fr;
}
body .jconfirm.jconfirm-wpforms-ai-modal.pinned .jconfirm-holder .jconfirm-box .jconfirm-content-pane {
height: calc( 100vh - 76px) !important;
max-height: 100vh !important;
}
body .jconfirm.jconfirm-wpforms-ai-modal.pinned .jconfirm-holder .jconfirm-box .jconfirm-content-pane .wpforms-ai-chat-welcome-screen {
padding-top: 35px;
}
body .jconfirm.jconfirm-wpforms-ai-modal.pinned .jconfirm-holder .jconfirm-box .jconfirm-closeIcon {
top: 16px;
}
body .jconfirm.jconfirm-wpforms-ai-modal.pinned .jconfirm-holder .jconfirm-box .wpforms-ai-modal-top-bar {
background-color: #f8f8f8;
border-bottom: 1px solid #ddd;
}
body .jconfirm.jconfirm-wpforms-ai-modal.pinned .jconfirm-holder .jconfirm-box .wpforms-ai-modal-top-bar .wpforms-ai-modal-pin {
top: 16px;
}
body .jconfirm.jconfirm-wpforms-ai-modal.pinned .jconfirm-holder .jconfirm-box .wpforms-ai-modal-top-bar .wpforms-ai-modal-pin:after {
background-image: url("../../../images/integrations/ai/unpin-chat.svg");
background-size: 14px;
width: 14px;
height: 14px;
}
body .jconfirm.jconfirm-wpforms-ai-modal.pinned .jconfirm-holder .jconfirm-box .wpforms-ai-chat-message-list {
padding: 30px;
height: calc( 100% - 114px);
max-height: none;
}
body .jconfirm.jconfirm-wpforms-ai-modal.pinned .jconfirm-holder .jconfirm-box .wpforms-ai-chat-message-list.wpforms-scrollbar-compact {
padding-right: 17px;
}
body .jconfirm.jconfirm-wpforms-ai-modal.pinned .jconfirm-holder .jconfirm-box .wpforms-ai-chat-message-list .wpforms-ai-chat-divider {
margin: 30px 0;
}
body .jconfirm.jconfirm-wpforms-ai-modal.pinned .jconfirm-holder .jconfirm-box .wpforms-ai-chat-message-list .wpforms-chat-item-question {
max-width: 280px;
}
body .jconfirm.jconfirm-wpforms-ai-modal.pinned .jconfirm-holder .jconfirm-box .wpforms-ai-chat-message-list .wpforms-chat-item-answer:last-child {
margin-bottom: 0;
}
body .jconfirm.jconfirm-wpforms-ai-modal.pinned .jconfirm-holder .jconfirm-box .wpforms-ai-chat-message-list pre {
max-width: 358px;
}
body .jconfirm.jconfirm-wpforms-ai-modal.pinned .jconfirm-holder .jconfirm-box .wpforms-ai-chat-message-input {
padding: 30px;
height: 114px;
}
body .jconfirm.jconfirm-wpforms-ai-modal.pinned .jconfirm-holder .jconfirm-box .wpforms-ai-chat-message-input textarea {
margin-top: 0 !important;
}
body .jconfirm.jconfirm-wpforms-ai-modal.pinned .jconfirm-holder .jconfirm-box .wpforms-ai-chat-message-input .wpforms-ai-chat-send, body .jconfirm.jconfirm-wpforms-ai-modal.pinned .jconfirm-holder .jconfirm-box .wpforms-ai-chat-message-input .wpforms-ai-chat-stop {
bottom: 30px;
}
body .jconfirm.jconfirm-wpforms-ai-modal.pinned .jconfirm-holder .jconfirm-box wpforms-ai-chat:has(textarea) .wpforms-ai-chat-message-list {
height: calc( 100% - var( --wpforms-ai-chat-input-height, 54px ) - var( --wpforms-ai-chat-message-list-offset, 41px ) + 17px);
}
body .jconfirm.jconfirm-wpforms-ai-modal.pinned .jconfirm-holder .jconfirm-box wpforms-ai-chat:has(textarea) .wpforms-ai-chat-message-input {
height: calc( var( --wpforms-ai-chat-input-height, 54px ) + var( --wpforms-ai-chat-message-list-offset, 50px ) - 17px);
}
body .jconfirm.jconfirm-wpforms-ai-modal.pinned.with-wpadminbar .jconfirm-holder .jconfirm-box .jconfirm-content-pane {
height: calc( 100vh - 106px) !important;
}
body.rtl .jconfirm.jconfirm-wpforms-ai-modal .jconfirm-box-container .jconfirm-box .wpforms-ai-modal-top-bar .wpforms-ai-modal-pin:after {
transform: scaleX(-1);
}
File diff suppressed because one or more lines are too long
@@ -0,0 +1,995 @@
div.wpforms-container .wpforms-form .choices {
position: relative;
margin-bottom: 24px;
}
div.wpforms-container .wpforms-form .choices ::-webkit-input-placeholder {
color: #999999;
}
div.wpforms-container .wpforms-form .choices ::-moz-placeholder {
color: #999999;
opacity: 1;
}
div.wpforms-container .wpforms-form .choices ::placeholder {
color: #999999;
}
div.wpforms-container .wpforms-form .choices:focus {
outline: none;
}
div.wpforms-container .wpforms-form .choices:last-child {
margin-bottom: 0;
}
div.wpforms-container .wpforms-form .choices.is-disabled .choices__inner, div.wpforms-container .wpforms-form .choices.is-disabled .choices__input {
background-color: #bbbbbb;
cursor: not-allowed;
user-select: none;
}
div.wpforms-container .wpforms-form .choices [hidden] {
display: none !important;
}
div.wpforms-container .wpforms-form .choices * {
box-sizing: border-box;
}
div.wpforms-container .wpforms-form .choices.is-open .choices__inner {
border-radius: 4px 4px 0 0;
}
div.wpforms-container .wpforms-form .choices.is-open.is-flipped .choices__inner {
border-radius: 0 0 4px 4px;
}
div.wpforms-container .wpforms-form .choices[data-type*="select-one"] {
cursor: pointer;
}
div.wpforms-container .wpforms-form .choices[data-type*="select-one"] .choices__inner {
display: flex;
flex-wrap: wrap;
align-items: center;
padding-top: 0 !important;
}
div.wpforms-container .wpforms-form .choices[data-type*="select-one"] input.choices__input {
display: block;
width: calc(100% - 20px) !important;
margin: 10px !important;
padding: 7px 12px !important;
box-sizing: border-box !important;
border: 1px solid #8c8f94 !important;
border-radius: 4px !important;
background-color: #fff;
}
div.wpforms-container .wpforms-form .choices[data-type*="select-one"] input.choices__input:focus {
border: 1px solid #056aab !important;
box-shadow: 0 0 0 1px #056aab !important;
outline: none !important;
}
div.wpforms-container .wpforms-form .choices[data-type*="select-one"] .choices__button {
background-image: url("../images/cross-inverse.svg");
padding: 0;
background-size: 8px;
position: absolute;
top: 50%;
inset-inline-end: 0;
margin-top: -10px;
margin-inline-end: 25px;
height: 20px;
width: 20px;
border-radius: 10em;
opacity: .5;
}
div.wpforms-container .wpforms-form .choices[data-type*="select-one"] .choices__button:hover, div.wpforms-container .wpforms-form .choices[data-type*="select-one"] .choices__button:focus {
opacity: 1;
}
div.wpforms-container .wpforms-form .choices[data-type*="select-one"] .choices__button:focus {
box-shadow: 0 0 0 2px #036aab;
}
div.wpforms-container .wpforms-form .choices[data-type*="select-one"] .choices__item[data-value=''] .choices__button {
display: none;
}
div.wpforms-container .wpforms-form .choices[data-type*="select-one"]:after {
content: "";
height: 0;
width: 0;
border-style: solid;
border-color: currentColor transparent transparent transparent;
border-width: 5px;
position: absolute;
inset-inline-end: 11.5px;
top: 50%;
margin-top: -2.5px;
pointer-events: none;
}
div.wpforms-container .wpforms-form .choices[data-type*="select-one"].is-open:after {
border-color: transparent transparent currentColor transparent;
margin-top: -7.5px;
}
div.wpforms-container .wpforms-form .choices[data-type*="select-one"][dir="rtl"]:after {
left: 11.5px;
right: auto;
}
div.wpforms-container .wpforms-form .choices[data-type*="select-one"][dir="rtl"] .choices__button {
right: auto;
left: 0;
margin-left: 25px;
margin-right: 0;
}
div.wpforms-container .wpforms-form .choices[data-type*="select-multiple"] .choices__inner {
padding-right: 24px;
}
div.wpforms-container .wpforms-form .choices[data-type*="select-multiple"] .choices__inner .choices__input {
padding: 0 4px !important;
max-width: 100%;
background-color: transparent;
line-height: 22px;
}
div.wpforms-container .wpforms-form .choices[data-type*="select-multiple"]:after {
content: "";
height: 0;
width: 0;
border-style: solid;
border-color: currentColor transparent transparent transparent;
border-width: 5px;
position: absolute;
inset-inline-end: 11.5px;
top: 50%;
margin-top: -1.5px;
pointer-events: none;
}
div.wpforms-container .wpforms-form .choices[data-type*="select-multiple"].is-open:after {
border-color: transparent transparent currentColor transparent;
margin-top: -7.5px;
}
div.wpforms-container .wpforms-form .choices[data-type*="select-multiple"] .choices__inner, div.wpforms-container .wpforms-form .choices[data-type*="text"] .choices__inner {
cursor: text;
}
div.wpforms-container .wpforms-form .choices[data-type*="select-multiple"] .choices__button, div.wpforms-container .wpforms-form .choices[data-type*="text"] .choices__button {
position: absolute;
display: inline-block;
vertical-align: baseline;
margin-top: 0;
margin-bottom: 0;
margin-inline-start: 5px;
padding: 0;
background-color: transparent;
background-image: url("../images/cross.svg");
background-size: 12px;
background-position: center center;
background-repeat: no-repeat;
width: 12px;
height: 12px;
line-height: 1;
opacity: .75;
border-radius: 0;
inset-inline-end: 4px;
}
div.wpforms-container .wpforms-form .choices[data-type*="select-multiple"] .choices__button:hover, div.wpforms-container .wpforms-form .choices[data-type*="select-multiple"] .choices__button:focus, div.wpforms-container .wpforms-form .choices[data-type*="text"] .choices__button:hover, div.wpforms-container .wpforms-form .choices[data-type*="text"] .choices__button:focus {
opacity: 1;
}
div.wpforms-container .wpforms-form .choices__inner {
width: 100%;
background-color: #ffffff;
padding: 4px 6px 0;
border: 1px solid #8c8f94;
overflow: hidden;
border-radius: 4px;
}
div.wpforms-container .wpforms-form .choices__list {
margin: 0;
padding-left: 0;
list-style: none;
}
div.wpforms-container .wpforms-form .choices__list--single {
display: inline-block;
vertical-align: baseline;
width: 100%;
padding: 0 16px 0 4px;
font-size: 0.875em;
}
div.wpforms-container .wpforms-form .choices__list--single .choices__item {
width: 100%;
overflow: hidden;
text-overflow: ellipsis;
padding-inline-end: 20px;
white-space: nowrap;
color: #2c3338;
}
div.wpforms-container .wpforms-form .choices__list--single .choices__item[data-value=''] {
padding-inline-end: 0;
}
div.wpforms-container .wpforms-form .choices__list--multiple {
display: inline;
height: auto;
overflow: auto;
}
div.wpforms-container .wpforms-form .choices__list--multiple .choices__item {
display: inline-block;
vertical-align: middle;
position: relative;
align-items: center;
border-radius: 2px;
padding-block: 4px;
padding-inline: 7px 20px;
font-size: .75em;
line-height: 1;
font-weight: 400;
margin: 0 6px 4px 0;
background-color: #036aab;
border: 1px solid #036aab;
color: #ffffff;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
max-width: calc(100% - 10px);
}
div.wpforms-container .wpforms-form .choices__list--multiple .choices__item.is-highlighted {
background-color: #036aab;
}
div.wpforms-container .wpforms-form .is-disabled .choices__list--multiple .choices__item {
background-color: #bbbbbb;
border: 1px solid #bbbbbb;
}
div.wpforms-container .wpforms-form .choices__list--dropdown {
display: none;
z-index: 101;
position: absolute;
width: 100%;
background-color: #ffffff;
border: 1px solid #8c8f94;
top: 100%;
margin-top: -1px;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
overflow: hidden;
overflow-wrap: break-word;
}
div.wpforms-container .wpforms-form .choices__list--dropdown.is-active {
display: block;
}
div.wpforms-container .wpforms-form .choices__list--dropdown .choices__list {
position: relative;
max-height: 300px;
overflow: auto;
-webkit-overflow-scrolling: touch;
will-change: scroll-position;
}
div.wpforms-container .wpforms-form .choices__list--dropdown .choices__item {
position: relative;
vertical-align: top;
padding: 10px;
font-size: .875em;
}
div.wpforms-container .wpforms-form .choices__list--dropdown .choices__item--selectable.is-highlighted {
background-color: #f6f6f6;
}
div.wpforms-container .wpforms-form .choices__list--dropdown .choices__item--selectable.is-highlighted:after {
opacity: .5;
}
div.wpforms-container .wpforms-form .choices__list--dropdown .choices__placeholder {
display: none;
}
div.wpforms-container .wpforms-form .is-flipped .choices__list--dropdown {
top: auto;
bottom: 100%;
margin-top: 0;
margin-bottom: -1px;
border-radius: 4px 4px 0 0;
}
div.wpforms-container .wpforms-form .choices__item {
cursor: default;
}
div.wpforms-container .wpforms-form .choices__item--selectable {
cursor: pointer;
}
div.wpforms-container .wpforms-form .choices__item--disabled {
cursor: not-allowed;
user-select: none;
opacity: .5;
}
div.wpforms-container .wpforms-form .choices__heading {
font-weight: 600;
font-size: .75em;
text-transform: uppercase;
padding: 10px;
border-top: 1px solid #b4b6b9;
border-bottom: 1px solid #b4b6b9;
color: #a6a6a6;
}
.choices__group[data-value="hidden"] > div.wpforms-container .wpforms-form .choices__heading {
display: none;
}
div.wpforms-container .wpforms-form .choices__button {
text-indent: -9999px;
-webkit-appearance: none;
appearance: none;
border: 0;
background-color: transparent;
background-repeat: no-repeat;
background-position: center;
cursor: pointer;
}
div.wpforms-container .wpforms-form .choices__button:focus {
outline: none;
}
div.wpforms-container .wpforms-form .choices__input {
display: inline-block;
background-color: transparent;
margin: 0 0 2px 0 !important;
border: 0 !important;
border-radius: 0 !important;
min-height: 20px !important;
padding: 2px 4px !important;
height: auto !important;
min-width: 1ch;
width: 1ch;
vertical-align: middle;
}
div.wpforms-container .wpforms-form .choices__input::-webkit-search-cancel-button {
display: none;
}
div.wpforms-container .wpforms-form .choices__input--hidden {
clip: rect(1px, 1px, 1px, 1px) !important;
clip-path: inset(50%) !important;
height: 1px !important;
margin: -1px !important;
overflow: hidden !important;
padding: 0 !important;
position: absolute !important;
width: 1px !important;
min-width: auto !important;
word-wrap: normal !important;
}
div.wpforms-container .wpforms-form .choices .choices__inner input.choices__input:focus {
outline: none !important;
box-shadow: none !important;
border: none !important;
}
div.wpforms-container .wpforms-form .choices__placeholder {
opacity: .5;
}
div.wpforms-container .wpforms-form #wpforms-admin-form-embed-wizard .choices.is-open.is-flipped .choices__inner {
border-radius: 4px 4px 0 0;
}
div.wpforms-container .wpforms-form #wpforms-admin-form-embed-wizard .is-flipped .choices__list--dropdown {
border-radius: inherit;
}
div.wpforms-container .wpforms-form #wpforms-admin-form-embed-wizard .choices[data-type*="select-one"]:after {
border: none;
background: #fff url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M5%206l5%205%205-5%202%201-7%207-7-7%202-1z%22%20fill%3D%22%23777%22%2F%3E%3C%2Fsvg%3E) no-repeat center;
background-size: 16px 16px;
cursor: pointer;
width: 16px;
height: 16px;
top: 13px;
right: 8px;
margin-top: 0;
}
div.wpforms-container .wpforms-form #wpforms-admin-form-embed-wizard .choices[data-type*="select-one"].is-flipped:after {
transform: rotate(180deg);
}
div.wpforms-container .wpforms-form .choices__list--dropdown {
min-width: 250px;
}
div.wpforms-container .wpforms-form .choices.is-disabled[data-type*="select-multiple"] .choices__button, div.wpforms-container .wpforms-form .choices.is-disabled[data-type*="text"] .choices__button {
border-left: 1px solid rgba(0, 0, 0, 0.25);
cursor: not-allowed;
}
div.wpforms-container .wpforms-form .choices ::placeholder, div.wpforms-container .wpforms-form .choices ::-webkit-input-placeholder {
opacity: 1;
}
div.wpforms-container .wpforms-form .choices {
margin-bottom: 0;
}
body.rtl div.wpforms-container .wpforms-form .choices[data-type*="select-multiple"] .choices__inner {
padding-right: 4px;
padding-left: 24px;
}
body.rtl div.wpforms-container .wpforms-form .choices__list--single {
padding-right: 4px;
padding-left: 16px;
}
body.rtl div.wpforms-container .wpforms-form .choices__list--multiple .choices__item {
margin-right: 0;
margin-left: 3.75px;
}
body.rtl div.wpforms-container .wpforms-form .choices__list--dropdown .choices__item {
text-align: right;
}
body.rtl div.wpforms-container .wpforms-form .choices__input {
padding-right: 2px !important;
padding-left: 0 !important;
}
body.rtl div.wpforms-container .wpforms-form .choices[data-type*="select-multiple"] .choices__button, body.rtl div.wpforms-container .wpforms-form .choices[data-type*="text"] .choices__button {
margin-inline-end: 0;
border-left: none;
}
@media (min-width: 640px) {
body.rtl div.wpforms-container .wpforms-form .choices__list--dropdown .choices__item--selectable {
text-align: right;
padding-left: 100px;
padding-right: 10px;
}
body.rtl div.wpforms-container .wpforms-form .choices__list--dropdown .choices__item--selectable:after {
right: auto;
left: 10px;
}
}
div.wpforms-container .wpforms-form .choices[data-type*="select-multiple"] .choices__button,
div.wpforms-container .wpforms-form .choices[data-type*="text"] .choices__button {
background-image: url("../../../images/cross.svg");
}
div.wpforms-container .wpforms-form .choices[data-type*="select-one"] .choices__button {
background-image: url("../../../images/cross-inverse.svg");
}
.et-db #et-boc .et-l .et_pb_module div.wpforms-container .wpforms-form .choices {
position: relative;
margin-bottom: 24px;
}
.et-db #et-boc .et-l .et_pb_module div.wpforms-container .wpforms-form .choices ::-webkit-input-placeholder {
color: #999999;
}
.et-db #et-boc .et-l .et_pb_module div.wpforms-container .wpforms-form .choices ::-moz-placeholder {
color: #999999;
opacity: 1;
}
.et-db #et-boc .et-l .et_pb_module div.wpforms-container .wpforms-form .choices ::placeholder {
color: #999999;
}
.et-db #et-boc .et-l .et_pb_module div.wpforms-container .wpforms-form .choices:focus {
outline: none;
}
.et-db #et-boc .et-l .et_pb_module div.wpforms-container .wpforms-form .choices:last-child {
margin-bottom: 0;
}
.et-db #et-boc .et-l .et_pb_module div.wpforms-container .wpforms-form .choices.is-disabled .choices__inner, .et-db #et-boc .et-l .et_pb_module div.wpforms-container .wpforms-form .choices.is-disabled .choices__input {
background-color: #bbbbbb;
cursor: not-allowed;
user-select: none;
}
.et-db #et-boc .et-l .et_pb_module div.wpforms-container .wpforms-form .choices [hidden] {
display: none !important;
}
.et-db #et-boc .et-l .et_pb_module div.wpforms-container .wpforms-form .choices * {
box-sizing: border-box;
}
.et-db #et-boc .et-l .et_pb_module div.wpforms-container .wpforms-form .choices.is-open .choices__inner {
border-radius: 4px 4px 0 0;
}
.et-db #et-boc .et-l .et_pb_module div.wpforms-container .wpforms-form .choices.is-open.is-flipped .choices__inner {
border-radius: 0 0 4px 4px;
}
.et-db #et-boc .et-l .et_pb_module div.wpforms-container .wpforms-form .choices[data-type*="select-one"] {
cursor: pointer;
}
.et-db #et-boc .et-l .et_pb_module div.wpforms-container .wpforms-form .choices[data-type*="select-one"] .choices__inner {
display: flex;
flex-wrap: wrap;
align-items: center;
padding-top: 0 !important;
}
.et-db #et-boc .et-l .et_pb_module div.wpforms-container .wpforms-form .choices[data-type*="select-one"] input.choices__input {
display: block;
width: calc(100% - 20px) !important;
margin: 10px !important;
padding: 7px 12px !important;
box-sizing: border-box !important;
border: 1px solid #8c8f94 !important;
border-radius: 4px !important;
background-color: #fff;
}
.et-db #et-boc .et-l .et_pb_module div.wpforms-container .wpforms-form .choices[data-type*="select-one"] input.choices__input:focus {
border: 1px solid #056aab !important;
box-shadow: 0 0 0 1px #056aab !important;
outline: none !important;
}
.et-db #et-boc .et-l .et_pb_module div.wpforms-container .wpforms-form .choices[data-type*="select-one"] .choices__button {
background-image: url("../images/cross-inverse.svg");
padding: 0;
background-size: 8px;
position: absolute;
top: 50%;
inset-inline-end: 0;
margin-top: -10px;
margin-inline-end: 25px;
height: 20px;
width: 20px;
border-radius: 10em;
opacity: .5;
}
.et-db #et-boc .et-l .et_pb_module div.wpforms-container .wpforms-form .choices[data-type*="select-one"] .choices__button:hover, .et-db #et-boc .et-l .et_pb_module div.wpforms-container .wpforms-form .choices[data-type*="select-one"] .choices__button:focus {
opacity: 1;
}
.et-db #et-boc .et-l .et_pb_module div.wpforms-container .wpforms-form .choices[data-type*="select-one"] .choices__button:focus {
box-shadow: 0 0 0 2px #036aab;
}
.et-db #et-boc .et-l .et_pb_module div.wpforms-container .wpforms-form .choices[data-type*="select-one"] .choices__item[data-value=''] .choices__button {
display: none;
}
.et-db #et-boc .et-l .et_pb_module div.wpforms-container .wpforms-form .choices[data-type*="select-one"]:after {
content: "";
height: 0;
width: 0;
border-style: solid;
border-color: currentColor transparent transparent transparent;
border-width: 5px;
position: absolute;
inset-inline-end: 11.5px;
top: 50%;
margin-top: -2.5px;
pointer-events: none;
}
.et-db #et-boc .et-l .et_pb_module div.wpforms-container .wpforms-form .choices[data-type*="select-one"].is-open:after {
border-color: transparent transparent currentColor transparent;
margin-top: -7.5px;
}
.et-db #et-boc .et-l .et_pb_module div.wpforms-container .wpforms-form .choices[data-type*="select-one"][dir="rtl"]:after {
left: 11.5px;
right: auto;
}
.et-db #et-boc .et-l .et_pb_module div.wpforms-container .wpforms-form .choices[data-type*="select-one"][dir="rtl"] .choices__button {
right: auto;
left: 0;
margin-left: 25px;
margin-right: 0;
}
.et-db #et-boc .et-l .et_pb_module div.wpforms-container .wpforms-form .choices[data-type*="select-multiple"] .choices__inner {
padding-right: 24px;
}
.et-db #et-boc .et-l .et_pb_module div.wpforms-container .wpforms-form .choices[data-type*="select-multiple"] .choices__inner .choices__input {
padding: 0 4px !important;
max-width: 100%;
background-color: transparent;
line-height: 22px;
}
.et-db #et-boc .et-l .et_pb_module div.wpforms-container .wpforms-form .choices[data-type*="select-multiple"]:after {
content: "";
height: 0;
width: 0;
border-style: solid;
border-color: currentColor transparent transparent transparent;
border-width: 5px;
position: absolute;
inset-inline-end: 11.5px;
top: 50%;
margin-top: -1.5px;
pointer-events: none;
}
.et-db #et-boc .et-l .et_pb_module div.wpforms-container .wpforms-form .choices[data-type*="select-multiple"].is-open:after {
border-color: transparent transparent currentColor transparent;
margin-top: -7.5px;
}
.et-db #et-boc .et-l .et_pb_module div.wpforms-container .wpforms-form .choices[data-type*="select-multiple"] .choices__inner, .et-db #et-boc .et-l .et_pb_module div.wpforms-container .wpforms-form .choices[data-type*="text"] .choices__inner {
cursor: text;
}
.et-db #et-boc .et-l .et_pb_module div.wpforms-container .wpforms-form .choices[data-type*="select-multiple"] .choices__button, .et-db #et-boc .et-l .et_pb_module div.wpforms-container .wpforms-form .choices[data-type*="text"] .choices__button {
position: absolute;
display: inline-block;
vertical-align: baseline;
margin-top: 0;
margin-bottom: 0;
margin-inline-start: 5px;
padding: 0;
background-color: transparent;
background-image: url("../images/cross.svg");
background-size: 12px;
background-position: center center;
background-repeat: no-repeat;
width: 12px;
height: 12px;
line-height: 1;
opacity: .75;
border-radius: 0;
inset-inline-end: 4px;
}
.et-db #et-boc .et-l .et_pb_module div.wpforms-container .wpforms-form .choices[data-type*="select-multiple"] .choices__button:hover, .et-db #et-boc .et-l .et_pb_module div.wpforms-container .wpforms-form .choices[data-type*="select-multiple"] .choices__button:focus, .et-db #et-boc .et-l .et_pb_module div.wpforms-container .wpforms-form .choices[data-type*="text"] .choices__button:hover, .et-db #et-boc .et-l .et_pb_module div.wpforms-container .wpforms-form .choices[data-type*="text"] .choices__button:focus {
opacity: 1;
}
.et-db #et-boc .et-l .et_pb_module div.wpforms-container .wpforms-form .choices__inner {
width: 100%;
background-color: #ffffff;
padding: 4px 6px 0;
border: 1px solid #8c8f94;
overflow: hidden;
border-radius: 4px;
}
.et-db #et-boc .et-l .et_pb_module div.wpforms-container .wpforms-form .choices__list {
margin: 0;
padding-left: 0;
list-style: none;
}
.et-db #et-boc .et-l .et_pb_module div.wpforms-container .wpforms-form .choices__list--single {
display: inline-block;
vertical-align: baseline;
width: 100%;
padding: 0 16px 0 4px;
font-size: 0.875em;
}
.et-db #et-boc .et-l .et_pb_module div.wpforms-container .wpforms-form .choices__list--single .choices__item {
width: 100%;
overflow: hidden;
text-overflow: ellipsis;
padding-inline-end: 20px;
white-space: nowrap;
color: #2c3338;
}
.et-db #et-boc .et-l .et_pb_module div.wpforms-container .wpforms-form .choices__list--single .choices__item[data-value=''] {
padding-inline-end: 0;
}
.et-db #et-boc .et-l .et_pb_module div.wpforms-container .wpforms-form .choices__list--multiple {
display: inline;
height: auto;
overflow: auto;
}
.et-db #et-boc .et-l .et_pb_module div.wpforms-container .wpforms-form .choices__list--multiple .choices__item {
display: inline-block;
vertical-align: middle;
position: relative;
align-items: center;
border-radius: 2px;
padding-block: 4px;
padding-inline: 7px 20px;
font-size: .75em;
line-height: 1;
font-weight: 400;
margin: 0 6px 4px 0;
background-color: #036aab;
border: 1px solid #036aab;
color: #ffffff;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
max-width: calc(100% - 10px);
}
.et-db #et-boc .et-l .et_pb_module div.wpforms-container .wpforms-form .choices__list--multiple .choices__item.is-highlighted {
background-color: #036aab;
}
.et-db #et-boc .et-l .et_pb_module div.wpforms-container .wpforms-form .is-disabled .choices__list--multiple .choices__item {
background-color: #bbbbbb;
border: 1px solid #bbbbbb;
}
.et-db #et-boc .et-l .et_pb_module div.wpforms-container .wpforms-form .choices__list--dropdown {
display: none;
z-index: 101;
position: absolute;
width: 100%;
background-color: #ffffff;
border: 1px solid #8c8f94;
top: 100%;
margin-top: -1px;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
overflow: hidden;
overflow-wrap: break-word;
}
.et-db #et-boc .et-l .et_pb_module div.wpforms-container .wpforms-form .choices__list--dropdown.is-active {
display: block;
}
.et-db #et-boc .et-l .et_pb_module div.wpforms-container .wpforms-form .choices__list--dropdown .choices__list {
position: relative;
max-height: 300px;
overflow: auto;
-webkit-overflow-scrolling: touch;
will-change: scroll-position;
}
.et-db #et-boc .et-l .et_pb_module div.wpforms-container .wpforms-form .choices__list--dropdown .choices__item {
position: relative;
vertical-align: top;
padding: 10px;
font-size: .875em;
}
.et-db #et-boc .et-l .et_pb_module div.wpforms-container .wpforms-form .choices__list--dropdown .choices__item--selectable.is-highlighted {
background-color: #f6f6f6;
}
.et-db #et-boc .et-l .et_pb_module div.wpforms-container .wpforms-form .choices__list--dropdown .choices__item--selectable.is-highlighted:after {
opacity: .5;
}
.et-db #et-boc .et-l .et_pb_module div.wpforms-container .wpforms-form .choices__list--dropdown .choices__placeholder {
display: none;
}
.et-db #et-boc .et-l .et_pb_module div.wpforms-container .wpforms-form .is-flipped .choices__list--dropdown {
top: auto;
bottom: 100%;
margin-top: 0;
margin-bottom: -1px;
border-radius: 4px 4px 0 0;
}
.et-db #et-boc .et-l .et_pb_module div.wpforms-container .wpforms-form .choices__item {
cursor: default;
}
.et-db #et-boc .et-l .et_pb_module div.wpforms-container .wpforms-form .choices__item--selectable {
cursor: pointer;
}
.et-db #et-boc .et-l .et_pb_module div.wpforms-container .wpforms-form .choices__item--disabled {
cursor: not-allowed;
user-select: none;
opacity: .5;
}
.et-db #et-boc .et-l .et_pb_module div.wpforms-container .wpforms-form .choices__heading {
font-weight: 600;
font-size: .75em;
text-transform: uppercase;
padding: 10px;
border-top: 1px solid #b4b6b9;
border-bottom: 1px solid #b4b6b9;
color: #a6a6a6;
}
.et-db #et-boc .et-l .et_pb_module .choices__group[data-value="hidden"] > div.wpforms-container .wpforms-form .choices__heading {
display: none;
}
.et-db #et-boc .et-l .et_pb_module div.wpforms-container .wpforms-form .choices__button {
text-indent: -9999px;
-webkit-appearance: none;
appearance: none;
border: 0;
background-color: transparent;
background-repeat: no-repeat;
background-position: center;
cursor: pointer;
}
.et-db #et-boc .et-l .et_pb_module div.wpforms-container .wpforms-form .choices__button:focus {
outline: none;
}
.et-db #et-boc .et-l .et_pb_module div.wpforms-container .wpforms-form .choices__input {
display: inline-block;
background-color: transparent;
margin: 0 0 2px 0 !important;
border: 0 !important;
border-radius: 0 !important;
min-height: 20px !important;
padding: 2px 4px !important;
height: auto !important;
min-width: 1ch;
width: 1ch;
vertical-align: middle;
}
.et-db #et-boc .et-l .et_pb_module div.wpforms-container .wpforms-form .choices__input::-webkit-search-cancel-button {
display: none;
}
.et-db #et-boc .et-l .et_pb_module div.wpforms-container .wpforms-form .choices__input--hidden {
clip: rect(1px, 1px, 1px, 1px) !important;
clip-path: inset(50%) !important;
height: 1px !important;
margin: -1px !important;
overflow: hidden !important;
padding: 0 !important;
position: absolute !important;
width: 1px !important;
min-width: auto !important;
word-wrap: normal !important;
}
.et-db #et-boc .et-l .et_pb_module div.wpforms-container .wpforms-form .choices .choices__inner input.choices__input:focus {
outline: none !important;
box-shadow: none !important;
border: none !important;
}
.et-db #et-boc .et-l .et_pb_module div.wpforms-container .wpforms-form .choices__placeholder {
opacity: .5;
}
.et-db #et-boc .et-l .et_pb_module div.wpforms-container .wpforms-form #wpforms-admin-form-embed-wizard .choices.is-open.is-flipped .choices__inner {
border-radius: 4px 4px 0 0;
}
.et-db #et-boc .et-l .et_pb_module div.wpforms-container .wpforms-form #wpforms-admin-form-embed-wizard .is-flipped .choices__list--dropdown {
border-radius: inherit;
}
.et-db #et-boc .et-l .et_pb_module div.wpforms-container .wpforms-form #wpforms-admin-form-embed-wizard .choices[data-type*="select-one"]:after {
border: none;
background: #fff url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M5%206l5%205%205-5%202%201-7%207-7-7%202-1z%22%20fill%3D%22%23777%22%2F%3E%3C%2Fsvg%3E) no-repeat center;
background-size: 16px 16px;
cursor: pointer;
width: 16px;
height: 16px;
top: 13px;
right: 8px;
margin-top: 0;
}
.et-db #et-boc .et-l .et_pb_module div.wpforms-container .wpforms-form #wpforms-admin-form-embed-wizard .choices[data-type*="select-one"].is-flipped:after {
transform: rotate(180deg);
}
.et-db #et-boc .et-l .et_pb_module div.wpforms-container .wpforms-form .choices__list--dropdown {
min-width: 250px;
}
.et-db #et-boc .et-l .et_pb_module div.wpforms-container .wpforms-form .choices.is-disabled[data-type*="select-multiple"] .choices__button, .et-db #et-boc .et-l .et_pb_module div.wpforms-container .wpforms-form .choices.is-disabled[data-type*="text"] .choices__button {
border-left: 1px solid rgba(0, 0, 0, 0.25);
cursor: not-allowed;
}
.et-db #et-boc .et-l .et_pb_module div.wpforms-container .wpforms-form .choices ::placeholder, .et-db #et-boc .et-l .et_pb_module div.wpforms-container .wpforms-form .choices ::-webkit-input-placeholder {
opacity: 1;
}
.et-db #et-boc .et-l .et_pb_module div.wpforms-container .wpforms-form .choices {
margin-bottom: 0;
}
.et-db #et-boc .et-l .et_pb_module body.rtl div.wpforms-container .wpforms-form .choices[data-type*="select-multiple"] .choices__inner {
padding-right: 4px;
padding-left: 24px;
}
.et-db #et-boc .et-l .et_pb_module body.rtl div.wpforms-container .wpforms-form .choices__list--single {
padding-right: 4px;
padding-left: 16px;
}
.et-db #et-boc .et-l .et_pb_module body.rtl div.wpforms-container .wpforms-form .choices__list--multiple .choices__item {
margin-right: 0;
margin-left: 3.75px;
}
.et-db #et-boc .et-l .et_pb_module body.rtl div.wpforms-container .wpforms-form .choices__list--dropdown .choices__item {
text-align: right;
}
.et-db #et-boc .et-l .et_pb_module body.rtl div.wpforms-container .wpforms-form .choices__input {
padding-right: 2px !important;
padding-left: 0 !important;
}
.et-db #et-boc .et-l .et_pb_module body.rtl div.wpforms-container .wpforms-form .choices[data-type*="select-multiple"] .choices__button, .et-db #et-boc .et-l .et_pb_module body.rtl div.wpforms-container .wpforms-form .choices[data-type*="text"] .choices__button {
margin-inline-end: 0;
border-left: none;
}
@media (min-width: 640px) {
.et-db #et-boc .et-l .et_pb_module body.rtl div.wpforms-container .wpforms-form .choices__list--dropdown .choices__item--selectable {
text-align: right;
padding-left: 100px;
padding-right: 10px;
}
.et-db #et-boc .et-l .et_pb_module body.rtl div.wpforms-container .wpforms-form .choices__list--dropdown .choices__item--selectable:after {
right: auto;
left: 10px;
}
}
.et-db #et-boc .et-l .et_pb_module div.wpforms-container .wpforms-form .choices.is-disabled .choices__inner,
.et-db #et-boc .et-l .et_pb_module div.wpforms-container .wpforms-form .choices.is-disabled .choices__input {
background-color: #f9f9f9;
border-color: #dddddd;
cursor: not-allowed;
}
.et-db #et-boc .et-l .et_pb_module div.wpforms-container .wpforms-form .choices[data-type*="select-multiple"] .choices__button,
.et-db #et-boc .et-l .et_pb_module div.wpforms-container .wpforms-form .choices[data-type*="text"] .choices__button {
background-image: url("../../../images/cross.svg");
}
.et-db #et-boc .et-l .et_pb_module div.wpforms-container .wpforms-form .choices[data-type*="select-one"] .choices__button {
background-image: url("../../../images/cross-inverse.svg");
cursor: not-allowed;
}
File diff suppressed because one or more lines are too long
File diff suppressed because it is too large Load Diff
File diff suppressed because one or more lines are too long
File diff suppressed because it is too large Load Diff
File diff suppressed because one or more lines are too long
File diff suppressed because it is too large Load Diff
File diff suppressed because one or more lines are too long
File diff suppressed because it is too large Load Diff
File diff suppressed because one or more lines are too long
@@ -0,0 +1,17 @@
.wpforms-admin-content-payments .wpforms-admin-settings-form .wpforms-square-notice-info {
background-color: #ffffff;
border: 1px solid #c3c4c7;
border-left: 4px solid #056aab;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
margin-top: 10px;
padding: 11px 15px;
}
.wpforms-admin-content-payments .wpforms-admin-settings-form .wpforms-square-notice-info strong {
font-weight: 500;
}
.wpforms-admin-content-payments .wpforms-admin-settings-form .wpforms-square-notice-info p {
margin: 0;
line-height: 18px;
}
@@ -0,0 +1 @@
.wpforms-admin-content-payments .wpforms-admin-settings-form .wpforms-square-notice-info{background-color:#ffffff;border:1px solid #c3c4c7;border-left:4px solid #056aab;box-shadow:0 1px 1px rgba(0,0,0,0.04);margin-top:10px;padding:11px 15px}.wpforms-admin-content-payments .wpforms-admin-settings-form .wpforms-square-notice-info strong{font-weight:500}.wpforms-admin-content-payments .wpforms-admin-settings-form .wpforms-square-notice-info p{margin:0;line-height:18px}
@@ -0,0 +1,233 @@
.et-db #et-boc .et-l .et_pb_module .wpforms-panel-fields .wpforms-field-square.size-large .wpforms-square-cardnumber-wrapper,
.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field-square.size-large .wpforms-square-cardnumber-wrapper,
.et-db #et-boc .et-l .et_pb_module .et-db #et-boc .et-l .et_pb_module .wpforms-field-square.size-large .wpforms-square-cardnumber-wrapper {
width: 100%;
flex-direction: row;
}
.et-db #et-boc .et-l .et_pb_module .wpforms-panel-fields .wpforms-field-square.size-large .wpforms-square-cardnumber-wrapper .card-number,
.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field-square.size-large .wpforms-square-cardnumber-wrapper .card-number,
.et-db #et-boc .et-l .et_pb_module .et-db #et-boc .et-l .et_pb_module .wpforms-field-square.size-large .wpforms-square-cardnumber-wrapper .card-number {
border: none;
}
.et-db #et-boc .et-l .et_pb_module .wpforms-panel-fields .wpforms-field-square.size-medium .wpforms-square-cardnumber-wrapper,
.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field-square.size-medium .wpforms-square-cardnumber-wrapper,
.et-db #et-boc .et-l .et_pb_module .et-db #et-boc .et-l .et_pb_module .wpforms-field-square.size-medium .wpforms-square-cardnumber-wrapper {
width: 60%;
flex-direction: column;
}
.et-db #et-boc .et-l .et_pb_module .wpforms-panel-fields .wpforms-field-square.size-medium .wpforms-square-cardnumber-wrapper .card-number,
.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field-square.size-medium .wpforms-square-cardnumber-wrapper .card-number,
.et-db #et-boc .et-l .et_pb_module .et-db #et-boc .et-l .et_pb_module .wpforms-field-square.size-medium .wpforms-square-cardnumber-wrapper .card-number {
border-bottom: 1px solid #cccccc;
}
.et-db #et-boc .et-l .et_pb_module .wpforms-panel-fields .wpforms-field-square.size-small .wpforms-square-cardnumber-wrapper,
.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field-square.size-small .wpforms-square-cardnumber-wrapper,
.et-db #et-boc .et-l .et_pb_module .et-db #et-boc .et-l .et_pb_module .wpforms-field-square.size-small .wpforms-square-cardnumber-wrapper {
width: 25%;
flex-direction: column;
}
.et-db #et-boc .et-l .et_pb_module .wpforms-panel-fields .wpforms-field-square.size-small .wpforms-square-cardnumber-wrapper .card-number,
.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field-square.size-small .wpforms-square-cardnumber-wrapper .card-number,
.et-db #et-boc .et-l .et_pb_module .et-db #et-boc .et-l .et_pb_module .wpforms-field-square.size-small .wpforms-square-cardnumber-wrapper .card-number {
border-bottom: 1px solid #cccccc;
}
.et-db #et-boc .et-l .et_pb_module .wpforms-panel-fields .wpforms-field-square.size-small .wpforms-square-cardnumber-wrapper .card-number input,
.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field-square.size-small .wpforms-square-cardnumber-wrapper .card-number input,
.et-db #et-boc .et-l .et_pb_module .et-db #et-boc .et-l .et_pb_module .wpforms-field-square.size-small .wpforms-square-cardnumber-wrapper .card-number input {
width: 100% !important;
}
.et-db #et-boc .et-l .et_pb_module .wpforms-panel-fields .wpforms-field-square .wpforms-square-cardnumber-wrapper,
.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field-square .wpforms-square-cardnumber-wrapper,
.et-db #et-boc .et-l .et_pb_module .et-db #et-boc .et-l .et_pb_module .wpforms-field-square .wpforms-square-cardnumber-wrapper {
background-color: #ffffff;
border: 1px solid #cccccc;
border-radius: 2px;
box-shadow: none;
max-width: none;
position: relative;
display: flex;
flex-wrap: wrap;
}
.et-db #et-boc .et-l .et_pb_module .wpforms-panel-fields .wpforms-field-square .wpforms-square-cardnumber-wrapper input[type="text"],
.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field-square .wpforms-square-cardnumber-wrapper input[type="text"],
.et-db #et-boc .et-l .et_pb_module .et-db #et-boc .et-l .et_pb_module .wpforms-field-square .wpforms-square-cardnumber-wrapper input[type="text"] {
padding: 0;
height: 26px !important;
width: 50% !important;
min-width: auto;
border: none !important;
background: transparent;
}
.et-db #et-boc .et-l .et_pb_module .wpforms-panel-fields .wpforms-field-square .wpforms-square-cardnumber-wrapper .card-icon,
.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field-square .wpforms-square-cardnumber-wrapper .card-icon,
.et-db #et-boc .et-l .et_pb_module .et-db #et-boc .et-l .et_pb_module .wpforms-field-square .wpforms-square-cardnumber-wrapper .card-icon {
position: absolute;
top: 7px;
bottom: 0;
left: 16px;
right: unset;
}
.et-db #et-boc .et-l .et_pb_module .wpforms-panel-fields .wpforms-field-square .wpforms-square-cardnumber-wrapper .card-number,
.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field-square .wpforms-square-cardnumber-wrapper .card-number,
.et-db #et-boc .et-l .et_pb_module .et-db #et-boc .et-l .et_pb_module .wpforms-field-square .wpforms-square-cardnumber-wrapper .card-number {
padding-left: 70px;
}
.et-db #et-boc .et-l .et_pb_module .wpforms-panel-fields .wpforms-field-square .wpforms-square-cardnumber-wrapper .card-data,
.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field-square .wpforms-square-cardnumber-wrapper .card-data,
.et-db #et-boc .et-l .et_pb_module .et-db #et-boc .et-l .et_pb_module .wpforms-field-square .wpforms-square-cardnumber-wrapper .card-data {
display: flex;
}
.et-db #et-boc .et-l .et_pb_module .wpforms-panel-fields .wpforms-field-square .wpforms-square-cardnumber-wrapper .card-data input,
.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field-square .wpforms-square-cardnumber-wrapper .card-data input,
.et-db #et-boc .et-l .et_pb_module .et-db #et-boc .et-l .et_pb_module .wpforms-field-square .wpforms-square-cardnumber-wrapper .card-data input {
padding-left: 16px;
}
.et-db #et-boc .et-l .et_pb_module .wpforms-panel-fields .wpforms-field-square .wpforms-square-cardnumber-wrapper .card-number,
.et-db #et-boc .et-l .et_pb_module .wpforms-panel-fields .wpforms-field-square .wpforms-square-cardnumber-wrapper .card-data,
.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field-square .wpforms-square-cardnumber-wrapper .card-number,
.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field-square .wpforms-square-cardnumber-wrapper .card-data,
.et-db #et-boc .et-l .et_pb_module .et-db #et-boc .et-l .et_pb_module .wpforms-field-square .wpforms-square-cardnumber-wrapper .card-number,
.et-db #et-boc .et-l .et_pb_module .et-db #et-boc .et-l .et_pb_module .wpforms-field-square .wpforms-square-cardnumber-wrapper .card-data {
box-sizing: border-box;
flex-basis: 50%;
flex-grow: 1;
padding-top: 6px;
padding-bottom: 6px;
}
.et-db #et-boc .et-l .et_pb_module .wpforms-panel-fields .wpforms-field-layout .wpforms-layout-column:not(.wpforms-layout-column-100) .wpforms-field .wpforms-square-cardnumber-wrapper,
.et-db #et-boc .et-l .et_pb_module .wpforms-panel-fields .wpforms-field.wpforms-field-drag-to-column:not(.wpforms-field-drag-to-column-100) .wpforms-square-cardnumber-wrapper,
.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field-layout .wpforms-layout-column:not(.wpforms-layout-column-100) .wpforms-field .wpforms-square-cardnumber-wrapper,
.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-drag-to-column:not(.wpforms-field-drag-to-column-100) .wpforms-square-cardnumber-wrapper,
.et-db #et-boc .et-l .et_pb_module .et-db #et-boc .et-l .et_pb_module .wpforms-field-layout .wpforms-layout-column:not(.wpforms-layout-column-100) .wpforms-field .wpforms-square-cardnumber-wrapper,
.et-db #et-boc .et-l .et_pb_module .et-db #et-boc .et-l .et_pb_module .wpforms-field.wpforms-field-drag-to-column:not(.wpforms-field-drag-to-column-100) .wpforms-square-cardnumber-wrapper {
width: 100% !important;
min-width: 100% !important;
}
.et-db #et-boc .et-l .et_pb_module .wpforms-panel-fields .wpforms-field-layout .wpforms-layout-column:not(.wpforms-layout-column-100) .wpforms-field .card-data input,
.et-db #et-boc .et-l .et_pb_module .wpforms-panel-fields .wpforms-field.wpforms-field-drag-to-column:not(.wpforms-field-drag-to-column-100) .card-data input,
.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field-layout .wpforms-layout-column:not(.wpforms-layout-column-100) .wpforms-field .card-data input,
.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-drag-to-column:not(.wpforms-field-drag-to-column-100) .card-data input,
.et-db #et-boc .et-l .et_pb_module .et-db #et-boc .et-l .et_pb_module .wpforms-field-layout .wpforms-layout-column:not(.wpforms-layout-column-100) .wpforms-field .card-data input,
.et-db #et-boc .et-l .et_pb_module .et-db #et-boc .et-l .et_pb_module .wpforms-field.wpforms-field-drag-to-column:not(.wpforms-field-drag-to-column-100) .card-data input {
width: 50% !important;
min-width: 50% !important;
}
.et-db #et-boc .et-l .et_pb_module .wpforms-panel-fields .wpforms-field-layout .wpforms-layout-column:not(.wpforms-layout-column-100) .wpforms-field.size-large .wpforms-square-cardnumber-wrapper,
.et-db #et-boc .et-l .et_pb_module .wpforms-panel-fields .wpforms-field.wpforms-field-drag-to-column:not(.wpforms-field-drag-to-column-100).size-large .wpforms-square-cardnumber-wrapper,
.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field-layout .wpforms-layout-column:not(.wpforms-layout-column-100) .wpforms-field.size-large .wpforms-square-cardnumber-wrapper,
.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-drag-to-column:not(.wpforms-field-drag-to-column-100).size-large .wpforms-square-cardnumber-wrapper,
.et-db #et-boc .et-l .et_pb_module .et-db #et-boc .et-l .et_pb_module .wpforms-field-layout .wpforms-layout-column:not(.wpforms-layout-column-100) .wpforms-field.size-large .wpforms-square-cardnumber-wrapper,
.et-db #et-boc .et-l .et_pb_module .et-db #et-boc .et-l .et_pb_module .wpforms-field.wpforms-field-drag-to-column:not(.wpforms-field-drag-to-column-100).size-large .wpforms-square-cardnumber-wrapper {
flex-direction: column !important;
}
.et-db #et-boc .et-l .et_pb_module .wpforms-panel-fields .wpforms-field-layout .wpforms-layout-column:not(.wpforms-layout-column-100) .wpforms-field.size-large .wpforms-square-cardnumber-wrapper .card-number,
.et-db #et-boc .et-l .et_pb_module .wpforms-panel-fields .wpforms-field.wpforms-field-drag-to-column:not(.wpforms-field-drag-to-column-100).size-large .wpforms-square-cardnumber-wrapper .card-number,
.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field-layout .wpforms-layout-column:not(.wpforms-layout-column-100) .wpforms-field.size-large .wpforms-square-cardnumber-wrapper .card-number,
.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-drag-to-column:not(.wpforms-field-drag-to-column-100).size-large .wpforms-square-cardnumber-wrapper .card-number,
.et-db #et-boc .et-l .et_pb_module .et-db #et-boc .et-l .et_pb_module .wpforms-field-layout .wpforms-layout-column:not(.wpforms-layout-column-100) .wpforms-field.size-large .wpforms-square-cardnumber-wrapper .card-number,
.et-db #et-boc .et-l .et_pb_module .et-db #et-boc .et-l .et_pb_module .wpforms-field.wpforms-field-drag-to-column:not(.wpforms-field-drag-to-column-100).size-large .wpforms-square-cardnumber-wrapper .card-number {
border-bottom: 1px solid #cccccc;
}
.et-db #et-boc .et-l .et_pb_module .wpforms-panel-fields .wpforms-field-square .wpforms-square-cardnumber-wrapper {
border-radius: 4px;
width: 60%;
flex-direction: column;
}
.et-db #et-boc .et-l .et_pb_module .wpforms-panel-fields .wpforms-field-square .wpforms-square-cardnumber-wrapper .card-number {
border-bottom: 1px solid #cccccc;
}
.et-db #et-boc .et-l .et_pb_module .elementor-widget-wpforms div.wpforms-container-full .wpforms-form .wpforms-field-square .wpforms-square-cardnumber-wrapper,
.et-db #et-boc .et-l .et_pb_module .et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field-square .wpforms-square-cardnumber-wrapper {
background-color: #f9f9f9;
border: 1px solid #dddddd;
color: #999999;
cursor: not-allowed;
}
.et-db #et-boc .et-l .et_pb_module .elementor-widget-wpforms div.wpforms-container-full.wpforms-render-modern .wpforms-form .wpforms-field-square .wpforms-field-medium.wpforms-square-cardnumber-wrapper .card-number,
.et-db #et-boc .et-l .et_pb_module .et-db #et-boc .et-l .et_pb_module div.wpforms-container-full.wpforms-render-modern .wpforms-form .wpforms-field-square .wpforms-field-medium.wpforms-square-cardnumber-wrapper .card-number {
border-bottom: 1px solid var(--wpforms-field-border-color);
}
.et-db #et-boc .et-l .et_pb_module .elementor-widget-wpforms div.wpforms-container-full.wpforms-render-modern .wpforms-form .wpforms-field-square .wpforms-square-cardnumber-wrapper,
.et-db #et-boc .et-l .et_pb_module .et-db #et-boc .et-l .et_pb_module div.wpforms-container-full.wpforms-render-modern .wpforms-form .wpforms-field-square .wpforms-square-cardnumber-wrapper {
border-radius: var(--wpforms-field-border-radius);
border: 1px solid var(--wpforms-field-border-color);
border-color: var(--wpforms-field-border-color);
background-color: var(--wpforms-field-background-color);
cursor: not-allowed;
}
.et-db #et-boc .et-l .et_pb_module .editor-styles-wrapper .wpforms-gutenberg-form-selector.wpforms-render-modern.wpforms-container-full .wpforms-field-medium.wpforms-square-cardnumber-wrapper .card-number {
border-bottom: 1px solid var(--wpforms-field-border-color);
}
.et-db #et-boc .et-l .et_pb_module .editor-styles-wrapper .wpforms-gutenberg-form-selector.wpforms-render-modern.wpforms-container-full .wpforms-square-cardnumber-wrapper {
border-radius: var(--wpforms-field-border-radius);
border: var(--wpforms-field-border-size, 1px) var(--wpforms-field-border-style, solid) var(--wpforms-field-border-color);
border-color: var(--wpforms-field-border-color);
background-color: var(--wpforms-field-background-color);
}
.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field-square .wpforms-field-large.wpforms-square-cardnumber-wrapper {
width: 100%;
flex-direction: row;
}
.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field-square .wpforms-field-large.wpforms-square-cardnumber-wrapper .card-number {
border: none;
}
.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field-square .wpforms-field-medium.wpforms-square-cardnumber-wrapper {
width: 60%;
flex-direction: column;
}
.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field-square .wpforms-field-medium.wpforms-square-cardnumber-wrapper .card-number {
border-bottom: 1px solid #cccccc;
}
.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field-square .wpforms-field-small.wpforms-square-cardnumber-wrapper {
width: 25%;
flex-direction: column;
}
.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field-square .wpforms-field-small.wpforms-square-cardnumber-wrapper .card-number {
border-bottom: 1px solid #cccccc;
}
.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field-square .wpforms-field-small.wpforms-square-cardnumber-wrapper .card-number input {
width: 100% !important;
}
.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field-layout .wpforms-layout-column:not(.wpforms-layout-column-100) .wpforms-field-square .wpforms-square-cardname input {
min-width: 100%;
}
@media only screen and (max-width: 600px) {
.et-db #et-boc .et-l .et_pb_module .wpforms-panel-fields .wpforms-square-cardnumber-wrapper,
.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-square-cardnumber-wrapper,
.et-db #et-boc .et-l .et_pb_module .et-db #et-boc .et-l .et_pb_module .wpforms-square-cardnumber-wrapper {
width: 100% !important;
}
}
File diff suppressed because one or more lines are too long
@@ -0,0 +1,127 @@
.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .sq-card-iframe-container {
position: relative;
width: 100%;
overflow: hidden;
}
.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .sq-card-iframe-container::before {
border-width: 1px;
border-radius: 2px;
}
.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .sq-card-wrapper {
min-width: auto;
}
.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .sq-card-wrapper.sq-focus .sq-card-iframe-container::before {
border-color: #999;
}
.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .sq-card-wrapper.sq-error .sq-card-iframe-container::before {
border-color: #cc0000;
}
.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .sq-card-component {
position: relative;
height: inherit;
width: 100%;
border: 1px solid #ccc;
background-color: #fff;
border-radius: 2px;
}
.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field-square-consent {
border-left: 3px solid;
padding-left: 15px;
font-size: 0.75em;
color: #666;
}
.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field-square .wpforms-field-row.wpforms-field-small .wpforms-field-square-cardname {
width: 100%;
}
.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field-layout .wpforms-layout-column .wpforms-field-row.wpforms-field-small .wpforms-field-square-cardname {
min-width: 100%;
}
.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full.wpforms-render-modern .wpforms-form .sq-card-wrapper .sq-card-iframe-container {
border-radius: var(--wpforms-field-border-radius);
border: var(--wpforms-field-border-size, 1px) var(--wpforms-field-border-style, solid) var(--wpforms-field-border-color);
border-color: var(--wpforms-field-border-color);
background-color: var(--wpforms-field-background-color);
}
.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full.wpforms-render-modern .wpforms-form .sq-card-wrapper .sq-card-iframe-container::before {
border-color: transparent;
border-radius: var(--wpforms-field-border-radius);
}
.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full.wpforms-render-modern .wpforms-form .sq-card-wrapper .sq-card-iframe-container iframe {
border: none !important;
border-radius: var(--wpforms-field-border-radius);
background: transparent;
}
.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full.wpforms-render-modern .wpforms-form .sq-card-wrapper.sq-focus .sq-card-iframe-container {
border-width: var(--wpforms-field-border-size, 0);
border-style: solid;
border-color: var(--wpforms-button-background-color);
box-shadow: 0 0 0 1px var(--wpforms-button-background-color), 0px 1px 2px rgba(0, 0, 0, 0.15);
outline: none;
border-color: var(--wpforms-button-background-color) !important;
}
.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full.wpforms-render-modern .wpforms-form .sq-card-wrapper.sq-focus .sq-card-iframe-container::before {
border: none;
}
.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full.wpforms-render-modern .wpforms-form .sq-card-wrapper.sq-error .sq-card-iframe-container {
border-width: var(--wpforms-field-border-size);
border-style: solid;
border-color: var(--wpforms-label-error-color);
border-color: var(--wpforms-label-error-color) !important;
}
.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full.wpforms-render-modern .wpforms-form .sq-card-wrapper.sq-error:hover .sq-card-iframe-container {
border-width: var(--wpforms-field-border-size);
border-style: solid;
border-color: var(--wpforms-label-error-color);
box-shadow: 0 0 2px 0 var(--wpforms-label-error-color);
border-color: var(--wpforms-label-error-color) !important;
}
.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full.wpforms-render-modern .wpforms-form .sq-card-wrapper.sq-error.sq-focus .sq-card-iframe-container {
border-width: var(--wpforms-field-border-size);
border-style: solid;
border-color: var(--wpforms-label-error-color);
box-shadow: 0 0 0 1px var(--wpforms-label-error-color);
border-color: var(--wpforms-label-error-color) !important;
}
.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full.wpforms-render-modern .wpforms-form .wpforms-field-square .wpforms-field-sublabel + .wpforms-error {
margin-top: calc( 1.5 * var( --wpforms-field-size-sublabel-spacing ));
}
.et-db #et-boc .et-l .et_pb_module .wpforms-field-square .sq-card-message {
display: none;
}
.et-db #et-boc .et-l .et_pb_module #wpforms-conversational-form-page .sq-card-iframe-container,
.et-db #et-boc .et-l .et_pb_module #wpforms-conversational-form-page .sq-card-component {
background-color: transparent;
border: none;
}
.et-db #et-boc .et-l .et_pb_module #sq-nudata-modal {
display: block !important;
position: fixed !important;
left: 0 !important;
top: 0 !important;
}
@media only screen and (max-width: 600px) {
.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full.wpforms-render-modern .wpforms-form .sq-card-wrapper {
max-width: calc( 100% - 2px);
}
}
@@ -0,0 +1 @@
.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .sq-card-iframe-container{position:relative;width:100%;overflow:hidden}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .sq-card-iframe-container::before{border-width:1px;border-radius:2px}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .sq-card-wrapper{min-width:auto}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .sq-card-wrapper.sq-focus .sq-card-iframe-container::before{border-color:#999}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .sq-card-wrapper.sq-error .sq-card-iframe-container::before{border-color:#cc0000}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .sq-card-component{position:relative;height:inherit;width:100%;border:1px solid #ccc;background-color:#fff;border-radius:2px}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field-square-consent{border-left:3px solid;padding-left:15px;font-size:0.75em;color:#666}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field-square .wpforms-field-row.wpforms-field-small .wpforms-field-square-cardname{width:100%}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field-layout .wpforms-layout-column .wpforms-field-row.wpforms-field-small .wpforms-field-square-cardname{min-width:100%}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full.wpforms-render-modern .wpforms-form .sq-card-wrapper .sq-card-iframe-container{border-radius:var(--wpforms-field-border-radius);border:var(--wpforms-field-border-size, 1px) var(--wpforms-field-border-style, solid) var(--wpforms-field-border-color);border-color:var(--wpforms-field-border-color);background-color:var(--wpforms-field-background-color)}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full.wpforms-render-modern .wpforms-form .sq-card-wrapper .sq-card-iframe-container::before{border-color:transparent;border-radius:var(--wpforms-field-border-radius)}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full.wpforms-render-modern .wpforms-form .sq-card-wrapper .sq-card-iframe-container iframe{border:none !important;border-radius:var(--wpforms-field-border-radius);background:transparent}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full.wpforms-render-modern .wpforms-form .sq-card-wrapper.sq-focus .sq-card-iframe-container{border-width:var(--wpforms-field-border-size, 0);border-style:solid;border-color:var(--wpforms-button-background-color);box-shadow:0 0 0 1px var(--wpforms-button-background-color),0px 1px 2px rgba(0,0,0,0.15);outline:none;border-color:var(--wpforms-button-background-color) !important}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full.wpforms-render-modern .wpforms-form .sq-card-wrapper.sq-focus .sq-card-iframe-container::before{border:none}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full.wpforms-render-modern .wpforms-form .sq-card-wrapper.sq-error .sq-card-iframe-container{border-width:var(--wpforms-field-border-size);border-style:solid;border-color:var(--wpforms-label-error-color);border-color:var(--wpforms-label-error-color) !important}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full.wpforms-render-modern .wpforms-form .sq-card-wrapper.sq-error:hover .sq-card-iframe-container{border-width:var(--wpforms-field-border-size);border-style:solid;border-color:var(--wpforms-label-error-color);box-shadow:0 0 2px 0 var(--wpforms-label-error-color);border-color:var(--wpforms-label-error-color) !important}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full.wpforms-render-modern .wpforms-form .sq-card-wrapper.sq-error.sq-focus .sq-card-iframe-container{border-width:var(--wpforms-field-border-size);border-style:solid;border-color:var(--wpforms-label-error-color);box-shadow:0 0 0 1px var(--wpforms-label-error-color);border-color:var(--wpforms-label-error-color) !important}.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full.wpforms-render-modern .wpforms-form .wpforms-field-square .wpforms-field-sublabel+.wpforms-error{margin-top:calc( 1.5 * var( --wpforms-field-size-sublabel-spacing ))}.et-db #et-boc .et-l .et_pb_module .wpforms-field-square .sq-card-message{display:none}.et-db #et-boc .et-l .et_pb_module #wpforms-conversational-form-page .sq-card-iframe-container,.et-db #et-boc .et-l .et_pb_module #wpforms-conversational-form-page .sq-card-component{background-color:transparent;border:none}.et-db #et-boc .et-l .et_pb_module #sq-nudata-modal{display:block !important;position:fixed !important;left:0 !important;top:0 !important}@media only screen and (max-width: 600px){.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full.wpforms-render-modern .wpforms-form .sq-card-wrapper{max-width:calc( 100% - 2px)}}
@@ -0,0 +1,233 @@
.wpforms-panel-fields .wpforms-field-square.size-large .wpforms-square-cardnumber-wrapper,
div.wpforms-container-full .wpforms-form .wpforms-field-square.size-large .wpforms-square-cardnumber-wrapper,
.et-db #et-boc .et-l .et_pb_module .wpforms-field-square.size-large .wpforms-square-cardnumber-wrapper {
width: 100%;
flex-direction: row;
}
.wpforms-panel-fields .wpforms-field-square.size-large .wpforms-square-cardnumber-wrapper .card-number,
div.wpforms-container-full .wpforms-form .wpforms-field-square.size-large .wpforms-square-cardnumber-wrapper .card-number,
.et-db #et-boc .et-l .et_pb_module .wpforms-field-square.size-large .wpforms-square-cardnumber-wrapper .card-number {
border: none;
}
.wpforms-panel-fields .wpforms-field-square.size-medium .wpforms-square-cardnumber-wrapper,
div.wpforms-container-full .wpforms-form .wpforms-field-square.size-medium .wpforms-square-cardnumber-wrapper,
.et-db #et-boc .et-l .et_pb_module .wpforms-field-square.size-medium .wpforms-square-cardnumber-wrapper {
width: 60%;
flex-direction: column;
}
.wpforms-panel-fields .wpforms-field-square.size-medium .wpforms-square-cardnumber-wrapper .card-number,
div.wpforms-container-full .wpforms-form .wpforms-field-square.size-medium .wpforms-square-cardnumber-wrapper .card-number,
.et-db #et-boc .et-l .et_pb_module .wpforms-field-square.size-medium .wpforms-square-cardnumber-wrapper .card-number {
border-bottom: 1px solid #cccccc;
}
.wpforms-panel-fields .wpforms-field-square.size-small .wpforms-square-cardnumber-wrapper,
div.wpforms-container-full .wpforms-form .wpforms-field-square.size-small .wpforms-square-cardnumber-wrapper,
.et-db #et-boc .et-l .et_pb_module .wpforms-field-square.size-small .wpforms-square-cardnumber-wrapper {
width: 25%;
flex-direction: column;
}
.wpforms-panel-fields .wpforms-field-square.size-small .wpforms-square-cardnumber-wrapper .card-number,
div.wpforms-container-full .wpforms-form .wpforms-field-square.size-small .wpforms-square-cardnumber-wrapper .card-number,
.et-db #et-boc .et-l .et_pb_module .wpforms-field-square.size-small .wpforms-square-cardnumber-wrapper .card-number {
border-bottom: 1px solid #cccccc;
}
.wpforms-panel-fields .wpforms-field-square.size-small .wpforms-square-cardnumber-wrapper .card-number input,
div.wpforms-container-full .wpforms-form .wpforms-field-square.size-small .wpforms-square-cardnumber-wrapper .card-number input,
.et-db #et-boc .et-l .et_pb_module .wpforms-field-square.size-small .wpforms-square-cardnumber-wrapper .card-number input {
width: 100% !important;
}
.wpforms-panel-fields .wpforms-field-square .wpforms-square-cardnumber-wrapper,
div.wpforms-container-full .wpforms-form .wpforms-field-square .wpforms-square-cardnumber-wrapper,
.et-db #et-boc .et-l .et_pb_module .wpforms-field-square .wpforms-square-cardnumber-wrapper {
background-color: #ffffff;
border: 1px solid #cccccc;
border-radius: 2px;
box-shadow: none;
max-width: none;
position: relative;
display: flex;
flex-wrap: wrap;
}
.wpforms-panel-fields .wpforms-field-square .wpforms-square-cardnumber-wrapper input[type="text"],
div.wpforms-container-full .wpforms-form .wpforms-field-square .wpforms-square-cardnumber-wrapper input[type="text"],
.et-db #et-boc .et-l .et_pb_module .wpforms-field-square .wpforms-square-cardnumber-wrapper input[type="text"] {
padding: 0;
height: 26px !important;
width: 50% !important;
min-width: auto;
border: none !important;
background: transparent;
}
.wpforms-panel-fields .wpforms-field-square .wpforms-square-cardnumber-wrapper .card-icon,
div.wpforms-container-full .wpforms-form .wpforms-field-square .wpforms-square-cardnumber-wrapper .card-icon,
.et-db #et-boc .et-l .et_pb_module .wpforms-field-square .wpforms-square-cardnumber-wrapper .card-icon {
position: absolute;
top: 7px;
bottom: 0;
left: 16px;
right: unset;
}
.wpforms-panel-fields .wpforms-field-square .wpforms-square-cardnumber-wrapper .card-number,
div.wpforms-container-full .wpforms-form .wpforms-field-square .wpforms-square-cardnumber-wrapper .card-number,
.et-db #et-boc .et-l .et_pb_module .wpforms-field-square .wpforms-square-cardnumber-wrapper .card-number {
padding-left: 70px;
}
.wpforms-panel-fields .wpforms-field-square .wpforms-square-cardnumber-wrapper .card-data,
div.wpforms-container-full .wpforms-form .wpforms-field-square .wpforms-square-cardnumber-wrapper .card-data,
.et-db #et-boc .et-l .et_pb_module .wpforms-field-square .wpforms-square-cardnumber-wrapper .card-data {
display: flex;
}
.wpforms-panel-fields .wpforms-field-square .wpforms-square-cardnumber-wrapper .card-data input,
div.wpforms-container-full .wpforms-form .wpforms-field-square .wpforms-square-cardnumber-wrapper .card-data input,
.et-db #et-boc .et-l .et_pb_module .wpforms-field-square .wpforms-square-cardnumber-wrapper .card-data input {
padding-left: 16px;
}
.wpforms-panel-fields .wpforms-field-square .wpforms-square-cardnumber-wrapper .card-number,
.wpforms-panel-fields .wpforms-field-square .wpforms-square-cardnumber-wrapper .card-data,
div.wpforms-container-full .wpforms-form .wpforms-field-square .wpforms-square-cardnumber-wrapper .card-number,
div.wpforms-container-full .wpforms-form .wpforms-field-square .wpforms-square-cardnumber-wrapper .card-data,
.et-db #et-boc .et-l .et_pb_module .wpforms-field-square .wpforms-square-cardnumber-wrapper .card-number,
.et-db #et-boc .et-l .et_pb_module .wpforms-field-square .wpforms-square-cardnumber-wrapper .card-data {
box-sizing: border-box;
flex-basis: 50%;
flex-grow: 1;
padding-top: 6px;
padding-bottom: 6px;
}
.wpforms-panel-fields .wpforms-field-layout .wpforms-layout-column:not(.wpforms-layout-column-100) .wpforms-field .wpforms-square-cardnumber-wrapper,
.wpforms-panel-fields .wpforms-field.wpforms-field-drag-to-column:not(.wpforms-field-drag-to-column-100) .wpforms-square-cardnumber-wrapper,
div.wpforms-container-full .wpforms-form .wpforms-field-layout .wpforms-layout-column:not(.wpforms-layout-column-100) .wpforms-field .wpforms-square-cardnumber-wrapper,
div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-drag-to-column:not(.wpforms-field-drag-to-column-100) .wpforms-square-cardnumber-wrapper,
.et-db #et-boc .et-l .et_pb_module .wpforms-field-layout .wpforms-layout-column:not(.wpforms-layout-column-100) .wpforms-field .wpforms-square-cardnumber-wrapper,
.et-db #et-boc .et-l .et_pb_module .wpforms-field.wpforms-field-drag-to-column:not(.wpforms-field-drag-to-column-100) .wpforms-square-cardnumber-wrapper {
width: 100% !important;
min-width: 100% !important;
}
.wpforms-panel-fields .wpforms-field-layout .wpforms-layout-column:not(.wpforms-layout-column-100) .wpforms-field .card-data input,
.wpforms-panel-fields .wpforms-field.wpforms-field-drag-to-column:not(.wpforms-field-drag-to-column-100) .card-data input,
div.wpforms-container-full .wpforms-form .wpforms-field-layout .wpforms-layout-column:not(.wpforms-layout-column-100) .wpforms-field .card-data input,
div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-drag-to-column:not(.wpforms-field-drag-to-column-100) .card-data input,
.et-db #et-boc .et-l .et_pb_module .wpforms-field-layout .wpforms-layout-column:not(.wpforms-layout-column-100) .wpforms-field .card-data input,
.et-db #et-boc .et-l .et_pb_module .wpforms-field.wpforms-field-drag-to-column:not(.wpforms-field-drag-to-column-100) .card-data input {
width: 50% !important;
min-width: 50% !important;
}
.wpforms-panel-fields .wpforms-field-layout .wpforms-layout-column:not(.wpforms-layout-column-100) .wpforms-field.size-large .wpforms-square-cardnumber-wrapper,
.wpforms-panel-fields .wpforms-field.wpforms-field-drag-to-column:not(.wpforms-field-drag-to-column-100).size-large .wpforms-square-cardnumber-wrapper,
div.wpforms-container-full .wpforms-form .wpforms-field-layout .wpforms-layout-column:not(.wpforms-layout-column-100) .wpforms-field.size-large .wpforms-square-cardnumber-wrapper,
div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-drag-to-column:not(.wpforms-field-drag-to-column-100).size-large .wpforms-square-cardnumber-wrapper,
.et-db #et-boc .et-l .et_pb_module .wpforms-field-layout .wpforms-layout-column:not(.wpforms-layout-column-100) .wpforms-field.size-large .wpforms-square-cardnumber-wrapper,
.et-db #et-boc .et-l .et_pb_module .wpforms-field.wpforms-field-drag-to-column:not(.wpforms-field-drag-to-column-100).size-large .wpforms-square-cardnumber-wrapper {
flex-direction: column !important;
}
.wpforms-panel-fields .wpforms-field-layout .wpforms-layout-column:not(.wpforms-layout-column-100) .wpforms-field.size-large .wpforms-square-cardnumber-wrapper .card-number,
.wpforms-panel-fields .wpforms-field.wpforms-field-drag-to-column:not(.wpforms-field-drag-to-column-100).size-large .wpforms-square-cardnumber-wrapper .card-number,
div.wpforms-container-full .wpforms-form .wpforms-field-layout .wpforms-layout-column:not(.wpforms-layout-column-100) .wpforms-field.size-large .wpforms-square-cardnumber-wrapper .card-number,
div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-drag-to-column:not(.wpforms-field-drag-to-column-100).size-large .wpforms-square-cardnumber-wrapper .card-number,
.et-db #et-boc .et-l .et_pb_module .wpforms-field-layout .wpforms-layout-column:not(.wpforms-layout-column-100) .wpforms-field.size-large .wpforms-square-cardnumber-wrapper .card-number,
.et-db #et-boc .et-l .et_pb_module .wpforms-field.wpforms-field-drag-to-column:not(.wpforms-field-drag-to-column-100).size-large .wpforms-square-cardnumber-wrapper .card-number {
border-bottom: 1px solid #cccccc;
}
.wpforms-panel-fields .wpforms-field-square .wpforms-square-cardnumber-wrapper {
border-radius: 4px;
width: 60%;
flex-direction: column;
}
.wpforms-panel-fields .wpforms-field-square .wpforms-square-cardnumber-wrapper .card-number {
border-bottom: 1px solid #cccccc;
}
.elementor-widget-wpforms div.wpforms-container-full .wpforms-form .wpforms-field-square .wpforms-square-cardnumber-wrapper,
.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field-square .wpforms-square-cardnumber-wrapper {
background-color: #f9f9f9;
border: 1px solid #dddddd;
color: #999999;
cursor: not-allowed;
}
.elementor-widget-wpforms div.wpforms-container-full.wpforms-render-modern .wpforms-form .wpforms-field-square .wpforms-field-medium.wpforms-square-cardnumber-wrapper .card-number,
.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full.wpforms-render-modern .wpforms-form .wpforms-field-square .wpforms-field-medium.wpforms-square-cardnumber-wrapper .card-number {
border-bottom: 1px solid var(--wpforms-field-border-color);
}
.elementor-widget-wpforms div.wpforms-container-full.wpforms-render-modern .wpforms-form .wpforms-field-square .wpforms-square-cardnumber-wrapper,
.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full.wpforms-render-modern .wpforms-form .wpforms-field-square .wpforms-square-cardnumber-wrapper {
border-radius: var(--wpforms-field-border-radius);
border: 1px solid var(--wpforms-field-border-color);
border-color: var(--wpforms-field-border-color);
background-color: var(--wpforms-field-background-color);
cursor: not-allowed;
}
.editor-styles-wrapper .wpforms-gutenberg-form-selector.wpforms-render-modern.wpforms-container-full .wpforms-field-medium.wpforms-square-cardnumber-wrapper .card-number {
border-bottom: 1px solid var(--wpforms-field-border-color);
}
.editor-styles-wrapper .wpforms-gutenberg-form-selector.wpforms-render-modern.wpforms-container-full .wpforms-square-cardnumber-wrapper {
border-radius: var(--wpforms-field-border-radius);
border: var(--wpforms-field-border-size, 1px) var(--wpforms-field-border-style, solid) var(--wpforms-field-border-color);
border-color: var(--wpforms-field-border-color);
background-color: var(--wpforms-field-background-color);
}
div.wpforms-container-full .wpforms-form .wpforms-field-square .wpforms-field-large.wpforms-square-cardnumber-wrapper {
width: 100%;
flex-direction: row;
}
div.wpforms-container-full .wpforms-form .wpforms-field-square .wpforms-field-large.wpforms-square-cardnumber-wrapper .card-number {
border: none;
}
div.wpforms-container-full .wpforms-form .wpforms-field-square .wpforms-field-medium.wpforms-square-cardnumber-wrapper {
width: 60%;
flex-direction: column;
}
div.wpforms-container-full .wpforms-form .wpforms-field-square .wpforms-field-medium.wpforms-square-cardnumber-wrapper .card-number {
border-bottom: 1px solid #cccccc;
}
div.wpforms-container-full .wpforms-form .wpforms-field-square .wpforms-field-small.wpforms-square-cardnumber-wrapper {
width: 25%;
flex-direction: column;
}
div.wpforms-container-full .wpforms-form .wpforms-field-square .wpforms-field-small.wpforms-square-cardnumber-wrapper .card-number {
border-bottom: 1px solid #cccccc;
}
div.wpforms-container-full .wpforms-form .wpforms-field-square .wpforms-field-small.wpforms-square-cardnumber-wrapper .card-number input {
width: 100% !important;
}
div.wpforms-container-full .wpforms-form .wpforms-field-layout .wpforms-layout-column:not(.wpforms-layout-column-100) .wpforms-field-square .wpforms-square-cardname input {
min-width: 100%;
}
@media only screen and (max-width: 600px) {
.wpforms-panel-fields .wpforms-square-cardnumber-wrapper,
div.wpforms-container-full .wpforms-form .wpforms-square-cardnumber-wrapper,
.et-db #et-boc .et-l .et_pb_module .wpforms-square-cardnumber-wrapper {
width: 100% !important;
}
}
File diff suppressed because one or more lines are too long
@@ -0,0 +1,127 @@
div.wpforms-container-full .wpforms-form .sq-card-iframe-container {
position: relative;
width: 100%;
overflow: hidden;
}
div.wpforms-container-full .wpforms-form .sq-card-iframe-container::before {
border-width: 1px;
border-radius: 2px;
}
div.wpforms-container-full .wpforms-form .sq-card-wrapper {
min-width: auto;
}
div.wpforms-container-full .wpforms-form .sq-card-wrapper.sq-focus .sq-card-iframe-container::before {
border-color: #999;
}
div.wpforms-container-full .wpforms-form .sq-card-wrapper.sq-error .sq-card-iframe-container::before {
border-color: #cc0000;
}
div.wpforms-container-full .wpforms-form .sq-card-component {
position: relative;
height: inherit;
width: 100%;
border: 1px solid #ccc;
background-color: #fff;
border-radius: 2px;
}
div.wpforms-container-full .wpforms-form .wpforms-field-square-consent {
border-left: 3px solid;
padding-left: 15px;
font-size: 0.75em;
color: #666;
}
div.wpforms-container-full .wpforms-form .wpforms-field-square .wpforms-field-row.wpforms-field-small .wpforms-field-square-cardname {
width: 100%;
}
div.wpforms-container-full .wpforms-form .wpforms-field-layout .wpforms-layout-column .wpforms-field-row.wpforms-field-small .wpforms-field-square-cardname {
min-width: 100%;
}
div.wpforms-container-full.wpforms-render-modern .wpforms-form .sq-card-wrapper .sq-card-iframe-container {
border-radius: var(--wpforms-field-border-radius);
border: var(--wpforms-field-border-size, 1px) var(--wpforms-field-border-style, solid) var(--wpforms-field-border-color);
border-color: var(--wpforms-field-border-color);
background-color: var(--wpforms-field-background-color);
}
div.wpforms-container-full.wpforms-render-modern .wpforms-form .sq-card-wrapper .sq-card-iframe-container::before {
border-color: transparent;
border-radius: var(--wpforms-field-border-radius);
}
div.wpforms-container-full.wpforms-render-modern .wpforms-form .sq-card-wrapper .sq-card-iframe-container iframe {
border: none !important;
border-radius: var(--wpforms-field-border-radius);
background: transparent;
}
div.wpforms-container-full.wpforms-render-modern .wpforms-form .sq-card-wrapper.sq-focus .sq-card-iframe-container {
border-width: var(--wpforms-field-border-size, 0);
border-style: solid;
border-color: var(--wpforms-button-background-color);
box-shadow: 0 0 0 1px var(--wpforms-button-background-color), 0px 1px 2px rgba(0, 0, 0, 0.15);
outline: none;
border-color: var(--wpforms-button-background-color) !important;
}
div.wpforms-container-full.wpforms-render-modern .wpforms-form .sq-card-wrapper.sq-focus .sq-card-iframe-container::before {
border: none;
}
div.wpforms-container-full.wpforms-render-modern .wpforms-form .sq-card-wrapper.sq-error .sq-card-iframe-container {
border-width: var(--wpforms-field-border-size);
border-style: solid;
border-color: var(--wpforms-label-error-color);
border-color: var(--wpforms-label-error-color) !important;
}
div.wpforms-container-full.wpforms-render-modern .wpforms-form .sq-card-wrapper.sq-error:hover .sq-card-iframe-container {
border-width: var(--wpforms-field-border-size);
border-style: solid;
border-color: var(--wpforms-label-error-color);
box-shadow: 0 0 2px 0 var(--wpforms-label-error-color);
border-color: var(--wpforms-label-error-color) !important;
}
div.wpforms-container-full.wpforms-render-modern .wpforms-form .sq-card-wrapper.sq-error.sq-focus .sq-card-iframe-container {
border-width: var(--wpforms-field-border-size);
border-style: solid;
border-color: var(--wpforms-label-error-color);
box-shadow: 0 0 0 1px var(--wpforms-label-error-color);
border-color: var(--wpforms-label-error-color) !important;
}
div.wpforms-container-full.wpforms-render-modern .wpforms-form .wpforms-field-square .wpforms-field-sublabel + .wpforms-error {
margin-top: calc( 1.5 * var( --wpforms-field-size-sublabel-spacing ));
}
.wpforms-field-square .sq-card-message {
display: none;
}
#wpforms-conversational-form-page .sq-card-iframe-container,
#wpforms-conversational-form-page .sq-card-component {
background-color: transparent;
border: none;
}
#sq-nudata-modal {
display: block !important;
position: fixed !important;
left: 0 !important;
top: 0 !important;
}
@media only screen and (max-width: 600px) {
div.wpforms-container-full.wpforms-render-modern .wpforms-form .sq-card-wrapper {
max-width: calc( 100% - 2px);
}
}
@@ -0,0 +1 @@
div.wpforms-container-full .wpforms-form .sq-card-iframe-container{position:relative;width:100%;overflow:hidden}div.wpforms-container-full .wpforms-form .sq-card-iframe-container::before{border-width:1px;border-radius:2px}div.wpforms-container-full .wpforms-form .sq-card-wrapper{min-width:auto}div.wpforms-container-full .wpforms-form .sq-card-wrapper.sq-focus .sq-card-iframe-container::before{border-color:#999}div.wpforms-container-full .wpforms-form .sq-card-wrapper.sq-error .sq-card-iframe-container::before{border-color:#cc0000}div.wpforms-container-full .wpforms-form .sq-card-component{position:relative;height:inherit;width:100%;border:1px solid #ccc;background-color:#fff;border-radius:2px}div.wpforms-container-full .wpforms-form .wpforms-field-square-consent{border-left:3px solid;padding-left:15px;font-size:0.75em;color:#666}div.wpforms-container-full .wpforms-form .wpforms-field-square .wpforms-field-row.wpforms-field-small .wpforms-field-square-cardname{width:100%}div.wpforms-container-full .wpforms-form .wpforms-field-layout .wpforms-layout-column .wpforms-field-row.wpforms-field-small .wpforms-field-square-cardname{min-width:100%}div.wpforms-container-full.wpforms-render-modern .wpforms-form .sq-card-wrapper .sq-card-iframe-container{border-radius:var(--wpforms-field-border-radius);border:var(--wpforms-field-border-size, 1px) var(--wpforms-field-border-style, solid) var(--wpforms-field-border-color);border-color:var(--wpforms-field-border-color);background-color:var(--wpforms-field-background-color)}div.wpforms-container-full.wpforms-render-modern .wpforms-form .sq-card-wrapper .sq-card-iframe-container::before{border-color:transparent;border-radius:var(--wpforms-field-border-radius)}div.wpforms-container-full.wpforms-render-modern .wpforms-form .sq-card-wrapper .sq-card-iframe-container iframe{border:none !important;border-radius:var(--wpforms-field-border-radius);background:transparent}div.wpforms-container-full.wpforms-render-modern .wpforms-form .sq-card-wrapper.sq-focus .sq-card-iframe-container{border-width:var(--wpforms-field-border-size, 0);border-style:solid;border-color:var(--wpforms-button-background-color);box-shadow:0 0 0 1px var(--wpforms-button-background-color),0px 1px 2px rgba(0,0,0,0.15);outline:none;border-color:var(--wpforms-button-background-color) !important}div.wpforms-container-full.wpforms-render-modern .wpforms-form .sq-card-wrapper.sq-focus .sq-card-iframe-container::before{border:none}div.wpforms-container-full.wpforms-render-modern .wpforms-form .sq-card-wrapper.sq-error .sq-card-iframe-container{border-width:var(--wpforms-field-border-size);border-style:solid;border-color:var(--wpforms-label-error-color);border-color:var(--wpforms-label-error-color) !important}div.wpforms-container-full.wpforms-render-modern .wpforms-form .sq-card-wrapper.sq-error:hover .sq-card-iframe-container{border-width:var(--wpforms-field-border-size);border-style:solid;border-color:var(--wpforms-label-error-color);box-shadow:0 0 2px 0 var(--wpforms-label-error-color);border-color:var(--wpforms-label-error-color) !important}div.wpforms-container-full.wpforms-render-modern .wpforms-form .sq-card-wrapper.sq-error.sq-focus .sq-card-iframe-container{border-width:var(--wpforms-field-border-size);border-style:solid;border-color:var(--wpforms-label-error-color);box-shadow:0 0 0 1px var(--wpforms-label-error-color);border-color:var(--wpforms-label-error-color) !important}div.wpforms-container-full.wpforms-render-modern .wpforms-form .wpforms-field-square .wpforms-field-sublabel+.wpforms-error{margin-top:calc( 1.5 * var( --wpforms-field-size-sublabel-spacing ))}.wpforms-field-square .sq-card-message{display:none}#wpforms-conversational-form-page .sq-card-iframe-container,#wpforms-conversational-form-page .sq-card-component{background-color:transparent;border:none}#sq-nudata-modal{display:block !important;position:fixed !important;left:0 !important;top:0 !important}@media only screen and (max-width: 600px){div.wpforms-container-full.wpforms-render-modern .wpforms-form .sq-card-wrapper{max-width:calc( 100% - 2px)}}
@@ -0,0 +1,85 @@
.wpforms-admin-content-payments .wpforms-admin-settings-form .wpforms-stripe-connect-button {
background-image: url(../../../images/stripe/stripe-connect.png);
background-repeat: no-repeat;
background-size: contain;
border-radius: 4px;
display: inline-block;
height: 32px;
vertical-align: top;
width: 190px;
}
.wpforms-admin-content-payments .wpforms-admin-settings-form .wpforms-stripe-connect-button:focus {
box-shadow: none;
opacity: 0.8;
}
.wpforms-admin-content-payments .wpforms-admin-settings-form .wpforms-setting-row .wpforms-stripe-notice-info {
background-color: #ffffff;
border: 1px solid #c3c4c7;
border-left: 4px solid #056aab;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
margin-top: 10px;
padding: 11px 15px;
}
.wpforms-admin-content-payments .wpforms-admin-settings-form .wpforms-setting-row .wpforms-stripe-notice-info strong {
font-weight: 500;
}
.wpforms-admin-content-payments .wpforms-admin-settings-form .wpforms-setting-row .wpforms-stripe-notice-info p {
margin: 0;
line-height: 18px;
}
#wpforms-setting-row-stripe-connection-status .wpforms-connected {
display: flex;
align-items: center;
gap: 10px;
margin-top: 8px;
}
#wpforms-setting-row-stripe-connection-status .wpforms-connected::before {
background-image: url(../../../images/check-circle.svg);
background-size: contain;
background-position: center;
background-repeat: no-repeat;
content: "";
height: 17px;
width: 17px;
}
#wpforms-setting-row-stripe-connection-status .wpforms-connected p {
margin-top: 0;
line-height: 20px;
}
#wpforms-setting-row-stripe-connection-status .wpforms-reconnect {
background-color: #ffffff;
border-left: 4px solid #ffb900;
box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
margin: 16px 0 0;
padding: 10px;
}
#wpforms-setting-row-stripe-connection-status .wpforms-reconnect p {
color: #3c434a;
margin: 0 0 10px 0;
padding: 2px;
}
#wpforms-setting-row-stripe-connection-status .wpforms-reconnect p:last-of-type {
margin: 0;
}
#wpforms-setting-row-stripe-connection-status .desc {
color: #999c9e;
}
#wpforms-setting-row-stripe-connection-status .desc a {
color: #999c9e;
}
#wpforms-setting-row-stripe-card-mode .wpforms-setting-field {
padding-top: 8px;
}
@@ -0,0 +1 @@
.wpforms-admin-content-payments .wpforms-admin-settings-form .wpforms-stripe-connect-button{background-image:url(../../../images/stripe/stripe-connect.png);background-repeat:no-repeat;background-size:contain;border-radius:4px;display:inline-block;height:32px;vertical-align:top;width:190px}.wpforms-admin-content-payments .wpforms-admin-settings-form .wpforms-stripe-connect-button:focus{box-shadow:none;opacity:0.8}.wpforms-admin-content-payments .wpforms-admin-settings-form .wpforms-setting-row .wpforms-stripe-notice-info{background-color:#ffffff;border:1px solid #c3c4c7;border-left:4px solid #056aab;box-shadow:0 1px 1px rgba(0,0,0,0.04);margin-top:10px;padding:11px 15px}.wpforms-admin-content-payments .wpforms-admin-settings-form .wpforms-setting-row .wpforms-stripe-notice-info strong{font-weight:500}.wpforms-admin-content-payments .wpforms-admin-settings-form .wpforms-setting-row .wpforms-stripe-notice-info p{margin:0;line-height:18px}#wpforms-setting-row-stripe-connection-status .wpforms-connected{display:flex;align-items:center;gap:10px;margin-top:8px}#wpforms-setting-row-stripe-connection-status .wpforms-connected::before{background-image:url(../../../images/check-circle.svg);background-size:contain;background-position:center;background-repeat:no-repeat;content:"";height:17px;width:17px}#wpforms-setting-row-stripe-connection-status .wpforms-connected p{margin-top:0;line-height:20px}#wpforms-setting-row-stripe-connection-status .wpforms-reconnect{background-color:#ffffff;border-left:4px solid #ffb900;box-shadow:0 1px 1px 0 rgba(0,0,0,0.1);margin:16px 0 0;padding:10px}#wpforms-setting-row-stripe-connection-status .wpforms-reconnect p{color:#3c434a;margin:0 0 10px 0;padding:2px}#wpforms-setting-row-stripe-connection-status .wpforms-reconnect p:last-of-type{margin:0}#wpforms-setting-row-stripe-connection-status .desc{color:#999c9e}#wpforms-setting-row-stripe-connection-status .desc a{color:#999c9e}#wpforms-setting-row-stripe-card-mode .wpforms-setting-field{padding-top:8px}
@@ -0,0 +1,61 @@
#wpforms-panel-field-stripe-custom-metadata {
margin-bottom: 20px;
}
#wpforms-panel-field-stripe-custom-metadata .wpforms-panel-content-section-stripe-custom-metadata-table {
border: 1px solid #c3c4c7;
border-collapse: collapse;
border-spacing: 0;
width: 100%;
}
#wpforms-panel-field-stripe-custom-metadata .wpforms-panel-content-section-stripe-custom-metadata-table thead {
background-color: #f6f7f7;
color: #50575e;
font-size: 14px;
}
#wpforms-panel-field-stripe-custom-metadata .wpforms-panel-content-section-stripe-custom-metadata-table thead th {
font-weight: 400;
padding: 8px 10px;
text-align: start;
}
#wpforms-panel-field-stripe-custom-metadata .wpforms-panel-content-section-stripe-custom-metadata-table tbody td {
border-top: 1px solid #c3c4c7;
padding-block: 10px;
padding-inline-start: 10px;
padding-inline-end: 0;
width: 33%;
}
#wpforms-panel-field-stripe-custom-metadata .wpforms-panel-content-section-stripe-custom-metadata-table tbody td:last-of-type {
padding-inline-end: 10px;
}
#wpforms-panel-field-stripe-custom-metadata .wpforms-panel-content-section-stripe-custom-metadata-table tbody td.add button, #wpforms-panel-field-stripe-custom-metadata .wpforms-panel-content-section-stripe-custom-metadata-table tbody td.delete button {
background: none;
border: none;
box-shadow: none;
height: auto;
line-height: 1;
margin: 0;
padding: 0;
}
#wpforms-panel-field-stripe-custom-metadata .wpforms-panel-content-section-stripe-custom-metadata-table tbody td.add button i, #wpforms-panel-field-stripe-custom-metadata .wpforms-panel-content-section-stripe-custom-metadata-table tbody td.delete button i {
font-size: 16px;
}
#wpforms-panel-field-stripe-custom-metadata .wpforms-panel-content-section-stripe-custom-metadata-table tbody td.add button {
color: #036aab;
}
#wpforms-panel-field-stripe-custom-metadata .wpforms-panel-content-section-stripe-custom-metadata-table tbody td.delete button {
color: #d63638;
}
#wpforms-panel-field-stripe-custom-metadata .wpforms-panel-content-section-stripe-custom-metadata-table tbody td select, #wpforms-panel-field-stripe-custom-metadata .wpforms-panel-content-section-stripe-custom-metadata-table tbody td input {
max-width: 450px;
width: 100%;
}
@@ -0,0 +1 @@
#wpforms-panel-field-stripe-custom-metadata{margin-bottom:20px}#wpforms-panel-field-stripe-custom-metadata .wpforms-panel-content-section-stripe-custom-metadata-table{border:1px solid #c3c4c7;border-collapse:collapse;border-spacing:0;width:100%}#wpforms-panel-field-stripe-custom-metadata .wpforms-panel-content-section-stripe-custom-metadata-table thead{background-color:#f6f7f7;color:#50575e;font-size:14px}#wpforms-panel-field-stripe-custom-metadata .wpforms-panel-content-section-stripe-custom-metadata-table thead th{font-weight:400;padding:8px 10px;text-align:start}#wpforms-panel-field-stripe-custom-metadata .wpforms-panel-content-section-stripe-custom-metadata-table tbody td{border-top:1px solid #c3c4c7;padding-block:10px;padding-inline-start:10px;padding-inline-end:0;width:33%}#wpforms-panel-field-stripe-custom-metadata .wpforms-panel-content-section-stripe-custom-metadata-table tbody td:last-of-type{padding-inline-end:10px}#wpforms-panel-field-stripe-custom-metadata .wpforms-panel-content-section-stripe-custom-metadata-table tbody td.add button,#wpforms-panel-field-stripe-custom-metadata .wpforms-panel-content-section-stripe-custom-metadata-table tbody td.delete button{background:none;border:none;box-shadow:none;height:auto;line-height:1;margin:0;padding:0}#wpforms-panel-field-stripe-custom-metadata .wpforms-panel-content-section-stripe-custom-metadata-table tbody td.add button i,#wpforms-panel-field-stripe-custom-metadata .wpforms-panel-content-section-stripe-custom-metadata-table tbody td.delete button i{font-size:16px}#wpforms-panel-field-stripe-custom-metadata .wpforms-panel-content-section-stripe-custom-metadata-table tbody td.add button{color:#036aab}#wpforms-panel-field-stripe-custom-metadata .wpforms-panel-content-section-stripe-custom-metadata-table tbody td.delete button{color:#d63638}#wpforms-panel-field-stripe-custom-metadata .wpforms-panel-content-section-stripe-custom-metadata-table tbody td select,#wpforms-panel-field-stripe-custom-metadata .wpforms-panel-content-section-stripe-custom-metadata-table tbody td input{max-width:450px;width:100%}
@@ -0,0 +1,291 @@
#wpforms-panel-fields .wpforms-stripe-payment-element,
#wpforms-panel-revisions .wpforms-stripe-payment-element,
#wpforms-panel-ai-form .wpforms-stripe-payment-element {
width: 60%;
}
#wpforms-panel-fields .wpforms-stripe-payment-element.above input::-webkit-input-placeholder,
#wpforms-panel-revisions .wpforms-stripe-payment-element.above input::-webkit-input-placeholder,
#wpforms-panel-ai-form .wpforms-stripe-payment-element.above input::-webkit-input-placeholder {
color: transparent;
}
#wpforms-panel-fields .wpforms-stripe-payment-element.above input:-moz-placeholder,
#wpforms-panel-revisions .wpforms-stripe-payment-element.above input:-moz-placeholder,
#wpforms-panel-ai-form .wpforms-stripe-payment-element.above input:-moz-placeholder {
color: transparent;
}
#wpforms-panel-fields .wpforms-stripe-payment-element.above input::-moz-placeholder,
#wpforms-panel-revisions .wpforms-stripe-payment-element.above input::-moz-placeholder,
#wpforms-panel-ai-form .wpforms-stripe-payment-element.above input::-moz-placeholder {
color: transparent;
}
#wpforms-panel-fields .wpforms-stripe-payment-element.above input:-ms-input-placeholder,
#wpforms-panel-revisions .wpforms-stripe-payment-element.above input:-ms-input-placeholder,
#wpforms-panel-ai-form .wpforms-stripe-payment-element.above input:-ms-input-placeholder {
color: transparent;
}
#wpforms-panel-fields .wpforms-stripe-payment-element.floating input::-webkit-input-placeholder,
#wpforms-panel-fields .wpforms-stripe-payment-element.floating select::-webkit-input-placeholder,
#wpforms-panel-revisions .wpforms-stripe-payment-element.floating input::-webkit-input-placeholder,
#wpforms-panel-revisions .wpforms-stripe-payment-element.floating select::-webkit-input-placeholder,
#wpforms-panel-ai-form .wpforms-stripe-payment-element.floating input::-webkit-input-placeholder,
#wpforms-panel-ai-form .wpforms-stripe-payment-element.floating select::-webkit-input-placeholder {
color: #999c9e;
}
#wpforms-panel-fields .wpforms-stripe-payment-element.floating input:-moz-placeholder,
#wpforms-panel-fields .wpforms-stripe-payment-element.floating select:-moz-placeholder,
#wpforms-panel-revisions .wpforms-stripe-payment-element.floating input:-moz-placeholder,
#wpforms-panel-revisions .wpforms-stripe-payment-element.floating select:-moz-placeholder,
#wpforms-panel-ai-form .wpforms-stripe-payment-element.floating input:-moz-placeholder,
#wpforms-panel-ai-form .wpforms-stripe-payment-element.floating select:-moz-placeholder {
color: #999c9e;
}
#wpforms-panel-fields .wpforms-stripe-payment-element.floating input::-moz-placeholder,
#wpforms-panel-fields .wpforms-stripe-payment-element.floating select::-moz-placeholder,
#wpforms-panel-revisions .wpforms-stripe-payment-element.floating input::-moz-placeholder,
#wpforms-panel-revisions .wpforms-stripe-payment-element.floating select::-moz-placeholder,
#wpforms-panel-ai-form .wpforms-stripe-payment-element.floating input::-moz-placeholder,
#wpforms-panel-ai-form .wpforms-stripe-payment-element.floating select::-moz-placeholder {
color: #999c9e;
}
#wpforms-panel-fields .wpforms-stripe-payment-element.floating input:-ms-input-placeholder,
#wpforms-panel-fields .wpforms-stripe-payment-element.floating select:-ms-input-placeholder,
#wpforms-panel-revisions .wpforms-stripe-payment-element.floating input:-ms-input-placeholder,
#wpforms-panel-revisions .wpforms-stripe-payment-element.floating select:-ms-input-placeholder,
#wpforms-panel-ai-form .wpforms-stripe-payment-element.floating input:-ms-input-placeholder,
#wpforms-panel-ai-form .wpforms-stripe-payment-element.floating select:-ms-input-placeholder {
color: #999c9e;
}
#wpforms-panel-fields .wpforms-stripe-payment-element.floating label,
#wpforms-panel-revisions .wpforms-stripe-payment-element.floating label,
#wpforms-panel-ai-form .wpforms-stripe-payment-element.floating label {
display: none;
}
#wpforms-panel-fields .wpforms-stripe-payment-element input[type=text],
#wpforms-panel-fields .wpforms-stripe-payment-element select,
#wpforms-panel-revisions .wpforms-stripe-payment-element input[type=text],
#wpforms-panel-revisions .wpforms-stripe-payment-element select,
#wpforms-panel-ai-form .wpforms-stripe-payment-element input[type=text],
#wpforms-panel-ai-form .wpforms-stripe-payment-element select {
width: 100%;
min-width: initial;
}
#wpforms-panel-fields .wpforms-stripe-payment-element .wpforms-sub-label,
#wpforms-panel-revisions .wpforms-stripe-payment-element .wpforms-sub-label,
#wpforms-panel-ai-form .wpforms-stripe-payment-element .wpforms-sub-label {
margin-bottom: 5px;
margin-inline-start: 1px;
}
#wpforms-panel-fields .wpforms-stripe-payment-element .wpforms-field-row,
#wpforms-panel-revisions .wpforms-stripe-payment-element .wpforms-field-row,
#wpforms-panel-ai-form .wpforms-stripe-payment-element .wpforms-field-row {
overflow: hidden;
container-type: inline-size;
container-name: wpforms-field-row-responsive;
}
@container wpforms-field-row-responsive (max-width: 200px) {
#wpforms-panel-fields .wpforms-stripe-payment-element .wpforms-field-row .wpforms-one-half,
#wpforms-panel-revisions .wpforms-stripe-payment-element .wpforms-field-row .wpforms-one-half,
#wpforms-panel-ai-form .wpforms-stripe-payment-element .wpforms-field-row .wpforms-one-half {
float: none;
width: 100%;
}
#wpforms-panel-fields .wpforms-stripe-payment-element .wpforms-field-row .wpforms-stripe-cvc,
#wpforms-panel-revisions .wpforms-stripe-payment-element .wpforms-field-row .wpforms-stripe-cvc,
#wpforms-panel-ai-form .wpforms-stripe-payment-element .wpforms-field-row .wpforms-stripe-cvc {
margin-top: 10px;
}
#wpforms-panel-fields .wpforms-stripe-payment-element .wpforms-field-row .wpforms-stripe-cardnumber-pics,
#wpforms-panel-revisions .wpforms-stripe-payment-element .wpforms-field-row .wpforms-stripe-cardnumber-pics,
#wpforms-panel-ai-form .wpforms-stripe-payment-element .wpforms-field-row .wpforms-stripe-cardnumber-pics {
display: none;
}
}
#wpforms-panel-fields .wpforms-stripe-payment-element .wpforms-stripe-cvc,
#wpforms-panel-revisions .wpforms-stripe-payment-element .wpforms-stripe-cvc,
#wpforms-panel-ai-form .wpforms-stripe-payment-element .wpforms-stripe-cvc {
position: relative;
}
#wpforms-panel-fields .wpforms-stripe-payment-element .wpforms-stripe-cvc svg,
#wpforms-panel-revisions .wpforms-stripe-payment-element .wpforms-stripe-cvc svg,
#wpforms-panel-ai-form .wpforms-stripe-payment-element .wpforms-stripe-cvc svg {
position: absolute;
bottom: 8px;
inset-inline-end: 12px;
opacity: 0.75;
}
#wpforms-panel-fields .wpforms-stripe-payment-element .wpforms-stripe-cardnumber-pics,
#wpforms-panel-revisions .wpforms-stripe-payment-element .wpforms-stripe-cardnumber-pics,
#wpforms-panel-ai-form .wpforms-stripe-payment-element .wpforms-stripe-cardnumber-pics {
position: absolute;
bottom: 7px;
inset-inline-end: 12px;
width: 136px;
max-width: calc( 100% - 24px);
height: 24px;
background-image: url("../../../images/integrations/stripe/cc-preview.png");
background-repeat: no-repeat;
background-size: 136px 24px;
background-position: 100% 50%;
}
.rtl #wpforms-panel-fields .wpforms-stripe-payment-element .wpforms-stripe-cardnumber-pics, .rtl
#wpforms-panel-revisions .wpforms-stripe-payment-element .wpforms-stripe-cardnumber-pics, .rtl
#wpforms-panel-ai-form .wpforms-stripe-payment-element .wpforms-stripe-cardnumber-pics {
background-position: 0 50%;
}
#wpforms-panel-fields .wpforms-field-stripe-credit-card.size-small .wpforms-stripe-payment-element,
#wpforms-panel-revisions .wpforms-field-stripe-credit-card.size-small .wpforms-stripe-payment-element,
#wpforms-panel-ai-form .wpforms-field-stripe-credit-card.size-small .wpforms-stripe-payment-element {
width: 25%;
}
#wpforms-panel-fields .wpforms-field-stripe-credit-card.size-large .wpforms-stripe-payment-element,
#wpforms-panel-revisions .wpforms-field-stripe-credit-card.size-large .wpforms-stripe-payment-element,
#wpforms-panel-ai-form .wpforms-field-stripe-credit-card.size-large .wpforms-stripe-payment-element {
width: 100%;
}
#wpforms-panel-fields .wpforms-field-stripe-credit-card .format-selected:not(.wpforms-stripe-payment-element),
#wpforms-panel-revisions .wpforms-field-stripe-credit-card .format-selected:not(.wpforms-stripe-payment-element),
#wpforms-panel-ai-form .wpforms-field-stripe-credit-card .format-selected:not(.wpforms-stripe-payment-element) {
width: 100%;
}
#wpforms-panel-fields .wpforms-field-stripe-credit-card.sublabel_hide .floating input::-webkit-input-placeholder,
#wpforms-panel-revisions .wpforms-field-stripe-credit-card.sublabel_hide .floating input::-webkit-input-placeholder,
#wpforms-panel-ai-form .wpforms-field-stripe-credit-card.sublabel_hide .floating input::-webkit-input-placeholder {
color: transparent;
}
#wpforms-panel-fields .wpforms-field-stripe-credit-card.sublabel_hide .floating input:-moz-placeholder,
#wpforms-panel-revisions .wpforms-field-stripe-credit-card.sublabel_hide .floating input:-moz-placeholder,
#wpforms-panel-ai-form .wpforms-field-stripe-credit-card.sublabel_hide .floating input:-moz-placeholder {
color: transparent;
}
#wpforms-panel-fields .wpforms-field-stripe-credit-card.sublabel_hide .floating input::-moz-placeholder,
#wpforms-panel-revisions .wpforms-field-stripe-credit-card.sublabel_hide .floating input::-moz-placeholder,
#wpforms-panel-ai-form .wpforms-field-stripe-credit-card.sublabel_hide .floating input::-moz-placeholder {
color: transparent;
}
#wpforms-panel-fields .wpforms-field-stripe-credit-card.sublabel_hide .floating input:-ms-input-placeholder,
#wpforms-panel-revisions .wpforms-field-stripe-credit-card.sublabel_hide .floating input:-ms-input-placeholder,
#wpforms-panel-ai-form .wpforms-field-stripe-credit-card.sublabel_hide .floating input:-ms-input-placeholder {
color: transparent;
}
#wpforms-panel-fields .wpforms-field-stripe-credit-card .wpforms-field-preview-wrap,
#wpforms-panel-revisions .wpforms-field-stripe-credit-card .wpforms-field-preview-wrap,
#wpforms-panel-ai-form .wpforms-field-stripe-credit-card .wpforms-field-preview-wrap {
position: absolute;
display: flex;
justify-content: space-between;
flex-wrap: nowrap;
width: auto;
height: 40px;
top: 0;
inset-inline-start: 0;
bottom: 0;
font-size: 16px;
line-height: 40px;
color: #666666;
container-type: inline-size;
container-name: wpforms-field-preview-wrap-small;
}
@container wpforms-field-preview-wrap-small (max-width: 280px) {
#wpforms-panel-fields .wpforms-field-stripe-credit-card .wpforms-field-preview-wrap .wpforms-field-stripe-credit-card-number-expcvc-preview,
#wpforms-panel-revisions .wpforms-field-stripe-credit-card .wpforms-field-preview-wrap .wpforms-field-stripe-credit-card-number-expcvc-preview,
#wpforms-panel-ai-form .wpforms-field-stripe-credit-card .wpforms-field-preview-wrap .wpforms-field-stripe-credit-card-number-expcvc-preview {
display: none;
}
}
#wpforms-panel-fields .wpforms-field-stripe-credit-card.size-small .wpforms-field-preview-wrap,
#wpforms-panel-revisions .wpforms-field-stripe-credit-card.size-small .wpforms-field-preview-wrap,
#wpforms-panel-ai-form .wpforms-field-stripe-credit-card.size-small .wpforms-field-preview-wrap {
width: 25%;
}
#wpforms-panel-fields .wpforms-field-stripe-credit-card.size-medium .wpforms-field-preview-wrap,
#wpforms-panel-revisions .wpforms-field-stripe-credit-card.size-medium .wpforms-field-preview-wrap,
#wpforms-panel-ai-form .wpforms-field-stripe-credit-card.size-medium .wpforms-field-preview-wrap {
width: 60%;
}
#wpforms-panel-fields .wpforms-field-stripe-credit-card.size-large .wpforms-field-preview-wrap,
#wpforms-panel-revisions .wpforms-field-stripe-credit-card.size-large .wpforms-field-preview-wrap,
#wpforms-panel-ai-form .wpforms-field-stripe-credit-card.size-large .wpforms-field-preview-wrap {
width: 100%;
}
#wpforms-panel-fields .wpforms-field-stripe-credit-card.wpforms-field-drag-to-column .wpforms-field-preview-wrap,
#wpforms-panel-revisions .wpforms-field-stripe-credit-card.wpforms-field-drag-to-column .wpforms-field-preview-wrap,
#wpforms-panel-ai-form .wpforms-field-stripe-credit-card.wpforms-field-drag-to-column .wpforms-field-preview-wrap {
width: 100%;
}
#wpforms-panel-fields .wpforms-field-stripe-credit-card .wpforms-field-stripe-credit-card-number-placeholder-preview,
#wpforms-panel-revisions .wpforms-field-stripe-credit-card .wpforms-field-stripe-credit-card-number-placeholder-preview,
#wpforms-panel-ai-form .wpforms-field-stripe-credit-card .wpforms-field-stripe-credit-card-number-placeholder-preview {
display: flex;
line-height: 40px;
padding-block: 0;
padding-inline-end: 0;
padding-inline-start: 10px;
overflow-x: hidden;
}
#wpforms-panel-fields .wpforms-field-stripe-credit-card .wpforms-field-stripe-credit-card-number-placeholder-preview svg,
#wpforms-panel-revisions .wpforms-field-stripe-credit-card .wpforms-field-stripe-credit-card-number-placeholder-preview svg,
#wpforms-panel-ai-form .wpforms-field-stripe-credit-card .wpforms-field-stripe-credit-card-number-placeholder-preview svg {
width: 24px;
min-width: 24px;
fill: #000000;
}
#wpforms-panel-fields .wpforms-field-stripe-credit-card .wpforms-field-stripe-credit-card-number-placeholder-preview span,
#wpforms-panel-revisions .wpforms-field-stripe-credit-card .wpforms-field-stripe-credit-card-number-placeholder-preview span,
#wpforms-panel-ai-form .wpforms-field-stripe-credit-card .wpforms-field-stripe-credit-card-number-placeholder-preview span {
opacity: 0.5;
padding-inline-start: 10px;
white-space: nowrap;
}
#wpforms-panel-fields .wpforms-field-stripe-credit-card .wpforms-field-stripe-credit-card-number-expcvc-preview,
#wpforms-panel-revisions .wpforms-field-stripe-credit-card .wpforms-field-stripe-credit-card-number-expcvc-preview,
#wpforms-panel-ai-form .wpforms-field-stripe-credit-card .wpforms-field-stripe-credit-card-number-expcvc-preview {
display: block;
width: fit-content;
padding: 0 20px 0 0;
opacity: 0.5;
white-space: nowrap;
}
#wpforms-panel-fields .wpforms-layout-column .wpforms-field-stripe-credit-card.size-small .wpforms-field-preview-wrap, #wpforms-panel-fields .wpforms-layout-column .wpforms-field-stripe-credit-card.size-medium .wpforms-field-preview-wrap, #wpforms-panel-fields .wpforms-layout-column .wpforms-field-stripe-credit-card.size-large .wpforms-field-preview-wrap,
#wpforms-panel-revisions .wpforms-layout-column .wpforms-field-stripe-credit-card.size-small .wpforms-field-preview-wrap,
#wpforms-panel-revisions .wpforms-layout-column .wpforms-field-stripe-credit-card.size-medium .wpforms-field-preview-wrap,
#wpforms-panel-revisions .wpforms-layout-column .wpforms-field-stripe-credit-card.size-large .wpforms-field-preview-wrap,
#wpforms-panel-ai-form .wpforms-layout-column .wpforms-field-stripe-credit-card.size-small .wpforms-field-preview-wrap,
#wpforms-panel-ai-form .wpforms-layout-column .wpforms-field-stripe-credit-card.size-medium .wpforms-field-preview-wrap,
#wpforms-panel-ai-form .wpforms-layout-column .wpforms-field-stripe-credit-card.size-large .wpforms-field-preview-wrap {
width: 100%;
}
File diff suppressed because one or more lines are too long
@@ -0,0 +1,270 @@
.wpforms-form .wpforms-field-stripe-credit-card .StripeElement {
margin-bottom: 5px;
}
.wpforms-form .wpforms-field-stripe-credit-card .StripeElement .__PrivateStripeElement iframe {
margin: 0 0 0 -4px !important;
}
.wpforms-form .wpforms-field-stripe-credit-card .wpforms-field-stripe-credit-card-number-placeholder-preview {
display: flex;
position: absolute;
width: fit-content;
height: 36px;
line-height: 36px;
padding: 0 0 0 10px;
top: 0;
left: 0;
bottom: 0;
}
.wpforms-form .wpforms-field-stripe-credit-card .wpforms-field-stripe-credit-card-number-placeholder-preview svg {
width: 24px;
fill: #000000;
margin-right: 10px;
}
.wpforms-form .wpforms-field-stripe-credit-card .wpforms-field-stripe-credit-card-number-placeholder-preview span {
opacity: 0.5;
font-size: 16px;
color: #333333;
}
.wpforms-form .wpforms-field-stripe-credit-card .wpforms-field-stripe-credit-card-number-expcvc-preview {
display: block;
position: absolute;
width: fit-content;
height: 36px;
line-height: 36px;
padding: 0 10px 0 0;
font-size: 16px;
top: 0;
right: 0;
bottom: 0;
color: #333333;
opacity: 0.5;
}
.wpforms-form .wpforms-field-stripe-credit-card .wpforms-field-row {
container-type: inline-size;
container-name: wpforms-field-row-small wpforms-field-row-responsive;
}
@container wpforms-field-row-small (max-width: 200px) {
.wpforms-form .wpforms-field-stripe-credit-card .wpforms-field-row .wpforms-stripe-payment-element-cvc-preview svg,
.wpforms-form .wpforms-field-stripe-credit-card .wpforms-field-row .wpforms-stripe-payment-element-cardnumber-preview,
.wpforms-form .wpforms-field-stripe-credit-card .wpforms-field-row .wpforms-field-stripe-credit-card-number-expcvc-preview {
display: none;
}
}
.wpforms-lead-forms-container.wpforms-container .wpforms-field-stripe-credit-card .wpforms-field-row {
margin-left: 0;
margin-right: 0;
}
.wpforms-lead-forms-container.wpforms-container .wpforms-field-stripe-credit-card .wpforms-field-row .StripeElement {
width: calc( 100% + 8px);
}
.wpforms-lead-forms-container.wpforms-container .wpforms-field-stripe-credit-card .wpforms-field-row select {
max-width: 100%;
}
.wpforms-lead-forms-container.wpforms-container .wpforms-field-stripe-credit-card-number-placeholder-preview {
height: 46px;
line-height: 46px;
color: rgba(var(--wpforms-lead-forms-secondary-text-color), 1);
}
.wpforms-lead-forms-container.wpforms-container .wpforms-field-stripe-credit-card-number-placeholder-preview span {
color: rgba(var(--wpforms-lead-forms-secondary-text-color), 1);
}
.wpforms-lead-forms-container.wpforms-container .wpforms-field-stripe-credit-card-number-expcvc-preview {
height: 46px;
line-height: 46px;
color: rgba(var(--wpforms-lead-forms-secondary-text-color), 0.5);
}
.wpforms-lead-forms-container.wpforms-container .wpforms-field input[type=date],
.wpforms-lead-forms-container.wpforms-container .wpforms-field input[type=datetime],
.wpforms-lead-forms-container.wpforms-container .wpforms-field input[type=datetime-local],
.wpforms-lead-forms-container.wpforms-container .wpforms-field input[type=email],
.wpforms-lead-forms-container.wpforms-container .wpforms-field input[type=month],
.wpforms-lead-forms-container.wpforms-container .wpforms-field input[type=number],
.wpforms-lead-forms-container.wpforms-container .wpforms-field input[type=password],
.wpforms-lead-forms-container.wpforms-container .wpforms-field input[type=range],
.wpforms-lead-forms-container.wpforms-container .wpforms-field input[type=search],
.wpforms-lead-forms-container.wpforms-container .wpforms-field input[type=tel],
.wpforms-lead-forms-container.wpforms-container .wpforms-field input[type=text],
.wpforms-lead-forms-container.wpforms-container .wpforms-field input[type=time],
.wpforms-lead-forms-container.wpforms-container .wpforms-field input[type=url],
.wpforms-lead-forms-container.wpforms-container .wpforms-field input[type=week],
.wpforms-lead-forms-container.wpforms-container .wpforms-field select,
.wpforms-lead-forms-container.wpforms-container .wpforms-field textarea {
opacity: 1;
background-color: transparent;
}
.wpforms-lead-forms-container.wpforms-container .wpforms-field .wpforms-field-row.wpforms-no-columns {
display: block;
}
div.wpforms-container.wpforms-render-modern .wpforms-field-stripe-credit-card .wpforms-field-stripe-credit-card-cardnumber {
background-color: var(--wpforms-field-background-color);
box-sizing: border-box;
border-radius: var(--wpforms-field-border-radius);
color: var(--wpforms-field-text-color);
display: flex;
align-items: center;
justify-content: center;
font-size: var(--wpforms-field-size-font-size);
border-width: var(--wpforms-field-border-size);
border-style: var(--wpforms-field-border-style);
border-color: var(--wpforms-field-border-color);
padding: 0 var(--wpforms-field-size-padding-h);
height: var(--wpforms-field-size-input-height);
width: 100%;
line-height: 1;
}
div.wpforms-container.wpforms-render-modern .wpforms-field-stripe-credit-card .wpforms-field-stripe-credit-card-cardnumber.wpforms-stripe-element-focus {
border-width: var(--wpforms-field-border-size, 0);
border-style: solid;
border-color: var(--wpforms-button-background-color);
box-shadow: 0 0 0 1px var(--wpforms-button-background-color), 0px 1px 2px rgba(0, 0, 0, 0.15);
outline: none;
}
div.wpforms-container.wpforms-render-modern .wpforms-field-stripe-credit-card .wpforms-field-stripe-credit-card-cardnumber.wpforms-stripe-element-invalid {
border-width: var(--wpforms-field-border-size);
border-style: solid;
border-color: var(--wpforms-label-error-color);
}
div.wpforms-container.wpforms-render-modern .wpforms-field-stripe-credit-card .wpforms-field-stripe-credit-card-cardnumber.wpforms-stripe-element-invalid:hover {
border-width: var(--wpforms-field-border-size);
border-style: solid;
border-color: var(--wpforms-label-error-color);
box-shadow: 0 0 2px 0 var(--wpforms-label-error-color);
}
div.wpforms-container.wpforms-render-modern .wpforms-field-stripe-credit-card .wpforms-field-stripe-credit-card-cardnumber.wpforms-stripe-element-invalid.wpforms-stripe-element-focus {
border-width: var(--wpforms-field-border-size);
border-style: solid;
border-color: var(--wpforms-label-error-color);
box-shadow: 0 0 0 1px var(--wpforms-label-error-color);
}
div.wpforms-container.wpforms-render-modern .wpforms-field-stripe-credit-card .wpforms-field-stripe-credit-card-cardnumber > .__PrivateStripeElement {
width: 100%;
height: calc( var( --wpforms-field-size-font-size ) + 4px);
}
div.wpforms-container.wpforms-render-modern .wpforms-field-stripe-credit-card .wpforms-field-sublabel + .wpforms-error {
margin-top: calc( 1.5 * var( --wpforms-field-size-sublabel-spacing ));
}
div.wpforms-container.wpforms-render-modern .wpforms-field-stripe-credit-card .wpforms-field-stripe-credit-card-number-placeholder-preview {
display: flex;
position: absolute;
width: 100%;
height: var(--wpforms-field-size-input-height);
line-height: var(--wpforms-field-size-input-height);
padding: 0 0 0 var(--wpforms-field-size-padding-h);
top: 0;
left: 0;
bottom: 0;
overflow-x: hidden;
}
div.wpforms-container.wpforms-render-modern .wpforms-field-stripe-credit-card .wpforms-field-stripe-credit-card-number-placeholder-preview svg {
width: 24px;
fill: #000000;
}
div.wpforms-container.wpforms-render-modern .wpforms-field-stripe-credit-card .wpforms-field-stripe-credit-card-number-placeholder-preview span {
opacity: 0.5;
font-size: var(--wpforms-field-size-font-size);
color: var(--wpforms-field-text-color);
white-space: nowrap;
}
div.wpforms-container.wpforms-render-modern .wpforms-field-stripe-credit-card .wpforms-field-stripe-credit-card-number-expcvc-preview {
display: block;
position: absolute;
width: fit-content;
height: var(--wpforms-field-size-input-height);
line-height: var(--wpforms-field-size-input-height);
padding: 0 calc( var( --wpforms-field-size-padding-h ) * 2) 0 0;
font-size: var(--wpforms-field-size-font-size);
top: 0;
right: 0;
bottom: 0;
color: var(--wpforms-field-text-color);
opacity: 0.5;
}
div.wpforms-container.wpforms-render-modern .wpforms-field-stripe-credit-card .wpforms-field-row {
container-type: inline-size;
container-name: wpforms-field-row-small;
}
@container wpforms-field-row-small (max-width: 300px) {
div.wpforms-container.wpforms-render-modern .wpforms-field-stripe-credit-card .wpforms-field-row .wpforms-field-stripe-credit-card-number-expcvc-preview {
display: none;
}
}
div.wpforms-container.wpforms-render-modern .wpforms-field-stripe-credit-card .wpforms-stripe-payment-element-cvc-preview svg {
position: absolute !important;
bottom: calc( ( var( --wpforms-field-size-input-height ) - 24px ) / 2);
right: var(--wpforms-field-size-padding-h);
}
div.wpforms-container.wpforms-render-modern .wpforms-field-stripe-credit-card .wpforms-stripe-payment-element .wpforms-field-row {
container-type: inline-size;
container-name: wpforms-field-row-xs wpforms-field-row-s wpforms-field-row-m wpforms-field-row-responsive;
}
@container wpforms-field-row-m (max-width: 320px) {
div.wpforms-container.wpforms-render-modern .wpforms-field-stripe-credit-card .wpforms-stripe-payment-element .wpforms-field-row .wpforms-stripe-payment-element-cardnumber-preview {
width: 64px;
}
}
@container wpforms-field-row-s (max-width: 240px) {
div.wpforms-container.wpforms-render-modern .wpforms-field-stripe-credit-card .wpforms-stripe-payment-element .wpforms-field-row .wpforms-stripe-payment-element-cardnumber-preview {
width: 32px;
}
}
@container wpforms-field-row-xs (max-width: 210px) {
div.wpforms-container.wpforms-render-modern .wpforms-field-stripe-credit-card .wpforms-stripe-payment-element .wpforms-field-row .wpforms-stripe-payment-element-cardnumber-preview {
display: none;
}
}
div.wpforms-container.wpforms-render-modern .wpforms-field-stripe-credit-card .wpforms-stripe-payment-element-cardnumber-preview {
position: absolute;
bottom: calc( ( var( --wpforms-field-size-input-height ) - 20px ) / 2);
right: var(--wpforms-field-size-padding-h);
width: 136px;
height: 20px;
background-image: url("../../../images/integrations/stripe/cc-preview.png");
background-repeat: no-repeat;
background-size: 136px 20px;
}
div.wpforms-container.wpforms-render-modern .wpforms-field-stripe-credit-card .StripeElement {
margin: 0 4px var(--wpforms-field-size-input-spacing) -4px;
}
div.wpforms-container.wpforms-render-modern .wpforms-field-stripe-credit-card .StripeElement:last-of-type {
margin-bottom: 0;
}
div.wpforms-container.wpforms-render-modern .wpforms-field-stripe-credit-card .StripeElement .__PrivateStripeElement iframe {
margin: 0 !important;
}
File diff suppressed because one or more lines are too long
@@ -0,0 +1,72 @@
.wpforms-woocommerce-notification {
position: relative;
border: 1px solid #c3c4c7;
margin-block: 22px 24px;
margin-inline: 0 15px;
background-color: #ffffff;
display: flex;
flex-direction: row;
justify-content: space-between;
}
.wpforms-woocommerce-notification-image {
background: url("../../../images/integrations/woocommerce/mail.svg") no-repeat right -1px bottom;
min-width: 175px;
}
.wpforms-woocommerce-notification-content {
padding: 15px 20px 20px;
}
.wpforms-woocommerce-notification h2 {
margin: 0;
line-height: 21px;
font-size: 17px;
font-weight: 500;
}
.wpforms-woocommerce-notification p {
font-size: 15px;
line-height: 18px;
margin: 6px 0 9px 0;
color: #50575e;
}
.wpforms-woocommerce-notification #wpforms-woocommerce-close {
cursor: pointer;
color: #a7aaad;
opacity: 0.5;
position: absolute;
top: 0;
inset-inline-end: 0;
width: 30px;
height: 30px;
line-height: 30px;
}
.wpforms-woocommerce-notification #wpforms-woocommerce-close:hover {
opacity: 1;
}
body.rtl .wpforms-woocommerce-notification-image {
transform: scaleX(-1);
}
@media (max-width: 680px) {
.wpforms-woocommerce-notification-image {
display: none;
}
.wpforms-woocommerce-notification .button-primary {
min-height: 30px;
padding: 0 10px;
font-size: 13px;
margin-bottom: 0;
line-height: 2.15384615;
}
}
@media (max-width: 620px) {
.wpforms-woocommerce-notification {
margin-inline-end: 0;
}
}
@@ -0,0 +1 @@
.wpforms-woocommerce-notification{position:relative;border:1px solid #c3c4c7;margin-block:22px 24px;margin-inline:0 15px;background-color:#ffffff;display:flex;flex-direction:row;justify-content:space-between}.wpforms-woocommerce-notification-image{background:url("../../../images/integrations/woocommerce/mail.svg") no-repeat right -1px bottom;min-width:175px}.wpforms-woocommerce-notification-content{padding:15px 20px 20px}.wpforms-woocommerce-notification h2{margin:0;line-height:21px;font-size:17px;font-weight:500}.wpforms-woocommerce-notification p{font-size:15px;line-height:18px;margin:6px 0 9px 0;color:#50575e}.wpforms-woocommerce-notification #wpforms-woocommerce-close{cursor:pointer;color:#a7aaad;opacity:0.5;position:absolute;top:0;inset-inline-end:0;width:30px;height:30px;line-height:30px}.wpforms-woocommerce-notification #wpforms-woocommerce-close:hover{opacity:1}body.rtl .wpforms-woocommerce-notification-image{transform:scaleX(-1)}@media (max-width: 680px){.wpforms-woocommerce-notification-image{display:none}.wpforms-woocommerce-notification .button-primary{min-height:30px;padding:0 10px;font-size:13px;margin-bottom:0;line-height:2.15384615}}@media (max-width: 620px){.wpforms-woocommerce-notification{margin-inline-end:0}}