/* Shared frontend fields. Scope to PageHuddle so reviewed websites keep their own forms. */
:is(.ph-app, #pagehuddle-root, .ph-welcome, .ph-composer, .ph-review-overview) {
    --ph-field-height:48px;
    --ph-field-border:#bdcec9;
    --ph-field-focus:#0d9e98;
    --ph-field-radius:8px;
    --ph-field-font:Manrope,Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;
}
:is(.ph-app, #pagehuddle-root, .ph-welcome, .ph-composer, .ph-review-overview) :is(input:not([type=hidden]):not([type=checkbox]):not([type=radio]):not([type=range]):not([type=button]):not([type=submit]):not([type=color]),select,textarea) {
    box-sizing:border-box!important;
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    height:var(--ph-field-height)!important;
    min-height:var(--ph-field-height)!important;
    margin:0!important;
    padding:11px 14px!important;
    border:1px solid var(--ph-field-border)!important;
    border-radius:var(--ph-field-radius)!important;
    background-color:#fff!important;
    background-image:none!important;
    color:#102235!important;
    font-family:var(--ph-field-font)!important;
    font-size:16px!important;
    font-weight:400!important;
    font-style:normal!important;
    line-height:24px!important;
    letter-spacing:normal!important;
    text-transform:none!important;
    box-shadow:none!important;
    outline:none!important;
    vertical-align:middle!important;
    opacity:1;
    -webkit-appearance:none;
    appearance:none;
}
:is(.ph-app, #pagehuddle-root, .ph-welcome, .ph-composer, .ph-review-overview) :is(input:not([type=hidden]):not([type=checkbox]):not([type=radio]):not([type=range]):not([type=button]):not([type=submit]):not([type=color]),select,textarea):where(select) {
    padding-right:42px!important;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2353697b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")!important;
    background-repeat:no-repeat!important;
    background-position:right 14px center!important;
    background-size:16px!important;
    cursor:pointer;
}
:is(.ph-app, #pagehuddle-root, .ph-welcome, .ph-composer, .ph-review-overview) :is(input:not([type=hidden]):not([type=checkbox]):not([type=radio]):not([type=range]):not([type=button]):not([type=submit]):not([type=color]),select,textarea):where(select[multiple]) {height:auto!important;min-height:120px!important;background-image:none!important;padding-right:14px!important}
:is(.ph-app, #pagehuddle-root, .ph-welcome, .ph-composer, .ph-review-overview) :is(input:not([type=hidden]):not([type=checkbox]):not([type=radio]):not([type=range]):not([type=button]):not([type=submit]):not([type=color]),select,textarea):where(textarea) {height:120px!important;min-height:120px!important;resize:vertical!important;overflow:auto!important}
:is(.ph-app, #pagehuddle-root, .ph-welcome, .ph-composer, .ph-review-overview) :is(input:not([type=hidden]):not([type=checkbox]):not([type=radio]):not([type=range]):not([type=button]):not([type=submit]):not([type=color]),select,textarea):where(input[type=file]) {padding:0 12px 0 0!important;line-height:46px!important;overflow:hidden}
:is(.ph-app, #pagehuddle-root, .ph-welcome, .ph-composer, .ph-review-overview) :is(input:not([type=hidden]):not([type=checkbox]):not([type=radio]):not([type=range]):not([type=button]):not([type=submit]):not([type=color]),select,textarea):where(input[type=file])::file-selector-button {height:46px;margin:0 12px 0 0;padding:0 14px;border:0;border-right:1px solid var(--ph-field-border);border-radius:7px 0 0 7px;background:#eef8f4;color:#176e6b;font:500 14px var(--ph-field-font);cursor:pointer}
:is(.ph-app, #pagehuddle-root, .ph-welcome, .ph-composer, .ph-review-overview) :is(input:not([type=hidden]):not([type=checkbox]):not([type=radio]):not([type=range]):not([type=button]):not([type=submit]):not([type=color]),select,textarea):where(input,textarea)::placeholder {color:#72847e!important;opacity:1!important;font-family:var(--ph-field-font)!important;font-size:16px!important;font-weight:400!important}
:is(.ph-app, #pagehuddle-root, .ph-welcome, .ph-composer, .ph-review-overview) :is(input:not([type=hidden]):not([type=checkbox]):not([type=radio]):not([type=range]):not([type=button]):not([type=submit]):not([type=color]),select,textarea):focus {border-color:var(--ph-field-focus)!important;box-shadow:0 0 0 3px rgba(13,158,152,.15)!important;outline:none!important}
:is(.ph-app, #pagehuddle-root, .ph-welcome, .ph-composer, .ph-review-overview) :is(input:not([type=hidden]):not([type=checkbox]):not([type=radio]):not([type=range]):not([type=button]):not([type=submit]):not([type=color]),select,textarea):disabled {background-color:#f0f4f2!important;color:#73817c!important;cursor:not-allowed;opacity:.75}
:is(.ph-app, #pagehuddle-root, .ph-welcome, .ph-composer, .ph-review-overview) :is(input:not([type=hidden]):not([type=checkbox]):not([type=radio]):not([type=range]):not([type=button]):not([type=submit]):not([type=color]),select,textarea):where(input,textarea)[readonly] {background-color:#f5f9f7!important}
:is(.ph-app, #pagehuddle-root, .ph-welcome, .ph-composer, .ph-review-overview) :is(input:not([type=hidden]):not([type=checkbox]):not([type=radio]):not([type=range]):not([type=button]):not([type=submit]):not([type=color]),select,textarea)[aria-invalid=true] {border-color:#bd4840!important}
:is(.ph-app, #pagehuddle-root, .ph-welcome, .ph-composer, .ph-review-overview) label {font-family:var(--ph-field-font)!important;font-size:14px!important;line-height:1.5!important;font-weight:600!important;color:#23394b!important}
:is(.ph-app, #pagehuddle-root, .ph-welcome, .ph-composer, .ph-review-overview) label>span {font-family:var(--ph-field-font)!important;font-size:14px!important;font-weight:600!important;line-height:1.5!important}
:is(.ph-app, #pagehuddle-root, .ph-welcome, .ph-composer, .ph-review-overview) :is(input[type=checkbox],input[type=radio]) {appearance:auto!important;accent-color:var(--ph-field-focus);width:18px!important;height:18px!important;min-height:18px!important;margin:0 8px 0 0!important;vertical-align:middle!important;flex-shrink:0}
.ph-app .ph-button{min-height:var(--ph-field-height);font-size:15px}
@media(forced-colors:active){:is(.ph-app,#pagehuddle-root,.ph-welcome,.ph-composer,.ph-review-overview) select{appearance:auto;background-image:none!important}:is(.ph-app,#pagehuddle-root,.ph-welcome,.ph-composer,.ph-review-overview) :is(input,select,textarea):focus{outline:2px solid Highlight!important}}