.hue-dots{display:flex}.hue-dots__dot{background:0 0;border:none;justify-content:center;align-items:center;width:24px;height:24px;padding:0;display:flex}.hue-dots__dot i{border-radius:50%;width:16px;height:16px;transition:box-shadow .12s cubic-bezier(.25,.46,.45,.94);display:block;box-shadow:inset 0 0 0 1px #00000030}.hue-dots__dot--on i{box-shadow:0 0 0 2px var(--theme-surface), 0 0 0 4px var(--dot-ring)}.media-lightbox{flex-direction:column;flex:1;min-height:0;display:flex}.face-picker{display:inline-flex;position:relative}.face-picker__trigger{background:0 0;border:none;border-radius:25%;padding:0;display:inline-flex}.face-picker__trigger:focus-visible{outline:2px solid var(--theme-ring);outline-offset:2px}.face-picker__face{--face-mark:24px;border-radius:8.5px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;display:inline-flex;overflow:hidden}.face-picker__face svg,.face-picker__face .image-placeholder{width:var(--face-mark);height:var(--face-mark)}.face-picker__face{color:var(--theme-on-brand);transition:box-shadow .12s cubic-bezier(.25,.46,.45,.94),border-color .12s cubic-bezier(.25,.46,.45,.94),background .12s cubic-bezier(.25,.46,.45,.94);position:relative;box-shadow:inset 0 1px #ffffff40,0 1px 2px #09090b33}.face-picker__face--photo{background:var(--theme-surface-strong);box-shadow:0 0 0 1px var(--theme-border)}.face-picker__face--empty{border:1px dashed var(--theme-border-dashed);color:var(--theme-text-faint);box-shadow:none;background:0 0}.face-picker__trigger:hover .face-picker__face{box-shadow:inset 0 1px 0 #ffffff40, 0 0 0 2px var(--theme-ring)}.face-picker__trigger:hover .face-picker__face--photo{box-shadow:0 0 0 2px var(--theme-ring)}.face-picker__trigger:hover .face-picker__face--empty{border-color:var(--theme-border-hover);background:var(--theme-background);box-shadow:none}.face-picker--lg .face-picker__face{--face-mark:26px;border-radius:10px;width:40px;height:40px}.face-picker--sm .face-picker__face{--face-mark:16px;border-radius:6px;width:24px;height:24px}.face-picker--round .face-picker__trigger,.face-picker--round .face-picker__face,.face-picker--round .face-picker__picture{border-radius:50%}.face-picker__busy{background:color-mix(in srgb, var(--theme-surface) 55%, transparent);color:var(--theme-text);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.face-picker__seat{width:34px;height:34px;display:block}.face-picker__image{object-fit:cover;width:100%;height:100%;display:block}.face-picker__panel{z-index:100;--theme-surface:var(--theme-surface-raised);background:var(--theme-surface-raised);border:1px solid var(--theme-border-soft);box-shadow:var(--theme-shadow-menu);--scale-from:.98;--scale-shift:0;transform-origin:0 0;border-radius:12px;width:324px;animation:.14s cubic-bezier(.25,.46,.45,.94) backwards scale-fade-in;position:absolute;top:calc(100% + 6px);left:0}.face-picker__tabs{gap:16px;height:36px;padding:0 12px;display:flex}.face-picker__tab{color:var(--theme-text-muted);background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;padding:6px 0 4px;font-size:12px;font-weight:500;line-height:16px;transition:color .12s cubic-bezier(.25,.46,.45,.94),border-color .12s cubic-bezier(.25,.46,.45,.94);display:flex}.face-picker__tab:hover:not(:disabled){color:var(--theme-text)}.face-picker__tab--on{color:var(--theme-text);border-color:var(--theme-text)}.face-picker__tab:disabled{opacity:.55;cursor:default}.face-picker__row{align-items:center;gap:8px;height:28px;margin:8px 0;padding:0 8px 0 12px;display:flex}.face-picker__row-label{color:var(--theme-text-muted);font-size:12px;line-height:16px}.face-picker__grid{flex-wrap:wrap;gap:2px;max-height:264px;padding:0 12px 12px;display:flex;overflow-y:auto}.face-picker__cell{width:28px;height:28px;color:var(--face-color);background:0 0;border:none;border-radius:7px;justify-content:center;align-items:center;padding:0;transition:background .12s cubic-bezier(.25,.46,.45,.94);display:inline-flex}.face-picker__cell:hover{background:var(--face-hover)}.face-picker__cell--on{background:var(--face-selected);box-shadow:inset 0 0 0 1px var(--face-color)}.face-picker__cell--letter{font-size:14px;font-weight:600;line-height:1}.face-picker__letter{-webkit-user-select:none;user-select:none;font-size:14px;font-weight:600;line-height:1}.face-picker--lg .face-picker__letter{font-size:15px}.face-picker--sm .face-picker__letter{font-size:12px}.face-picker__photo--bare{padding-top:12px}.face-picker__well{background:var(--theme-surface-strong);border-radius:10px;justify-content:center;align-items:center;height:188px;margin:0 12px;display:flex;position:relative;overflow:hidden}.face-picker__picture{background:var(--theme-surface);border:none;border-radius:8px;width:188px;height:188px;padding:0;display:block;overflow:hidden}.face-picker__picture--opens{cursor:pointer}.face-picker__picture--opens:focus-visible{outline:2px solid var(--theme-ring);outline-offset:2px}.face-picker__veil{background:color-mix(in srgb, var(--theme-surface) 45%, transparent);position:absolute;inset:0}.face-picker__progress{align-items:center;gap:8px;display:flex;position:absolute;bottom:12px;left:12px;right:12px}.face-picker__bar{background:var(--theme-surface);border-radius:999px;flex:1;height:4px;overflow:hidden}.face-picker__bar span{background:var(--theme-brand);border-radius:999px;height:100%;transition:width .16s cubic-bezier(.25,.46,.45,.94);display:block}.face-picker__pct{color:var(--theme-text-muted);font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1;font-size:11.5px;font-weight:600}.face-picker__actions{align-items:center;gap:8px;padding:10px 12px 0;display:flex}.face-picker__foot{padding:0 12px 12px}.face-picker__reset{color:var(--theme-text-muted);background:0 0;border:none;padding:0 4px;font-size:12px;font-weight:500;line-height:16px;transition:color .12s cubic-bezier(.25,.46,.45,.94)}.face-picker__reset:hover{color:var(--theme-text)}.face-picker__remove{color:var(--theme-text-muted);background:0 0;border:none;padding:0 4px;font-size:12px;font-weight:500;line-height:16px;transition:color .12s cubic-bezier(.25,.46,.45,.94)}.face-picker__remove:hover:not(:disabled){color:var(--theme-destructive-text)}.face-picker__remove:disabled{opacity:.55;cursor:default}.face-picker__drop{width:auto;margin:0 12px}.face-picker__error{padding:8px 12px 0}.face-picker__hint{color:var(--theme-text-muted);text-wrap:pretty;margin:0;padding:8px 12px 12px;font-size:11.5px;line-height:15px}.face-picker__input{display:none}