.compact-demo[data-v-440efca4]{width:100%;max-width:360px}.compact-input[data-v-440efca4]{width:100%}.compact-picker-panel[data-v-440efca4]{width:min(320px,100vw - 32px);padding:8px}.compact-filter[data-v-440efca4]{padding:0 4px 4px}.compact-picker[data-v-440efca4]{width:100%;height:260px}.compact-picker[data-v-440efca4] .q-icon-picker__container{place-content:flex-start;padding:8px}.footer-slot[data-v-aba7d805]{border-top:1px solid #0000001f}body.body--dark{border-top-color:#ffffff2e}.keyboard-demo[data-v-4c62e812]{width:min(620px,100%)}.keyboard-demo__surface[data-v-4c62e812]{outline:0}.keyboard-demo__surface[data-v-4c62e812]:focus{box-shadow:0 0 0 2px var(--brand-primary,currentColor);border-radius:4px}.wrapper{background:linear-gradient(#3d4246,#24282b);border-top:1px solid #53575c;border-left:1px solid #53575c;border-radius:4px;padding:8px 8px 12px;box-shadow:1px 1px #17191c,0 0 10px #323338}.container{background:#0f1014;border:1px solid #0f1014;border-radius:3px}.icon-item{float:left;color:#d9d9d9;text-align:center;text-shadow:0 1px #0f1014;cursor:pointer;background:linear-gradient(#44494f,#2f3237);border:1px solid #0f1014;border-color:#53575c #0f1014 #0f1014 #53575c;border-radius:3px;height:36px;max-height:36px;display:table;box-shadow:1px 1px #17191c}.pop-up[data-v-e6317eef]{width:min(300px,100vw - 32px);height:300px}.wheel-demo[data-v-d7989c62]{width:min(620px,100%)}.wheel-demo__surface[data-v-d7989c62]{outline:0}.wheel-demo__surface[data-v-d7989c62]:focus-visible{box-shadow:0 0 0 2px var(--brand-primary,currentColor);border-radius:4px}