:root{--panel-title: rgba(255, 255, 255, .65);--random-btn-color: rgba(255, 255, 255, .7);--toogle-light: #595959;--bg-color: #202020;--default-indicator-color: #ffffff;--default-weight-color: #ff0000;--color-1: var(--default-indicator-color);--color-2: var(--default-indicator-color);--color-3: var(--default-indicator-color);--color-4: var(--default-indicator-color);--color-5: var(--default-indicator-color);--color-6: var(--default-indicator-color)}*{box-sizing:border-box}html,body{height:100svh;width:100vw;padding:0;margin:0;overflow:hidden;background:var(--bg-color);font-family:Inter,sans-serif}html canvas,body canvas{height:100%;width:100%}html .settings__panel,body .settings__panel{position:absolute;top:20px;right:20px;z-index:1;width:250px;height:500px;border-radius:.5rem;background:#202020;-webkit-box-shadow:0 0 10px 3px rgba(255,255,255,.15);-moz-box-shadow:0 0 10px 3px rgba(255,255,255,.15);box-shadow:0 0 10px 3px #ffffff26;display:flex;flex-direction:column;transition:.75s}html .settings__panel *,body .settings__panel *{transition:.75s;opacity:1}html .settings__panel .settings__panel__header,body .settings__panel .settings__panel__header{display:flex;justify-content:space-between;align-items:center;font-size:1.2rem;color:var(--panel-title);padding:3px 10px}html .settings__panel .settings__panel__header .settings__panel__header__btn,body .settings__panel .settings__panel__header .settings__panel__header__btn{display:flex;justify-content:space-between;align-items:center;gap:10px;.}html .settings__panel .settings__panel__header .settings__panel__header__btn button,body .settings__panel .settings__panel__header .settings__panel__header__btn button{background:transparent;border:none;cursor:pointer;opacity:.6}html .settings__panel .settings__panel__header .settings__panel__header__btn button:hover,body .settings__panel .settings__panel__header .settings__panel__header__btn button:hover{opacity:1}html .settings__panel .settings__panel__header .settings__panel__header__btn .reload img,body .settings__panel .settings__panel__header .settings__panel__header__btn .reload img{width:15px;height:15px}html .settings__panel .settings__panel__header .settings__panel__header__btn .chevron img,body .settings__panel .settings__panel__header .settings__panel__header__btn .chevron img{width:13px;height:13px;transform:rotate(-90deg)}html .settings__panel .settings__panel__weight,body .settings__panel .settings__panel__weight{height:100%;width:100%;padding:0 10px 0 0;display:flex;justify-content:center}html .settings__panel .settings__panel__weight table,body .settings__panel .settings__panel__weight table{border-collapse:collapse;table-layout:fixed;width:100%;margin:0 auto}html .settings__panel .settings__panel__weight table td,html .settings__panel .settings__panel__weight table th,body .settings__panel .settings__panel__weight table td,body .settings__panel .settings__panel__weight table th{width:15px;height:15px;box-sizing:border-box;padding:0;margin:0;max-width:15px;min-width:15px;max-height:15px;min-height:15px}html .settings__panel .settings__panel__weight table td .container__indicator,html .settings__panel .settings__panel__weight table th .container__indicator,body .settings__panel .settings__panel__weight table td .container__indicator,body .settings__panel .settings__panel__weight table th .container__indicator{width:100%;height:100%;display:flex;justify-content:center;align-items:center}html .settings__panel .settings__panel__weight table td .container__indicator .indicator,html .settings__panel .settings__panel__weight table th .container__indicator .indicator,body .settings__panel .settings__panel__weight table td .container__indicator .indicator,body .settings__panel .settings__panel__weight table th .container__indicator .indicator{border-radius:5px}html .settings__panel .settings__panel__weight table td .container__indicator .vertical__indicator,html .settings__panel .settings__panel__weight table th .container__indicator .vertical__indicator,body .settings__panel .settings__panel__weight table td .container__indicator .vertical__indicator,body .settings__panel .settings__panel__weight table th .container__indicator .vertical__indicator{height:10px;width:5px}html .settings__panel .settings__panel__weight table td .container__indicator .horizontal__indicator,html .settings__panel .settings__panel__weight table th .container__indicator .horizontal__indicator,body .settings__panel .settings__panel__weight table td .container__indicator .horizontal__indicator,body .settings__panel .settings__panel__weight table th .container__indicator .horizontal__indicator{height:5px;width:10px}html .settings__panel .settings__panel__weight table td:hover,body .settings__panel .settings__panel__weight table td:hover{opacity:.7;cursor:pointer;border:1px solid var(--default-indicator-color)}html .settings__panel .settings__panel__random,body .settings__panel .settings__panel__random{display:flex;justify-content:space-between;align-items:center;padding:10px}html .settings__panel .settings__panel__random button,body .settings__panel .settings__panel__random button{font-size:1rem;width:100%;color:var(--random-btn-color);padding:5px;background:transparent;border:1px solid var(--random-btn-color);border-radius:.25rem;font-weight:700;transition:.2s}html .settings__panel .settings__panel__random button:hover,body .settings__panel .settings__panel__random button:hover{background:var(--random-btn-color);color:var(--bg-color);cursor:pointer;-webkit-box-shadow:0 0 10px 0 rgb(255,255,255,.25);-moz-box-shadow:0 0 10px 0 rgb(255,255,255,.25);box-shadow:0 0 10px #ffffff40}html .settings__panel .separator,body .settings__panel .separator{color:#fff;height:1px;width:90%;align-self:center;background:#fff9;display:block;margin-bottom:10px}html .settings__panel .settings__panel__input,body .settings__panel .settings__panel__input{display:flex;justify-content:space-between;padding:5px 10px;color:var(--panel-title)}html .hide,body .hide{height:65px}html .hide .settings__panel__weight,html .hide .settings__panel__random,html .hide .separator,html .hide .settings__panel__input,body .hide .settings__panel__weight,body .hide .settings__panel__random,body .hide .separator,body .hide .settings__panel__input{opacity:0}html .hide .chevron img,body .hide .chevron img{transform:rotate(90deg)!important}.color-1{background-color:var(--color-1)}.color-2{background-color:var(--color-2)}.color-3{background-color:var(--color-3)}.color-4{background-color:var(--color-4)}.color-5{background-color:var(--color-5)}.color-6{background-color:var(--color-6)}[class*=weight-]{background-color:var(--default-weight-color)}