@layer codepun-forms{.codepun-form{--cpf-font: inherit;--cpf-text: currentColor;--cpf-label: currentColor;--cpf-help: color-mix(in srgb,currentColor 75%,transparent);--cpf-surface: transparent;--cpf-field-bg: color-mix(in srgb,currentColor 4%,transparent);--cpf-border: color-mix(in srgb,currentColor 55%,transparent);--cpf-border-hover: color-mix(in srgb,currentColor 80%,transparent);--cpf-focus-color: currentColor;--cpf-focus-ring: 0 0 0 6px color-mix(in srgb,var(--cpf-focus-color) 14%,transparent);--cpf-error: color-mix(in srgb,#d0342c 60%,currentColor);--cpf-error-bg: color-mix(in srgb,#d0342c 8%,transparent);--cpf-success: currentColor;--cpf-success-bg: color-mix(in srgb,currentColor 6%,transparent);--cpf-required: var(--cpf-help);--cpf-radius: 8px;--cpf-field-height: 44px;--cpf-field-padding: 10px 12px;--cpf-gap: 20px;--cpf-padding: 0;--cpf-shadow: none;--cpf-max-width: 42rem;box-sizing: border-box;display: grid;grid-template-columns: repeat(6,minmax(0,1fr));gap: var(--cpf-gap) 16px;max-width: var(--cpf-max-width);padding: var(--cpf-padding);border-radius: var(--cpf-radius);font-family: var(--cpf-font);color: var(--cpf-text);background: var(--cpf-surface);box-shadow: var(--cpf-shadow)}.codepun-form *,.codepun-form *::before,.codepun-form *::after{box-sizing: border-box}.codepun-form>*{grid-column: 1 / -1;min-width: 0;margin: 0}.codepun-form__row{display: contents}.codepun-form .codepun-form__field--half{grid-column: span 3}.codepun-form .codepun-form__field--third{grid-column: span 2}.codepun-form__field{display: grid;gap: 6px;align-content: start;min-width: 0;margin: 0;padding: 0;border: 0}.codepun-form__label{font-size: 0.95em;font-weight: 700;line-height: 1.4;color: var(--cpf-label)}.codepun-form__legend{margin: 0 0 6px;padding: 0}.codepun-form__optional{font-weight: 400;color: var(--cpf-required)}.codepun-form__control{width: 100%;min-height: var(--cpf-field-height);margin: 0;padding: var(--cpf-field-padding);border: 1px solid var(--cpf-border);border-radius: var(--cpf-radius);background: var(--cpf-field-bg);box-shadow: none;color: inherit;font: inherit;line-height: 1.4;transition: border-color 0.12s ease}.codepun-form__control::placeholder{color: var(--cpf-help);opacity: 1}.codepun-form__control:hover{border-color: var(--cpf-border-hover)}.codepun-form__control:focus-visible,.codepun-form__control:focus{outline: 2px solid var(--cpf-focus-color);outline-offset: 2px;box-shadow: var(--cpf-focus-ring)}.codepun-form__control[aria-invalid="true"]{border-color: var(--cpf-error)}.codepun-form__control--textarea{min-height: 110px;resize: vertical}.codepun-form__choices{display: flex;flex-wrap: wrap;align-items: center;gap: 8px 22px;min-height: 32px}.codepun-form__choice{display: flex;align-items: center;gap: 8px;font-weight: 400}.codepun-form__choice input{color: inherit;flex: none;width: 24px;height: 24px;margin: 0;accent-color: var(--cpf-focus-color)}.codepun-form__choice input:focus-visible{outline: 2px solid var(--cpf-focus-color);outline-offset: 2px}.codepun-form__field--checkbox .codepun-form__choice,.codepun-form__field--consent .codepun-form__choice{display: grid;grid-template-columns: 24px minmax(0,1fr);align-items: start;gap: 10px}.codepun-form__field--checkbox .codepun-form__choice input,.codepun-form__field--consent .codepun-form__choice input{width: 24px;height: 24px;margin-top: 0}.codepun-form__choice-label{cursor: pointer}.codepun-form__choice a{color: inherit;text-decoration: underline}.codepun-form__field--radio:focus{outline: none}.codepun-form__file{min-height: 0;padding: 0;border: 0;background: none}.codepun-form__file:focus,.codepun-form__file:focus-visible{box-shadow: none}.codepun-form__file::file-selector-button{height: var(--cpf-field-height);margin: 0 12px 0 0;padding: 0 16px;border: 1px solid var(--cpf-border);border-radius: var(--cpf-radius);background: transparent;color: inherit;font: inherit;font-weight: 700;cursor: pointer}.codepun-form__file:hover::file-selector-button{border-color: var(--cpf-border-hover)}.codepun-form__file-chip{display: inline-flex;align-items: center;justify-self: start;gap: 10px;max-width: 100%;min-height: 44px;padding: 6px 6px 6px 12px;border: 1px solid var(--cpf-border);border-radius: var(--cpf-radius)}.codepun-form__field--invalid .codepun-form__file-chip{border-color: var(--cpf-error)}.codepun-form__file-chip::before{content: "";flex: none;width: 12px;height: 15px;border: 1.5px solid currentColor;border-radius: 2px}.codepun-form__file-chip-name{min-width: 0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.codepun-form__file-chip-size{color: var(--cpf-help);white-space: nowrap}.codepun-form__file-chip-remove{position: relative;display: inline-grid;place-items: center;flex: none;width: 32px;height: 32px;margin: 0;padding: 0;border: 0;border-radius: calc(var(--cpf-radius) - 2px);background: transparent;color: inherit;font: inherit;font-size: 18px;line-height: 1;cursor: pointer}.codepun-form__file-chip-remove::after{content: "";position: absolute;inset: -6px}.codepun-form__file-chip-remove:hover{background: color-mix(in srgb,currentColor 8%,transparent)}.codepun-form__file-chip-remove:focus-visible{outline: 2px solid var(--cpf-focus-color);outline-offset: 2px}.codepun-form__help{margin: 0;font-size: 0.9em;color: var(--cpf-help)}.codepun-form__error{display: flex;align-items: flex-start;gap: 8px;margin: 0;font-size: 0.92em;color: var(--cpf-error)}.codepun-form__error::before,.codepun-form__summary::before,.codepun-form__notice--error::before{content: "";flex: none;width: 16px;height: 16px;margin-top: 0.15em;background: currentColor;-webkit-mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M8 0a8 8 0 1 0 0 16A8 8 0 0 0 8 0zM7 3.5h2v6H7zm0 8h2v2H7z"/></svg>') center / contain no-repeat;mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M8 0a8 8 0 1 0 0 16A8 8 0 0 0 8 0zM7 3.5h2v6H7zm0 8h2v2H7z"/></svg>') center / contain no-repeat}.codepun-form__summary,.codepun-form__notice--error{display: grid;grid-template-columns: 22px minmax(0,1fr);align-items: start;gap: 4px 12px;padding: 14px 16px;border: 1px solid var(--cpf-error);border-radius: var(--cpf-radius);background: var(--cpf-error-bg);color: var(--cpf-error)}.codepun-form__summary::before,.codepun-form__notice--error::before{grid-row: 1 / span 2;width: 22px;height: 22px;margin-top: 0}.codepun-form__summary-title{margin: 0;font-weight: 700}.codepun-form__summary-list{display: flex;flex-wrap: wrap;gap: 4px 16px;margin: 0;padding: 0;list-style: none}.codepun-form__summary-list a{color: inherit;text-decoration: underline}.codepun-form__notice-title,.codepun-form__notice-text{margin: 0}.codepun-form__notice--error .codepun-form__notice-text{align-self: center}.codepun-form__notice--success{display: grid;grid-template-columns: 30px minmax(0,1fr);align-items: start;gap: 4px 14px;padding: 20px 22px;border: 1px solid color-mix(in srgb,currentColor 25%,transparent);border-radius: var(--cpf-radius);background: var(--cpf-success-bg);color: var(--cpf-success)}.codepun-form__notice--success::before{content: "";grid-row: 1 / span 2;width: 30px;height: 30px;background: currentColor;-webkit-mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M8 0a8 8 0 1 0 0 16A8 8 0 0 0 8 0zM6.9 11.3 3.8 8.2l1-1 2.1 2.1 4.3-4.4 1 1z"/></svg>') center / contain no-repeat;mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M8 0a8 8 0 1 0 0 16A8 8 0 0 0 8 0zM6.9 11.3 3.8 8.2l1-1 2.1 2.1 4.3-4.4 1 1z"/></svg>') center / contain no-repeat}.codepun-form__notice-title{font-size: 1.1em;font-weight: 700}.codepun-form__summary:focus,.codepun-form__notice:focus{outline: 2px solid var(--cpf-focus-color);outline-offset: 2px}.codepun-form__notice--success:focus{outline-offset: 3px}.codepun-form__submit{display: inline-flex;align-items: center;justify-self: start;gap: 10px;min-height: 44px;margin: 0;padding: 0 22px;border: 0;border-radius: var(--cpf-radius);background: var(--cpf-button-bg,CanvasText);color: var(--cpf-button-fg,Canvas);font: inherit;font-weight: 700;line-height: 1.2;text-decoration: none;cursor: pointer}@supports (color: lch(from red l c h)){.codepun-form__submit{color: var(--cpf-button-fg,lch(from currentColor calc((62 - l) * 100) 0 0));background: var(--cpf-button-bg,lch(from currentColor calc((62 - l) * 100) 0 0))}.codepun-form__submit:hover{background: var(--cpf-button-hover,color-mix(in srgb,lch(from currentColor calc((62 - l) * 100) 0 0) 85%,currentColor))}}.codepun-form__submit:focus-visible{outline: 2px solid var(--cpf-focus-color);outline-offset: 2px}.codepun-form__submit-label{display: inline-flex;align-items: center;gap: 10px}.codepun-form:not(.codepun-form--theme-button) .codepun-form__submit-label::after{content: "→";content: "→" / ""}.codepun-form__submit[aria-busy="true"] .codepun-form__submit-label::after{content: none}.codepun-form__submit[aria-busy="true"] .codepun-form__submit-label::before{content: "";flex: none;width: 14px;height: 14px;border: 2px solid currentColor;border-top-color: transparent;border-radius: 50%;animation: codepun-form-spin 0.7s linear infinite}@keyframes codepun-form-spin{to{transform: rotate(360deg)}}.codepun-form--compact{--cpf-gap: 12px}.codepun-form--compact .codepun-form__label{font-size: 13px}.codepun-form--compact .codepun-form__field--half,.codepun-form--compact .codepun-form__field--third{grid-column: 1 / -1}.codepun-form--framed{--cpf-surface: var(--wp--preset--color--base,Canvas);--cpf-text: var(--wp--preset--color--contrast,CanvasText);--cpf-padding: 24px;border: 1px solid color-mix(in srgb,currentColor 20%,transparent);border-radius: 6px}@media (max-width: 760px){.codepun-form .codepun-form__field--half,.codepun-form .codepun-form__field--third{grid-column: 1 / -1}.codepun-form__control{font-size: max(16px,1em)}}@media (prefers-reduced-motion: reduce){.codepun-form__control{transition: none}.codepun-form__submit[aria-busy="true"] .codepun-form__submit-label::before{animation: none}}}