html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}html{color-scheme:light}:root{--shadow-color: 220 3% 15%;--shadow-strength: 1%;--surface-1: #f8f9fa;--surface-2: #f1f3f5;--surface-3: #e9ecef;--text-2: #495057;color-scheme:light}*,*:after,*:before{box-sizing:border-box}body{display:grid;place-items:center;min-height:100vh;font-family:Google Sans,sans-serif,system-ui;background:#bac8ff}#gesture-select{--transition: .22s;anchor-name:--menu;position:relative}#gesture-select:has(:popover-open) [behavior=button]{box-shadow:0}[behavior=button]{-webkit-appearance:none;-moz-appearance:none;appearance:none;font:inherit;color:inherit;cursor:pointer;padding:.5rem;width:160px;display:flex;justify-content:space-between;align-items:center;border-radius:5px;border:0;box-shadow:0 3px 5px -2px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 3%)),0 7px 14px -5px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 5%));background:var(--surface-1);border:1px solid #868e96;outline-color:#868e96}#gesture-select [popover]{border-radius:5px;position:fixed;margin:0;top:anchor(--menu bottom);left:anchor(--menu left);width:anchor-size(--menu width);translate:0 0;clip-path:inset(0 -100% -100vh -100%);border:0;padding:0;overflow:visible;padding:0 .25rem;background:transparent;transition:display var(--transition) allow-discrete,overlay var(--transition) allow-discrete}#gesture-select [behavior=selected-value]{display:flex;align-items:center;gap:.5rem}.option-box{width:100%;background:var(--surface-1);box-shadow:0 -1px 2px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 2%)),0 2px 1px -2px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 3%)),0 5px 5px -2px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 3%)),0 10px 10px -2px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 4%)),0 20px 20px -2px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 5%)),0 40px 40px -2px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 7%));transform:translateY(calc((var(--open, 0) - 1) * 100%));transition:transform var(--transition);transform-origin:50% 0}@property --open{syntax: "<number>"; inherits: true; initial-value: 0;}#gesture-select [popover]:popover-open .option-box{--open: 1}@starting-style{#gesture-select [popover]:popover-open .option-box{--open: 0}}#gesture-select [popover]:popover-open{--open: 1}@starting-style{#gesture-select [popover]:popover-open{--open: 0}}[behavior=selected-value]{display:flex;align-items:center;gap:.5rem}.gesture{font-size:24px;width:24px;line-height:.8}[role=option]{-webkit-appearance:none;-moz-appearance:none;appearance:none;font:inherit;color:inherit;cursor:pointer;border:0;background:transparent;width:100%;text-align:left;display:flex;align-items:center;gap:.5rem;padding:.5rem;outline-width:0}[role=option]:is(:hover,.active){background-color:var(--surface-2)}[role=option][aria-selected=true]:not(:hover){background:var(--surface-3)}#gesture-select:has(:popover-open) .marker{rotate:180deg}.marker{width:12px;fill:var(--text-2);transform-origin:50% 45%;transition:rotate var(--transition)}