.x-hair{margin-top:10%;top:0}.footerText{color:#fff}.builder-page{flex-direction:column;display:flex;position:absolute;inset:77px 0 0;overflow:hidden}.builder-page-header{border-bottom:1px solid var(--ch-border);background:var(--ch-bg-surface-hard);flex-shrink:0;height:44px}.builder-page-header-inner{align-items:center;gap:10px;max-width:1270px;height:100%;margin:0 auto;padding:0 18px;display:flex}.builder-page-title{color:var(--ch-text-main);letter-spacing:.01em;white-space:nowrap;margin:0;font-size:15px;font-weight:700}.builder-free-badge{color:var(--vcrdb-red);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;background:#ef444426;border:1px solid #ef444466;border-radius:999px;align-items:center;padding:2px 8px;font-size:11px;font-weight:700;display:inline-flex}.builder-page-sep{background:var(--ch-border);flex-shrink:0;width:1px;height:16px}.builder-page-desc{color:var(--ch-text-muted);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:13px;overflow:hidden}#builder{flex-direction:row;flex:1;width:100%;max-width:1270px;min-height:0;margin:0 auto;display:flex;overflow:hidden}#builderImage{box-sizing:border-box;flex-shrink:0;flex-basis:50%;grid-template-columns:repeat(3,190px);place-content:start center;gap:10px;padding:14px;display:grid;overflow:hidden auto}#builderImage>.x-hair-container{pointer-events:none;width:100%;cursor:default!important;margin:0!important}#builderCustomize{flex:1;min-height:0;overflow:auto}#builderRight{border-left:1px solid var(--ch-border);border-right:1px solid var(--ch-border);flex-direction:column;flex-grow:1;flex-shrink:1;min-width:0;display:flex}#builderTabSelect{border-bottom:1px solid var(--ch-border);flex-direction:row;flex-shrink:0;height:50px;display:flex}#builderTabSelect>button{color:#d3d3d3;cursor:pointer;letter-spacing:1px;font-variant:small-caps;background:0 0;border:none;width:15%;margin:1% 5%;font-size:16px;font-weight:700}#builderTabSelect>button:not([disabled]):hover{color:#fff}#builderTabSelect>button[disabled]{color:#666;cursor:default}#builderTabSelect>button.selected{color:#ffa}#builderButtons{border-top:1px solid var(--ch-border);background:var(--ch-bg-surface-hard);flex-direction:column;flex-shrink:0;gap:8px;padding:12px 14px;display:flex}#builderCopy{width:100%}.builder-secondary-btns{gap:8px;display:flex}.builder-secondary-btns>.btn-ghost{flex:1;font-size:12px}.paste-modal-backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:1000;background:#000000a6;justify-content:center;align-items:center;animation:.15s paste-backdrop-in;display:flex;position:fixed;inset:0}@keyframes paste-backdrop-in{0%{opacity:0}to{opacity:1}}.paste-modal{background:var(--ch-bg-surface-hard);border:1px solid var(--ch-border);border-radius:12px;width:420px;max-width:calc(100vw - 32px);animation:.18s cubic-bezier(.34,1.3,.64,1) paste-modal-in;box-shadow:0 24px 48px #0009}@keyframes paste-modal-in{0%{opacity:0;transform:scale(.93)translateY(6px)}to{opacity:1;transform:scale(1)translateY(0)}}.paste-modal-header{justify-content:space-between;align-items:center;padding:16px 18px 0;display:flex}.paste-modal-title{color:var(--ch-text-main);align-items:center;gap:8px;font-size:15px;font-weight:700;display:flex}.paste-modal-title svg{color:var(--ch-text-muted)}.paste-modal-close{width:28px;height:28px;color:var(--ch-text-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;transition:background .15s,color .15s;display:flex}.paste-modal-close:hover{background:var(--ch-bg-surface);color:var(--ch-text-main)}.paste-modal-body{flex-direction:column;gap:8px;padding:16px 18px;display:flex}.paste-modal-label{color:var(--ch-text-muted);letter-spacing:.04em;text-transform:uppercase;font-size:12px;font-weight:600}.paste-modal-input{border:1px solid var(--ch-border);width:100%;color:var(--ch-text-main);resize:none;box-sizing:border-box;background:#0000004d;border-radius:8px;outline:none;padding:10px 12px;font-family:SF Mono,Monaco,Cascadia Code,Consolas,monospace;font-size:12px;line-height:1.6;transition:border-color .15s}.paste-modal-input:focus{border-color:#ef444480}.paste-modal-input.error{border-color:#ef4444b3}.paste-modal-error{color:var(--vcrdb-red);margin:0;font-size:12px}.paste-modal-hint{color:var(--ch-text-muted);margin:0;font-size:12px;line-height:1.5}.paste-modal-footer{gap:8px;padding:0 18px 16px;display:flex}.paste-modal-btn-cancel{flex:1}.paste-modal-btn-apply{flex:2}@media (max-width:1250px){#builderImage{grid-template-columns:repeat(2,190px)}#builderImage>.x-hair-container:nth-child(n+7){display:none}}@media (max-width:780px){.builder-page-desc,.builder-page-sep{display:none}#builder{flex-direction:column}#builderImage{flex-basis:auto;grid-template-columns:repeat(2,1fr);grid-auto-rows:190px;place-content:start center;gap:8px;height:210px;padding:10px;overflow:hidden}#builderImage>.x-hair-container{width:100%!important;height:190px!important;min-height:0!important;max-height:190px!important;box-shadow:none!important;border:none!important;border-radius:4px!important;justify-content:center!important;align-items:center!important;display:flex!important;overflow:hidden!important}#builderImage>.x-hair-container .x-hair{margin-top:0!important}#builderImage>.x-hair-container:nth-child(n+3){display:none!important}#builderRight{flex:1;min-height:0}}
.x-hair-customizer{flex-direction:column;display:flex}.x-hair-customizer>.x-chapter:before{content:attr(data-name);color:#fff;font-variant:small-caps;background:#0003;align-items:center;width:100%;height:48px;font-size:26px;font-weight:900;display:inline-flex}.x-chapter>div{color:#fff;background-color:#4444;align-items:center;width:100%;height:48px;display:inline-flex}.x-chapter>div:nth-child(2n){background-color:#4441}.x-chapter>div:before{content:attr(data-name);width:50%;margin-left:5px;font-size:14px}.x-chapter>div>div{background-color:#6661;width:50%;height:100%}.x-hair-toggle{position:relative}.x-hair-toggle>button{color:#fff;cursor:pointer;background-color:#0000;border:none;width:50%;height:100%;position:absolute;top:0;left:0}.x-hair-toggle>button:nth-child(2){background-color:#fff3;left:50%}.x-hair-toggle.x-checked>button{background-color:#fff3}.x-hair-toggle.x-checked>button:nth-child(2){background-color:#0000}.x-hair-toggle>button:hover,.x-hair-toggle.x-checked>button:hover{background-color:#fff1}.x-hair-drop{display:inline-block;position:relative}.x-hair-drop-content{color:#fff;background-color:#0004;border:none;width:100%;height:100%}.x-hair-drop-content>option{color:#fff;background-color:#333;padding:10px 14px;text-decoration:none;display:block}.x-hair-drop-content>option:nth-child(2n){background-color:#222}.x-hair-drop-content>option:hover{background-color:#444}.x-hair-slider{flex-wrap:nowrap;height:100%;display:flex;position:relative}.x-hair-slider>input{color:#fff;text-align:center;background-color:#0000;border:none;width:15%;height:100%;padding:0;position:relative;top:0;left:0}.x-hair-slider>input:focus{background-color:#fff1;outline:none}.x-hair-slider>input[type=range]{-webkit-appearance:none;cursor:pointer;background-color:#0000;flex-grow:1;margin:0}.x-hair-slider>input[type=range]:last-child{margin-right:15px}.x-hair-slider>button.link{color:#fff;background:0 0;border:none;margin-inline:3px}.x-hair-slider>button.link:hover{cursor:pointer}.x-hair-slider>input[type=range]::-webkit-slider-runnable-track{background:#fff;border:4px solid #0009;border-radius:25px;height:13px}.x-hair-slider>input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:#fff;border:none;border-radius:25px;width:10px;height:10px;margin-top:-2.5px}.x-hair-slider>input[type=range]:focus::-webkit-slider-runnable-track{background:#fff}.x-hair-slider>input[type=range]:active::-webkit-slider-runnable-track{background:#eaeeb2}.x-hair-slider>input[type=range]:active::-webkit-slider-thumb{background:#eaeeb2}.x-hair-slider>input[type=range]::-moz-range-track{background:#fff;border:4px solid #0009;border-radius:10px;height:4px}.x-hair-slider>input[type=range]::-moz-range-thumb{background:#fff;border:none;border-radius:25px;width:10px;height:10px}.x-hair-slider>input[type=range]:active::-moz-range-track{background:#eaeeb2}.x-hair-slider>input[type=range]:active::-moz-range-thumb{background:#eaeeb2}.x-hair-slider>input[type=range]::-ms-track{background:#fff;border:4px solid #0009;border-radius:10px;height:4px}.x-hair-slider>input[type=range]::-ms-fill-lower{background:#e8e8e8;border:4px solid #0000001a;border-radius:20px}.x-hair-slider>input[type=range]::-ms-fill-upper{background:#fff;border:4px solid #0000001a;border-radius:20px}.x-hair-slider>input[type=range]::-ms-thumb{background:#fff;border:none;border-radius:25px;width:10px;height:10px;margin-top:0}.x-hair-slider>input[type=range]:focus::-ms-fill-lower{background:#fff}.x-hair-slider>input[type=range]:focus::-ms-fill-upper{background:#fff}.x-hair-slider>input[type=range]:active::-ms-track{background:#eaeeb2}.x-hair-slider>input[type=range]:active::-ms-thumb{background:#eaeeb2}.picker{width:50px;height:100%}.picker>input{cursor:pointer;appearance:none;background:0 0;border:none;width:100%;height:100%;padding:0}.picker>input::-webkit-color-swatch-wrapper{padding:0}.x-hair-color{display:flex}.hex-code-input{justify-content:center;align-items:center;width:90%;display:flex}.hex-code-input>input{text-align:center;color:#ddd;background:0 0;border:none;width:90%;height:86%;font-size:22px}.hex-code-input>input:focus{outline:none!important}img{pointer-events:none}