/* Component */
a.dropdown_item_with_icon { display: flex; align-items: center; white-space: nowrap; color: var(--apr-color-black); text-decoration: none; }

a.dropdown_item_with_icon .list_icon { fill: var(--apr-color-dark-gray); margin-right: 4px; }

.comment_dialog { position: relative; display: flex; align-items: flex-start; padding: 8px; background: var(--apr-color-white); border-radius: 4px; width: 300px; box-shadow: var(--apr-shadow-large); }

.comment_dialog::before { content: ''; position: absolute; border: 6px solid transparent; border-bottom-color: var(--apr-color-white); height: 0; width: 0; top: -12px; }

.comment_dialog .comment_dialog_body { padding: 8px; }

.comment_dialog .comment_dialog_close { padding: 8px; background-color: transparent; border: none; cursor: pointer; }

.comment_dialog > section { margin-top: 16px; }

.comment_dialog > section p { font-size: var(--apr-font-size-sm); }

.comment_dialog > section:first-of-type { margin-top: 0; }

.comment_dialog .comment_dialog_heading { font-size: var(--apr-font-size-md); font-weight: 600; color: var(--apr-color-black); margin-bottom: 16px; }

/* Layout of button at top */
.tools_menu_top { display: none; }

#recipe { position: relative; }

.action_buttons_top { position: absolute; top: 12px; right: 0; }

.action_buttons_top .myfolder_recipe_link { display: flex; align-items: center; height: 32px; padding: 8px 12px; box-sizing: border-box; background-color: var(--apr-color-ivory); border: 1px solid var(--apr-color-extra-light-gray); border-radius: 4px; font-size: var(--apr-font-size-sm); line-height: var(--apr-font-size-sm); color: var(--apr-color-black); text-decoration: none; transition: background-color 0.2s; outline: none; }

.action_buttons_top .myfolder_recipe_link:hover { background-color: var(--apr-color-smoke); transition: background-color 0.2s; }

.action_buttons_top .myfolder_icon { margin-right: 4px; }

.action_buttons_top .text, .action_buttons_top .updated_text { display: block; margin-top: 2px; }

.action_buttons_top .myfolder_tooltip { display: none; }

.save_button_and_show_tools_menu_button { display: flex; }

.show_tools_menu_button { display: flex; width: 32px; height: 32px; padding: 0; margin-left: 4px; background-color: var(--apr-color-white); }

.show_tools_menu_button .arrow_icon { fill: var(--color-dark-gray); }

.myfolder_on_dropdown + .tools_menu_top .apr-dropdown { position: absolute; right: 0; top: 50px; z-index: 1; }

.notification_recipe_top { position: absolute; right: 0; top: 53px; }

.notification_recipe_top .comment_dialog::before { right: 64px; }

/* Layout of button at bottom */
.tools_bottom { border-bottom: 1px solid var(--apr-color-extra-light-gray); background-color: var(--apr-color-white); padding: 16px 0 26px; margin-bottom: 26px; }

.tools_bottom .myfolder_recipe_link_wrapper { display: block; }

.tools_bottom .myfolder_recipe_link_wrapper .myfolder_tooltip { display: none; }

.tools_bottom .myfolder_recipe_link_wrapper:hover { text-decoration: underline; }

.tools_bottom .myfolder_recipe_link { display: flex; align-items: center; text-decoration: none; color: var(--apr-color-black); }

.tools_bottom .myfolder_recipe_link .text, .tools_bottom .myfolder_recipe_link .updated_text { display: block; }

.tools_bottom .myfolder_recipe_link .folder_in_icon, .tools_bottom .myfolder_recipe_link .folder_out_icon { fill: var(--apr-color-dark-gray); }

.tools_bottom .myfolder_recipe_link .myfolder_icon { margin-right: 4px; margin-bottom: 4px; }

.tools_bottom .myfolder_recipe_link:hover { text-decoration: underline; }

.tools_list_bottom { display: flex; align-items: center; justify-content: center; height: 16px; font-size: var(--apr-font-size-md); }

.tools_list_bottom > li { display: flex; align-items: center; height: 16px; padding: 0 12px; border-right: 1px solid var(--apr-color-extra-light-gray); }

.tools_list_bottom > li:first-of-type { padding-left: 0; }

.tools_list_bottom > li:last-of-type { padding-right: 0; border-right: none; }

.tools_list_bottom .list_item_inner { display: flex; align-items: center; color: var(--apr-color-black); text-decoration: none; padding: 0; background-color: transparent; border: none; cursor: pointer; outline: none; }

.tools_list_bottom .list_item_inner:hover { text-decoration: underline; color: var(--apr-color-black); }

.tools_list_bottom .list_item_inner:focus-visible { box-shadow: var(--apr-color-focus-shadow-orange); }

.tools_list_bottom .list_icon { flex-shrink: 0; fill: var(--apr-color-dark-gray); margin-right: 4px; }

.tools_list_bottom .apr-dropdown-details summary { list-style: none; outline: none; }

.tools_list_bottom .apr-dropdown-details summary::-webkit-details-marker { display: none; }

.tools_list_bottom .apr-dropdown-details summary:focus-visible { box-shadow: var(--apr-color-focus-shadow-orange); }

.tools_list_bottom .apr-dropdown { z-index: 1; left: -16px; }