[id^=PopupModal-] .webhook-form-wrapper{--modal-width: 100rem}[id^=PopupModal-] .drawer__inner:has(.webhook-form-wrapper){--modal-width: 100rem;max-width:min(100rem,95vw)}@media screen and (max-width: 767px){[id^=PopupModal-] .drawer__inner:has(.webhook-form-wrapper){--modal-width: 100vw;max-width:100vw}}.webhook-form-wrapper{max-width:100%;margin:0;padding:1.5rem;font-size:16px}@media screen and (min-width: 768px){.webhook-form-wrapper{max-width:800px;margin:0 auto;padding:2rem}}@media screen and (min-width: 1024px){.webhook-form-wrapper{max-width:900px}}.webhook-form-wrapper h2{font-size:1.75rem;margin-bottom:1rem}.webhook-form{display:flex;flex-direction:column;gap:1.5rem}@media screen and (min-width: 768px){.webhook-form{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;column-gap:2rem}.webhook-form>.form-description,.webhook-form>.form-info-section,.webhook-form>.form-field:has(textarea),.webhook-form>.form-submit,.webhook-form>.form-message--success,.webhook-form>.form-message--error,.webhook-form>input[type=hidden]{grid-column:1 / -1}}.webhook-form .form-field{margin:0!important;padding:0!important;display:flex;flex-direction:column;gap:.5rem}.form-label{display:block;font-weight:600;margin-bottom:.5rem;font-size:15px!important;color:var(--color-foreground, #000);min-height:auto;line-height:1.5}.required{color:var(--color-error, #d00)}.webhook-form .form-control{width:100%;box-sizing:border-box}.webhook-form input[type=text],.webhook-form input[type=email],.webhook-form input[type=tel],.webhook-form input[type=number],.webhook-form select{font-size:16px!important;padding:.875rem 1rem;height:auto!important;min-height:48px;box-sizing:border-box;line-height:1.5!important;border-width:1px!important;vertical-align:top;display:block;width:100%}.webhook-form textarea{font-size:16px!important;padding:.875rem 1rem;min-height:120px;resize:vertical;line-height:1.5;box-sizing:border-box;width:100%}.form-control-static{padding:.25rem 0;font-size:15px!important;color:var(--color-foreground, #000);line-height:1.4;font-weight:500}.form-radio-group{display:flex;flex-direction:column;gap:.875rem}.form-radio-group--horizontal{flex-direction:row;gap:1.5rem;align-items:center}@media screen and (max-width: 767px){.form-radio-group--horizontal{flex-direction:column;align-items:flex-start;gap:.875rem}}.form-radio{display:flex;align-items:center;gap:.625rem}.form-radio input[type=radio]{width:1.25rem;height:1.25rem;cursor:pointer;accent-color:var(--color-button, #000);flex-shrink:0}.form-radio label{cursor:pointer;font-size:16px!important;margin:0;-webkit-user-select:none;user-select:none;white-space:nowrap}.form-radio input[type=radio]:focus{outline:2px solid var(--color-button, #000);outline-offset:2px}.form-info-section{background-color:var(--color-background-secondary, #f7f7f7);border-radius:var(--radius-sm);padding:1rem;margin-bottom:0}.form-info-section .form-field{margin-bottom:0}.form-info-section .form-label{font-size:13px;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem;font-weight:700;color:var(--color-foreground-secondary, #666)}.form-info-title{font-size:16px;font-weight:600;color:var(--color-foreground, #000);margin-bottom:.5rem;line-height:1.4}.form-info-details{font-size:14px;color:var(--color-foreground-secondary, #666);line-height:1.6}.form-info-detail-item{display:inline}.form-info-detail-item strong{font-weight:600;color:var(--color-foreground, #000)}.form-info-detail-separator{margin:0 .5rem;color:var(--color-foreground-secondary, #999)}.form-submit{text-align:center;margin-top:1rem}.btn-submit{min-width:200px;position:relative}.btn-submit:disabled{opacity:.6;cursor:not-allowed}.btn__spinner{display:inline-block}.spinner{animation:rotate 2s linear infinite;width:20px;height:20px}.spinner .path{stroke:currentcolor;stroke-linecap:round;animation:dash 1.5s ease-in-out infinite}@keyframes rotate{to{transform:rotate(360deg)}}@keyframes dash{0%{stroke-dasharray:1,150;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-35}to{stroke-dasharray:90,150;stroke-dashoffset:-124}}.form-message{font-size:14px;line-height:1.5;padding:1rem;border-radius:var(--radius-sm);margin-top:1.5rem;text-align:center}.form-message--small{font-size:13px!important}.form-message--success{background-color:var(--color-success-background, #d4edda);border:1px solid var(--color-success-border, #c3e6cb);color:var(--color-success-text, #155724);font-size:15px}.form-message--error{background-color:var(--color-error-background, #f8d7da);border:1px solid var(--color-error-border, #f5c6cb);color:var(--color-error-text, #721c24);font-size:15px}.form-message--info{background-color:var(--color-info-background, #d1ecf1);border:1px solid var(--color-info-border, #bee5eb);color:var(--color-info-text, #0c5460);font-size:15px;line-height:1.5}.form-description{margin:0 0 1.5rem;font-size:15px;color:var(--color-foreground-secondary, #666);line-height:1.6}.webhook-form input:focus,.webhook-form textarea:focus,.webhook-form select:focus{outline:2px solid var(--color-button, #000);outline-offset:2px}@media screen and (max-width: 767px){.webhook-form-wrapper{padding:0}.webhook-form-wrapper h2{font-size:1.25rem}.form-info-section{padding:1rem}.form-radio-group{gap:1rem}.btn-submit{width:100%;min-width:auto}}@media screen and (min-width: 768px) and (max-width: 1023px){.webhook-form-wrapper{max-width:500px}}[dir=rtl] .form-radio{flex-direction:row-reverse}[dir=rtl] .required{margin-right:0;margin-left:.25rem}@media (prefers-contrast: high){.form-control-static{border-bottom:1px solid currentcolor}.form-message--success,.form-message--error,.form-message--info{border-width:2px}}@media (prefers-reduced-motion: reduce){.spinner,.spinner .path{animation:none}.form-message--success,.form-message--error,.form-message--info{scroll-behavior:auto}}.field-error{color:var(--color-error-text, #721c24);background-color:var(--color-error-background, #f8d7da);border-left:3px solid var(--color-error, #d00);font-size:13px;padding:.5rem .75rem;margin-top:.25rem;display:flex;align-items:center;gap:.5rem;border-radius:var(--radius-sm)}.field-error:before{content:"\26a0";font-weight:700;font-size:1.1em;flex-shrink:0}[aria-invalid=true]{border-color:var(--color-error, #d00)!important;box-shadow:0 0 0 2px #dd00001a}[aria-invalid=true]:focus{outline-color:var(--color-error, #d00);box-shadow:0 0 0 3px #d003}@media (forced-colors: active){.field-error{border:2px solid currentcolor}[aria-invalid=true]{border:2px solid Mark}}
/*# sourceMappingURL=/cdn/shop/t/116/assets/component-webhook-form-base.css.map */