.brandgen{font-size:.95rem;line-height:1.4}.brandgen *,.brandgen *::before,.brandgen *::after{box-sizing:border-box}.brandgen table{margin:0}.brandgen .bg-step{min-width:0;margin:0 0 1.5rem;padding:0;border:0}.brandgen .bg-h{float:left;width:100%;padding:0;font-size:1.2rem;font-weight:700;margin:.75rem 0 .6rem}.brandgen .bg-h+*{clear:left}.brandgen .bg-dim{font-size:.85rem;opacity:.75;margin:0 0 .5rem}.brandgen .bg-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.brandgen label{display:block;margin:0;font-weight:600;font-size:.85rem}.brandgen .bg-inline{display:inline-flex;align-items:center;gap:.3rem;font-weight:400}.brandgen select,.brandgen .bg-code input[type=text],.brandgen .bg-btn{height:1.9rem;margin:0;padding:0 .45rem;font:inherit;font-size:.875rem;color:inherit;background:0 0;border:1px solid rgba(127,127,127,.6);border-radius:.3rem}.brandgen select{width:100%;padding-right:.2rem}.brandgen select option,.brandgen select optgroup{color:#111;background:#fff}.brandgen .bg-btn{width:auto;padding:0 .8rem;font-weight:600;cursor:pointer}.brandgen .bg-btn:hover,.brandgen .bg-btn:focus-visible{background:rgba(127,127,127,.18)}.brandgen input[type=checkbox]{width:1rem;height:1rem;margin:0;vertical-align:middle}.brandgen .bg-direction{display:grid;grid-template-columns:minmax(13rem,16rem)12rem minmax(20rem,1fr);gap:1rem 1.75rem;align-items:start}.brandgen .bg-who{display:grid;grid-template-columns:5.5rem 1fr;gap:.4rem .6rem;align-items:center}.brandgen .bg-who .bg-trait{grid-column:2;margin:0;min-height:1.2em}.brandgen .bg-wheel{display:grid;gap:.45rem;justify-items:center}.brandgen .bg-wheel label{justify-self:stretch}.brandgen .bg-ring{position:relative;width:156px;height:156px}.brandgen .bg-dot{position:absolute;left:50%;top:50%;width:22px;height:22px;margin:-11px 0 0 -11px;padding:0;border-radius:50%;border:2px solid rgba(255,255,255,.85);box-shadow:0 0 0 1px rgba(0,0,0,.3);cursor:pointer;transform:rotate(var(--a))translateY(-66px)rotate(calc(-1 * var(--a)))}.brandgen .bg-dot:hover,.brandgen .bg-dot:focus-visible{outline:2px solid currentColor;outline-offset:1px}.brandgen .bg-mid{position:absolute;left:50%;top:50%;width:70px;height:70px;margin:-35px 0 0 -35px;border-radius:50%;border:1px solid rgba(127,127,127,.5)}.brandgen .bg-ftable{width:100%;border-collapse:collapse;table-layout:fixed}.brandgen .bg-ftable th,.brandgen .bg-ftable td{padding:.2rem .5rem .2rem 0;text-align:left;vertical-align:middle}.brandgen .bg-ftable thead th{font-size:.8rem;font-weight:600;opacity:.75}.brandgen .bg-ftable th:nth-child(1){width:5.5rem}.brandgen .bg-ftable th:nth-child(3){width:2.75rem;text-align:center}.brandgen .bg-ftable td:nth-child(3){text-align:center}.brandgen .bg-ftable select{font-size:.95rem}.brandgen .bg-said{min-height:1.4em;font-size:.875rem;margin:.6rem 0 0}.brandgen .bg-look{margin:0 0 1.25rem}.brandgen .bg-lookbar{display:flex;align-items:center;gap:1rem;margin:0 0 .4rem}.brandgen .bg-lookrow{display:grid;grid-template-columns:22.5rem minmax(16rem,1fr);gap:1rem;align-items:start}.brandgen .bg-wide{max-width:100%}.brandgen .bg-table{width:100%;border-collapse:collapse;table-layout:fixed;font-size:.85rem}.brandgen .bg-table .bg-c1{width:8.5rem}.brandgen .bg-table .bg-c2{width:8.5rem}.brandgen .bg-table .bg-c3{width:3.5rem}.brandgen .bg-table .bg-c4{width:2rem}.brandgen .bg-table th,.brandgen .bg-table td{height:2.15rem;padding:0 .3rem 0 0;text-align:left;vertical-align:middle}.brandgen .bg-table thead th{height:1.6rem;font-size:.8rem;font-weight:600;opacity:.75;border-bottom:1px solid rgba(127,127,127,.4)}.brandgen .bg-table tbody th{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.brandgen .bg-code{white-space:nowrap}.brandgen .bg-code input[type=text]{width:5.6rem;padding:0 .3rem;font-family:ui-monospace,Consolas,monospace;vertical-align:middle}.brandgen .bg-swatch{width:1.6rem;height:1.6rem;margin:0 .25rem 0 0;padding:0;border:1px solid rgba(127,127,127,.6);border-radius:.25rem;background:0 0;vertical-align:middle;cursor:pointer}.brandgen .bg-swatch.is-empty{opacity:.3}.brandgen .bg-ok{text-align:center}.brandgen .bg-table thead th:last-child{text-align:center}.brandgen .bg-rate{position:relative;display:inline-block;font-size:.8rem}.brandgen .bg-rate.is-ok::before{content:"";display:inline-block;width:.38em;height:.8em;margin-left:.4em;border:solid;border-width:0 .18em .18em 0;transform:rotate(45deg)}.brandgen .bg-rate.is-low{font-weight:700}.brandgen .is-lit{outline:3px dashed #d97706;outline-offset:-3px}.brandgen .bg-site{border:1px solid rgba(127,127,127,.5);font-size:.9rem;line-height:1.4}.brandgen .bg-site p{margin:0 0 .55rem}.brandgen .bg-head,.brandgen .bg-foot{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.5rem;padding:.55rem .85rem}.brandgen .bg-menu{display:inline-flex;gap:.9rem}.brandgen .bg-body u:hover,.brandgen .bg-hov:hover{color:var(--bg-hover)!important;cursor:pointer}.brandgen .bg-cta:hover{background:var(--bg-hover)!important;cursor:pointer}.brandgen .bg-foot u{margin-left:.6rem}.brandgen .bg-body{padding:.9rem .85rem .4rem}.brandgen .bg-hd{font-size:1.3rem;line-height:1.25}.brandgen .bg-card{border:1px solid rgba(127,127,127,.35);border-radius:6px;padding:.5rem .65rem;margin:0 0 .6rem}.brandgen .bg-cta{display:inline-block;padding:.45rem .85rem;font-weight:700;border-radius:4px}.brandgen .bg-sub{font-size:1.05rem;font-weight:700;padding-left:.5rem;border-left:.2rem solid transparent}.brandgen .bg-list{margin:0 0 .55rem;padding-left:1.2rem;list-style:disc}.brandgen .bg-list li{margin:0}.brandgen .bg-list li::marker{color:var(--bg-bullet)}.brandgen .bg-field span:first-child{display:block;font-size:.8rem;font-weight:600}.brandgen .bg-box{display:block;max-width:14rem;padding:.2rem .45rem;border:1px solid;border-radius:.4rem}@media(max-width:56rem){.brandgen .bg-direction{grid-template-columns:1fr}.brandgen .bg-wheel{justify-self:start;width:12rem}}@media(max-width:44rem){.brandgen .bg-lookrow{grid-template-columns:1fr}.brandgen .bg-wide{overflow-x:auto}}@media(min-width:64rem){.site-form.brandpick{width:min(62rem,calc(100vw - 16rem));max-width:none}}.brandpick .bp-h2{font-size:1.2rem;font-weight:700;margin:.75rem 0 .6rem}.brandpick .bp-who input{width:100%;max-width:24rem}