html{width:100vw;height:100vh}html,body{margin:0}body{background-color:var(--tg-theme-bg-color);color:var(--tg-theme-text-color)}.container{flex-direction:column;justify-content:end;max-width:768px;height:100vh;margin:auto;display:flex}.container .selector-mode{background-color:var(--tg-theme-secondary-bg-color);flex-direction:row;margin:0;padding:0;list-style:none;display:flex}.container .selector-mode li{cursor:pointer;border-bottom:3px solid #0000;flex:1;justify-content:center;align-items:center;gap:.5rem;padding:.75rem .5rem .5rem;display:flex}.container .selector-mode li.active{border-bottom:3px solid var(--tg-theme-button-color)}.container .selector-mode li.active .title{color:var(--tg-theme-accent-text-color)}.container .selector-mode li .title{color:var(--tg-theme-hint-color)}.container .selector-mode li .count{background-color:var(--tg-theme-button-color);color:var(--tg-theme-button-text-color);padding:.1rem .5rem}.container .selection-list-container{flex:1;min-height:8rem;overflow-y:auto}.container .selection-list-container .selection-list{flex-flow:wrap;justify-content:space-around;gap:.5rem;margin:0;padding:.5rem;list-style:none;display:flex}.container .selection-list-container .selection-list li{padding:.25rem}.container .pie-selector path{stroke:var(--tg-theme-text-color);stroke-width:2px}.container .pie-selector text{fill:var(--tg-theme-text-color)}