.pr-pocket-glass{width:min(444px,calc(100% - 28px));border-radius:22px;border-color:color-mix(in srgb,var(--ex-line) 85%,transparent);background:color-mix(in srgb,var(--ex-surface) 92%,transparent);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:inset 0 1px 0 color-mix(in srgb,var(--ex-surface) 75%,transparent),0 24px 80px var(--ex-shadow)}
.pr-pocket-glass::backdrop{background:#10131f60;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.pr-pocket-glass .pr-close{background:color-mix(in srgb,var(--ex-bg) 76%,transparent);border:1px solid color-mix(in srgb,var(--ex-line) 70%,transparent);border-radius:13px}
.pr-pocket-glass .pr-body{display:grid;gap:14px}
.pr-pocket-glass .pr-demo{min-height:150px;padding:3px 18px 19px!important;border-radius:15px;border-color:color-mix(in srgb,var(--ex-line) 75%,transparent)!important;background:color-mix(in srgb,var(--ex-bg) 72%,transparent)}
.pr-pocket-glass .pr-shape{height:126px;filter:drop-shadow(0 6px 7px var(--ex-shadow))}
.pr-pocket-glass .pr-commands{border-radius:12px;border-color:color-mix(in srgb,var(--ex-line) 85%,transparent);background:color-mix(in srgb,var(--ex-surface) 52%,transparent)}
.pr-pocket-glass .pr-command{min-height:54px;gap:12px}
.pr-pocket-glass .pr-command[aria-pressed=true]{background:color-mix(in srgb,var(--ex-violet) 12%,transparent)}
.pr-pocket-glass .pr-command-icon{border-radius:8px;background:color-mix(in srgb,var(--ex-bg) 76%,transparent);border-color:color-mix(in srgb,var(--ex-line) 80%,transparent)}
.pr-pocket-glass .pr-command[aria-pressed=true] .pr-command-icon{background:var(--ex-violet);border-color:color-mix(in srgb,var(--ex-violet) 75%,var(--ex-line))}
.pr-pocket-glass .pr-footer{background:transparent;padding-top:18px}
.pr-pocket-glass .pr-start{border-radius:11px;box-shadow:0 3px 0 color-mix(in srgb,var(--ex-ink) 65%,var(--ex-surface))}
.pr-miniature.pr-pocket-glass{height:248px;max-width:244px;padding:13px 15px;border-radius:14px}
.pr-pocket-glass .pr-mini-body{grid-template-columns:1fr;gap:8px}
.pr-pocket-glass .pr-mini-art{height:76px;border-radius:9px;background:color-mix(in srgb,var(--ex-bg) 72%,transparent);border-color:color-mix(in srgb,var(--ex-line) 75%,transparent)}
.pr-pocket-glass .pr-mini-art .pr-shape{height:75px;width:100%}
.pr-pocket-glass .pr-mini-commands{border-radius:7px;background:color-mix(in srgb,var(--ex-surface) 52%,transparent)}
.pr-pocket-glass .pr-mini-commands>div{padding:5px 8px}
.pr-pocket-glass .pr-mini-commands b{font-size:6px}
.pr-pocket-glass .pr-mini-commands small{font-size:4.5px}
.pr-pocket-glass .pr-mini-footer{margin-top:1px;box-shadow:0 2px 0 color-mix(in srgb,var(--ex-ink) 65%,var(--ex-surface))}
@media(max-width:600px){.pr-dialog.pr-pocket-glass{width:calc(100% - 16px);border-radius:26px 26px 18px 18px}.pr-pocket-glass .pr-demo{min-height:127px;padding:0 15px 18px!important;border-radius:14px}.pr-pocket-glass .pr-shape{height:109px}.pr-pocket-glass .pr-command{min-height:49px;gap:10px}.pr-pocket-glass .pr-footer{padding-top:14px}}
@media(min-width:601px) and (max-height:480px){.pr-pocket-glass .pr-demo{min-height:126px}.pr-pocket-glass .pr-shape{height:104px}.pr-pocket-glass .pr-command{min-height:48px}.pr-pocket-glass .pr-footer{padding-top:12px}}
@media(max-width:600px) and (max-height:620px){.pr-pocket-glass .pr-demo{min-height:100px;padding-bottom:17px!important}.pr-pocket-glass .pr-shape{height:82px}.pr-pocket-glass .pr-command{min-height:46px}.pr-pocket-glass .pr-footer{padding-top:11px}}