html{font-family:Roboto,sans-serif;font-weight:400}body{margin:0}#root{color:#fff;position:fixed;inset:0}@keyframes gradiant-animation{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}#root div.gradiant-background{background:linear-gradient(-45deg,#ee7752,#e73c7e,#23a6d5,#23d5ab) 0 0/400% 400%;flex-direction:column;align-items:stretch;height:100%;animation:15s infinite gradiant-animation;display:flex;overflow:hidden}#root main.page{box-sizing:border-box;flex-direction:column;flex:auto;align-items:center;padding:15px;display:flex;overflow:auto}#root main.page>div.card{margin-block:auto}#root canvas.drifter-stars{position:fixed}#root div.flex{display:flex}#root div.flex.column{flex-direction:column}#root div.flex.centered{justify-content:center;align-items:center}#root div.spacer{flex:1px}::-webkit-scrollbar{width:8px;height:10px}::-webkit-scrollbar-thumb{background:#0000003d;border-radius:8px}div.auto-letters{font-size:.8em}div.auto-letters>div.container{background-color:#0000004f;border-radius:3px;grid-template-columns:auto minmax(200px,1fr);margin-top:10px;padding:10px;display:grid}div.auto-letters>div.container label.with-help{align-items:center;display:flex}div.auto-letters>div.container div.choices{flex-wrap:wrap;justify-content:flex-end;gap:5px;display:flex}div.auto-letters>div.container{align-items:center;gap:10px}div.auto-letters>div.container.output>div{text-align:right}div.auto-letters>div.container.output ol.padhams{text-align:right;margin:0;padding:0;list-style:none}div.auto-letters>div.container.output ol.padhams>li{opacity:.55;border-radius:3px;grid-template-columns:1.4em 1fr 1fr;align-items:baseline;column-gap:6px;padding:1px 4px;display:grid}div.auto-letters>div.container.output ol.padhams>li.this-one{opacity:1;background-color:#ffffff1a;font-weight:600}div.auto-letters>div.container.output ol.padhams>li>span.at{text-align:left;opacity:.7}div.auto-letters>div.container.output ol.padhams>li>span.letter{text-align:right}div.auto-letters>div.container.output div.variants{opacity:.6}button{color:#fff;background:#0000004f;border:none;border-radius:2px;align-items:center;padding:5px 10px;display:inline-flex}button:hover{background-color:#0000006c}button:active{box-shadow:0 0 2px #000}button.checked{background-color:#006eff7c}button.checked:hover{background-color:#006effb2}button.checked:active{box-shadow:0 0 2px #006eff}button>img{max-width:1.5em;max-height:1.5em;margin-right:5px}button>span.label{text-align:left;flex-direction:column;line-height:1.2;display:flex}button>span.label>span.ta{font-size:.95em}button>span.label>span:last-child{opacity:.7;font-size:.85em}div.combobox{position:relative}div.combobox>input{box-sizing:border-box;width:100%}div.combobox>ul{z-index:10;background-color:#1b1b1bf2;border-radius:3px;max-height:40vh;margin:2px 0 0;padding:4px;list-style:none;position:absolute;left:0;right:0;overflow-y:auto;box-shadow:0 2px 8px #00000080}div.combobox>ul>li{cursor:pointer;border-radius:2px;padding:6px 8px}div.combobox>ul>li.at{background-color:#006eff7c}div.combobox>ul>li.none{cursor:default;opacity:.6}button.help-icon{color:#fff;cursor:pointer;box-sizing:border-box;background-color:#ffffff26;border:none;border-radius:50%;flex:none;justify-content:center;align-items:center;width:1.6em;height:1.6em;margin-left:6px;padding:0;font-family:serif;font-size:.85em;font-style:italic;font-weight:700;line-height:1;display:inline-flex}button.help-icon:hover{background-color:#ffffff4d}div.help-backdrop{color:#fff;z-index:200;background-color:#000000a6;justify-content:center;align-items:center;padding:20px;font-family:Roboto,sans-serif;display:flex;position:fixed;inset:0}div.help-backdrop>div.help-dialog{box-sizing:border-box;background-color:#171b22;border-radius:5px;flex-direction:column;width:100%;max-width:50rem;max-height:100%;display:flex;box-shadow:0 4px 20px #000000a6}div.help-backdrop>div.help-dialog>header{align-items:center;gap:10px;padding:12px 14px 0;display:flex}div.help-backdrop>div.help-dialog>header>h3{flex:1;margin:0;font-size:1.1em;font-weight:600}div.help-backdrop>div.help-dialog>header>button.close{color:inherit;cursor:pointer;opacity:.7;background:0 0;border:none;padding:0 4px;font-size:1.6em;line-height:1}div.help-backdrop>div.help-dialog>header>button.close:hover{opacity:1}div.help-backdrop>div.help-dialog>nav.tabs{border-bottom:1px solid #ffffff1a;gap:2px;padding:8px 14px 0;display:flex}div.help-backdrop>div.help-dialog>nav.tabs>button{color:inherit;cursor:pointer;font:inherit;opacity:.6;background:0 0;border:none;border-bottom:2px solid #0000;border-radius:3px 3px 0 0;margin-bottom:-1px;padding:7px 14px;font-size:.85em}div.help-backdrop>div.help-dialog>nav.tabs>button:hover{opacity:.85}div.help-backdrop>div.help-dialog>nav.tabs>button.on{opacity:1;border-bottom-color:#4d9fff;font-weight:600}div.help-backdrop>div.help-dialog>div.body{padding:12px 14px 16px;font-size:.85em;line-height:1.55;overflow-y:auto}div.help-backdrop>div.help-dialog>div.body p,div.help-backdrop>div.help-dialog>div.body dl{margin:0 0 10px}div.help-backdrop>div.help-dialog>div.body dt{margin-top:8px;font-weight:600}div.help-backdrop>div.help-dialog>div.body dd{color:#ffffffd9;margin:2px 0 0;padding-left:12px}div.help-backdrop>div.help-dialog>div.body p.pick{background-color:#ffffff0f;border-radius:4px;margin-bottom:0;padding:8px 10px}div.card{-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);background:#00000080;border-radius:5px;padding:10px;box-shadow:0 0 5px #000}div.card>div.progress-overlay{border-radius:5px}div.progress-overlay{background:#000000bf;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}div.letters{flex-flow:wrap;grid-template-columns:repeat(auto-fill,40px);gap:5px;margin-top:10px;display:grid}div.letters>button{justify-content:center;align-items:center;display:flex}div.numerology{font-size:.8em}div.numerology>div.container{background-color:#0000004f;border-radius:3px;grid-template-columns:auto minmax(200px,1fr);margin-top:10px;padding:10px;display:grid}div.numerology>div.container label.with-help{align-items:center;display:flex}div.numerology>div.container div.choices{flex-wrap:wrap;justify-content:flex-end;gap:5px;display:flex}div.numerology>div.container{align-items:center;gap:10px}div.numerology>div.container>div.birth-number{text-align:right}div.numerology>div.numbers{flex-wrap:wrap;gap:5px;margin-top:10px;display:flex}div.numerology>div.numbers>button{justify-content:center;align-items:center;min-width:40px;display:flex}div.pagination-container{justify-content:center;margin-top:10px;display:flex}div.pagination-container>div.pagination{--border-color:#00000050;--border-radius:5px;--background-default:#0000004f;--background-default-hover:#0000006c;border:1px solid var(--border-color);border-radius:var(--border-radius);display:flex}div.pagination-container>div.pagination>div{cursor:default;-webkit-user-select:none;user-select:none;background-color:var(--background-default);justify-content:center;align-items:center;width:40px;height:35px;display:flex}div.pagination-container>div.pagination>div:not(.spacer){cursor:pointer}div.pagination-container>div.pagination>div:not(.spacer):hover{background-color:var(--background-default-hover)}div.pagination-container>div.pagination>div:not(.spacer):active{box-shadow:0 0 2px #000}div.pagination-container>div.pagination>div:not(.spacer).active{cursor:default;background-color:#006eff7c}div.pagination-container>div.pagination>div:not(.spacer).active:hover{background-color:#006eff7c}div.pagination-container>div.pagination>div:not(.spacer).active:active{box-shadow:none}div.pagination-container>div.pagination>div:not(.spacer).disabled{cursor:default;color:#8f8f8f}div.pagination-container>div.pagination>div:not(.spacer).disabled:hover{background-color:var(--background-default)}div.pagination-container>div.pagination>div:not(.spacer).disabled:active{box-shadow:none}div.pagination-container>div.pagination>div:not(:last-child){border-right:1px solid var(--border-color)}nav.top-nav-bar{--nav-bg-color:#0000003d;--nav-border-color:#00000017;--nav-height:50px;--nav-padding:5px;--nav-expander-width:210px;--nav-item-bg-color:#0000004f;--nav-item-height:calc(var(--nav-height) - (var(--nav-padding) * 2));background-color:var(--nav-bg-color);border-bottom:1px solid var(--nav-border-color);box-sizing:border-box;height:var(--nav-height);padding:var(--nav-padding);z-index:100;flex-direction:row;flex:none;align-items:center;display:flex;box-shadow:0 0 5px #00000080}nav.top-nav-bar>div.spacer{flex:1px}nav.top-nav-bar>div.nav-overlay{bottom:0;left:0;right:0;top:var(--nav-height);z-index:101;display:none;position:fixed}nav.top-nav-bar span.label{flex-direction:column;justify-content:center;gap:3px;line-height:1.15;display:flex}nav.top-nav-bar span.label>span{font-size:.88em}nav.top-nav-bar span.label>span.ta{opacity:.75;font-size:.9em}nav.top-nav-bar .nav-item{background-color:var(--nav-item-bg-color);color:#fff;font:inherit;height:var(--nav-item-height);-webkit-user-select:none;user-select:none;border:none;border-radius:4px;align-items:center;padding:0 15px;font-size:.85em;font-weight:500;text-decoration:none;display:flex}nav.top-nav-bar .nav-item:hover{box-shadow:0 0 5px #65656580}nav.top-nav-bar svg.icon{flex:none;width:17px;height:17px}nav.top-nav-bar>a.brand{padding:0 8px}nav.top-nav-bar>a.brand>img{height:28px}nav.top-nav-bar>a.brand>span.label{white-space:nowrap;margin-left:8px}nav.top-nav-bar>ul{justify-content:flex-end;align-items:center;margin:0;padding:0;list-style:none;display:flex}nav.top-nav-bar>ul>li:not(:first-child){margin-left:5px}nav.top-nav-bar>ul a.nav-item{gap:10px;padding:0 14px}nav.top-nav-bar>ul a.nav-item.active{color:#545454;background-color:#fff}nav.top-nav-bar>ul a.nav-item.active span.ta{opacity:.6}nav.top-nav-bar>button.expand{cursor:pointer;justify-content:center;padding:0 14px;display:none}nav.top-nav-bar>button.expand>span.bars{background:currentColor;border-radius:1px;width:18px;height:2px;position:relative}nav.top-nav-bar>button.expand>span.bars:before,nav.top-nav-bar>button.expand>span.bars:after{content:"";background:currentColor;border-radius:1px;width:18px;height:2px;position:absolute;left:0}nav.top-nav-bar>button.expand>span.bars:before{top:-6px}nav.top-nav-bar>button.expand>span.bars:after{top:6px}@media screen and (width<=700px){nav.top-nav-bar>button.expand{display:flex}nav.top-nav-bar>ul{border-left:1px solid var(--nav-border-color);box-sizing:border-box;bottom:0;right:0;top:var(--nav-height);z-index:102;background-color:#000c;flex-direction:column;justify-content:flex-start;align-items:stretch;width:0;padding:0;transition:width .3s,border-width .3s;position:absolute;overflow:hidden;box-shadow:0 0 5px #65656580}nav.top-nav-bar>ul>li:not(:first-child){margin:5px 0 0}nav.top-nav-bar>ul a.nav-item{white-space:nowrap}nav.top-nav-bar.expanded>div.nav-overlay{display:block}nav.top-nav-bar.expanded>ul{width:var(--nav-expander-width);padding:5px}}div.card.calculator{min-width:30vw;font-size:.8em}div.card.calculator h2{margin:0 0 6px;font-size:1.5em}div.card.calculator p.lead{opacity:.75;max-width:46ch;margin:0 0 14px}div.card.calculator>div.container{background-color:#0000004f;border-radius:3px;grid-template-columns:max-content 1fr;align-items:center;gap:10px;padding:10px;display:grid}div.card.calculator>div.container div.entry{align-items:center;gap:6px;display:flex}div.card.calculator>div.container div.entry>input{box-sizing:border-box;flex:1;min-width:0}div.card.calculator>div.container div.entry>button{white-space:nowrap;cursor:pointer;color:inherit;font:inherit;opacity:.75;background:0 0;border:1px solid;border-radius:3px;padding:3px 6px;font-size:.85em}div.card.calculator>div.container div.entry>button:hover:not(:disabled){opacity:1}div.card.calculator>div.container div.entry>button:disabled{opacity:.3;cursor:default}div.card.calculator div.results{grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:10px;margin-top:10px;display:grid}div.card.calculator div.results>div.result{text-align:center;background-color:#0000004f;border-radius:3px;padding:10px}div.card.calculator div.results>div.result.empty{opacity:.5}div.card.calculator div.results>div.result>div.name{flex-direction:column;display:flex}div.card.calculator div.results>div.result>div.name>span.en{opacity:.6}div.card.calculator div.results>div.result>div.number{font-size:2.6em;font-weight:600;line-height:1.2}div.card.calculator div.results>div.result>div.total{opacity:.6}div.card.calculator p.caveat{opacity:.7;max-width:52ch;margin:12px 0 0}div.card.calculator details.thanglish{background-color:#0000004f;border-radius:3px;margin-top:12px;padding:8px 10px}div.card.calculator details.thanglish>summary{cursor:pointer;opacity:.85}div.card.calculator details.thanglish>p{opacity:.7;margin:8px 0}div.card.calculator details.thanglish>ul{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:4px 12px;margin:0;padding:0;list-style:none;display:grid}div.card.calculator details.thanglish>ul>li{align-items:baseline;gap:8px;display:flex}div.card.calculator details.thanglish>ul>li>code{text-align:center;background-color:#00000059;border-radius:3px;min-width:3.2em;padding:1px 5px}div.card.calculator details.thanglish>ul>li>span{opacity:.7}div.card.filters{min-width:30vw}div.card.filters h1,div.card.filters h2{margin:.7em 0 .2em;font-weight:500}div.card.filters h1:first-child,div.card.filters h2:first-child{margin-top:0}div.card.filters h1{font-size:1.5em}div.card.filters h2{font-size:1.3em}div.card.filters button.generate{justify-content:center;align-items:center;width:100%;margin-top:10px;padding:25px;font-size:1.2em;display:flex}div.card.filters div.recaptcha{width:100%;margin-top:15px}div.card.filters div.splitter{background-color:#0000004f;height:2px;margin-top:15px}div.names-container{flex-direction:column;flex:1;margin:25px;display:flex}div.names-container>div.card:first-child{justify-content:space-between;align-items:center;margin-bottom:15px;display:flex}div.names-container>div.card:first-child>div{align-items:center;display:flex}div.names-container>div.card:first-child>div>div{margin-right:10px;font-size:.8em}div.names-container>div.card.names{flex-direction:column;flex:1px;width:90vw;display:flex}div.names-container>div.card.names>div.table-container{flex:1px;overflow:auto}div.names-container>div.card.names>div.table-container>table{grid-template-columns:1fr auto 100px 100px 100px;display:grid}div.names-container>div.card.names>div.table-container>table.twin-names{grid-template-columns:1fr auto 1fr auto 100px 100px}div.names-container>div.card.names>div.table-container>table>thead,div.names-container>div.card.names>div.table-container>table>tbody,div.names-container>div.card.names>div.table-container>table>thead>tr,div.names-container>div.card.names>div.table-container>table>tbody>tr{display:contents}div.names-container>div.card.names>div.table-container>table>thead>tr>th{text-align:left;background-color:#101820;position:sticky;top:0}div.names-container>div.card.names>div.table-container>table>thead>tr>th,div.names-container>div.card.names>div.table-container>table>tbody>tr>td{white-space:nowrap;padding:5px 10px;display:block}div.names-container>div.card.names>div.table-container>table>tbody>tr>td.meaning{white-space:normal;overflow-wrap:break-word}
