/* === Form runtime layout === */
[data-my-conf-form-style=theme],[data-my-conf-form-style=theme] *{box-sizing:border-box}
[data-my-conf-form-style=theme]{--my-conf-form-bold-weight:var(--bold-font-weight, 700);--my-conf-form-accent:var(
    --color-site-secondary-color,
    var(--color-site-primary-color, currentColor)
  );--my-conf-form-accent-strong:var(--color-site-primary-color, currentColor);--my-conf-form-on-accent:var(--color-site-third-color, #fff);--my-conf-form-surface:var(--color-site-third-color, #fff);--my-conf-form-surface-soft:var(--color-site-shading-color-1, #f7f7f7);--my-conf-form-surface-muted:var(--color-site-shading-color-2, #e3e3e3);--my-conf-form-border:var(--color-site-shading-color-3, #c7c7c7);--my-conf-form-success:var(--color-site-opening-color, #2e8b57);--my-conf-form-danger:var(--color-site-closing-color, #b32d2e);--my-conf-form-radius:0;--my-conf-form-text-size:1rem;--my-conf-form-label-size:0.85rem;--my-conf-form-help-size:0.78rem;--my-conf-form-control-size:0.95rem;--my-conf-form-control-height:var(--my-conf-field-control-height,44px);--my-conf-field-control-size:var(--my-conf-form-control-size);--my-conf-form-composite-heading-size:1.2rem;font-family:var(--font-family, inherit);font-size:var(--my-conf-form-text-size);line-height:1.5}
[data-my-conf-form-style=theme] :is(.my_conf-field,[data-registration-profile-field]){min-width:0}
[data-my-conf-form-style=theme] .my_conf-field:not([hidden]){display:flex;flex-direction:column;gap:var(--my-conf-form-field-gap, 0.45rem)}
[data-my-conf-form-style=theme] .my_conf-field__label{color:inherit;font-family:inherit;font-size:var(--my-conf-form-label-size);font-weight:var(--my-conf-form-bold-weight);line-height:1.35}
[data-my-conf-form-style=theme] .my_conf-field__required{margin-inline-start:.12em;color:var(--my-conf-form-danger);font-weight:700}
[data-my-conf-form-style=theme] :is(.my_conf-field__help,.my_conf-field__error){margin:0;font-size:var(--my-conf-form-help-size);line-height:1.45}
[data-my-conf-form-style=theme] .my_conf-field__error{color:var(--my-conf-form-danger);font-weight:var(--my-conf-form-bold-weight)}
[data-my-conf-form-style=theme] .my_conf-field>:is(input:not([type=checkbox],[type=radio],[type=hidden],[type=range]),select,textarea),[data-my-conf-form-style=theme] .my_conf-field button{font-family:inherit;font-size:var(--my-conf-form-control-size);line-height:1.35}
[data-my-conf-form-style=theme] .my_conf-field>:is(input:not([type=checkbox],[type=radio],[type=hidden],[type=range]),select){min-height:var(--my-conf-form-control-height);padding:.5rem .65rem}
[data-my-conf-form-style=theme] .my_conf-field>textarea{min-height:calc(var(--my-conf-form-control-height)*2.25);padding:.55rem .65rem}
[data-my-conf-form-style=theme] .my_conf-field>:is(input,select,textarea),[data-my-conf-form-style=theme] [data-registration-profile-grid]>*{width:100%;min-width:0;max-width:100%}
[data-my-conf-form-style=theme] [data-registration-profile-grid],.my_conf-form[data-my-conf-form-style=theme] .my_conf-field-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--my-conf-form-grid-gap, 1rem);align-items:start}
[data-my-conf-form-style=theme] [data-registration-profile-grid]>*,.my_conf-form[data-my-conf-form-style=theme] .my_conf-field-grid>*{grid-column:1/-1}
[data-my-conf-form-style=theme] [data-registration-profile-grid]>[data-my-conf-runtime-field]{grid-column:span var(--my-conf-field-width-desktop, 12);box-sizing:border-box;width:100%;min-width:0;max-width:100%}
[data-my-conf-form-style=theme] [data-registration-profile-grid]>[data-my-conf-runtime-field][data-display-mode=block],[data-my-conf-form-style=theme] [data-repeater-layout=table] :is(.my_conf-repeater__table-heading-fields>*,.my_conf-repeater__table-fields>.my_conf-repeater__cell)[data-display-mode=block]{grid-column:1/-1;width:calc(100% * var(--my-conf-field-width-desktop, 12) / 12)}
[data-my-conf-form-style=theme] .my_conf-form-separator{grid-column:1/-1;display:flex;align-items:center;justify-content:var(--my-conf-separator-alignment, center);width:100%;min-height:var(--my-conf-separator-height, 2rem);margin:0}
[data-my-conf-form-style=theme] .my_conf-form-separator__line{display:block;width:min(100%,var(--my-conf-separator-width, 100%));border-top:var(--my-conf-separator-thickness, 1px) var(--my-conf-separator-style, solid) var(--my-conf-separator-color, currentColor)}
[data-my-conf-form-style=theme] .my_conf-form-spacer{min-height:var(--my-conf-spacer-height, 2rem)}
[data-my-conf-form-style=theme] .my_conf-form-spacer[data-spacer-mode=fill_row]{grid-column:auto/-1}
[data-my-conf-form-style=theme] .my_conf-form-step-layout{width:100%}
[data-my-conf-form-style=theme] .my_conf-form-step-layout.my_conf-form-spacer{display:block}
@media (min-width:1201px){[data-my-conf-form-style=theme] [data-layout-visible-desktop="0"]{display:none}
}
@media (min-width:783px) and (max-width:1200px){[data-my-conf-form-style=theme] [data-layout-visible-tablet="0"]{display:none}
}
@media (max-width:782px){[data-my-conf-form-style=theme] [data-layout-visible-mobile="0"]{display:none}
}
[data-my-conf-form-style=theme] :is([role=tablist],[data-my-conf-generated-navigation=step]>[role=list]){display:flex;flex-wrap:wrap;align-items:stretch;gap:.5rem;border-bottom:1px solid color-mix(in srgb,currentColor 22%,transparent)}
[data-my-conf-form-style=theme] :is([role=tablist],[data-my-conf-generated-navigation=step]>[role=list])>button{display:inline-flex;align-items:center;justify-content:center;gap:.4em}
[data-my-conf-form-style=theme] [role=progressbar]{display:flex;flex-direction:column;gap:.35rem;margin-block:.75rem}
[data-my-conf-form-style=theme] [role=progressbar]>span{position:relative;display:block;height:.35rem;overflow:hidden}
[data-my-conf-form-style=theme] [role=progressbar]>span::before{position:absolute;inset:0;border-top:.35rem solid currentColor;opacity:.22;content:""}
[data-my-conf-form-style=theme] [role=progressbar] i{display:block;width:0;height:100%;border-top:.35rem solid currentColor;transition:width .2s ease}
[data-my-conf-form-style=theme] [data-my-conf-generated-navigation=actions]{display:flex;align-items:center;justify-content:space-between;gap:.75rem}
[data-my-conf-form-style=theme] [data-registration-profile-step][data-group-style=row]>[data-registration-profile-grid]{align-items:start}
[data-my-conf-form-style=theme] [data-registration-profile-step][data-group-style=table]>[data-registration-profile-grid]{display:grid;gap:0}
[data-my-conf-form-style=theme] [data-registration-profile-step][data-group-style=seamless]>[data-registration-profile-grid]{gap:0}
[data-my-conf-form-style=theme] .my_conf-span-2{grid-column:span 2}
[data-my-conf-form-style=theme] .my_conf-span-3{grid-column:span 3}
[data-my-conf-form-style=theme] .my_conf-span-4{grid-column:span 4}
[data-my-conf-form-style=theme] .my_conf-span-6{grid-column:span 6}
[data-my-conf-form-style=theme] .my_conf-span-8{grid-column:span 8}
[data-my-conf-form-style=theme] .my_conf-span-12{grid-column:1/-1}
[data-my-conf-form-style=theme] .my_conf-form__step:not(.is-active),[data-my-conf-form-style=theme] [hidden]{display:none}
[data-my-conf-form-style=theme] :is(.my_conf-field__heading,.my_conf-phone-control,.my_conf-repeater__row>legend,.my_conf-repeater__row>.my_conf-repeater__row-header,.my_conf-form__actions){display:flex;align-items:center;gap:var(--my-conf-form-inline-gap, 0.5rem)}
[data-my-conf-form-style=theme] :is(.my_conf-field__heading,.my_conf-repeater__row>legend,.my_conf-repeater__row>.my_conf-repeater__row-header){justify-content:space-between}
[data-my-conf-form-style=theme] .my_conf-composite__heading-row{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-block-end:var(--my-conf-form-row-gap, 0.75rem)}
[data-my-conf-form-style=theme] .my_conf-composite__heading-row .my_conf-composite__heading{margin:0}
[data-my-conf-form-style=theme] .my_conf-phone-control>input{flex:1 1 auto;width:100%;min-width:0;max-width:100%}
[data-my-conf-form-style=theme] .my_conf-phone-control{width:100%;min-width:0;max-width:100%}
[data-my-conf-form-style=theme] .my_conf-phone-country{flex:0 0 auto;width:auto;max-width:11rem}
[data-my-conf-form-style=theme] .my_conf-phone-control>.my_conf-select2{flex:0 0 min(13rem,42%);width:min(13rem,42%);min-width:9rem}
[data-my-conf-form-style=theme] .my_conf-password-control{position:relative;display:block;width:100%;min-width:0;max-width:100%}
[data-my-conf-form-style=theme] .my_conf-password-control>input{box-sizing:border-box;width:100%;min-width:0;max-width:100%;padding-inline-end:var(--my-conf-password-toggle-space, 2.75rem)}
[data-my-conf-form-style=theme] .my_conf-password-strength,[data-my-conf-form-style=theme] .my_conf-password-requirements{width:100%;min-width:0;max-width:100%}
[data-my-conf-form-style=theme] [data-registration-composite]{container-name:my-conf-composite;container-type:inline-size;grid-column:1/-1;min-width:0;width:100%;max-width:100%}
[data-my-conf-form-style=theme] .my_conf-composite__heading{margin:0 0 var(--my-conf-form-row-gap, 0.75rem);color:var(--my-conf-form-accent-strong);font-family:var(--h3-font-family, var(--h1-font-family, inherit));font-size:var(--my-conf-form-composite-heading-size);font-style:var(--h3-font-style, normal);font-weight:var(--h3-font-weight, var(--my-conf-form-bold-weight));letter-spacing:var(--h3-letter-spacing, normal);line-height:var(--h3-line-height, 1.25);text-transform:var(--h3-text-transform, none)}
[data-my-conf-form-style=theme] .my_conf-composite__heading:is(h1,h2,h3,h4,h5,h6){font-size:var(--my-conf-form-composite-heading-size)}
[data-my-conf-form-style=theme] .my_conf-composite__heading:is(h1,h2){--my-conf-form-composite-heading-size:1.35rem}
[data-my-conf-form-style=theme] .my_conf-composite__heading:is(h4){--my-conf-form-composite-heading-size:1.1rem}
[data-my-conf-form-style=theme] .my_conf-composite__heading:is(h5){--my-conf-form-composite-heading-size:1rem}
[data-my-conf-form-style=theme] .my_conf-composite__heading:is(h6){--my-conf-form-composite-heading-size:0.9rem}
[data-my-conf-form-style=theme] [data-registration-composite=group][data-container-style=plain]:not([hidden]){display:flex;flex-direction:column;gap:var(--my-conf-form-row-gap, 0.75rem)}
[data-my-conf-form-style=theme] [data-registration-composite=group][data-container-style=card]:not([hidden]){display:flex;flex-direction:column;gap:var(--my-conf-form-row-gap, 0.75rem);padding:clamp(.9rem,2vw,1.35rem);border:1px solid var(--my-conf-form-border);border-inline-start:.3rem solid var(--my-conf-form-accent);border-radius:var(--my-conf-form-radius);background:var(--my-conf-form-surface);box-shadow:0 .2rem .8rem rgb(0 0 0/8%)}
[data-my-conf-form-style=theme] [data-registration-composite=group][data-container-style=fieldset]:not([hidden]){display:flex;flex-direction:column;gap:var(--my-conf-form-row-gap, 0.75rem);min-inline-size:0;margin:0;padding:clamp(.9rem,2vw,1.35rem);border:1px solid var(--my-conf-form-border);border-radius:var(--my-conf-form-radius);background:var(--my-conf-form-surface-soft)}
[data-my-conf-form-style=theme] [data-registration-composite=group][data-container-style=fieldset]>legend.my_conf-composite__heading{width:auto;max-width:calc(100% - 1rem);margin:0;padding-inline:.4rem;background:var(--my-conf-form-surface)}
[data-my-conf-form-style=theme] [data-my-conf-repeater]{--my-conf-repeater-accent:var(--my-conf-form-accent, currentColor);--my-conf-repeater-border:var(--my-conf-form-border, #d8dee4);--my-conf-repeater-surface:var(--my-conf-form-surface, #fff);--my-conf-repeater-heading:var(--my-conf-form-surface-soft, #f5f7f8);display:flex;flex-direction:column;gap:clamp(.75rem,1.5vw,1rem);min-width:0}
[data-my-conf-form-style=theme] .my_conf-repeater__rows{display:grid;gap:clamp(.75rem,1.5vw,1rem);min-width:0}
[data-my-conf-form-style=theme] .my_conf-repeater__row{container-name:my-conf-repeater-row;container-type:inline-size;display:grid;grid-template-rows:auto 1fr;min-inline-size:0;min-width:0;box-sizing:border-box;margin:0;padding:0;overflow:hidden;border:1px solid var(--my-conf-repeater-border);border-inline-start:.3rem solid var(--my-conf-repeater-accent);border-radius:var(--my-conf-form-radius);background:var(--my-conf-repeater-surface)}
[data-my-conf-form-style=theme] .my_conf-repeater__row>.my_conf-repeater__row-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;box-sizing:border-box;width:100%;max-width:100%;overflow:hidden;margin:0;padding:.6rem .8rem;border-bottom:1px solid var(--my-conf-repeater-border);background:var(--my-conf-repeater-heading);color:var(--my-conf-form-accent-strong);font:inherit;font-weight:var(--my-conf-form-bold-weight)}
[data-my-conf-form-style=theme] .my_conf-repeater__row-buttons{display:inline-flex;align-items:center;gap:.45rem;margin-inline-start:auto}
[data-my-conf-form-style=theme] .my_conf-repeater__row-header>[data-repeater-row-label]{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
[data-my-conf-form-style=theme] .my_conf-repeater__toggle{display:inline-grid;width:var(--my-conf-repeater-control-size, 1.65rem);height:var(--my-conf-repeater-control-size, 1.65rem);min-width:var(--my-conf-repeater-control-size, 1.65rem);min-height:var(--my-conf-repeater-control-size, 1.65rem);padding:0;place-items:center;border:1px solid currentColor;background:0 0;color:var(--my-conf-form-accent-strong);cursor:pointer}
[data-my-conf-form-style=theme] .my_conf-repeater__toggle>span{display:block;font-size:1.05rem;font-weight:700;line-height:1;transform:translateY(-.03em)}
[data-my-conf-form-style=theme] [data-registration-profile-grid][hidden]{display:none}
[data-my-conf-form-style=theme] .my_conf-repeater__row>[data-registration-profile-grid]{align-content:start;padding:clamp(.75rem,2vw,1rem)}
[data-my-conf-form-style=theme] .my_conf-repeater__row [data-repeater-remove]{display:inline-flex;align-items:center;justify-content:center;width:var(--my-conf-repeater-control-size, 1.65rem);height:var(--my-conf-repeater-control-size, 1.65rem);min-width:var(--my-conf-repeater-control-size, 1.65rem);min-height:var(--my-conf-repeater-control-size, 1.65rem);padding:0;border:1px solid currentColor;background:0 0;color:var(--my-conf-form-danger, #b32d2e);font:inherit;font-size:.82em;cursor:pointer}
[data-my-conf-form-style=theme] .my_conf-repeater__row [data-repeater-remove]:disabled{opacity:.45;cursor:not-allowed}
[data-my-conf-form-style=theme] .my_conf-repeater__add{justify-self:start;min-height:2.35rem;padding:.45rem .8rem;border:1px solid var(--my-conf-repeater-accent);background:var(--my-conf-repeater-accent);color:var(--my-conf-form-on-accent, #fff);font:inherit;font-weight:var(--my-conf-form-bold-weight);cursor:pointer}
[data-my-conf-form-style=theme] .my_conf-repeater__add:is(:hover,:focus-visible){border-color:var(--my-conf-form-accent-strong);background:var(--my-conf-form-accent-strong)}
[data-my-conf-form-style=theme] .my_conf-repeater__add::before{margin-inline-end:.4em;content:"+"}
[data-my-conf-form-style=theme] [data-my-conf-repeater][data-repeater-layout=block] .my_conf-repeater__row{box-shadow:none}
[data-my-conf-form-style=theme] [data-my-conf-repeater][data-repeater-layout=block] .my_conf-repeater__row>[data-registration-profile-grid]{display:grid;grid-template-columns:minmax(0,1fr);gap:0;padding:.25rem clamp(.75rem,2vw,1rem) .65rem}
[data-my-conf-form-style=theme] [data-my-conf-repeater][data-repeater-layout=block] .my_conf-repeater__row>[data-registration-profile-grid]>[data-my-conf-runtime-field]:not([data-registration-composite]):not([hidden]){display:grid;grid-column:1/-1;grid-template-columns:minmax(9rem,30%) minmax(0,1fr);column-gap:clamp(.75rem,2vw,1.25rem);row-gap:.3rem;align-items:center;width:100%;padding:.7rem 0;border-block-end:1px solid var(--my-conf-repeater-border)}
[data-my-conf-form-style=theme] [data-my-conf-repeater][data-repeater-layout=block] .my_conf-repeater__row>[data-registration-profile-grid]>[data-my-conf-runtime-field]:not([data-registration-composite]):last-child{border-block-end:0}
[data-my-conf-form-style=theme] [data-my-conf-repeater][data-repeater-layout=block] .my_conf-repeater__row>[data-registration-profile-grid]>[data-my-conf-runtime-field]:not([data-registration-composite])>:is(.my_conf-field__label,.my_conf-field__heading){grid-column:1}
[data-my-conf-form-style=theme] [data-my-conf-repeater][data-repeater-layout=block] .my_conf-repeater__row>[data-registration-profile-grid]>[data-my-conf-runtime-field]:not([data-registration-composite])>:not(.my_conf-field__label,.my_conf-field__heading){grid-column:2}
[data-my-conf-form-style=theme] [data-my-conf-repeater][data-repeater-layout=cards]>.my_conf-repeater__rows{grid-template-columns:repeat(var(--my-conf-repeater-card-columns, auto-fit),minmax(min(24rem,100%),1fr));align-items:stretch}
[data-my-conf-form-style=theme] [data-my-conf-repeater][data-repeater-layout=cards] .my_conf-repeater__row{height:100%;border-block-start:.3rem solid var(--my-conf-repeater-accent);border-inline-start-width:1px;box-shadow:0 .3rem 1.1rem rgb(0 0 0/10%)}
[data-my-conf-form-style=theme] [data-my-conf-repeater][data-repeater-layout=cards] .my_conf-repeater__row>.my_conf-repeater__row-header{background:var(--my-conf-repeater-heading)}
[data-my-conf-form-style=theme] .my_conf-repeater__row-header{align-self:stretch;box-sizing:border-box;min-width:0;max-width:100%}
[data-my-conf-form-style=theme] [data-repeater-layout=block][data-repeater-block-label-mode=fit] .my_conf-repeater__row>[data-registration-profile-grid]>[data-my-conf-runtime-field]:not([data-registration-composite]){grid-template-columns:max-content minmax(0,1fr)}
[data-my-conf-form-style=theme] [data-repeater-layout=block][data-repeater-block-label-mode=custom] .my_conf-repeater__row>[data-registration-profile-grid]>[data-my-conf-runtime-field]:not([data-registration-composite]){grid-template-columns:minmax(0,var(--my-conf-repeater-block-label-width, 12rem)) minmax(0,1fr)}
[data-my-conf-form-style=theme] .my_conf-repeater__table{--my-conf-repeater-controls-width:3.5rem;--my-conf-repeater-number-width:2.25rem;--my-conf-repeater-actions-width:2.5rem;--my-conf-form-control-height:var(--my-conf-field-control-height,44px);--my-conf-form-control-size:0.9rem;--my-conf-form-label-size:0.8rem;display:grid;grid-auto-rows:max-content;align-content:start;width:100%;max-width:100%;block-size:max-content;max-block-size:none;overflow-x:auto;overflow-y:clip;overscroll-behavior-inline:contain;border:1px solid var(--my-conf-repeater-border);background:var(--my-conf-repeater-surface);scrollbar-gutter:auto;position:relative}
[data-my-conf-form-style=theme] [data-repeater-layout=table] .my_conf-repeater__table-heading{display:none;visibility:hidden;grid-template-columns:var(--my-conf-repeater-controls-width) var(--my-conf-repeater-number-width) minmax(0,1fr) var(--my-conf-repeater-actions-width);width:100%;min-width:100%;gap:0;align-items:stretch;background:var(--my-conf-form-accent-strong);color:var(--my-conf-form-on-accent, #fff);font-weight:var(--my-conf-form-bold-weight);font-size:.78rem;line-height:1.25}
[data-my-conf-form-style=theme] [data-repeater-layout=table] .my_conf-repeater__table-heading-fields{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));min-width:0}
[data-my-conf-form-style=theme] [data-repeater-layout=table] .my_conf-repeater__table-heading-fields>*{grid-column:span var(--my-conf-field-width-desktop, 12);min-width:0;padding:.55rem .65rem;border-inline-end:1px solid var(--my-conf-repeater-border);overflow-wrap:anywhere}
[data-my-conf-form-style=theme] [data-repeater-layout=table] .my_conf-repeater__row>.my_conf-repeater__table-fields[data-registration-profile-grid]{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));width:100%;min-width:100%;gap:0;grid-column:3;align-items:stretch;padding:0}
[data-my-conf-form-style=theme] [data-repeater-layout=table] .my_conf-repeater__table-fields>.my_conf-repeater__cell{grid-column:span var(--my-conf-field-width-desktop, 12)}
[data-my-conf-form-style=theme] [data-repeater-layout=table] .my_conf-repeater__table-heading>:is(.my_conf-repeater__row-controls-heading,.my_conf-repeater__row-number-heading,.my_conf-repeater__row-actions-heading){min-width:0;padding:.65rem .75rem;border-inline-end:1px solid var(--my-conf-repeater-border);overflow-wrap:anywhere}
[data-my-conf-form-style=theme] [data-repeater-layout=table] .my_conf-repeater__rows{min-width:100%;gap:0}
[data-my-conf-form-style=theme] [data-repeater-layout=table] .my_conf-repeater__row{display:grid;grid-template-columns:var(--my-conf-repeater-controls-width) var(--my-conf-repeater-number-width) minmax(0,1fr) var(--my-conf-repeater-actions-width);grid-template-rows:minmax(0,1fr);width:100%;min-width:100%;overflow:visible;border-width:1px 0 0;border-radius:0;box-shadow:none}
[data-my-conf-form-style=theme] [data-repeater-layout=table] .my_conf-repeater__row:first-child{border-top:0}
[data-my-conf-form-style=theme] [data-repeater-layout=table] .my_conf-repeater__row:nth-child(even){background:var(--my-conf-form-surface-soft)}
[data-my-conf-form-style=theme] [data-repeater-layout=table] .my_conf-repeater__row-controls,[data-my-conf-form-style=theme] [data-repeater-layout=table] .my_conf-repeater__row-number,[data-my-conf-form-style=theme] [data-repeater-layout=table] .my_conf-repeater__row-actions{position:sticky;left:0;z-index:1;display:flex;min-width:0;padding:.25rem;align-items:center;justify-content:center;background:var(--my-conf-form-surface-soft, #f7f7f7);color:var(--my-conf-form-accent-strong)}
[data-my-conf-form-style=theme] [data-repeater-layout=table] .my_conf-repeater__row-controls{grid-column:1;gap:.05rem;border-inline-end:1px solid var(--my-conf-repeater-border)}
[data-my-conf-form-style=theme] [data-repeater-layout=table] .my_conf-repeater__row-number{left:var(--my-conf-repeater-controls-width);grid-column:2;border-inline-end:1px solid var(--my-conf-repeater-border)}
.my_conf-repeater__drag-handle{display:inline-grid;width:var(--my-conf-repeater-control-size, 1.65rem);height:var(--my-conf-repeater-control-size, 1.65rem);min-width:var(--my-conf-repeater-control-size, 1.65rem);min-height:var(--my-conf-repeater-control-size, 1.65rem);padding:0;flex:0 0 auto;cursor:grab;place-items:center;color:inherit;touch-action:none}
[data-my-conf-form-style=theme] [data-repeater-layout=table] .my_conf-repeater__drag-handle,[data-my-conf-form-style=theme] [data-repeater-layout=table] .my_conf-repeater__toggle{width:var(--my-conf-repeater-control-size, 1.65rem);height:var(--my-conf-repeater-control-size, 1.65rem);min-width:var(--my-conf-repeater-control-size, 1.65rem);min-height:var(--my-conf-repeater-control-size, 1.65rem);padding:0}
[data-my-conf-form-style=theme] [data-repeater-layout=table] :is(.my_conf-repeater__drag-handle,.my_conf-repeater__toggle,[data-repeater-remove]){transition:color 140ms ease,background 140ms ease,border-color 140ms ease,transform 140ms ease}
[data-my-conf-form-style=theme] [data-repeater-layout=table] :is(.my_conf-repeater__drag-handle,.my_conf-repeater__toggle):hover{color:var(--my-conf-form-on-accent);background:var(--my-conf-repeater-accent)}
.my_conf-repeater__drag-handle:active{cursor:grabbing}
.my_conf-repeater__row.is-dragging{opacity:.55;outline:2px dashed var(--my-conf-repeater-accent);outline-offset:-2px}
[data-my-conf-form-style=theme] [data-repeater-layout=table] .my_conf-repeater__row.is-collapsed{grid-template-columns:var(--my-conf-repeater-controls-width) var(--my-conf-repeater-number-width) minmax(0,1fr) var(--my-conf-repeater-actions-width)}
[data-my-conf-form-style=theme] [data-repeater-layout=table] .my_conf-repeater__row.is-collapsed>.my_conf-repeater__collapsed-summary{display:flex;grid-column:3;align-items:center;min-width:0;padding:.4rem .65rem;overflow-wrap:anywhere}
[data-my-conf-form-style=theme] [data-repeater-layout=table] .my_conf-repeater__row.is-collapsed>.my_conf-repeater__row-actions{grid-column:4}
.my_conf-repeater__collapsed-summary{display:none}
[data-my-conf-form-style=theme] [data-repeater-layout=table] .my_conf-repeater__row-actions{right:0;left:auto;grid-column:4;border-inline-start:1px solid var(--my-conf-repeater-border)}
[data-my-conf-form-style=theme] [data-repeater-layout=table] .my_conf-repeater__row-actions [data-repeater-remove]{width:var(--my-conf-repeater-control-size, 1.65rem);height:var(--my-conf-repeater-control-size, 1.65rem);min-width:var(--my-conf-repeater-control-size, 1.65rem);min-height:var(--my-conf-repeater-control-size, 1.65rem);padding:0;font-size:1.15rem}
[data-my-conf-form-style=theme] [data-repeater-layout=table] .my_conf-repeater__row-actions [data-repeater-remove]:hover{color:#fff;border-color:#b32d2e;background:#b32d2e;transform:scale(1.04)}
[data-my-conf-form-style=theme] .my_conf-repeater__row-number[data-repeater-number]>strong{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
[data-my-conf-form-style=theme] .my_conf-repeater__row-number[data-repeater-number]::before{content:attr(data-repeater-number);font-weight:var(--my-conf-form-bold-weight)}
[data-my-conf-form-style=theme] [data-my-conf-runtime-field][data-horizontal-align=start],[data-my-conf-form-style=theme] .my_conf-repeater__cell[data-horizontal-align=start]{justify-self:start}
[data-my-conf-form-style=theme] [data-my-conf-runtime-field][data-horizontal-align=center],[data-my-conf-form-style=theme] .my_conf-repeater__cell[data-horizontal-align=center]{justify-self:center}
[data-my-conf-form-style=theme] [data-my-conf-runtime-field][data-horizontal-align=end],[data-my-conf-form-style=theme] .my_conf-repeater__cell[data-horizontal-align=end]{justify-self:end}
[data-my-conf-form-style=theme] [data-my-conf-runtime-field][data-horizontal-align=stretch],[data-my-conf-form-style=theme] .my_conf-repeater__cell[data-horizontal-align=stretch]{justify-self:stretch}
[data-my-conf-form-style=theme] [data-my-conf-runtime-field][data-vertical-align=start],[data-my-conf-form-style=theme] .my_conf-repeater__cell[data-vertical-align=start]{align-self:start}
[data-my-conf-form-style=theme] [data-my-conf-runtime-field][data-vertical-align=center],[data-my-conf-form-style=theme] .my_conf-repeater__cell[data-vertical-align=center]{align-self:center}
[data-my-conf-form-style=theme] [data-my-conf-runtime-field][data-vertical-align=end],[data-my-conf-form-style=theme] .my_conf-repeater__cell[data-vertical-align=end]{align-self:end}
[data-my-conf-form-style=theme] [data-my-conf-runtime-field][data-vertical-align=stretch],[data-my-conf-form-style=theme] .my_conf-repeater__cell[data-vertical-align=stretch]{align-self:stretch}
[data-my-conf-form-style=theme] :is([data-my-conf-runtime-field],.my_conf-repeater__cell)[data-content-overflow=crop]{min-width:0;overflow:hidden}
[data-my-conf-form-style=theme] :is([data-my-conf-runtime-field],.my_conf-repeater__cell)[data-content-overflow=wrap]{min-width:0;overflow:visible;overflow-wrap:anywhere;white-space:normal}
[data-my-conf-form-style=theme] [data-content-overflow=crop] :is(.my_conf-field__label,.my_conf-field__help){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media (min-width:1201px){[data-my-conf-form-style=theme] [data-repeater-layout=table] .my_conf-repeater__table-heading{display:grid;visibility:visible}
[data-my-conf-form-style=theme] [data-my-conf-runtime-field][data-width-desktop=fit]{grid-column:auto;width:max-content;min-width:0;max-width:100%}
[data-my-conf-form-style=theme] [data-registration-profile-grid]>[data-my-conf-runtime-field][data-display-mode=block][data-width-desktop=fit],[data-my-conf-form-style=theme] [data-repeater-layout=table] :is(.my_conf-repeater__table-heading-fields>*,.my_conf-repeater__table-fields>.my_conf-repeater__cell)[data-display-mode=block][data-width-desktop=fit]{grid-column:1/-1;width:max-content}
[data-my-conf-form-style=theme] [data-repeater-layout=table] .my_conf-repeater__cell[data-width-desktop=fit]>[data-my-conf-runtime-field]{width:max-content;max-width:100%;justify-self:start}
}
[data-my-conf-form-style=theme] .my_conf-repeater__cell{min-width:0;padding:.65rem .75rem;border-inline-end:1px solid var(--my-conf-repeater-border)}
[data-my-conf-form-style=theme] .my_conf-repeater__cell>[data-my-conf-runtime-field]{width:100%;min-width:0;max-width:100%}
[data-my-conf-form-style=theme] .my_conf-repeater__scroll-hint{position:absolute;right:0;bottom:.4rem;z-index:4;display:none;width:2.4rem;height:2.4rem;pointer-events:none;border-radius:999px 0 0 999px;background:linear-gradient(90deg,transparent,var(--my-conf-repeater-surface) 40%),var(--my-conf-repeater-surface);color:var(--my-conf-repeater-accent)}
[data-my-conf-form-style=theme] .my_conf-repeater__scroll-hint::after{position:absolute;inset:50% .7rem auto auto;width:.55rem;height:.55rem;border-inline-end:.14rem solid currentColor;border-block-end:.14rem solid currentColor;content:"";transform:translateY(-50%) rotate(-45deg);animation:my-conf-repeater-scroll-hint 1.15s ease-in-out 3}
[data-my-conf-form-style=theme] .my_conf-repeater__table.is-scrollable:not(.is-scroll-end) .my_conf-repeater__scroll-hint{display:block}
@keyframes my-conf-repeater-scroll-hint{0%,to{translate:0 0}
50%{translate:.35rem 0}
}
[data-my-conf-form-style=theme] .my_conf-field.is-invalid .my_conf-field__error{display:block}
@container my-conf-composite (min-width: 36.01rem){[data-my-conf-form-style=theme] [data-repeater-layout=table][data-repeater-show-header="1"] .my_conf-repeater__cell>[data-my-conf-runtime-field]>.my_conf-field__label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
}
@media (min-width:783px) and (max-width:1200px){[data-my-conf-form-style=theme] [data-repeater-layout=table] .my_conf-repeater__table-heading{display:none}
[data-my-conf-form-style=theme] [data-repeater-layout=table] :is(.my_conf-repeater__row,.my_conf-repeater__row.is-collapsed){grid-template-columns:var(--my-conf-repeater-controls-width) minmax(0,1fr) var(--my-conf-repeater-actions-width)}
[data-my-conf-form-style=theme] [data-repeater-layout=table] .my_conf-repeater__rows{counter-reset:my-conf-repeater-table-row}
[data-my-conf-form-style=theme] [data-repeater-layout=table] .my_conf-repeater__row{counter-increment:my-conf-repeater-table-row}
[data-my-conf-form-style=theme] [data-repeater-layout=table] .my_conf-repeater__row-controls{grid-column:1;flex-direction:column;gap:.25rem;justify-content:center;padding:.5rem .25rem}
[data-my-conf-form-style=theme] [data-repeater-layout=table] .my_conf-repeater__row-controls::before{display:grid;width:var(--my-conf-repeater-control-size, 1.65rem);min-height:var(--my-conf-repeater-control-size, 1.65rem);place-items:center;color:var(--my-conf-form-accent-strong);content:counter(my-conf-repeater-table-row);font-weight:var(--my-conf-form-bold-weight);line-height:1}
[data-my-conf-form-style=theme] [data-repeater-layout=table] .my_conf-repeater__row-number{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;border:0;clip-path:inset(50%);white-space:nowrap}
[data-my-conf-form-style=theme] [data-repeater-layout=table] .my_conf-repeater__row>.my_conf-repeater__table-fields[data-registration-profile-grid]{grid-column:2}
[data-my-conf-form-style=theme] [data-repeater-layout=table] :is(.my_conf-repeater__row-actions,.my_conf-repeater__row.is-collapsed>.my_conf-repeater__row-actions){grid-column:3}
[data-my-conf-form-style=theme] [data-repeater-layout=table] .my_conf-repeater__row.is-collapsed>.my_conf-repeater__collapsed-summary{grid-column:2}
[data-my-conf-form-style=theme] [data-repeater-layout=table] .my_conf-repeater__cell>[data-my-conf-runtime-field]:not([data-registration-composite]):not([hidden]){display:grid;grid-template-columns:minmax(0,1fr);align-content:start;align-items:start;gap:.3rem}
[data-my-conf-form-style=theme] [data-repeater-layout=table] .my_conf-repeater__cell>[data-my-conf-runtime-field]:not([data-registration-composite])>:is(.my_conf-field__label,.my_conf-field__heading){position:static;display:flex;width:auto;height:auto;margin:0 0 .2rem;padding:0;overflow:visible;clip:auto;white-space:normal;border:0;font-size:.78rem;font-weight:var(--my-conf-form-bold-weight);line-height:1.25}
[data-my-conf-form-style=theme] [data-repeater-layout=table] .my_conf-repeater__cell>[data-my-conf-runtime-field]:not([data-registration-composite])>:not(.my_conf-field__label,.my_conf-field__heading){grid-column:1}
}
@container my-conf-composite (max-width: 36rem){[data-my-conf-form-style=theme] .my_conf-repeater__table{overflow:visible;border:0;background:0 0;scrollbar-gutter:auto}
[data-my-conf-form-style=theme] [data-repeater-layout=table] .my_conf-repeater__table-heading{display:none}
[data-my-conf-form-style=theme] [data-repeater-layout=table] .my_conf-repeater__rows{min-width:0;gap:clamp(.75rem,1.5vw,1rem)}
[data-my-conf-form-style=theme] [data-repeater-layout=table] .my_conf-repeater__row{--my-conf-repeater-modern-utility-surface:transparent;grid-template-columns:3.5rem 2.25rem minmax(0,1fr) 2.5rem;grid-template-rows:auto auto;width:100%;min-width:0;overflow:hidden;border:1px solid var(--my-conf-repeater-border);border-inline-start:.3rem solid var(--my-conf-repeater-accent);box-shadow:0 .2rem .75rem rgb(0 0 0/7%)}
[data-my-conf-form-style=theme] [data-repeater-layout=table] .my_conf-repeater__row::before{z-index:0;grid-column:1/-1;grid-row:1;align-self:stretch;border-block-end:1px solid var(--my-conf-repeater-border);background:var(--my-conf-form-surface-soft, #f7f7f7);content:""}
[data-my-conf-form-style=theme] [data-repeater-layout=table] .my_conf-repeater__row-controls,[data-my-conf-form-style=theme] [data-repeater-layout=table] .my_conf-repeater__row-number,[data-my-conf-form-style=theme] [data-repeater-layout=table] .my_conf-repeater__row-actions{position:static;z-index:1;grid-row:1;padding:.5rem .75rem;border:0;font-size:inherit;background:0 0;color:var(--my-conf-form-accent-strong)}
[data-my-conf-form-style=theme] [data-repeater-layout=table] .my_conf-repeater__row-controls{grid-column:1}
[data-my-conf-form-style=theme] [data-repeater-layout=table] .my_conf-repeater__row-number{grid-column:2;display:flex;justify-content:flex-start;gap:.35rem}
[data-my-conf-form-style=theme] [data-repeater-layout=table] .my_conf-repeater__row.is-collapsed>.my_conf-repeater__collapsed-summary{z-index:1;grid-column:3;grid-row:1}
[data-my-conf-form-style=theme] [data-repeater-layout=table] .my_conf-repeater__row-actions{grid-column:4}
[data-my-conf-form-style=theme] [data-repeater-layout=table] .my_conf-repeater__row>.my_conf-repeater__table-fields[data-registration-profile-grid]{grid-column:1/-1;grid-row:2;grid-template-columns:repeat(12,minmax(0,1fr));width:100%;min-width:0;gap:0;padding:.15rem .85rem .65rem}
[data-my-conf-form-style=theme] .my_conf-repeater__cell{grid-column:span var(--my-conf-field-width-mobile, 12);padding:.65rem 0;border:0;border-block-end:1px solid var(--my-conf-repeater-border);text-align:start}
[data-my-conf-form-style=theme] [data-repeater-layout=table] .my_conf-repeater__table{--my-conf-form-control-height:var(--my-conf-field-control-height,44px);--my-conf-form-control-size:0.95rem;--my-conf-form-label-size:0.85rem}
[data-my-conf-form-style=theme] .my_conf-repeater__cell:last-child{border-block-end:0}
[data-my-conf-form-style=theme] .my_conf-repeater__cell>[data-my-conf-runtime-field]:not([data-registration-composite]):not([hidden]){display:grid;grid-template-columns:minmax(0,1fr);column-gap:0;row-gap:.3rem;align-items:start}
[data-my-conf-form-style=theme] .my_conf-repeater__cell>[data-my-conf-runtime-field]:not([data-registration-composite])>:is(.my_conf-field__label,.my_conf-field__heading){position:static;display:flex;width:auto;height:auto;padding:0;margin:0;overflow:visible;clip:auto;white-space:normal;border:0;grid-column:1;align-self:start;margin-block-end:.12rem;font-size:clamp(.72rem,2.8vw,.82rem);line-height:1.25;font-weight:var(--my-conf-form-bold-weight)}
[data-my-conf-form-style=theme] .my_conf-repeater__cell>[data-my-conf-runtime-field]:not([data-registration-composite])>:not(.my_conf-field__label,.my_conf-field__heading){grid-column:1}
}
@container my-conf-composite (max-width: 28rem){
[data-my-conf-form-style=theme] .my_conf-repeater__cell{grid-column:1/-1;text-align:start}
[data-my-conf-form-style=theme] .my_conf-repeater__cell>[data-my-conf-runtime-field]:not([data-registration-composite]){grid-template-columns:minmax(0,1fr)}
[data-my-conf-form-style=theme] .my_conf-repeater__cell>[data-my-conf-runtime-field]:not([data-registration-composite])>*{grid-column:1}
[data-my-conf-form-style=theme] .my_conf-repeater__cell>[data-my-conf-runtime-field]:not([data-registration-composite])>:is(.my_conf-field__label,.my_conf-field__heading){position:static;display:flex;width:auto;height:auto;margin:0 0 .35rem;overflow:visible;clip:auto;white-space:normal}
[data-my-conf-form-style=theme] [data-registration-composite=group]>[data-registration-profile-grid]>[data-my-conf-runtime-field]{grid-column:span var(--my-conf-field-width-mobile, 12)}
[data-my-conf-form-style=theme] :is([data-registration-composite],.my_conf-repeater__row,.my_conf-repeater__cell){text-align:start}
}
@container my-conf-repeater-row (max-width: 26rem){[data-my-conf-form-style=theme] .my_conf-repeater__row>[data-registration-profile-grid]>[data-my-conf-runtime-field]{grid-column:span var(--my-conf-field-width-mobile, 12)}
}
@media (min-width:783px) and (max-width:1200px){[data-my-conf-form-style=theme] [data-repeater-layout=table] .my_conf-repeater__table-heading-fields>*,[data-my-conf-form-style=theme] [data-repeater-layout=table] .my_conf-repeater__table-fields>.my_conf-repeater__cell,
[data-my-conf-form-style=theme] [data-registration-profile-grid]>[data-my-conf-runtime-field]{grid-column:span var(--my-conf-field-width-tablet, 12)}
[data-my-conf-form-style=theme] [data-registration-profile-grid]>[data-my-conf-runtime-field][data-display-mode=block],[data-my-conf-form-style=theme] [data-repeater-layout=table] :is(.my_conf-repeater__table-heading-fields>*,.my_conf-repeater__table-fields>.my_conf-repeater__cell)[data-display-mode=block]{grid-column:1/-1;width:calc(100% * var(--my-conf-field-width-tablet, 12) / 12)}
[data-my-conf-form-style=theme] :is([data-my-conf-runtime-field],.my_conf-repeater__cell,.my_conf-repeater__table-heading-fields>*)[data-width-tablet=fit]{grid-column:auto;width:max-content;min-width:0;max-width:100%}
[data-my-conf-form-style=theme] [data-registration-profile-grid]>[data-my-conf-runtime-field][data-display-mode=block][data-width-tablet=fit],[data-my-conf-form-style=theme] [data-repeater-layout=table] :is(.my_conf-repeater__table-heading-fields>*,.my_conf-repeater__table-fields>.my_conf-repeater__cell)[data-display-mode=block][data-width-tablet=fit]{grid-column:1/-1;width:max-content}
}
@media (max-width:782px){[data-my-conf-form-style=theme] [data-repeater-layout=table] .my_conf-repeater__table-heading-fields>*,[data-my-conf-form-style=theme] [data-repeater-layout=table] .my_conf-repeater__table-fields>.my_conf-repeater__cell{grid-column:span var(--my-conf-field-width-mobile, 12)}
[data-my-conf-form-style=theme] [data-registration-profile-grid]>[data-my-conf-runtime-field]{grid-column:span var(--my-conf-field-width-mobile, 12);width:100%;min-width:0;max-width:100%}
[data-my-conf-form-style=theme] [data-registration-profile-grid]>[data-my-conf-runtime-field][data-display-mode=block],[data-my-conf-form-style=theme] [data-repeater-layout=table] :is(.my_conf-repeater__table-heading-fields>*,.my_conf-repeater__table-fields>.my_conf-repeater__cell)[data-display-mode=block]{grid-column:1/-1;width:calc(100% * var(--my-conf-field-width-mobile, 12) / 12)}
[data-my-conf-form-style=theme] :is([data-my-conf-runtime-field],.my_conf-repeater__cell,.my_conf-repeater__table-heading-fields>*)[data-width-mobile=fit]{grid-column:auto;width:max-content;min-width:0;max-width:100%}
[data-my-conf-form-style=theme] [data-registration-profile-grid]>[data-my-conf-runtime-field][data-display-mode=block][data-width-mobile=fit],[data-my-conf-form-style=theme] [data-repeater-layout=table] :is(.my_conf-repeater__table-heading-fields>*,.my_conf-repeater__table-fields>.my_conf-repeater__cell)[data-display-mode=block][data-width-mobile=fit]{grid-column:1/-1;width:max-content}
.my_conf-form[data-my-conf-form-style=theme] .my_conf-field-grid>*{grid-column:1/-1;width:100%;min-width:0;max-width:100%}
[data-my-conf-form-style=theme] .my_conf-phone-control{align-items:stretch;flex-direction:row}
[data-my-conf-form-style=theme] .my_conf-phone-country{width:auto;max-width:none}
[data-my-conf-form-style=theme] .my_conf-phone-control>.my_conf-select2{flex:0 0 auto;width:max-content;min-width:0;max-width:48%}
[data-my-conf-form-style=theme] [data-my-conf-runtime-field]:not([data-registration-composite]):not(.my_conf-consent-option):not([hidden]):not([data-layout-visible-mobile="0"]){display:flex;flex-direction:column;align-items:stretch;gap:var(--my-conf-form-field-gap, .45rem)}
[data-my-conf-form-style=theme] [data-my-conf-runtime-field]:not([data-registration-composite]):not(.my_conf-consent-option)>:is(.my_conf-field__label,.my_conf-field__heading):not(.screen-reader-text){width:100%;max-width:100%;margin-inline:0;white-space:normal}
[data-my-conf-form-style=theme] [data-my-conf-runtime-field]:not([data-registration-composite]):not(.my_conf-consent-option)>:not(.my_conf-field__label,.my_conf-field__heading){width:100%;min-width:0;max-width:100%}
[data-my-conf-form-style=theme] [data-my-conf-repeater][data-repeater-layout=cards]>.my_conf-repeater__rows{grid-template-columns:1fr}
}
@container my-conf-composite (max-width: 70rem) and (min-width: 42.01rem){[data-my-conf-form-style=theme] [data-my-conf-repeater][data-repeater-layout=cards][data-repeater-card-columns="3"]>.my_conf-repeater__rows,[data-my-conf-form-style=theme] [data-my-conf-repeater][data-repeater-layout=cards][data-repeater-card-columns="4"]>.my_conf-repeater__rows,[data-my-conf-form-style=theme] [data-my-conf-repeater][data-repeater-layout=cards][data-repeater-card-columns="5"]>.my_conf-repeater__rows,[data-my-conf-form-style=theme] [data-my-conf-repeater][data-repeater-layout=cards][data-repeater-card-columns="6"]>.my_conf-repeater__rows{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@container my-conf-composite (max-width: 42rem){[data-my-conf-form-style=theme] [data-my-conf-repeater][data-repeater-layout=cards]>.my_conf-repeater__rows{grid-template-columns:minmax(0,1fr)}
}
[data-my-conf-form-style=theme] [data-repeater-visual-style=modern] .my_conf-repeater__table{border:0;background:0 0}
[data-my-conf-form-style=theme] [data-repeater-visual-style=modern] .my_conf-repeater__table-heading{border-block-end:2px solid var(--my-conf-repeater-accent);background:0 0;color:var(--my-conf-form-accent-strong)}
[data-my-conf-form-style=theme] [data-repeater-visual-style=modern] .my_conf-repeater__row,[data-my-conf-form-style=theme] [data-repeater-visual-style=modern] .my_conf-repeater__row:nth-child(even),[data-my-conf-form-style=theme] [data-repeater-visual-style=modern] :is(.my_conf-repeater__row-controls,.my_conf-repeater__row-number,.my_conf-repeater__row-actions){background:var(--my-conf-repeater-modern-utility-surface, #fff)}
[data-my-conf-form-style=theme] [data-repeater-visual-style=modern] :is(.my_conf-repeater__table-heading>*,.my_conf-repeater__table-heading-fields>*,.my_conf-repeater__cell,.my_conf-repeater__row-controls,.my_conf-repeater__row-number,.my_conf-repeater__row-actions){border-inline:0}
[data-my-conf-form-style=theme] [data-repeater-visual-style=compact] .my_conf-repeater__table{overflow:visible;border:0;background:transparent}
[data-my-conf-form-style=theme] [data-repeater-visual-style=compact] .my_conf-repeater__table-heading{display:none;visibility:hidden}
[data-my-conf-form-style=theme] [data-repeater-visual-style=compact] .my_conf-repeater__rows{gap:.55rem;min-width:0}
[data-my-conf-form-style=theme] [data-repeater-visual-style=compact] .my_conf-repeater__row{grid-template-columns:minmax(0,1fr) 2.6rem;grid-template-rows:auto;width:100%;min-width:0;overflow:visible;border:1px solid var(--my-conf-repeater-border);border-inline-start:.22rem solid var(--my-conf-repeater-accent);background:var(--my-conf-repeater-surface)}
[data-my-conf-form-style=theme] [data-repeater-layout=table][data-repeater-visual-style=compact] .my_conf-repeater__row:first-child{border-block-start:1px solid var(--my-conf-repeater-border)}
[data-my-conf-form-style=theme] [data-repeater-visual-style=compact] .my_conf-repeater__row::before{display:none;content:none}
[data-my-conf-form-style=theme] [data-repeater-visual-style=compact] :is(.my_conf-repeater__row-controls,.my_conf-repeater__row-number){display:none}
[data-my-conf-form-style=theme] [data-repeater-visual-style=compact] .my_conf-repeater__row>.my_conf-repeater__table-fields[data-registration-profile-grid]{grid-column:1;grid-row:1;grid-template-columns:repeat(12,minmax(0,1fr));width:100%;min-width:0;padding:.55rem;gap:.55rem;align-items:end}
[data-my-conf-form-style=theme] [data-repeater-visual-style=compact] .my_conf-repeater__cell{padding:0;border:0}
[data-my-conf-form-style=theme] [data-repeater-visual-style=compact] .my_conf-repeater__cell[data-vertical-align=start]{align-self:start}
[data-my-conf-form-style=theme] [data-repeater-visual-style=compact] .my_conf-repeater__cell[data-vertical-align=center]{align-self:center}
[data-my-conf-form-style=theme] [data-repeater-visual-style=compact] .my_conf-repeater__cell[data-vertical-align=end]{align-self:end}
[data-my-conf-form-style=theme] [data-repeater-visual-style=compact] .my_conf-repeater__cell[data-vertical-align=stretch]{align-self:stretch}
[data-my-conf-form-style=theme] [data-repeater-visual-style=compact] .my_conf-repeater__cell>[data-my-conf-runtime-field]{gap:.3rem}
[data-my-conf-form-style=theme] [data-repeater-visual-style=compact] .my_conf-repeater__row-actions{position:static;grid-column:2;grid-row:1;align-self:stretch;padding:0;border:0;border-inline-start:1px solid var(--my-conf-repeater-border);background:var(--my-conf-form-surface-soft)}
[data-my-conf-form-style=theme] [data-repeater-visual-style=compact] .my_conf-repeater__row-actions [data-repeater-remove]{width:100%;height:100%;min-width:2.6rem;min-height:2.6rem;border:0}


/* Frontend form contrast */
/* A form always owns a readable surface, regardless of branding choices. */
.my_conf-form :is(label,legend,.my_conf-checkbox,.my_conf-consent-row){
  color:#1d2327
}

.my_conf-form :is(input,select,textarea){
  background:#fff;
  color:#1d2327
}

.my_conf-form a{
  color:#075b64;
  text-decoration:underline;
  text-decoration-thickness:.1em;
  text-underline-offset:.15em
}


/* Frontend form tabs */
[data-my-conf-form-style=theme] .my_conf-form-tabs-layout{align-items:start;gap:var(--my-conf-form-tab-gap, 1rem);grid-template-columns:minmax(0,1fr);grid-template-areas:"tabs""panel";width:100%;min-width:0;display:grid}
[data-my-conf-form-style=theme] .my_conf-form-tabs-layout>.my_conf-form-tabs{width:100%;grid-area:tabs;min-width:0;max-width:none}
[data-my-conf-form-style=theme] .my_conf-form-tabs-layout>[data-step-navigation-type]{grid-area:panel;min-width:0}
[data-my-conf-form-style=theme] .my_conf-form-tabs-layout[data-tab-position=left],[data-my-conf-form-style=theme] .my_conf-form-tabs-layout[data-tab-position=right]{grid-template-columns:minmax(8rem,var(--my-conf-tab-max-width, 18rem)) minmax(0,1fr);grid-template-areas:"tabs panel"}
[data-my-conf-form-style=theme] .my_conf-form-tabs-layout[data-tab-position=right]{grid-template-columns:minmax(0,1fr) minmax(8rem,var(--my-conf-tab-max-width, 18rem));grid-template-areas:"panel tabs"}
[data-my-conf-form-style=theme] .my_conf-form-tabs-layout:is([data-tab-position=left],[data-tab-position=right])>.my_conf-form-tabs{width:100%}
[data-my-conf-form-style=theme] .my_conf-form-tabs-layout:is([data-tab-position=left],[data-tab-position=right]) .my_conf-form-tabs__list{flex-flow:column;align-items:stretch}
[data-my-conf-form-style=theme] .my_conf-form-tabs-layout[data-tab-alignment=start]>.my_conf-form-tabs{margin-inline:0 auto}
[data-my-conf-form-style=theme] .my_conf-form-tabs-layout[data-tab-alignment=center]>.my_conf-form-tabs{margin-inline:auto}
[data-my-conf-form-style=theme] .my_conf-form-tabs-layout[data-tab-alignment=end]>.my_conf-form-tabs{margin-inline:auto 0}
[data-my-conf-form-style=theme] .my_conf-form-tabs-layout[data-tab-alignment=stretch]>.my_conf-form-tabs{width:100%;max-width:none}
[data-my-conf-form-style=theme] .my_conf-form-tabs__list>button{position:relative;flex:0 0 auto;min-width:0;max-width:100%;white-space:nowrap}
[data-my-conf-form-style=theme] .my_conf-form-tabs>.my_conf-form-tabs__list[role=tablist]{display:flex;flex-flow:row nowrap;flex-wrap:nowrap;width:100%;min-width:0;overflow:hidden}
[data-my-conf-form-style=theme] .my_conf-form-tabs-layout[data-tab-alignment=start] .my_conf-form-tabs__list{justify-content:flex-start}
[data-my-conf-form-style=theme] .my_conf-form-tabs-layout[data-tab-alignment=center] .my_conf-form-tabs__list{justify-content:center}
[data-my-conf-form-style=theme] .my_conf-form-tabs-layout[data-tab-alignment=end] .my_conf-form-tabs__list{justify-content:flex-end}
[data-my-conf-form-style=theme] .my_conf-form-tabs-layout[data-tab-alignment=stretch] .my_conf-form-tabs__list>button{flex-grow:1}
[data-my-conf-form-style=theme] .my_conf-form-tabs__select{display:none;width:100%;margin:0}
[data-my-conf-form-style=theme] .my_conf-form-tabs__select>select{box-sizing:border-box;width:100%;min-width:0;min-height:var(--my-conf-field-control-height,44px);margin:0;padding:.5rem 2rem .5rem .65rem;border:1px solid color-mix(in srgb,currentColor 30%,transparent);background-color:transparent;color:inherit;font:inherit}
[data-my-conf-form-style=theme] .my_conf-form-tabs[data-tab-mode=select] .my_conf-form-tabs__list{display:none}
[data-my-conf-form-style=theme] .my_conf-form-tabs[data-tab-mode=select] .my_conf-form-tabs__select{display:block}
[data-my-conf-form-style=theme] .my_conf-form-tabs[data-tab-mode=labels] .my_conf-form-tabs__button[data-tab-display=text]>.dashicons,
[data-my-conf-form-style=theme] .my_conf-form-tabs[data-tab-mode=labels] .my_conf-form-tabs__button[data-tab-display=icon]>.my_conf-form-tabs__text,[data-my-conf-form-style=theme] .my_conf-form-tabs[data-tab-mode=icons] .my_conf-form-tabs__button[data-has-icon="1"]>.my_conf-form-tabs__text{display:none}
[data-my-conf-form-style=theme] .my_conf-form-tabs[data-tab-mode=icons] .my_conf-form-tabs__button[data-has-icon="1"]>.dashicons{display:inline-block}
[data-my-conf-form-style=theme] .my_conf-form-tabs__text{display:block;min-width:max-content;max-width:none;overflow:visible;text-overflow:clip;white-space:nowrap}
[data-my-conf-form-style=theme] :is(.my_conf-field__label,label.my_conf-field>span:first-child,[data-registration-profile-field]>span:first-child){text-overflow:ellipsis;white-space:nowrap;min-width:0;max-width:100%;display:block;overflow:hidden}
.my_conf-form-tabs__tooltip{position:fixed;z-index:1000000;box-sizing:border-box;width:max-content;max-width:min(20rem,calc(100vw - 1rem));margin:0;padding:.35rem .55rem;border:1px solid rgb(255 255 255/22%);border-radius:.2rem;background:#1d2327;box-shadow:0 .3rem .9rem rgb(0 0 0/20%);color:#fff;font:400 .78rem/1.35 system-ui,sans-serif;pointer-events:none;text-align:start;white-space:normal}
.my_conf-form-tabs__tooltip[hidden]{display:none}
[data-my-conf-form-style=theme] [role=tabpanel]{grid-area:panel;min-width:0;padding-block:.75rem}
[data-my-conf-form-style=theme] :is([role=tab],[data-my-conf-generated-navigation=step]>[role=list]>button,[data-my-conf-generated-navigation=actions]>button){appearance:none;padding:.5rem .7rem;border:1px solid transparent;background:0 0;color:inherit;font:inherit;text-decoration:none;cursor:pointer}
[data-my-conf-form-style=theme] :is([role=tab],[data-my-conf-generated-navigation=step]>[role=list]>button).is-active{border-color:color-mix(in srgb,currentColor 30%,transparent);border-bottom-color:transparent;background:color-mix(in srgb,currentColor 6%,transparent)}
[data-my-conf-form-style=theme] [data-my-conf-navigation-origin][data-step-navigation-type]:is([data-step-navigation-type=tab],[data-step-navigation-type=step])>.my_conf-form-step__heading{display:none}
[data-my-conf-form-style=theme] [data-my-conf-navigation-root=steps]>[aria-hidden]{min-width:0;padding-block:.75rem}

[class~=my_conf-form-notice].notice{position:relative;margin:.4rem 0;padding:.35rem 1.7rem .35rem .55rem;border:0;border-inline-start:3px solid;background:color-mix(in srgb,currentColor 7%,transparent);box-shadow:none;color:inherit;font-size:.74rem;line-height:1.25}
[class~=my_conf-form-notice][class~=notice-error]{color:#b32d2e}
[class~=my_conf-form-notice][class~=notice-success]{color:#16723b}
[class~=my_conf-form-notice][class~=notice-warning]{color:#996800}
[class~=my_conf-form-notice][class~=notice-info]{color:#2271b1}
[class~=my_conf-form-notice] [class~=notice-dismiss]{position:absolute;inset:.1rem .1rem auto auto;width:1.3rem;height:1.3rem;padding:0;border:0;background:0;color:inherit}
[class~=my_conf-form-notice] [class~=notice-dismiss]:before{content:"×"}

/* Shared modern form surface ------------------------------------------------ */
[data-my-conf-form-style] .my_conf-form-surface {
  width: 100%;
  min-width: 0;
  max-width: 100%;
}


[data-my-conf-form-style] .my_conf-form,
.my_conf-form[data-my-conf-form-style] {
  display: flex;
  flex-direction: column;
  gap: 18px;
  width: 100%;
  min-width: 0;
  margin: 0;
  color: #17212b;
}

.my_conf-form[data-my-conf-form-style] .my_conf-form-navigation-root {
  display: flex;
  flex-direction: column;
  gap: 0;
  min-width: 0;
}

.my_conf-form[data-my-conf-form-style] .my_conf-form-stepper {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 10px;
  min-width: 0;
  margin: 0 0 18px;
  padding: 0 0 14px;
  border-block-end: 1px solid var(--my-conf-field-line, #cbd3da);
}

.my_conf-form[data-my-conf-form-style] .my_conf-form-stepper__labels {
  display: flex;
  flex-wrap: wrap;
  gap: 0;
  width: 100%;
  min-width: 0;
  margin: 0;
  padding: 0;
  overflow: visible;
  border: 1px solid var(--my-conf-field-line, #cbd3da);
  background: var(--my-conf-field-soft, #f5f7f8);
}

.my_conf-form[data-my-conf-form-style] .my_conf-form-stepper__label {
  position: relative;
  display: inline-flex;
  flex: 1 1 118px;
  align-items: center;
  justify-content: flex-start;
  gap: 8px;
  min-width: 0;
  min-height: 52px;
  margin: 0;
  padding: 8px 10px;
  border: 0;
  border-inline-end: 1px solid var(--my-conf-field-line, #cbd3da);
  border-block-end: 3px solid transparent;
  border-radius: 0;
  background: transparent;
  color: var(--my-conf-field-muted, #5e6b76);
  font-family: inherit;
  font-size: 11px;
  font-weight: 700;
  line-height: 1.3;
  text-align: start;
  cursor: pointer;
}

.my_conf-form[data-my-conf-form-style] .my_conf-form-stepper__label > .dashicons {
  display: inline-flex;
  flex: 0 0 20px;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  margin: 0;
  font-size: 20px;
  line-height: 1;
}

.my_conf-form[data-my-conf-form-style] .my_conf-form-stepper__label:last-child {
  border-inline-end: 0;
}

.my_conf-form[data-my-conf-form-style] .my_conf-form-stepper__label:hover,
.my_conf-form[data-my-conf-form-style] .my_conf-form-stepper__label:focus-visible {
  background: #fff;
  color: var(--my-conf-field-accent-strong, #07545c);
  outline: 0;
}

.my_conf-form[data-my-conf-form-style] .my_conf-form-stepper__label.is-active {
  border-block-end-color: var(--my-conf-field-accent, #0d6771);
  background: #fff;
  color: var(--my-conf-field-accent-strong, #07545c);
}

.my_conf-form[data-my-conf-form-style] .my_conf-form-stepper__label:has(~ .is-active) {
  color: var(--my-conf-field-success, #1f7a4d);
}

.my_conf-form[data-my-conf-form-style] .my_conf-form-stepper__number {
  display: inline-grid;
  flex: 0 0 auto;
  place-items: center;
  width: 28px;
  height: 28px;
  border: 1px solid currentColor;
  border-radius: 0;
  background: #fff;
  font-size: 11px;
  font-weight: 850;
}

.my_conf-form[data-my-conf-form-style] .my_conf-form-stepper__label.is-active .my_conf-form-stepper__number {
  border-color: var(--my-conf-field-accent, #0d6771);
  background: var(--my-conf-field-accent, #0d6771);
  color: #fff;
}

.my_conf-form[data-my-conf-form-style] .my_conf-form-stepper__label:has(~ .is-active) .my_conf-form-stepper__number {
  border-color: var(--my-conf-field-success, #1f7a4d);
  background: var(--my-conf-field-success, #1f7a4d);
  color: #fff;
}

.my_conf-form[data-my-conf-form-style] .my_conf-form-stepper__text {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
}

.my_conf-form[data-my-conf-form-style] .my_conf-form-stepper__progress {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 10px;
  align-items: center;
  width: 100%;
  margin: 0;
}

.my_conf-form[data-my-conf-form-style] .my_conf-form-stepper__progress > span {
  position: relative;
  display: block;
  height: 5px;
  overflow: hidden;
  background: var(--my-conf-field-line, #cbd3da);
}

.my_conf-form[data-my-conf-form-style] .my_conf-form-stepper__progress > span::before {
  display: none;
}

.my_conf-form[data-my-conf-form-style] .my_conf-form-stepper__progress i {
  display: block;
  height: 100%;
  border: 0;
  background: var(--my-conf-field-accent, #0d6771);
  transition: width 180ms ease;
}

.my_conf-form[data-my-conf-form-style] .my_conf-form-stepper__progress small {
  color: var(--my-conf-field-muted, #5e6b76);
  font-size: 11px;
  font-weight: 750;
  white-space: nowrap;
}

.my_conf-form[data-my-conf-form-style] .my_conf-form-stepper__panel {
  min-width: 0;
  padding: 4px 0 20px;
}

.my_conf-form[data-my-conf-form-style] .my_conf-form-step {
  min-width: 0;
  margin: 0;
  padding: 0;
  border: 0;
}

.my_conf-form[data-my-conf-form-style] .my_conf-form-step.has-frame,
.my_conf-form[data-my-conf-form-style] .my_conf-form-step[data-step-frame="1"] {
  padding: clamp(15px, 2vw, 22px);
  border: 1px solid var(--my-conf-field-line, #cbd3da);
  background: var(--my-conf-field-soft, #f5f7f8);
}

.my_conf-form[data-my-conf-form-style] .my_conf-form-step__heading {
  margin: 0 0 18px;
  color: #17212b;
  font-family: inherit;
  font-size: clamp(19px, 2.3vw, 25px);
  font-weight: 800;
  line-height: 1.2;
}

.my_conf-form[data-my-conf-form-style] .my_conf-form-stepper__pagination {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  align-items: center;
  margin-top: 4px;
  padding-top: 16px;
  border-block-start: 1px solid var(--my-conf-field-line, #cbd3da);
}

.my_conf-form[data-my-conf-form-style] :is(
  .my_conf-form-stepper__previous,
  .my_conf-form-stepper__next,
  .my_conf-form-submit,
  .my_conf-form-button
) {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  min-height: 44px;
  margin: 0;
  padding: 9px 16px;
  border: 1px solid var(--my-conf-field-accent, #0d6771);
  border-radius: 0;
  background: var(--my-conf-field-accent, #0d6771);
  box-shadow: none;
  color: #fff;
  font-family: inherit;
  font-size: 13px;
  font-weight: 800;
  line-height: 1.25;
  text-decoration: none;
  cursor: pointer;
}

.my_conf-form[data-my-conf-form-style] .my_conf-form-stepper__previous {
  border-color: var(--my-conf-field-line, #cbd3da);
  background: #fff;
  color: var(--my-conf-field-accent-strong, #07545c);
}

.my_conf-form[data-my-conf-form-style] :is(
  .my_conf-form-stepper__next,
  .my_conf-form-submit,
  .my_conf-form-button
):is(:hover, :focus-visible) {
  border-color: var(--my-conf-field-accent-strong, #07545c);
  background: var(--my-conf-field-accent-strong, #07545c);
  outline: 0;
}

.my_conf-form[data-my-conf-form-style] .my_conf-form-stepper__previous:is(:hover, :focus-visible) {
  border-color: var(--my-conf-field-accent, #0d6771);
  background: color-mix(in srgb, var(--my-conf-field-accent) 7%, #fff);
  outline: 0;
}

.my_conf-form[data-my-conf-form-style] :is(
  .my_conf-form-stepper__previous,
  .my_conf-form-stepper__next,
  .my_conf-form-submit,
  .my_conf-form-button
):disabled {
  border-color: var(--my-conf-field-line, #cbd3da);
  background: var(--my-conf-field-soft, #f5f7f8);
  color: var(--my-conf-field-muted, #5e6b76);
  cursor: not-allowed;
  opacity: 0.65;
}

.my_conf-form[data-my-conf-form-style] .my_conf-form-submit {
  align-self: flex-end;
  min-width: min(220px, 100%);
}


.my_conf-form[data-my-conf-form-style] .my_conf-form__messages:not(:empty) {
  margin: 0;
  padding: 12px;
  border-inline-start: 4px solid var(--my-conf-field-danger, #b32d2e);
  background: color-mix(in srgb, var(--my-conf-field-danger, #b32d2e) 7%, #fff);
  color: var(--my-conf-field-danger, #b32d2e);
  font-size: 13px;
  font-weight: 700;
}

.my_conf-form[data-my-conf-form-style] .my_conf-form-tabs-layout {
  gap: 16px;
}

.my_conf-form[data-my-conf-form-style] .my_conf-form-tabs {
  border: 1px solid var(--my-conf-field-line, #cbd3da);
  background: var(--my-conf-field-soft, #f5f7f8);
}

.my_conf-form[data-my-conf-form-style] .my_conf-form-tabs__list[role="tablist"] {
  border: 0;
}

.my_conf-form[data-my-conf-form-style] .my_conf-form-tabs__button[role="tab"] {
  min-height: 44px;
  border: 0;
  border-inline-end: 1px solid var(--my-conf-field-line, #cbd3da);
  border-block-end: 3px solid transparent;
  border-radius: 0;
  color: var(--my-conf-field-muted, #5e6b76);
  font-weight: 750;
}

.my_conf-form[data-my-conf-form-style] .my_conf-form-tabs__button[role="tab"].is-active {
  border-block-end-color: var(--my-conf-field-accent, #0d6771);
  background: #fff;
  color: var(--my-conf-field-accent-strong, #07545c);
}

.my_conf-form[data-my-conf-form-style] .my_conf-form-tabs__panel[role="tabpanel"] {
  padding: 16px 0 0;
}

/* Validation issues remain visible while another step or tab is open. */
.my_conf-form[data-my-conf-form-style] :is(
  .my_conf-form-stepper__label,
  .my_conf-form-tabs__button[role="tab"]
).has-errors {
  border-block-end-color: var(--my-conf-field-danger, #b32d2e);
  background: color-mix(in srgb, var(--my-conf-field-danger, #b32d2e) 7%, #fff);
  color: var(--my-conf-field-danger, #b32d2e);
}

.my_conf-form[data-my-conf-form-style] .my_conf-form-stepper__label.has-errors .my_conf-form-stepper__number {
  border-color: var(--my-conf-field-danger, #b32d2e);
  background: var(--my-conf-field-danger, #b32d2e);
  color: #fff;
}

.my_conf-form[data-my-conf-form-style] .my_conf-navigation-error-count {
  display: inline-grid;
  flex: 0 0 auto;
  place-items: center;
  min-width: 18px;
  height: 18px;
  margin-inline-start: auto;
  padding: 0 4px;
  border-radius: 999px;
  background: var(--my-conf-field-danger, #b32d2e);
  color: #fff;
  font-size: 10px;
  font-weight: 850;
  line-height: 1;
}

.my_conf-form[data-my-conf-form-style] .my_conf-form-tabs__select > select.has-errors {
  border-color: var(--my-conf-field-danger, #b32d2e);
  box-shadow: 0 0 0 1px var(--my-conf-field-danger, #b32d2e);
}

@media (max-width: 782px) {
  .my_conf-form[data-my-conf-form-style] .my_conf-form,
  .my_conf-form.my_conf-form[data-my-conf-form-style] {
    gap: 14px;
  }

  .my_conf-form[data-my-conf-form-style] .my_conf-form-stepper {
    margin-block-end: 12px;
  }

  .my_conf-form[data-my-conf-form-style] .my_conf-form-stepper__labels {
    flex-wrap: nowrap;
  }

  .my_conf-form[data-my-conf-form-style] .my_conf-form-stepper__label {
    flex: 1 1 36px;
    min-width: 36px;
    min-height: 46px;
    justify-content: center;
    padding: 6px 3px;
  }

  .my_conf-form[data-my-conf-form-style] .my_conf-form-stepper__number {
    width: 28px;
    height: 28px;
  }

  .my_conf-form[data-my-conf-form-style] .my_conf-form-stepper__text {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0 0 0 0);
    white-space: nowrap;
    border: 0;
  }

  .my_conf-form[data-my-conf-form-style] .my_conf-form-stepper__panel {
    padding-block-end: 14px;
  }

  .my_conf-form[data-my-conf-form-style] .my_conf-form-stepper__pagination {
    position: sticky;
    z-index: 8;
    bottom: 0;
    margin-inline: -16px;
    padding: 12px 16px;
    border-block-start: 1px solid var(--my-conf-field-line, #cbd3da);
    background: rgb(255 255 255 / 96%);
    box-shadow: 0 -8px 20px rgb(20 36 46 / 8%);
  }

  .my_conf-form[data-my-conf-form-style] :is(
    .my_conf-form-stepper__previous,
    .my_conf-form-stepper__next,
    .my_conf-form-submit
  ) {
    min-height: 48px;
  }

  .my_conf-form[data-my-conf-form-style] .my_conf-form-submit {
    align-self: stretch;
    width: 100%;
    min-width: 0;
  }

  .my_conf-form[data-my-conf-form-style] .my_conf-form-tabs-layout:is([data-tab-position="left"], [data-tab-position="right"]) {
    grid-template-columns: minmax(0, 1fr);
    grid-template-areas: "tabs" "panel";
  }
}


/* A Builder-hidden child label remains visually hidden in every repeater
   presentation and breakpoint. Responsive table rules may reveal ordinary
   labels, but must never override this explicit Builder choice. */
[data-my-conf-form-style=theme]
  [data-my-conf-runtime-field]
  > .my_conf-field__label.screen-reader-text {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
}

/* === Form controls and fields === */
/*
 * My#Conf form field system
 *
 * This is the single visual contract for ordinary form controls in My#Conf.
 * Administration apps, the Form Builder preview and public forms all use the
 * same component names. Feature-specific styles may arrange fields, but they
 * must not redefine control appearance, validation or responsive behaviour.
 */

/* Canonical field-grid composition used by administration and public forms. */
.my_conf-field-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  align-items: start;
  gap: 16px;
  min-width: 0;
}
.my_conf-form .my_conf-field-grid:not([class*="my_conf-field-grid--"]) {
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: 12px 14px;
}
.my_conf-field-grid--1 {
  grid-template-columns: minmax(0, 1fr);
}
.my_conf-field-grid--2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.my_conf-field-grid--3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.my_conf-field-grid--4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
.my_conf-field-grid--twelve {
  grid-template-columns: repeat(12, minmax(0, 1fr));
}
.my_conf-field-grid--semantic {
  grid-template-columns: repeat(12, minmax(0, 1fr));
}
.my_conf-field-grid--semantic > .my_conf-field {
  grid-column: span 4;
}
.my_conf-field-grid--semantic > [data-field-width="quarter"] {
  grid-column: span 3;
}
.my_conf-field-grid--semantic > [data-field-width="third"] {
  grid-column: span 4;
}
.my_conf-field-grid--semantic > [data-field-width="half"] {
  grid-column: span 6;
}
.my_conf-field-grid--semantic > [data-field-width="full"],
.my_conf-field-grid--semantic > .my_conf-invoice-address-choice {
  grid-column: 1 / -1;
}
.my_conf-field-grid--semantic > .my_conf-field.my_conf-ticketing-gross-preview {
  grid-column: 9 / -1;
}
.my_conf-field-grid--semantic > .my_conf-ticketing-period-column {
  grid-column: span 4;
}
.my_conf-field-grid--semantic > .my_conf-ticketing-phase-money {
  grid-column: 1 / -1;
}
.my_conf-ticketing-phase-money.my_conf-field-grid--semantic
  > .my_conf-field.my_conf-ticketing-gross-preview {
  grid-column: span 3;
}
.my_conf-field-grid--compact {
  grid-template-columns: minmax(0, 1fr);
  max-width: 560px;
}
.my_conf-field-grid > * {
  min-width: 0;
}
.my_conf-field-grid > .my_conf-field.my_conf-field--full {
  grid-column: 1 / -1;
}
.my_conf-span-2 {
  grid-column: span 2;
}
.my_conf-span-3 {
  grid-column: span 3;
}
.my_conf-span-4 {
  grid-column: span 4;
}
.my_conf-span-6 {
  grid-column: span 6;
}
.my_conf-span-8 {
  grid-column: span 8;
}
.my_conf-span-12 {
  grid-column: 1 / -1;
}
@media (max-width: 1200px) {
  .my_conf-field-grid--4 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media (max-width: 960px) {
  :is(.my_conf-field-grid--3, .my_conf-field-grid--4) {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .my_conf-field-grid--semantic > :is(
    [data-field-width="quarter"],
    [data-field-width="third"],
    [data-field-width="half"]
  ) {
    grid-column: span 6;
  }
}
@media (max-width: 782px) {
  :is(
    .my_conf-form .my_conf-field-grid:not([class*="my_conf-field-grid--"]),
    .my_conf-field-grid--2,
    .my_conf-field-grid--3,
    .my_conf-field-grid--4,
    .my_conf-field-grid--twelve,
    .my_conf-field-grid--semantic
  ) {
    grid-template-columns: minmax(0, 1fr);
  }
  :is(
    .my_conf-span-2,
    .my_conf-span-3,
    .my_conf-span-4,
    .my_conf-span-6,
    .my_conf-span-8,
    .my_conf-span-12
  ) {
    grid-column: 1 / -1;
  }
  .my_conf-field-grid--semantic > [data-field-width] {
    grid-column: 1 / -1;
  }
  .my_conf-field-grid--semantic > .my_conf-ticketing-period-column,
  .my_conf-field-grid--semantic > .my_conf-ticketing-phase-money,
  .my_conf-field-grid--semantic > .my_conf-field.my_conf-ticketing-gross-preview {
    grid-column: 1 / -1;
  }
  .my_conf-ticketing-phase-money.my_conf-field-grid--semantic
    > .my_conf-field.my_conf-ticketing-gross-preview {
    grid-column: 1 / -1;
  }
}
@media (max-width: 480px) {
  .my_conf-field-grid {
    gap: 12px;
  }
}

/* Manager grids declare a maximum column count. Auto-fit collapses unused
 * tracks on first paint, so one or two real fields never leave artificial
 * empty columns and JavaScript never has to rewrite the modifier class. */
:where(
  .my_conf-config-manager,
  .my_conf-local-settings,
  [data-local-manager],
  .my_conf-network-admin
) .my_conf-field-grid--2:not(.my_conf-field-grid--semantic) {
  grid-template-columns: repeat(
    auto-fit,
    minmax(min(100%, max(230px, calc((100% - 16px) / 2))), 1fr)
  );
}
:where(
  .my_conf-config-manager,
  .my_conf-local-settings,
  [data-local-manager],
  .my_conf-network-admin
) .my_conf-field-grid--3:not(.my_conf-field-grid--semantic) {
  grid-template-columns: repeat(
    auto-fit,
    minmax(min(100%, max(230px, calc((100% - 32px) / 3))), 1fr)
  );
}
:where(
  .my_conf-config-manager,
  .my_conf-local-settings,
  [data-local-manager],
  .my_conf-network-admin
) .my_conf-field-grid--4:not(.my_conf-field-grid--semantic) {
  grid-template-columns: repeat(
    auto-fit,
    minmax(min(100%, max(230px, calc((100% - 48px) / 4))), 1fr)
  );
}
@media (max-width: 782px) {
  :where(
    .my_conf-config-manager,
    .my_conf-local-settings,
    [data-local-manager],
    .my_conf-network-admin
  ) :is(
    .my_conf-field-grid--2,
    .my_conf-field-grid--3,
    .my_conf-field-grid--4
  ):not(.my_conf-field-grid--semantic) {
    grid-template-columns: minmax(0, 1fr);
  }
}

/* Contextual arrangements remain in the field-grid owner so feature bundles
   cannot create competing grid families. */
.my_conf-rule-schedule .my_conf-field-grid {
  grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
  width: 100%;
}
.my_conf-policy-card .my_conf-rule-schedule .my_conf-field-grid {
  grid-template-columns: minmax(0, 1fr);
}
.my_conf-field-grid[data-field-layout="stack"]:not(.my_conf-field-grid--2):not(
    .my_conf-field-grid--3
  ):not(.my_conf-field-grid--4) {
  grid-template-columns: minmax(0, 1fr);
}
.my_conf-field-grid:where(
    [data-field-layout="stack"],
    .my_conf-field-grid--2,
    .my_conf-field-grid--3,
    .my_conf-field-grid--4
  ) > .my_conf-field {
  grid-column: auto;
}
.my_conf-form-item__settings > .my_conf-field-grid > * {
  grid-column: 1 / -1;
}
.my_conf-form-item__settings > .my_conf-field-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 10px;
  min-width: 0;
}
.my_conf-form-item > details[open] .my_conf-form-item__settings > .my_conf-field-grid {
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  align-items: start;
}
.my_conf-structure-meta .my_conf-field-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: end;
  gap: 8px;
}
@media (max-width: 782px) {
  [data-login-notice-body] > .my_conf-field-grid,
  :is(
    [data-login-notice-export-panel],
    [data-analytics-export-panel],
    [data-activity-export-panel],
    [data-smtp-export-panel]
  ) .my_conf-field-grid,
  .my_conf-structure-meta .my_conf-field-grid {
    grid-template-columns: minmax(0, 1fr);
  }
}

:is(.my_conf-ui-root, .my_conf-field-system, [data-my-conf-form-style]) {
  --my-conf-field-ink: var(--my-conf-ui-text, var(--my-conf-admin-ink, #17212b));
  --my-conf-field-muted: var(--my-conf-ui-text-muted, var(--my-conf-admin-muted, #5e6b76));
  --my-conf-field-line: var(--my-conf-ui-border, var(--my-conf-admin-line, #cbd3da));
  --my-conf-field-surface: var(--my-conf-ui-surface, #fff);
  --my-conf-field-soft: var(--my-conf-ui-surface-soft, var(--my-conf-admin-surface-soft, #f5f7f8));
  --my-conf-field-accent: var(--my-conf-accent, var(--my-conf-admin-primary, #0d6771));
  --my-conf-field-accent-strong: var(--my-conf-accent-dark, #07545c);
  --my-conf-field-danger: var(--my-conf-danger, #b32d2e);
  --my-conf-field-success: var(--my-conf-success, #1f7a4d);
  --my-conf-field-control-height: var(--my-conf-control-height, 44px);
  --my-conf-field-control-size: 14px;
  --my-conf-field-control-line-height: 1.4;
  --my-conf-field-label-size: 12px;
  --my-conf-field-help-size: 12px;
  --my-conf-field-gap: 7px;
  --my-conf-field-grid-gap: 16px;
  color: var(--my-conf-field-ink);
}

:is(.my_conf-ui-root, .my_conf-field-system, [data-my-conf-form-style]) :is(.my_conf-field, [data-my-conf-runtime-field], [data-registration-profile-field]) {
  box-sizing: border-box;
  min-width: 0;
  max-width: 100%;
}

:is(.my_conf-ui-root, .my_conf-field-system, [data-my-conf-form-style]) .my_conf-field:not([hidden]):not(.my_conf-admin-notice),
.my_conf-field-system > label:not(.my_conf-login-form__check),
[data-my-conf-form-style] [data-my-conf-runtime-field]:not([data-registration-composite]):not(.my_conf-consent-option):not([hidden]) {
  display: grid;
  align-content: start;
  gap: var(--my-conf-field-gap);
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
}

:is(.my_conf-ui-root, .my_conf-field-system, [data-my-conf-form-style]) :is(.my_conf-field__label, .my_conf-field__heading, legend.my_conf-field__label),
.my_conf-field-system > label:not(.my_conf-login-form__check) > span:first-child,
[data-my-conf-form-style] [data-my-conf-runtime-field] > .my_conf-field__label {
  display: flex;
  align-items: center;
  gap: 5px;
  min-width: 0;
  margin: 0;
  padding: 0;
  color: var(--my-conf-field-ink);
  font-family: inherit;
  font-size: var(--my-conf-field-label-size);
  font-weight: 750;
  line-height: 1.35;
  letter-spacing: 0.015em;
  text-transform: none;
  white-space: normal;
}

:is(.my_conf-ui-root, .my_conf-field-system, [data-my-conf-form-style]) .my_conf-field__required {
  color: var(--my-conf-field-danger);
  font-weight: 800;
}

:is(.my_conf-ui-root, .my_conf-field-system, [data-my-conf-form-style]) :is(.my_conf-field__help, .my_conf-field__error, .description),
.my_conf-field-system > label > small {
  display: block;
  min-width: 0;
  margin: 0;
  color: var(--my-conf-field-muted);
  font-family: inherit;
  font-size: var(--my-conf-field-help-size);
  font-weight: 500;
  line-height: 1.45;
  overflow-wrap: anywhere;
}

/* Enhancing a select inserts a sibling control, but never changes the colour
 * of the field instruction. Hover and focus are intentionally neutral here. */
:is(.my_conf-ui-root, .my_conf-field-system, [data-my-conf-form-style])
  .my_conf-field:is(:hover, :focus-within)
  :is(.my_conf-field__help, .description) {
  color: var(--my-conf-field-muted);
}

:is(.my_conf-ui-root, .my_conf-field-system, [data-my-conf-form-style]) .my_conf-field__error {
  color: var(--my-conf-field-danger);
  font-weight: 700;
}

:is(.my_conf-ui-root, .my_conf-field-system, [data-my-conf-form-style]) :is(
  input[type="text"],
  input[type="email"],
  input[type="password"],
  input[type="search"],
  input[type="url"],
  input[type="tel"],
  input[type="number"],
  input[type="date"],
  input[type="time"],
  input[type="datetime-local"],
  input[type="month"],
  input[type="week"],
  select,
  textarea,
  .my_conf-select2__selection
) {
  box-sizing: border-box;
  width: 100%;
  min-width: 0;
  max-width: 100%;
  min-height: var(--my-conf-field-control-height);
  margin: 0;
  padding: 9px 11px;
  border: 1px solid var(--my-conf-field-line);
  border-radius: 0;
  background: var(--my-conf-field-surface);
  box-shadow: none;
  color: var(--my-conf-field-ink);
  font-family: inherit;
  font-size: var(--my-conf-field-control-size);
  font-weight: 500;
  line-height: var(--my-conf-field-control-line-height);
}

:is(.my_conf-ui-root, .my_conf-field-system, [data-my-conf-form-style]) textarea {
  min-height: 112px;
  resize: vertical;
  line-height: 1.55;
}

:is(.my_conf-ui-root, .my_conf-field-system, [data-my-conf-form-style]) :is(
  input[type="text"],
  input[type="email"],
  input[type="password"],
  input[type="search"],
  input[type="url"],
  input[type="tel"],
  input[type="number"],
  input[type="date"],
  input[type="time"],
  input[type="datetime-local"],
  input[type="month"],
  input[type="week"],
  select,
  textarea,
  .my_conf-select2__selection
):focus,
:is(.my_conf-ui-root, .my_conf-field-system, [data-my-conf-form-style]) :is(
  input[type="text"],
  input[type="email"],
  input[type="password"],
  input[type="search"],
  input[type="url"],
  input[type="tel"],
  input[type="number"],
  input[type="date"],
  input[type="time"],
  input[type="datetime-local"],
  select,
  textarea
):focus-visible {
  border-color: var(--my-conf-field-accent);
  outline: 0;
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--my-conf-field-accent) 19%, transparent);
}

:is(.my_conf-ui-root, .my_conf-field-system, [data-my-conf-form-style]) :is(input, select, textarea):disabled,
:is(.my_conf-ui-root, .my_conf-field-system, [data-my-conf-form-style]) :is(input, select, textarea)[readonly] {
  border-color: var(--my-conf-field-line);
  background: var(--my-conf-field-soft);
  color: var(--my-conf-field-muted);
  cursor: not-allowed;
}

:is(.my_conf-ui-root, .my_conf-field-system, [data-my-conf-form-style]) :is(input, select, textarea)[aria-invalid="true"],
:is(.my_conf-ui-root, .my_conf-field-system, [data-my-conf-form-style]) :is(.my_conf-field, [data-my-conf-runtime-field]).has-error :is(input, select, textarea, .my_conf-select2__selection),
:is(.my_conf-ui-root, .my_conf-field-system, [data-my-conf-form-style]) :is(.my_conf-field, [data-my-conf-runtime-field]).is-invalid :is(input, select, textarea, .my_conf-select2__selection) {
  border-color: var(--my-conf-field-danger);
  box-shadow: 0 0 0 2px color-mix(in srgb, var(--my-conf-field-danger) 13%, transparent);
}

:is(.my_conf-ui-root, .my_conf-field-system, [data-my-conf-form-style]) :is(input::placeholder, textarea::placeholder) {
  color: #7a8791;
  opacity: 1;
}

:is(.my_conf-ui-root, .my_conf-field-system, [data-my-conf-form-style]) input[type="file"] {
  box-sizing: border-box;
  width: 100%;
  min-height: var(--my-conf-field-control-height);
  padding: 5px;
  border: 1px dashed var(--my-conf-field-line);
  border-radius: 0;
  background: var(--my-conf-field-soft);
  color: var(--my-conf-field-muted);
}

:is(.my_conf-ui-root, .my_conf-field-system, [data-my-conf-form-style]) input[type="file"]::file-selector-button {
  min-height: 32px;
  margin-inline-end: 9px;
  padding: 5px 11px;
  border: 1px solid var(--my-conf-field-line);
  border-radius: 0;
  background: var(--my-conf-field-surface);
  color: var(--my-conf-field-ink);
  font-family: inherit;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.2;
  cursor: pointer;
}

:is(.my_conf-ui-root, .my_conf-field-system, [data-my-conf-form-style]) .my_conf-checkbox-stack {
  display: grid;
  gap: 8px;
  min-width: 0;
}

:is(.my_conf-ui-root, .my_conf-field-system, [data-my-conf-form-style]) .my_conf-checkbox-stack > label,
.my_conf-field-system .my_conf-login-form__check,
[data-my-conf-form-style] [data-registration-profile-boolean] {
  display: flex;
  align-items: flex-start;
  gap: 9px;
  min-width: 0;
  margin: 0;
  color: var(--my-conf-field-ink);
  font-family: inherit;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.45;
}

.my_conf-form[data-my-conf-form-style] .my_conf-field-grid,
[data-my-conf-form-style] [data-registration-profile-grid] {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  align-items: start;
  gap: var(--my-conf-field-grid-gap);
  min-width: 0;
}

:is(.my_conf-ui-root, .my_conf-field-system, [data-my-conf-form-style]) .my_conf-input-group,
:is(.my_conf-ui-root, .my_conf-field-system, [data-my-conf-form-style]) :is(.my_conf-input-prefix, .my_conf-input-postfix) {
  border-radius: 0;
}

:is(.my_conf-ui-root, .my_conf-field-system, [data-my-conf-form-style]) :is(.my_conf-input-prefix, .my_conf-input-postfix) {
  display: inline-flex;
  align-items: center;
  min-height: var(--my-conf-field-control-height);
  padding: 0 10px;
  border: 1px solid var(--my-conf-field-line);
  background: var(--my-conf-field-soft);
  color: var(--my-conf-field-muted);
  font-size: 12px;
  font-weight: 700;
  white-space: nowrap;
}

/* Shared enhanced select. The dropdown may be portalled to <body>, so its
 * surface rules deliberately use stable fallbacks instead of page-local CSS. */
.my_conf-select2-native {
  display: none;
}

/* Visible enhanced-select sources keep the final control height during the
 * short interval before the interaction layer replaces them. A multi-select
 * therefore never paints as a tall native list and jumps on first hover. */
select.my_conf-select2-source[multiple]:not(.my_conf-select2-native) {
  box-sizing: border-box;
  height: var(--my-conf-control-height, 44px);
  min-height: var(--my-conf-control-height, 44px);
  max-height: var(--my-conf-control-height, 44px);
  overflow: hidden;
}

.my_conf-field-system .my_conf-select2,
[data-my-conf-form-style] .my_conf-select2,
.my_conf-ui-root .my_conf-select2,
.my_conf-admin .my_conf-select2,
.my_conf-config-manager .my_conf-select2 {
  position: relative;
  display: block;
  width: 100%;
  min-width: 0;
  max-width: 100%;
}

.my_conf-select2:focus-within {
  z-index: 30;
}

.my_conf-select2 > button.my_conf-select2__selection {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 8px;
  box-sizing: border-box;
  width: 100%;
  min-width: 0;
  margin: 0;
  padding-inline-end: 38px;
  text-align: left;
  cursor: pointer;
}

/* Host themes sometimes decorate every button with flex-growing pseudo
 * elements. Those elements are not part of this component and can centre the
 * selection label even though the button itself is start-aligned. */
.my_conf-select2 > button.my_conf-select2__selection::before,
.my_conf-select2 > button.my_conf-select2__selection::after {
  display: none;
  content: none;
}

.my_conf-select2.is-single .my_conf-select2__selection {
  flex-wrap: nowrap;
}

.my_conf-select2__selection:is(:hover, :focus),
.my_conf-select2.is-open .my_conf-select2__selection,
.my_conf-select2__selection[aria-expanded="true"] {
  border-color: var(--my-conf-field-accent, var(--my-conf-admin-primary, #0d6771));
  outline: 0;
  box-shadow: 0 0 0 2px color-mix(in srgb, var(--my-conf-field-accent, #0d6771) 18%, transparent);
}

.my_conf-select2.is-disabled .my_conf-select2__selection {
  background: var(--my-conf-field-soft, #f0f2f4);
  color: var(--my-conf-field-muted, #646970);
  cursor: default;
}

/* One typography and arrow-clearance contract for every normal enhanced
 * select. Flag selectors keep compact spacing but use the same field height. */
.my_conf-select2:not(.is-flag-select) .my_conf-select2__selection {
  padding-inline-end: 38px;
  font-family: inherit;
  font-size: 14px;
  line-height: 1.4;
}

.my_conf-select2__values {
  display: contents;
}

.my_conf-select2 > button.my_conf-select2__selection > .my_conf-select2__placeholder {
  display: flex;
  flex: 1 1 100%;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  gap: 8px;
  max-width: 100%;
  min-width: 0;
  overflow: hidden;
  padding-inline-end: 0;
  color: var(--my-conf-field-muted, var(--my-conf-admin-muted, #646970));
  font: inherit;
  line-height: inherit;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* Error placement -------------------------------------------------------- */
/* Validation messages remain in normal document flow above or below their field. */

.my_conf-select2__placeholder > span:last-child {
  min-width: 0;
  overflow: hidden;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.my_conf-select2__arrow {
  position: absolute;
  inset-block-start: 50%;
  inset-inline-end: 12px;
  width: 8px;
  height: 8px;
  border-inline-end: 2px solid currentColor;
  border-block-end: 2px solid currentColor;
  opacity: .68;
  pointer-events: none;
  transform: translateY(-70%) rotate(45deg);
}

.my_conf-select2__dropdown,
body > .my_conf-select2__dropdown {
  z-index: 100300;
  box-sizing: border-box;
  overflow: hidden;
  border: 1px solid #8a98a4;
  border-radius: 0;
  background: #fff;
  box-shadow: 0 12px 30px rgb(0 0 0 / 16%);
  color: #17212b;
}

.my_conf-select2__dropdown[hidden] {
  display: none;
}

.my_conf-select2__search-wrap {
  display: grid;
  grid-template-columns: 20px minmax(0, 1fr);
  align-items: center;
  gap: 8px;
  min-height: var(--my-conf-control-height, 44px);
  padding-inline: 12px;
  border-block-end: 1px solid #cbd3da;
  background: #fff;
}
.my_conf-select2__search-wrap > .dashicons {
  position: static;
  width: 20px;
  height: 20px;
  margin: 0;
  display: grid;
  place-items: center;
  color: #5f6b76;
  line-height: 1;
  pointer-events: none;
}

.my_conf-select2__search-wrap > .my_conf-select2__search {
  box-sizing: border-box;
  width: 100%;
  min-width: 0;
  min-height: calc(var(--my-conf-control-height, 44px) - 1px);
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  outline: 0;
  color: #17212b;
  font: inherit;
  font-size: 14px;
  text-align: left;
}

.my_conf-select2__search-wrap > .my_conf-select2__search:focus {
  border: 0;
  background: transparent;
  outline: 0;
  box-shadow: none;
}
.my_conf-select2__search-wrap:focus-within {
  box-shadow: inset 0 -2px 0 var(--my-conf-field-accent, var(--my-conf-admin-primary, #0d6771));
}

.my_conf-select2__search::placeholder,
.my_conf-select2__placeholder,
.my_conf-select2__values {
  text-align: left;
}

.my_conf-select2__results {
  display: block;
  width: 100%;
  max-height: 280px;
  margin: 0;
  padding: 0;
  overflow: auto;
}

.my_conf-select2__group {
  position: sticky;
  top: 0;
  z-index: 1;
  padding: 7px 12px;
  border-block: 1px solid #9ca9b3;
  background: #eef2f4;
  color: #33434f;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .035em;
  text-transform: uppercase;
}

.my_conf-select2__group:first-child {
  border-block-start: 0;
}

[data-address-search-field] {
  position: relative;
}

.my_conf-address-control,
.my_conf-affiliation-search-control {
  position: relative;
  display: block;
  width: 100%;
  min-width: 0;
}

.my_conf-address-control[data-search-busy="1"] > input,
.my_conf-affiliation-search-control[data-search-busy="1"] > input,
.my_conf-select2__search-wrap[data-search-busy="1"] > .my_conf-select2__search {
  padding-inline-end: 38px;
}

.my_conf-address-control[data-search-busy="1"]::after,
.my_conf-affiliation-search-control[data-search-busy="1"]::after,
.my_conf-select2__search-wrap[data-search-busy="1"]::after {
  position: absolute;
  z-index: 2;
  inset-block-start: 50%;
  inset-inline-end: 12px;
  box-sizing: border-box;
  width: 16px;
  height: 16px;
  border: 2px solid #b5c1c9;
  border-block-start-color: #08727c;
  border-radius: 50%;
  content: "";
  pointer-events: none;
  transform: translateY(-50%) rotate(0deg);
  animation: my-conf-field-search-spin .7s linear infinite;
}

.my_conf-select2__search-wrap[data-search-busy="1"]::after {
  inset-inline-end: 18px;
}

@keyframes my-conf-field-search-spin {
  to { transform: translateY(-50%) rotate(360deg); }
}

@media (prefers-reduced-motion: reduce) {
  .my_conf-address-control[data-search-busy="1"]::after,
  .my_conf-affiliation-search-control[data-search-busy="1"]::after,
  .my_conf-select2__search-wrap[data-search-busy="1"]::after {
    animation: none;
  }
}

.my_conf-address-search__results {
  position: absolute;
  z-index: 1000;
  inset: 100% 0 auto;
  margin-block-start: 0;
  max-height: min(22rem, 55vh);
  overflow: auto;
  border: 1px solid #9ca9b3;
  background: #fff;
  color: #17212b;
  box-shadow: 0 8px 24px rgb(0 0 0 / 18%);
}

.my_conf-address-search__results > button {
  display: block;
  width: 100%;
  min-height: 42px;
  padding: 9px 12px;
  border: 0;
  border-block-end: 1px solid #d5dce1;
  border-radius: 0;
  background: #fff;
  color: inherit;
  font: inherit;
  text-align: left;
}

.my_conf-address-search__results > button:is(:hover, :focus-visible) {
  background: #eaf4f5;
  color: #07545c;
  outline: 2px solid #07545c;
  outline-offset: -2px;
}

.my_conf-address-search__status,
.my_conf-address-search__attribution {
  display: block;
  margin: 0;
  padding: 9px 12px;
}

.my_conf-address-search__attribution {
  border-block-start: 1px solid #9ca9b3;
  background: #eef2f4;
  color: #4b5963;
  font-size: 11px;
}

.my_conf-affiliation-search__results {
  position: absolute;
  z-index: 1000;
  inset: 100% 0 auto;
  max-height: min(24rem, 58vh);
  overflow: auto;
  border: 1px solid #9ca9b3;
  background: #fff;
  color: #17212b;
  box-shadow: 0 8px 24px rgb(0 0 0 / 18%);
}

[data-my-conf-form-style] .my_conf-repeater__row:has(.my_conf-affiliation-search__results:not([hidden])) {
  z-index: 6;
  overflow: visible;
}

.my_conf-affiliation-search__group,
.my_conf-affiliation-search__status {
  display: block;
  margin: 0;
  padding: 8px 12px;
}

.my_conf-affiliation-search__group {
  position: sticky;
  top: 0;
  z-index: 1;
  border-block: 1px solid #9ca9b3;
  background: #eef2f4;
  color: #33434f;
  font-size: 12px;
  letter-spacing: .035em;
  text-transform: uppercase;
}

.my_conf-affiliation-search__group:first-child {
  border-block-start: 0;
}

.my_conf-affiliation-search__results > button {
  display: grid;
  width: 100%;
  min-height: 42px;
  padding: 8px 12px;
  border: 0;
  border-block-end: 1px solid #d5dce1;
  border-radius: 0;
  background: #fff;
  color: inherit;
  font: inherit;
  text-align: left;
  cursor: pointer;
}

.my_conf-affiliation-search__results > button small {
  color: #4b5963;
  font-size: 11px;
}

.my_conf-affiliation-search__results > button:is(:hover, :focus-visible) {
  background: #eaf4f5;
  color: #07545c;
  outline: 2px solid #07545c;
  outline-offset: -2px;
}

.my_conf-select2__results > button {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  box-sizing: border-box;
  width: 100%;
  min-height: 42px;
  margin: 0;
  padding: 8px 12px;
  border: 0;
  border-block-end: 1px solid #cbd3da;
  border-radius: 0;
  background: #fff;
  color: #17212b;
  font: inherit;
  text-align: left;
  cursor: pointer;
}

.my_conf-select2__results > button:disabled {
  background: #f6f7f7;
  color: #8c8f94;
  cursor: not-allowed;
}

.my_conf-select2__results > button:is(:hover, :focus, .is-active, .is-selected),
.my_conf-select2__results > button[aria-selected="true"] {
  background: #eaf4f5;
  color: #07545c;
  outline: 0;
}

.my_conf-select2__empty {
  display: block;
  margin: 0;
  padding: 10px 12px;
  color: var(--my-conf-field-muted, var(--my-conf-admin-muted, #646970));
  font-size: 13px;
  text-align: left;
}

.my_conf-select2__results [data-my-conf-result-label] {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  min-width: 0;
}

.my_conf-select2 :is([data-my-conf-option-dashicon], [data-my-conf-option-icon]),
.my_conf-select2__dropdown :is([data-my-conf-option-dashicon], [data-my-conf-option-icon]) {
  flex: 0 0 auto;
}

@media (max-width: 782px) {
  :is(.my_conf-ui-root, .my_conf-field-system, [data-my-conf-form-style]) {
    --my-conf-field-control-height: var(--my-conf-control-height, 44px);
    --my-conf-field-grid-gap: 14px;
  }

  .my_conf-form[data-my-conf-form-style] .my_conf-field-grid > *,
  [data-my-conf-form-style] [data-registration-profile-grid] > * {
    grid-column: 1 / -1;
    width: 100%;
    min-width: 0;
    max-width: 100%;
  }

  :is(.my_conf-ui-root, .my_conf-field-system, [data-my-conf-form-style]) :is(input, select, textarea, button) {
    font-size: 16px;
  }
}

/* Passwords --------------------------------------------------------------- */
[data-my-conf-form-style] .my_conf-password-control {
  position: relative;
  display: block;
  width: 100%;
  min-width: 0;
}

[data-my-conf-form-style] .my_conf-password-control > input {
  padding-inline-end: 52px;
}

[data-my-conf-form-style] .my_conf-password-toggle {
  position: absolute;
  inset-block: 1px;
  inset-inline-end: 1px;
  display: grid;
  width: 43px;
  min-width: 43px;
  margin: 0;
  padding: 0;
  place-items: center;
  border: 0;
  border-inline-start: 1px solid var(--my-conf-field-line, #cbd3da);
  border-radius: 0;
  background: var(--my-conf-field-soft, #f5f7f8);
  color: var(--my-conf-field-accent-strong, #07545c);
  cursor: pointer;
}

[data-my-conf-form-style] .my_conf-password-toggle:is(:hover, :focus-visible) {
  background: color-mix(in srgb, var(--my-conf-field-accent, #0d6771) 11%, #fff);
  outline: 0;
  box-shadow: inset 0 0 0 2px var(--my-conf-field-accent, #0d6771);
}

[data-my-conf-form-style] .my_conf-password-toggle svg {
  overflow: visible;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 1.8;
}

[data-my-conf-form-style] .my_conf-password-toggle__slash {
  opacity: 0;
}

[data-my-conf-form-style] .my_conf-password-toggle[aria-pressed="true"] .my_conf-password-toggle__slash {
  opacity: 1;
}

[data-my-conf-form-style] .my_conf-password-strength {
  --my-conf-password-strength-colour: var(--my-conf-field-muted, #5e6b76);
  display: grid;
  grid-template-columns: minmax(0, 1fr) max-content;
  gap: 7px;
  align-items: center;
  margin-block-start: 2px;
}

[data-my-conf-form-style] .my_conf-password-strength[data-strength="weak"] {
  --my-conf-password-strength-colour: #b32d2e;
}

[data-my-conf-form-style] .my_conf-password-strength[data-strength="fair"] {
  --my-conf-password-strength-colour: #b36b00;
}

[data-my-conf-form-style] .my_conf-password-strength[data-strength="good"] {
  --my-conf-password-strength-colour: #2271b1;
}

[data-my-conf-form-style] .my_conf-password-strength[data-strength="strong"] {
  --my-conf-password-strength-colour: var(--my-conf-field-success, #1f7a4d);
}

[data-my-conf-form-style] .my_conf-password-strength > span {
  display: block;
  height: 4px;
  overflow: hidden;
  background: var(--my-conf-field-line, #cbd3da);
}

[data-my-conf-form-style] .my_conf-password-strength > span > i {
  display: block;
  width: var(--my-conf-password-score, 0%);
  height: 100%;
  background: var(--my-conf-password-strength-colour);
  transition: width 160ms ease, background 160ms ease;
}

[data-my-conf-form-style] .my_conf-password-strength > small {
  margin: 0;
  color: var(--my-conf-password-strength-colour);
  font-size: 11px;
  font-weight: 750;
  line-height: 1.2;
}

[data-my-conf-form-style] .my_conf-password-requirements {
  display: flex;
  flex-flow: row wrap;
  gap: 1px 6px;
  margin: 0;
  padding: 0;
  color: var(--my-conf-field-muted, #5e6b76);
  font-size: 8px;
  line-height: 1.15;
  list-style: none;
}

[data-my-conf-form-style] .my_conf-password-requirements > li {
  display: inline-flex;
  align-items: center;
  gap: 3px;
  min-height: 13px;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  font-size: 8px;
  font-weight: 500;
  opacity: .62;
  white-space: nowrap;
}

[data-my-conf-form-style] .my_conf-password-requirements > li::before {
  display: grid;
  width: 6px;
  height: 6px;
  flex: 0 0 6px;
  place-items: center;
  border: 0;
  border-radius: 50%;
  background: currentColor;
  content: "";
  opacity: .4;
}

[data-my-conf-form-style] .my_conf-password-requirements > li.is-valid {
  border-color: transparent;
  background: transparent;
  color: var(--my-conf-field-success, #1f7a4d);
  opacity: 1;
}

[data-my-conf-form-style] .my_conf-password-requirements > li.is-valid::before {
  background: currentColor;
  content: "";
  opacity: 1;
}

/* Enhanced multi-selects -------------------------------------------------- */
.my_conf-select2.is-multiple .my_conf-select2__selection {
  flex-wrap: wrap;
  min-height: var(--my-conf-field-control-height, 44px);
  padding-block: 5px;
}

.my_conf-select2.is-multiple .my_conf-select2__values {
  display: flex;
  flex: 1 1 auto;
  flex-wrap: wrap;
  gap: 5px;
  min-width: 0;
}

/* An empty values container must not share the flex growth with the visible
 * placeholder. That invisible half-width item was the actual reason empty
 * multiselect labels appeared centred. */
.my_conf-select2.is-multiple .my_conf-select2__values:empty {
  display: none;
  flex: 0 0 0;
}

.my_conf-select2.is-multiple .my_conf-select2__values:not(:empty)
  + .my_conf-select2__placeholder {
  display: none;
}

.my_conf-select2__chip {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  max-width: 100%;
  min-height: 27px;
  padding: 3px 4px 3px 7px;
  border: 1px solid color-mix(in srgb, var(--my-conf-field-accent, #0d6771) 42%, #cbd3da);
  background: color-mix(in srgb, var(--my-conf-field-accent, #0d6771) 8%, #fff);
  color: var(--my-conf-field-accent-strong, #07545c);
  font-size: 12px;
  font-weight: 700;
  line-height: 1.2;
}

.my_conf-select2__chip > span:not(.my_conf-select2__chip-remove) {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.my_conf-select2__chip-remove {
  display: grid;
  width: 19px;
  height: 19px;
  flex: 0 0 19px;
  place-items: center;
  color: inherit;
  cursor: pointer;
}

.my_conf-select2__chip-remove:is(:hover, :focus-visible) {
  background: var(--my-conf-field-accent-strong, #07545c);
  color: #fff;
  outline: 0;
}

/* Shared switch rows ----------------------------------------------------- */
[data-my-conf-form-style] .my_conf-boolean-control {
  width: 100%;
  min-height: 28px;
}

[data-my-conf-form-style] .my_conf-boolean-control__state {
  color: var(--my-conf-field-muted, #5e6b76);
  font-size: 11px;
  font-weight: 700;
  line-height: 1.3;
}

[data-my-conf-form-style] .my_conf-inline-switch {
  display: flex;
  grid-column: 1 / -1;
  align-items: flex-start;
  gap: 10px;
  width: 100%;
  min-width: 0;
  margin: 2px 0 0;
  padding: 10px 11px;
  border: 1px solid var(--my-conf-field-line, #cbd3da);
  background: var(--my-conf-field-soft, #f5f7f8);
}

[data-my-conf-form-style] .my_conf-inline-switch__copy {
  display: grid;
  gap: 2px;
  min-width: 0;
}

[data-my-conf-form-style] .my_conf-inline-switch__copy > strong {
  color: var(--my-conf-field-ink, #17212b);
  font-size: 12px;
  font-weight: 750;
  line-height: 1.35;
}

[data-my-conf-form-style] .my_conf-inline-switch__copy > small {
  color: var(--my-conf-field-muted, #5e6b76);
  font-size: 11px;
  font-weight: 500;
  line-height: 1.4;
}

/* International phone control ------------------------------------------- */
[data-my-conf-form-style] .my_conf-phone-control {
  display: flex;
  align-items: stretch;
  gap: 0;
  width: 100%;
  min-width: 0;
}

[data-my-conf-form-style] .my_conf-phone-control > .my_conf-select2 {
  flex: 0 0 auto;
  width: max-content;
  min-width: 104px;
  max-width: 46%;
}

[data-my-conf-form-style] .my_conf-phone-control > .my_conf-select2 .my_conf-select2__selection {
  width: max-content;
  min-width: 104px;
  max-width: 100%;
  border-inline-end-color: var(--my-conf-field-line, #cbd3da);
}

[data-my-conf-form-style] .my_conf-phone-control > input[type="tel"] {
  flex: 1 1 auto;
  width: auto;
  min-width: 6rem;
  margin-inline-start: -1px;
}

/* Compact flag select ----------------------------------------------------
 * Language, country and calling-code fields share this exact geometry in
 * admin screens, the builder and every frontend form. */
.my_conf-select2.is-flag-select .my_conf-select2__selection {
  min-height: var(--my-conf-field-control-height, 44px);
  padding: 5px 30px 5px 9px;
  gap: 6px;
  font-size: 13px;
  line-height: 1.25;
}

.my_conf-select2.is-flag-select .my_conf-select2__placeholder,
.my_conf-select2.is-flag-select .my_conf-select2__chip,
.my_conf-select2__dropdown.is-flag-select [data-my-conf-result-label] {
  gap: 6px;
}

.my_conf-select2.is-flag-select .my_conf-select2__arrow {
  inset-inline-end: 11px;
  width: 7px;
  height: 7px;
}

.my_conf-select2.is-flag-select [data-my-conf-flag-icon],
.my_conf-select2__dropdown.is-flag-select [data-my-conf-flag-icon] {
  display: block;
  width: 22px;
  height: 15px;
  flex: 0 0 22px;
  object-fit: cover;
  border: 1px solid rgb(23 33 43 / 20%);
  border-radius: 2px;
}

.my_conf-select2__dropdown.is-flag-select .my_conf-select2__search-wrap {
  padding: 6px;
}

.my_conf-select2__dropdown.is-flag-select .my_conf-select2__search {
  min-height: var(--my-conf-control-height, 44px);
  padding-block: 6px;
  padding-inline: 38px 9px;
  font-size: 13px;
}

.my_conf-select2__dropdown.is-flag-select .my_conf-select2__results > button {
  min-height: 38px;
  padding: 6px 9px;
  gap: 8px;
  font-size: 13px;
}

@media (max-width: 782px) {
  [data-my-conf-form-style] .my_conf-phone-control {
    flex-direction: row;
  }

  [data-my-conf-form-style] .my_conf-phone-control > .my_conf-select2 {
    width: max-content;
    min-width: 98px;
    max-width: 46%;
  }

  [data-my-conf-form-style] .my_conf-phone-control > .my_conf-select2 .my_conf-select2__selection {
    min-width: 98px;
  }

  .my_conf-select2__dropdown.is-flag-select .my_conf-select2__results > button {
    min-height: 42px;
  }

  .my_conf-select2__dropdown.is-flag-select .my_conf-select2__search {
    min-height: var(--my-conf-control-height, 44px);
    font-size: 16px;
  }
}

/* Shared colour and alpha field control. */
.my_conf-color-alpha {
  position: relative;
  display: inline-block;
  flex: 0 0 42px;
  width: 42px;
  min-width: 42px;
  max-width: 42px;
  vertical-align: middle;
}

.my_conf-color-alpha__anchor {
  position: relative;
  display: block;
  width: 42px;
}

.my_conf-color-alpha__swatch {
  position: relative;
  display: block;
  box-sizing: border-box;
  width: 42px;
  min-width: 42px;
  max-width: 42px;
  height: 40px;
  min-height: 40px;
  max-height: 40px;
  margin: 0;
  padding: 0;
  border: 1px solid #8c8f94;
  border-radius: 0;
  background: repeating-conic-gradient(#dcdcde 0 25%, #fff 0 50%) 50% / 12px 12px;
  box-shadow: none;
  cursor: pointer;
}

.my_conf-color-alpha__swatch::after {
  position: absolute;
  inset: 4px;
  background: var(--my-conf-colour, #004761);
  content: "";
}

.my_conf-color-alpha__panel {
  position: fixed;
  z-index: 2147483000;
  inset: auto;
  display: grid;
  box-sizing: border-box;
  width: min(360px, calc(100vw - 16px));
  max-height: calc(100vh - 16px);
  margin: 0;
  gap: 12px;
  padding: 13px;
  overflow: auto;
  border: 1px solid #8c8f94;
  border-radius: 0;
  background: #fff;
  color: #1d2327;
  box-shadow: 0 14px 34px rgb(15 31 43 / 22%);
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  text-align: left;
}

.my_conf-color-alpha__panel[hidden],
.my_conf-color-alpha__panel [hidden] {
  display: none;
}

.my_conf-color-alpha__panel label {
  display: grid;
  gap: 5px;
}

.my_conf-color-alpha__panel label > span {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  font-size: 12px;
  font-weight: 700;
}

.my_conf-color-alpha__value-field {
  grid-column: 1 / -1;
}

.my_conf-color-alpha__value {
  box-sizing: border-box;
  width: 100%;
  min-width: 0;
  min-height: 36px;
  margin: 0;
  font-family: ui-monospace, SFMono-Regular, Consolas, monospace;
}

.my_conf-color-alpha__solid-controls {
  display: grid;
  grid-template-columns: 78px minmax(150px, 1fr);
  align-items: end;
  gap: 12px;
}
.my_conf-color-alpha__solid-controls.is-colour-only {
  grid-template-columns: 1fr;
}

.my_conf-color-alpha__panel input[type="color"] {
  box-sizing: border-box;
  width: 72px;
  height: 34px;
  padding: 0;
  border: 1px solid #8c8f94;
  background: transparent;
}

.my_conf-color-alpha__panel input[type="range"] {
  width: 100%;
}

.my_conf-color-alpha__modes {
  display: grid;
  grid-template-columns: 1fr 1fr;
}

.my_conf-color-alpha__modes button {
  appearance: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 34px;
  margin: 0;
  padding: 6px 12px;
  border: 1px solid #8c8f94;
  border-radius: 0;
  background: #fff;
  color: #1d2327;
  box-shadow: none;
  font: inherit;
  font-weight: 700;
  cursor: pointer;
}

.my_conf-color-alpha__modes button + button {
  border-left: 0;
}

.my_conf-color-alpha__modes button.is-active {
  background: #004761;
  color: #fff;
}

.my_conf-color-alpha__modes button:focus-visible,
.my_conf-color-alpha__swatch:focus-visible {
  outline: 2px solid #168c99;
  outline-offset: 2px;
}

.my_conf-color-alpha__panel [data-gradient-fields] {
  display: grid;
  grid-template-columns: 78px minmax(150px, 1fr);
  gap: 10px;
}
.my_conf-color-alpha__panel [data-gradient-fields] > label:last-child {
  grid-column: 1 / -1;
}

@media (max-width: 480px) {
  .my_conf-color-alpha__solid-controls {
    grid-template-columns: 68px minmax(120px, 1fr);
  }

  .my_conf-color-alpha__panel input[type="color"] {
    width: 62px;
  }
}

/* Canonical validation and private-file field states. */
.my_conf-field-validation {
    display: grid;
    gap: 4px;
    margin-top: 7px;
    padding: 0;
    border: 0;
    background: transparent;
    box-shadow: none;
    font-size: 12.5px;
    line-height: 1.42;
}

.my_conf-field-validation[hidden] {
    display: none;
}

.my_conf-field-validation p {
    display: flex;
    align-items: flex-start;
    gap: 7px;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    overflow-wrap: anywhere;
}

.my_conf-field-validation p::before {
    flex: 0 0 auto;
    font-weight: 800;
    line-height: 1.35;
}

.my_conf-field-validation .is-error {
    color: #8f1d1f;
}

.my_conf-field-validation .is-error::before,
.my_conf-field-validation .is-warning::before {
    content: "!";
}

.my_conf-field-validation .is-warning {
    color: #7a4a00;
}

.my_conf-field-validation .is-info {
    color: var(--my-conf-admin-primary, var(--my-conf-primary, #004761));
}

.my_conf-field-validation .is-info::before {
    content: "i";
}

.my_conf-field.is-invalid > :is(
    input:not([type="hidden"]),
    select,
    textarea
),
.my_conf-field.is-invalid > .my_conf-select2 > .my_conf-select2__selection,
.my_conf-field.is-invalid > :is(.my_conf-input-group, .my_conf-scientific-editor) :is(input, select, textarea) {
    border-color: var(--my-conf-admin-danger, var(--my-conf-closing, #b32d2e));
    box-shadow: 0 0 0 1px color-mix(in srgb, var(--my-conf-admin-danger, var(--my-conf-closing, #b32d2e)) 18%, transparent);
}

.my_conf-field.is-invalid .my_conf-switch-control > span,
.my_conf-field.is-invalid .my_conf-checkbox-line > input:is([type="checkbox"], [type="radio"]) {
    border-color: var(--my-conf-admin-danger, var(--my-conf-closing, #b32d2e));
    box-shadow: 0 0 0 1px var(--my-conf-admin-danger, var(--my-conf-closing, #b32d2e));
}

.my_conf-field.is-invalid .my_conf-tag-editor__input > input,
.my_conf-field.is-invalid .my_conf-tag-editor:has(> .my_conf-tag-editor__tags:not(:empty)) {
    border-color: var(--my-conf-admin-danger, var(--my-conf-closing, #b32d2e));
    box-shadow: inset 3px 0 0 var(--my-conf-admin-danger, var(--my-conf-closing, #b32d2e));
}

.my_conf-field.has-warning .my_conf-switch-control > span {
    border-color: var(--my-conf-admin-warning, #b26a00);
}

.my_conf-field.is-invalid .my_conf-choice-card {
    border-color: var(--my-conf-admin-danger, var(--my-conf-closing, #b32d2e));
}

.my_conf-field.has-warning > :is(
    input:not([type="hidden"]),
    select,
    textarea,
    .my_conf-select2,
    .my_conf-input-group,
    .my_conf-scientific-editor,
    .my_conf-field-grid--nested,
    .my_conf-media-field,
    .my_conf-private-file-list,
    .my_conf-people-editor,
    .my_conf-repeater,
    .my_conf-field-group,
    .my_conf-review-summary,
    .my_conf-schedule-summary,
    .my_conf-programme-assignment,
    .my_conf-module-card
),
.my_conf-field.has-warning .my_conf-checkbox-line > input:is([type="checkbox"], [type="radio"]),
.my_conf-field.has-warning .my_conf-tag-editor__input > input,
.my_conf-field.has-warning .my_conf-tag-editor:has(> .my_conf-tag-editor__tags:not(:empty)),
.my_conf-field.has-warning .my_conf-choice-card {
    border-color: var(--my-conf-admin-warning, #b26a00);
}

.my_conf-form-validation-status {
    display: flex;
    flex: 1 1 260px;
    flex-direction: column;
    gap: 3px;
    min-width: 0;
    margin-right: auto;
    color: var(--my-conf-admin-muted, #646970);
    font-size: 12.5px;
    line-height: 1.4;
}

.my_conf-form-validation-status[hidden] {
    display: none;
}

.my_conf-form-validation-status[data-state="error"],
.my_conf-form-validation-status .is-error {
    color: var(--my-conf-admin-danger, var(--my-conf-closing, #b32d2e));
    font-weight: 600;
}

.my_conf-form-validation-status[data-state="warning"],
.my_conf-form-validation-status .is-warning {
    color: var(--my-conf-admin-warning, #b26a00);
    font-weight: 600;
}

.my_conf-form-validation-status[data-state="success"] {
    color: var(--my-conf-admin-success, var(--my-conf-opening, #2e8b57));
    font-weight: 600;
}

.my_conf-form-validation-status[data-state="validating"] {
    color: var(--my-conf-admin-primary, var(--my-conf-primary, #004761));
}

.my_conf-editor-section-nav button.has-errors {
    border-left-color: var(--my-conf-admin-danger, var(--my-conf-closing, #b32d2e));
    color: var(--my-conf-admin-danger, var(--my-conf-closing, #b32d2e));
}

.my_conf-editor-section-nav button.has-warnings {
    border-left-color: var(--my-conf-admin-warning);
    color: #7a4a00;
}

.my_conf-tab-error-count {
    display: inline-grid;
    place-items: center;
    min-width: 20px;
    height: 20px;
    margin-left: auto;
    padding: 0 5px;
    border: 1px solid currentColor;
    border-radius: 0;
    background: #fff;
    color: inherit;
    font-size: 10.5px;
    font-weight: 800;
    line-height: 1;
}

.my_conf-tab-error-count[hidden] {
    display: none;
}

[data-my-conf-form-style="theme"] [data-server-preflight-invalid].is-invalid :is(
    input:not([type="hidden"]),
    select,
    textarea,
    .my_conf-select2__selection
) {
    border-color: var(--my-conf-closing, #b32d2e);
    box-shadow: 0 0 0 1px color-mix(in srgb, var(--my-conf-closing, #b32d2e) 18%, transparent);
}

[data-my-conf-form-style="theme"] [data-server-preflight-invalid].has-warning {
    border-color: #b26a00;
}

[data-my-conf-form-style="theme"] .my_conf-form__steps button.has-errors {
    border-color: var(--my-conf-closing, #b32d2e);
    color: var(--my-conf-closing, #b32d2e);
}

[data-my-conf-form-style="theme"] .my_conf-form__steps button.has-warnings {
    border-color: #b26a00;
    color: #7a4a00;
}

.my_conf-step-error-count {
    display: inline-grid;
    place-items: center;
    min-width: 20px;
    height: 20px;
    margin-left: 5px;
    padding: 0 5px;
    border: 1px solid currentColor;
    border-radius: 0;
    background: #fff;
    color: inherit;
    font-size: 10.5px;
    font-weight: 800;
    line-height: 1;
}

.my_conf-form__actions--sticky {
    justify-content: flex-end;
}

.my_conf-schema-editor * {
    border-radius: 0;
}

@media (max-width: 782px) {
    .my_conf-form-validation-status {
        flex-basis: 100%;
        width: 100%;
        margin-right: 0;
    }

    .my_conf-form__actions--sticky > .button {
        flex: 1 1 auto;
    }

    .my_conf-tab-error-count {
        margin-left: 6px;
    }
}

/* === Form drag and drop === */
.my_conf-config-manager .my_conf-form-item.is-dragging,
.my_conf-config-manager :is(
    [data-form-card],
    [data-view-card],
    [data-state-row],
    [data-rule-row],
    [data-object-field],
    [data-admin-menu-row]
).is-dragging,
.my_conf-email-module-card.is-dragging,
.my_conf-repeater__row.is-dragging {
    opacity: .45;
}



.my_conf-config-manager :is(
    [data-form-card-drag],
    [data-view-drag]
) {
    flex: 0 0 20px;
    width: 20px;
    height: 20px;
    color: #6b7883;
}

.my_conf-config-manager .my_conf-icon-only-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    min-width: 30px;
    max-width: 30px;
    padding: 0;
}

.my_conf-config-manager .is-drop-target {
    outline: 2px solid var(--my-conf-accent, #168b97);
    outline-offset: -2px;
}

[data-my-conf-drag-handle="1"] {
    cursor: grab;
    touch-action: none;
}

/* Canonical cross-surface control geometry. */
/*
 * Canonical My#Conf field and control geometry.
 *
 * Feature styles arrange forms; this owner defines invariant one-line
 * controls, native choices, enhanced selects and drag-handle interaction.
 */

:is(
  .my_conf-ui-root,
.my_conf-admin,
.my_conf-config-manager,
.my_conf-settings,
.my_conf-network-admin,
.my_conf-field-system,
.my_conf-login-page,
.my_conf-login-form,
.my_conf-frontend,
.my_conf-website,
[data-my-conf-app],
[data-config-manager],
[data-local-manager],
[data-my-conf-workspace-app],
[data-my-conf-form-style]
) {
  --my-conf-field-control-height: var(--my-conf-control-height, 44px);
  --my-conf-form-control-height: var(--my-conf-control-height, 44px);
  --my-conf-ui-control-height: var(--my-conf-control-height, 44px);
  --my-conf-editor-control-height: var(--my-conf-control-height, 44px);
}

:is(
  .my_conf-ui-root,
.my_conf-admin,
.my_conf-config-manager,
.my_conf-settings,
.my_conf-network-admin,
.my_conf-field-system,
.my_conf-login-page,
.my_conf-login-form,
.my_conf-frontend,
.my_conf-website,
[data-my-conf-app],
[data-config-manager],
[data-local-manager],
[data-my-conf-workspace-app],
[data-my-conf-form-style]
) :is(
  input:not([type]),
input[type="text"],
input[type="search"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="tel"],
input[type="number"],
input[type="date"],
input[type="time"],
input[type="datetime-local"],
input[type="month"],
input[type="week"],
select:not([multiple]):not([size]),
select[size="1"],
.my_conf-select2__selection,
.select2-selection--single
) {
  box-sizing: border-box;
  height: var(--my-conf-control-height, 44px);
  min-height: var(--my-conf-control-height, 44px);
  max-height: var(--my-conf-control-height, 44px);
  margin-block: 0;
  line-height: normal;
}

/* The search wrapper owns the single visible frame; its native input fills
 * the inside of that frame without adding two pixels to the control row. */
:is(
  .my_conf-ui-root,
  .my_conf-admin,
  .my_conf-config-manager,
  .my_conf-settings,
  .my_conf-network-admin,
  .my_conf-workspace,
  .my_conf-field-system,
  .my_conf-dialog__surface,
  [data-my-conf-ui-contract="dialog"],
  [data-my-conf-app],
  [data-config-manager],
  [data-local-manager],
  [data-my-conf-workspace-app]
) .my_conf-search-field {
  display: grid;
  grid-template-columns: 20px minmax(0, 1fr) max-content;
  align-items: center;
  column-gap: 8px;
  height: var(--my-conf-control-height, 44px);
  min-height: var(--my-conf-control-height, 44px);
  max-height: var(--my-conf-control-height, 44px);
}
:is(
  .my_conf-ui-root,
  .my_conf-admin,
  .my_conf-config-manager,
  .my_conf-settings,
  .my_conf-network-admin,
  .my_conf-workspace,
  .my_conf-field-system,
  .my_conf-dialog__surface,
  [data-my-conf-ui-contract="dialog"],
  [data-my-conf-app],
  [data-config-manager],
  [data-local-manager],
  [data-my-conf-workspace-app]
) .my_conf-search-field > input[type="search"] {
  height: calc(var(--my-conf-control-height, 44px) - 2px);
  min-height: calc(var(--my-conf-control-height, 44px) - 2px);
  max-height: calc(var(--my-conf-control-height, 44px) - 2px);
  padding-inline: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  outline: 0;
  appearance: none;
}
:is(
  .my_conf-ui-root,
  .my_conf-admin,
  .my_conf-config-manager,
  .my_conf-settings,
  .my_conf-network-admin,
  .my_conf-workspace,
  .my_conf-field-system,
  .my_conf-dialog__surface,
  [data-my-conf-ui-contract="dialog"],
  [data-my-conf-app],
  [data-config-manager],
  [data-local-manager],
  [data-my-conf-workspace-app]
) .my_conf-search-field > input[type="search"]:focus {
  border: 0;
  background: transparent;
  box-shadow: none;
  outline: 0;
}

/* The established Dashicons move cross remains the plugin-wide drag handle.
 * Geometry belongs to its surrounding icon button; the handle itself only
 * owns interaction state and never replaces the icon with another motif. */
:where(
  .my_conf-ui-root,
.my_conf-admin,
.my_conf-config-manager,
.my_conf-settings,
.my_conf-network-admin,
.my_conf-field-system,
.my_conf-login-page,
.my_conf-login-form,
.my_conf-frontend,
.my_conf-website,
.my_conf-workspace,
.my_conf-domain-editor,
.my_conf-dialog__surface,
[data-my-conf-app],
[data-config-manager],
[data-local-manager],
[data-my-conf-workspace-app],
[data-my-conf-form-style]
) :is(
  .dashicons.dashicons-move,
.my_conf-drag-handle
) {
  margin: 0;
  color: #65727c;
  cursor: grab;
  touch-action: none;
}
:where(
  .my_conf-ui-root,
  .my_conf-admin,
  .my_conf-config-manager,
  .my_conf-settings,
  .my_conf-network-admin,
  .my_conf-workspace,
  .my_conf-dialog__surface,
  [data-my-conf-app],
  [data-config-manager],
  [data-local-manager],
  [data-my-conf-workspace-app],
  [data-my-conf-form-style]
) :is(
  .dashicons.dashicons-move,
  .my_conf-drag-handle
):is(:hover, :focus-visible) {
  color: var(--my-conf-accent-dark, #0d6771);
  outline: 0;
}
:where(
  .my_conf-ui-root,
  .my_conf-admin,
  .my_conf-config-manager,
  .my_conf-settings,
  .my_conf-network-admin,
  .my_conf-workspace,
  .my_conf-dialog__surface,
  [data-my-conf-app],
  [data-config-manager],
  [data-local-manager],
  [data-my-conf-workspace-app],
  [data-my-conf-form-style]
) :is(
  .dashicons.dashicons-move,
  .my_conf-drag-handle
):active {
  cursor: grabbing;
}

/* My#Conf multiselects remain one visual row. Selected chips scroll sideways
 * instead of changing the height of neighbouring fields. */
:is(
  .my_conf-ui-root,
.my_conf-admin,
.my_conf-config-manager,
.my_conf-settings,
.my_conf-network-admin,
.my_conf-field-system,
.my_conf-login-page,
.my_conf-login-form,
.my_conf-frontend,
.my_conf-website,
[data-my-conf-app],
[data-config-manager],
[data-local-manager],
[data-my-conf-workspace-app],
[data-my-conf-form-style]
) :is(
  .my_conf-select2.is-multiple .my_conf-select2__selection,
.select2-selection--multiple
) {
  box-sizing: border-box;
  height: var(--my-conf-control-height, 44px);
  min-height: var(--my-conf-control-height, 44px);
  max-height: var(--my-conf-control-height, 44px);
  overflow: hidden;
}

:is(
  .my_conf-ui-root,
.my_conf-admin,
.my_conf-config-manager,
.my_conf-settings,
.my_conf-network-admin,
.my_conf-field-system,
.my_conf-login-page,
.my_conf-login-form,
.my_conf-frontend,
.my_conf-website,
[data-my-conf-app],
[data-config-manager],
[data-local-manager],
[data-my-conf-workspace-app],
[data-my-conf-form-style]
) .my_conf-select2.is-multiple :is(.my_conf-select2__selection,
.my_conf-select2__values) {
  flex-wrap: nowrap;
}

:is(
  .my_conf-ui-root,
.my_conf-admin,
.my_conf-config-manager,
.my_conf-settings,
.my_conf-network-admin,
.my_conf-field-system,
.my_conf-login-page,
.my_conf-login-form,
.my_conf-frontend,
.my_conf-website,
[data-my-conf-app],
[data-config-manager],
[data-local-manager],
[data-my-conf-workspace-app],
[data-my-conf-form-style]
) .my_conf-select2.is-multiple .my_conf-select2__values {
  overflow-x: auto;
  overflow-y: hidden;
  scrollbar-width: thin;
}

:is(
  .my_conf-ui-root,
.my_conf-admin,
.my_conf-config-manager,
.my_conf-settings,
.my_conf-network-admin,
.my_conf-field-system,
.my_conf-login-page,
.my_conf-login-form,
.my_conf-frontend,
.my_conf-website,
[data-my-conf-app],
[data-config-manager],
[data-local-manager],
[data-my-conf-workspace-app],
[data-my-conf-form-style]
) .my_conf-select2.is-multiple .my_conf-select2__chip {
  flex: 0 0 auto;
}

/* Search fields inside portalled dropdowns are outside the page root. */
:is(.my_conf-select2__search, .select2-search__field) {
  box-sizing: border-box;
  height: var(--my-conf-control-height, 44px);
  min-height: var(--my-conf-control-height, 44px);
  max-height: var(--my-conf-control-height, 44px);
  line-height: normal;
}

/* Native listboxes and textareas are intentionally multi-line controls. */
:is(
  .my_conf-ui-root,
.my_conf-admin,
.my_conf-config-manager,
.my_conf-settings,
.my_conf-network-admin,
.my_conf-field-system,
.my_conf-login-page,
.my_conf-login-form,
.my_conf-frontend,
.my_conf-website,
[data-my-conf-app],
[data-config-manager],
[data-local-manager],
[data-my-conf-workspace-app],
[data-my-conf-form-style]
) select[multiple] {
  height: auto;
  min-height: calc(var(--my-conf-control-height, 44px) * 2.5);
  max-height: none;
}

/* Selects scheduled for the shared enhanced control keep their final footprint
 * from first paint. Explicit native list boxes opt out with data-no-select2 or
 * a size attribute. */
:where(
  .my_conf-ui-root,
  body.my-conf-native-user-profile,
  .my_conf-dialog__surface,
  .my_conf-formula-dialog,
  .my_conf-login-form,
  .my_conf-frontend,
  .my_conf-website,
  [data-my-conf-app],
  [data-config-manager],
  [data-local-manager],
  [data-my-conf-workspace-app],
  [data-my-conf-form-style]
) select[multiple]:not([data-no-select2]):not([size]) {
  height: var(--my-conf-control-height, 44px);
  min-height: var(--my-conf-control-height, 44px);
  max-height: var(--my-conf-control-height, 44px);
  overflow: hidden;
}

/* One native choice-control contract for every My#Conf surface. Feature files
 * may arrange labels and groups, but never redefine checkbox/radio geometry. */
:where(
  .my_conf-ui-root,
.my_conf-admin,
.my_conf-config-manager,
.my_conf-settings,
.my_conf-network-admin,
.my_conf-field-system,
.my_conf-login-page,
.my_conf-login-form,
.my_conf-frontend,
.my_conf-website,
.my_conf-form,
.my_conf-dialog__surface,
body.login.my-conf-backend-login,
[data-my-conf-app],
[data-config-manager],
[data-local-manager],
[data-my-conf-workspace-app],
[data-my-conf-form-style]
) :is(input[type="checkbox"],
input[type="radio"]):not(.my_conf-switch-control > input) {
  appearance: none;
  -webkit-appearance: none;
  display: inline-grid;
  place-content: center;
  box-sizing: border-box;
  flex: 0 0 var(--my-conf-checkbox-size, 19px);
  width: var(--my-conf-checkbox-size, 19px);
  min-width: var(--my-conf-checkbox-size, 19px);
  max-width: var(--my-conf-checkbox-size, 19px);
  height: var(--my-conf-checkbox-size, 19px);
  min-height: var(--my-conf-checkbox-size, 19px);
  max-height: var(--my-conf-checkbox-size, 19px);
  aspect-ratio: 1;
  margin: 0;
  padding: 0;
  border: 1px solid #8c8f94;
  border-radius: 0;
  background: #fff;
  box-shadow: none;
  color: #fff;
  vertical-align: middle;
  transform: none;
  cursor: pointer;
}

:where(
  .my_conf-ui-root,
.my_conf-admin,
.my_conf-config-manager,
.my_conf-settings,
.my_conf-network-admin,
.my_conf-field-system,
.my_conf-login-page,
.my_conf-login-form,
.my_conf-frontend,
.my_conf-website,
.my_conf-form,
.my_conf-dialog__surface,
body.login.my-conf-backend-login,
[data-my-conf-app],
[data-config-manager],
[data-local-manager],
[data-my-conf-workspace-app],
[data-my-conf-form-style]
) input[type="checkbox"]:not(.my_conf-switch-control > input)::before {
  display: block;
  place-self: center;
  box-sizing: border-box;
  width: 5px;
  height: 9px;
  margin: 0;
  border: solid currentColor;
  border-width: 0 2px 2px 0;
  background: transparent;
  content: "";
  float: none;
  opacity: 0;
  transform: rotate(45deg);
  transform-origin: center;
}

:where(
  .my_conf-ui-root,
.my_conf-admin,
.my_conf-config-manager,
.my_conf-settings,
.my_conf-network-admin,
.my_conf-field-system,
.my_conf-login-page,
.my_conf-login-form,
.my_conf-frontend,
.my_conf-website,
.my_conf-form,
.my_conf-dialog__surface,
body.login.my-conf-backend-login,
[data-my-conf-app],
[data-config-manager],
[data-local-manager],
[data-my-conf-workspace-app],
[data-my-conf-form-style]
) input[type="radio"]:not(.my_conf-switch-control > input) {
  border-radius: 50%;
}

:where(
  .my_conf-ui-root,
.my_conf-admin,
.my_conf-config-manager,
.my_conf-settings,
.my_conf-network-admin,
.my_conf-field-system,
.my_conf-login-page,
.my_conf-login-form,
.my_conf-frontend,
.my_conf-website,
.my_conf-form,
.my_conf-dialog__surface,
body.login.my-conf-backend-login,
[data-my-conf-app],
[data-config-manager],
[data-local-manager],
[data-my-conf-workspace-app],
[data-my-conf-form-style]
) input[type="radio"]:not(.my_conf-switch-control > input)::before {
  display: block;
  place-self: center;
  width: 7px;
  height: 7px;
  margin: 0;
  border-radius: 50%;
  background: var(--my-conf-choice-accent, #168c99);
  content: "";
  float: none;
  opacity: 0;
  transform: none;
}

:where(
  .my_conf-ui-root,
.my_conf-admin,
.my_conf-config-manager,
.my_conf-settings,
.my_conf-network-admin,
.my_conf-field-system,
.my_conf-login-page,
.my_conf-login-form,
.my_conf-frontend,
.my_conf-website,
.my_conf-form,
.my_conf-dialog__surface,
body.login.my-conf-backend-login,
[data-my-conf-app],
[data-config-manager],
[data-local-manager],
[data-my-conf-workspace-app],
[data-my-conf-form-style]
) input[type="checkbox"]:not(.my_conf-switch-control > input):checked {
  border-color: var(--my-conf-choice-accent, #168c99);
  background: var(--my-conf-choice-accent, #168c99);
}

:where(
  .my_conf-ui-root,
.my_conf-admin,
.my_conf-config-manager,
.my_conf-settings,
.my_conf-network-admin,
.my_conf-field-system,
.my_conf-login-page,
.my_conf-login-form,
.my_conf-frontend,
.my_conf-website,
.my_conf-form,
.my_conf-dialog__surface,
body.login.my-conf-backend-login,
[data-my-conf-app],
[data-config-manager],
[data-local-manager],
[data-my-conf-workspace-app],
[data-my-conf-form-style]
) :is(input[type="checkbox"],
input[type="radio"]):not(.my_conf-switch-control > input):checked::before {
  opacity: 1;
}

:where(
  .my_conf-ui-root,
.my_conf-admin,
.my_conf-config-manager,
.my_conf-settings,
.my_conf-network-admin,
.my_conf-field-system,
.my_conf-login-page,
.my_conf-login-form,
.my_conf-frontend,
.my_conf-website,
.my_conf-form,
.my_conf-dialog__surface,
body.login.my-conf-backend-login,
[data-my-conf-app],
[data-config-manager],
[data-local-manager],
[data-my-conf-workspace-app],
[data-my-conf-form-style]
) :is(input[type="checkbox"],
input[type="radio"]):not(.my_conf-switch-control > input):focus-visible {
  border-color: var(--my-conf-choice-accent, #168c99);
  outline: 2px solid rgb(22 140 153 / 28%);
  outline-offset: 1px;
}

:where(
  .my_conf-ui-root,
.my_conf-admin,
.my_conf-config-manager,
.my_conf-settings,
.my_conf-network-admin,
.my_conf-field-system,
.my_conf-login-page,
.my_conf-login-form,
.my_conf-frontend,
.my_conf-website,
.my_conf-form,
.my_conf-dialog__surface,
body.login.my-conf-backend-login,
[data-my-conf-app],
[data-config-manager],
[data-local-manager],
[data-my-conf-workspace-app],
[data-my-conf-form-style]
) :is(input[type="checkbox"],
input[type="radio"]):not(.my_conf-switch-control > input):disabled {
  opacity: .55;
  cursor: not-allowed;
}

.my_conf-checkbox-stack > label {
  display: grid;
  grid-template-columns: var(--my-conf-checkbox-size, 19px) minmax(0, 1fr);
  align-items: center;
  gap: 8px;
  min-width: 0;
  min-height: 30px;
  margin: 0;
  line-height: 1.35;
}