.x-hair{margin-top:10%;top:0}.footerText{color:#fff}#builder{flex-direction:row;width:100%;display:flex;position:absolute;top:77px;bottom:0;overflow:hidden}#builderImage{flex-shrink:0;flex-basis:50%;overflow:auto}#builderCustomize{border-bottom:1px solid #fff;height:calc(100% - 100px);overflow:auto}#builderRight{flex-grow:1;flex-shrink:1;margin-bottom:100px}#builderTabSelect{border-bottom:1px solid gray;flex-direction:row;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}#builderResize{background:#fff;width:4px;margin:0 0 0 auto}#builderButtons{flex-flow:row-reverse wrap;justify-content:center;align-items:center;gap:14px;width:100%;min-height:100px;padding:10px 0;display:flex}#builderButtons>button{cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:var(--ch-radius);border:1px solid var(--ch-border);background:var(--ch-bg-surface);width:155px;height:52px;color:var(--ch-text-main);letter-spacing:.02em;justify-content:center;align-items:center;gap:8px;font-size:15px;font-weight:700;transition:background .16s,border-color .16s,transform .12s,box-shadow .12s;display:inline-flex;box-shadow:0 6px 18px #00000059}#builderButtons>button:hover{background:var(--ch-bg-surface-soft);border-color:#ef44448c;box-shadow:0 8px 26px #00000073}#builderButtons>button:active{transform:translateY(1px);box-shadow:0 4px 12px #00000073}#builderButtons>button.primary{background:#ef44442e;border-color:#ef44448c}#builderButtons>button.primary:hover{background:#ef444447;border-color:#ef4444d9}#builderButtons>button:disabled{opacity:.45;cursor:not-allowed;pointer-events:none;box-shadow:none}@media (max-width:780px){#builder{flex-direction:column}#builderResize{display:none}#builderImage{flex-basis:25%}#builderRight{flex-direction:column;height:75%;display:flex}#builderCustomize{height:calc(100% - 100px)}}#builderImage>.x-hair-container{pointer-events:none}
.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}