.atec-wpf-form{color:inherit;--atec-wpf-focus-color:color-mix(in srgb,currentColor 55%,transparent);display:flex;flex-direction:column;align-items:flex-start;width:fit-content;max-width:100%;text-align:left;background:transparent;border:0;padding:0;}.atec-wpf-form-table{border-collapse:separate;border-spacing:0 10px;border-color:transparent;margin:0;width:auto;}.atec-wpf-form-table.atec-wpf-form-grid{width:max-content;max-width:100%;table-layout:auto;}.atec-wpf-form td{vertical-align:baseline;padding:0 16px 0 0;border:0;}.atec-wpf-form td:last-child{padding-right:0;}.atec-wpf-form-group{padding:5px 0;margin-bottom:5px;display:flex;flex-direction:column;gap:5px;width:100%;min-width:0;}.atec-wpf-form label{font-weight:600;color:#fff;mix-blend-mode:difference;white-space:nowrap;cursor:auto;}.atec-wpf-form input:not([type="checkbox"]),.atec-wpf-form select,.atec-wpf-form textarea{background:Field;color:FieldText;padding:4px 8px;border:1px solid color-mix(in srgb,FieldText 28%,Field);border-radius:4px;box-sizing:border-box;transition:border-color 0.2s ease,box-shadow 0.2s ease;text-align:left;max-width:100%;}.atec-wpf-form input:not([type="checkbox"]):focus,.atec-wpf-form select:focus,.atec-wpf-form textarea:focus{border-color:color-mix(in srgb,FieldText 55%,Field);box-shadow:0 0 0 1px color-mix(in srgb,FieldText 35%,transparent);outline:0;background:Field;color:FieldText;}.atec-wpf-form input[type="checkbox"]{align-self:flex-start;margin:2px 6px 0 0;vertical-align:baseline;accent-color:var(--atec-wpf-focus-color);cursor:pointer;}.atec-wpf-form input::placeholder,.atec-wpf-form textarea::placeholder{color:color-mix(in srgb,FieldText 45%,transparent);opacity:1;}.atec-wpf-form sup{color:#ee7b00;padding-left:5px;}.atec-wpf-form.horizontal{flex-direction:row;align-items:center;justify-content:space-between;}.atec-wpf-form.horizontal label{width:30%;padding-right:10px;text-align:right;}.atec-wpf-form.horizontal input{width:65%;}.atec-wpf-submit{margin:10px 0 0 0;padding:0.5em 1.2em;border-radius:4px;transition:background-color 0.2s ease-in-out;}.atec-wpf-submit:hover{filter:brightness(1.1);}.atec-wpf-response{margin:10px 0 0 0;padding:8px 12px;border-radius:4px;display:inline-block;}.atec-wpf-response.success{color:color-mix(in srgb,CanvasText 78%,#146c2e);background:color-mix(in srgb,#1a7f37 16%,Canvas);border:1px solid color-mix(in srgb,#1a7f37 45%,Canvas);}.atec-wpf-response.error{color:color-mix(in srgb,CanvasText 78%,#8f1d14);background:color-mix(in srgb,#b42318 16%,Canvas);border:1px solid color-mix(in srgb,#b42318 45%,Canvas);}.atec-wpf-size-s{width:200px;max-width:100%;}.atec-wpf-size-m{width:300px;max-width:100%;}.atec-wpf-size-l{width:400px;max-width:100%;}.atec-wpf-size-xl{width:100%;max-width:100%;}.atec-wpf-span{width:100%;max-width:100%;}