html.lua-voy-setting { --lv-setting-page:color-mix(in srgb,var(--skin__bg_1,#6e5549) 92%,#fff 8%); --lv-setting-card:color-mix(in srgb,var(--skin__bg_1,#6e5549) 90%,#000 10%); --lv-setting-ink:var(--skin__lead,#fff1e7); --lv-setting-soft:var(--skin__tg_accent_3,#f8e6ab); }
html.lua-voy-setting #app section[class*="_section-content_"] { background:var(--lv-setting-page) !important; }
html.lua-voy-setting #app header.lobby-base-header { position:relative; height:clamp(38px,11.85vw,48px) !important; background:var(--lv-setting-card) !important; color:var(--lv-setting-ink) !important; }
html.lua-voy-setting #app header.lobby-base-header .lv-setting-logo { position:absolute; left:clamp(35px,11vw,45px); top:4px; width:clamp(130px,42vw,170px); height:36px; object-fit:contain; }
html.lua-voy-setting #app header.lobby-base-header .lobby-base-header__section--center { position:absolute !important; left:auto !important; right:10px !important; width:auto !important; transform:none !important; color:var(--lv-setting-ink) !important; }
html.lua-voy-setting #app form[class*="setting-h5-form"] { container-type:inline-size; width:100%; background:var(--lv-setting-page); color:var(--lv-setting-ink); font-family:Arial,sans-serif; }
html.lua-voy-setting #app form[class*="setting-h5-form"] [class*="_baseWrapper_"] { padding:2.4cqw 2.5cqw 6cqw !important; background:var(--lv-setting-page) !important; box-shadow:none !important; }
html.lua-voy-setting #app form[class*="setting-h5-form"] [class*="_avatarArea_"] { min-height:18cqw; display:flex; gap:2.5cqw; align-items:flex-start; margin-bottom:1.8cqw; }
html.lua-voy-setting #app form[class*="setting-h5-form"] [class*="_avatar_"] { width:14cqw !important; height:14cqw !important; flex:none; }
html.lua-voy-setting #app form[class*="setting-h5-form"] [class*="_avatar_"] > .ui-badge__wrapper > img:first-child { width:13.5cqw !important; height:13.5cqw !important; border-radius:50% !important; object-fit:cover; }
html.lua-voy-setting #app form[class*="setting-h5-form"] [class*="_actionArea_"] { display:flex !important; flex-direction:column; align-items:flex-start; justify-content:flex-start; gap:.5cqw; padding-top:1cqw; }
html.lua-voy-setting #app form[class*="setting-h5-form"] [class*="_platformbox_"] { order:0; font-size:3.2cqw !important; }
html.lua-voy-setting #app form[class*="setting-h5-form"] [class*="_action_"] { order:1; font-size:0 !important; cursor:pointer; }
html.lua-voy-setting #app form[class*="setting-h5-form"] [class*="_action_"]::before { content:'Apelido: Insira um apelido ✎'; font-size:2.9cqw; color:color-mix(in srgb,var(--lv-setting-ink) 75%,transparent); }
html.lua-voy-setting #app form[class*="setting-h5-form"] [class*="_defult-container_"] { font-size:3.2cqw !important; font-weight:600; color:var(--lv-setting-ink) !important; margin:1cqw 0 1.5cqw !important; }
html.lua-voy-setting #app form[class*="setting-h5-form"] .lobby-form-item { margin:0 0 2.47cqw !important; }
html.lua-voy-setting #app form[class*="setting-h5-form"] .ui-input,
html.lua-voy-setting #app form[class*="setting-h5-form"] .lv-setting-extra-frame { width:100%; min-height:9.38cqw !important; height:9.38cqw !important; display:flex; align-items:center; border:1px solid var(--skin__border,#ecd1bf) !important; border-radius:1.5cqw !important; background:var(--lv-setting-card) !important; box-shadow:none !important; padding:0 2.47cqw; color:var(--lv-setting-ink) !important; }
html.lua-voy-setting #app form[class*="setting-h5-form"] .ui-input__input { background:transparent !important; color:var(--lv-setting-ink) !important; -webkit-text-fill-color:var(--lv-setting-ink) !important; font-size:2.96cqw !important; }
html.lua-voy-setting #app form[class*="setting-h5-form"] .ui-input__input::placeholder,
html.lua-voy-setting #app form[class*="setting-h5-form"] .lv-setting-extra input::placeholder { color:color-mix(in srgb,var(--lv-setting-ink) 75%,transparent) !important; opacity:1; }
html.lua-voy-setting #app form[class*="setting-h5-form"] .lv-setting-label { margin:2.47cqw 0 1.24cqw; color:var(--lv-setting-ink); font-size:3.2cqw; font-weight:600; }
html.lua-voy-setting #app form[class*="setting-h5-form"] .lv-setting-extra { margin-bottom:2.47cqw; }
html.lua-voy-setting #app form[class*="setting-h5-form"] .lv-setting-extra-frame img { width:5.2cqw; height:5.2cqw; object-fit:contain; margin-right:1.7cqw; }
html.lua-voy-setting #app form[class*="setting-h5-form"] .lv-setting-extra-frame input { min-width:0; flex:1; border:0; outline:0; background:transparent; color:var(--lv-setting-ink); font-size:2.96cqw; }
html.lua-voy-setting #app form[class*="setting-h5-form"] .lv-setting-extra-frame button { border:0; padding:0; color:var(--lv-setting-soft); background:transparent; font-size:2.8cqw; cursor:pointer; }
html.lua-voy-setting #app form[class*="setting-h5-form"] .lobby-form-item--whatsapp .ui-input__prefix,
html.lua-voy-setting #app form[class*="setting-h5-form"] .lobby-form-item--facebook .ui-input__prefix,
html.lua-voy-setting #app form[class*="setting-h5-form"] .lobby-form-item--telegram .ui-input__prefix,
html.lua-voy-setting #app form[class*="setting-h5-form"] .lobby-form-item--line .ui-input__prefix,
html.lua-voy-setting #app form[class*="setting-h5-form"] .lobby-form-item--twitter .ui-input__prefix,
html.lua-voy-setting #app form[class*="setting-h5-form"] .lobby-form-item--threads .ui-input__prefix,
html.lua-voy-setting #app form[class*="setting-h5-form"] .lobby-form-item--instagram .ui-input__prefix { width:5.2cqw; height:5.2cqw; background-position:center; background-size:contain; background-repeat:no-repeat; }
html.lua-voy-setting #app form[class*="setting-h5-form"] .lobby-form-item--whatsapp .ui-input__prefix { background-image:url('/assets/lua-voy-profile/comm_icon_sf_whatsapp.webp'); }
html.lua-voy-setting #app form[class*="setting-h5-form"] .lobby-form-item--facebook .ui-input__prefix { background-image:url('/assets/lua-voy-profile/comm_icon_sf_facebook.webp'); }
html.lua-voy-setting #app form[class*="setting-h5-form"] .lobby-form-item--telegram .ui-input__prefix { background-image:url('/assets/lua-voy-profile/comm_icon_sf_telegram.webp'); }
html.lua-voy-setting #app form[class*="setting-h5-form"] .lobby-form-item--line .ui-input__prefix { background-image:url('/assets/lua-voy-profile/comm_icon_sf_line.webp'); }
html.lua-voy-setting #app form[class*="setting-h5-form"] .lobby-form-item--twitter .ui-input__prefix { background-image:url('/assets/lua-voy-profile/comm_icon_sf_x.webp'); }
html.lua-voy-setting #app form[class*="setting-h5-form"] .lobby-form-item--threads .ui-input__prefix { background-image:url('/assets/lua-voy-profile/comm_icon_sf_threads.webp'); }
html.lua-voy-setting #app form[class*="setting-h5-form"] .lobby-form-item--instagram .ui-input__prefix { background-image:url('/assets/lua-voy-profile/comm_icon_sf_instagram.webp'); }
html.lua-voy-setting #app form[class*="setting-h5-form"] .lobby-form-item--whatsapp .ui-input__prefix,
html.lua-voy-setting #app form[class*="setting-h5-form"] .lobby-form-item--facebook .ui-input__prefix,
html.lua-voy-setting #app form[class*="setting-h5-form"] .lobby-form-item--telegram .ui-input__prefix,
html.lua-voy-setting #app form[class*="setting-h5-form"] .lobby-form-item--line .ui-input__prefix,
html.lua-voy-setting #app form[class*="setting-h5-form"] .lobby-form-item--twitter .ui-input__prefix,
html.lua-voy-setting #app form[class*="setting-h5-form"] .lobby-form-item--threads .ui-input__prefix,
html.lua-voy-setting #app form[class*="setting-h5-form"] .lobby-form-item--instagram .ui-input__prefix { margin-right:1.7cqw; }
html.lua-voy-setting #app form[class*="setting-h5-form"] .lobby-form-item--whatsapp .ui-input__prefix > *,
html.lua-voy-setting #app form[class*="setting-h5-form"] .lobby-form-item--facebook .ui-input__prefix > *,
html.lua-voy-setting #app form[class*="setting-h5-form"] .lobby-form-item--telegram .ui-input__prefix > *,
html.lua-voy-setting #app form[class*="setting-h5-form"] .lobby-form-item--line .ui-input__prefix > *,
html.lua-voy-setting #app form[class*="setting-h5-form"] .lobby-form-item--twitter .ui-input__prefix > *,
html.lua-voy-setting #app form[class*="setting-h5-form"] .lobby-form-item--threads .ui-input__prefix > *,
html.lua-voy-setting #app form[class*="setting-h5-form"] .lobby-form-item--instagram .ui-input__prefix > * { opacity:0 !important; }
html.lua-voy-setting #app form[class*="setting-h5-form"] [class*="_btnArea_"] { background:var(--lv-setting-card) !important; padding:2.5cqw !important; gap:2.5cqw; }
html.lua-voy-setting #app form[class*="setting-h5-form"] [class*="_btnArea_"] button { min-height:9.38cqw !important; border-radius:1.5cqw !important; font-size:3cqw !important; }
html.lua-voy-setting #app form[class*="setting-h5-form"] [class*="_btnArea_"] button.ui-button--default { border:1px solid var(--lv-setting-ink) !important; background:transparent !important; color:var(--lv-setting-ink) !important; }
html.lua-voy-setting #app form[class*="setting-h5-form"] [class*="_btnArea_"] button.ui-button--primary { border:1px solid var(--lv-setting-soft) !important; background:var(--lv-setting-soft) !important; color:var(--lv-setting-card) !important; }
