/* «PNG / JPG» - a .webp or a .heic downloaded as a PNG or a JPG (brief EN, 2026-10-21; view/js/vk_dlas.js)

   The key is a round key of the detail's column like the others (.button_actions a.downloadbnts); its face is two short lines of the app's mono, PNG over JPG. The menu it opens is a small
   card of the theme's own colours (the tokens of view/css/vk_theme.css, light and dark), «DESCARGAR COMO» over three entries. */
.button_actions a.vkDlAsOpen .vkDlAs-t{
    display: block; text-align: center; font-size: 9px; line-height: 1.1; letter-spacing: .02em; text-transform: uppercase;
    font-family: var(--vk-departure, "Departure Mono", ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace) !important; font-synthesis: none;      /* the app's mono, as every key and label (view/css/vk_mono.css) */
}
.button_actions a.vkDlAsOpen[aria-expanded="true"]{ box-shadow: 0 0 0 2px var(--vk-brand-fg, #0f52ff); }

.vkDlAs{
    position: fixed; z-index: 10000060; box-sizing: border-box; width: 204px; padding: 10px; border-radius: 12px;
    background: var(--vk-surface, #fff); color: var(--vk-text, #16161a); border: 1px solid var(--vk-line-e4e3ec, #e4e3ec);
    box-shadow: 0 12px 30px rgba(22, 22, 26, .24); font: 13px/1.3 "Montserrat", system-ui, sans-serif; text-align: left;
}
.vkDlAs[hidden]{ display: none; }
.watch_item_modal > .vkDlAs{ position: fixed; min-height: 0; }
.vkDlAs .vkDlAs-head{
    margin: 2px 4px 8px; font-size: 11px !important; line-height: 1.2; letter-spacing: .04em; text-transform: uppercase; color: var(--vk-soft-85848f, #85848f);
    font-family: var(--vk-departure, "Departure Mono", ui-monospace, Menlo, Consolas, monospace) !important; font-weight: 400; font-synthesis: none;
}
.vkDlAs .vkDlAs-item{
    display: block; padding: 8px 10px; margin: 0 0 4px; border-radius: 8px; background: rgba(128, 128, 128, .10); color: inherit; text-decoration: none; cursor: pointer;
}
.vkDlAs .vkDlAs-item:last-child{ margin-bottom: 0; }
.vkDlAs .vkDlAs-item:hover,
.vkDlAs .vkDlAs-item:focus-visible{
    outline: 0; background: rgba(var(--vk-brand-rgb, 15, 82, 255), .14); color: var(--vk-brand-fg, #0f52ff); text-decoration: none;
}
