/* HostGate shared helpers: honeypot, nice select arrow, before/after slider */
.hp{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);opacity:0;pointer-events:none}
select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:var(--chev);background-repeat:no-repeat;background-position:left 14px center;background-size:15px 15px;padding-left:42px!important;cursor:pointer}
select::-ms-expand{display:none}
.ba{position:relative;overflow:hidden;aspect-ratio:16/10;user-select:none;touch-action:pan-y;border-radius:var(--ba-r,20px);isolation:isolate}
.ba-side{position:absolute;inset:0;display:grid;place-items:center}
.ba-side>svg{width:82%}
.ba-after{clip-path:inset(0 calc(100% - var(--p)) 0 0)}
.ba-lbl{position:absolute;top:14px;z-index:2;background:rgba(0,0,0,.55);color:#fff;font-size:13px;padding:3px 12px;border-radius:20px;font-weight:600}
.ba-before .ba-lbl{right:14px}.ba-after .ba-lbl{left:14px}
.ba-line{position:absolute;top:0;bottom:0;left:var(--p);width:3px;background:#fff;transform:translateX(-50%);pointer-events:none;z-index:3;box-shadow:0 0 12px rgba(0,0,0,.25)}
.ba-line i{position:absolute;top:50%;left:50%;width:44px;height:44px;border-radius:50%;background:#fff;transform:translate(-50%,-50%);box-shadow:0 6px 16px rgba(0,0,0,.25)}
.ba-line i:before,.ba-line i:after{content:"";position:absolute;top:50%;width:8px;height:8px;border:solid #333;border-width:0 2px 2px 0;margin-top:-4px}
.ba-line i:before{left:11px;transform:rotate(135deg)}.ba-line i:after{right:11px;transform:rotate(-45deg)}
.ba input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:ew-resize;direction:ltr;z-index:4;margin:0}
.ba-ph{color:rgba(255,255,255,.95);font-weight:700;font-size:15px;text-shadow:0 1px 6px rgba(0,0,0,.35);text-align:center;line-height:1.5}
.ba-gum{background:linear-gradient(180deg,#e88f86,#cf6a63)}
.ba-skin-b{background:radial-gradient(circle at 30% 35%,rgba(170,80,60,.55) 0 2.5%,transparent 3%),radial-gradient(circle at 62% 28%,rgba(170,80,60,.5) 0 2%,transparent 2.5%),radial-gradient(circle at 48% 60%,rgba(160,70,55,.5) 0 3%,transparent 3.5%),radial-gradient(circle at 72% 66%,rgba(170,80,60,.45) 0 2%,transparent 2.5%),radial-gradient(circle at 25% 72%,rgba(150,70,55,.4) 0 2.2%,transparent 2.7%),linear-gradient(160deg,#c9967b,#b07a61)}
.ba-skin-a{background:radial-gradient(circle at 40% 35%,rgba(255,255,255,.45),transparent 45%),linear-gradient(160deg,#f2c9b0,#e2aa8d)}
.ba-body-b{background:linear-gradient(160deg,#9aa3ad,#78828d)}
.ba-body-a{background:linear-gradient(160deg,#9fd8b5,#5fb889)}
@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
.ba-hair-b{background:repeating-linear-gradient(100deg,transparent 0 16px,rgba(45,28,18,.55) 16px 17.5px),radial-gradient(circle at 50% 40%,#e2b497,#c58f70)}
.ba-hair-a{background:repeating-linear-gradient(100deg,rgba(45,28,18,.92) 0 2px,rgba(70,44,28,.85) 2px 4px),linear-gradient(#3b2416,#2a190f)}