:host,[data-theme=dittli]{--color-primary: hsl(43, 98%, 50%);--color-background: hsl(43, 98%, 82%);--color-surface: hsl(44, 24%, 28%);--color-text: #ffffff}[data-theme=antephant]{--color-primary: #4a90d9;--color-background: #e8f0fe;--color-surface: #d0e0fc;--color-text: #1a1a1a}html{touch-action:none;font-family:Arial,Helvetica,sans-serif;--border-radius: .5rem}body{overscroll-behavior:none;margin:0;background-color:var(--color-background);color:var(--color-text)}.dittli-field{display:block;margin-bottom:1rem}.dittli-field input{display:block;width:100%;margin-top:.25rem;padding:.5rem;border:1px solid var(--color-text);border-radius:.5rem;font-size:inherit;box-sizing:border-box}.dittli-actions{display:flex;justify-content:flex-end}.dittli-button{padding:.5rem 1.5rem;border:none;border-radius:.5rem;background-color:var(--color-primary);color:var(--color-text);cursor:pointer;font-size:inherit}.page-back,.page-title,.page-avatar{position:fixed;top:1rem;height:3rem;display:flex;align-items:center;z-index:10}.page-back{left:1rem}.page-avatar{right:1rem}.page-title{left:50%;transform:translate(-50%);max-width:calc(100% - 8rem);pointer-events:none;border-radius:50%}.page-title>*{pointer-events:auto}