%if 0
/* This Source Code Form is subject to the terms of the Mozilla Public
 * License, v. 2.0. If a copy of the MPL was not distributed with this
 * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
%endif

#editBookmarkPanelTitle {
  margin-inline-start: 32px;
}

#editBookmarkPanelInfoArea {
  overflow: hidden;
  position: relative;
  margin: 6px 8px 0;
}

#editBookmarkPanelRecommendation {
  position: absolute;
  height: 100%;
  width: 100%;
  transition: transform 0.25s cubic-bezier(0.07, 0.95, 0, 1);
}

#editBookmarkPanelRecommendation[disabled] {
  transform: translateY(-100%);
}

#editBookmarkPanelRecommendation #cfrMessageContainer {
  border-radius: 2px;
  display: flex;
  flex-direction: column;
  min-height: 150px;
  position: relative;
  padding: 0 16px;
}

#editBookmarkPanelRecommendation #cfrMessageContainer.longMessagePadding {
  padding-bottom: 10px;
}

#editBookmarkPanelRecommendation > div::-moz-focus-inner {
  border: none;
}

#editBookmarkPanelRecommendationTitle {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.25;
  margin: 0;
}

#editBookmarkPanelRecommendationContent {
  font-size: 11px;
  line-height: 1.5;
  margin: 0;
}

#editBookmarkPanelRecommendationCta {
  appearance: none;
  background: transparent;
  border: none;
  color: inherit;
  cursor: pointer;
  font-size: 1rem;
  font-weight: 700;
  margin: auto 0;
  padding: 0;
  text-align: start;
}

#editBookmarkPanelRecommendationCta:hover {
  text-decoration: underline;
}

#editBookmarkPanelRecommendation .cfrMessageHeader {
  display: flex;
  justify-content: space-between;
  align-items: start;
  margin-block: 10px 6px;
  padding-top: 2px;
}

#editBookmarkPanelRecommendation #cfrClose {
  padding: 10px;
  border: none;
  border-radius: var(--toolbarbutton-border-radius);
  background-color: transparent;
  background-image: url(chrome://browser/skin/stop.svg);
  background-size: 12px;
  background-repeat: no-repeat;
  background-position: center;
  -moz-context-properties: fill, fill-opacity;
  fill: currentColor;
  fill-opacity: 0.8;
  margin-inline-end: -4px;
  color: inherit;
}

#editBookmarkPanelRecommendation #cfrClose:is(:hover, :focus) {
  background-color: var(--arrowpanel-dimmed);
}

#editBookmarkPanelRecommendation #cfrClose:hover:active {
  background-color: var(--arrowpanel-dimmed-further);
}

html|div#editBookmarkPanelFaviconContainer {
  display: flex;
}

html|img#editBookmarkPanelFavicon[src] {
  box-sizing: content-box;
  width: 32px;
  height: 32px;
  padding: 5px;
  background-color: #F9F9FA;
  box-shadow: inset 0 0 0 1px rgba(0,0,0,.1);
  border-radius: 6px;
  margin-top: 10px;
  margin-inline-start: 10px;
  margin-bottom: -52px; /* margin-top + paddings + height */
}

#editBookmarkPanelImage {
  border-radius: 2px;
  height: 150px;
  background-image: -moz-element(#editBookmarkPanelImageCanvas);
  background-repeat: no-repeat;
  background-size: cover;
  margin: 0 2px;
  /* When adjusting the height for long CFR messages we want the animations
   * to align. The delay is used to force the animation to start when the
   * panel message has finished sliding down. */
  transition: height 0.28s cubic-bezier(0.07, 0.95, 0, 1);
  transition-delay: 10ms;
}

#editBookmarkPanelRows,
#editBookmarkPanelBottomContent {
  padding: var(--arrowpanel-padding);
}

#editBookmarkPanelRows {
  padding-bottom: 0;
}

#editBookmarkPanelBottomContent {
  padding-top: 0;
}

/* Implements editBookmarkPanel resizing on folderTree un-collapse. */
#editBMPanel_folderTree {
  min-width: 27em;
}

#editBookmarkPanelBottomButtons {
  display: flex;
}

@supports not -moz-bool-pref("browser.proton.enabled") {
.editBookmarkPanelBottomButton {
  flex: 1;
}

.editBookmarkPanelBottomButton:not(:last-child) {
  border-inline-end: 1px solid var(--panel-separator-color);
}
} /** END not Proton **/
