:root {
  --noura-sidebar-collapsed-width: 46px;
  --noura-sidebar-expanded-width: 310px;
  --noura-sidebar-item-height: 46px;
  --noura-sidebar-icon-size: 26px;
  --noura-sidebar-bg: #175f8d;
  --noura-sidebar-bg-hover: #246fa8;
  --noura-sidebar-text: #ffffff;
  --noura-sidebar-radius: 0 8px 8px 0;
  --noura-sidebar-shadow: 0 7px 20px rgba(9, 43, 67, 0.22);
}

.noura-floating-sidebar,
.noura-floating-sidebar * {
  box-sizing: border-box;
}

.noura-floating-sidebar {
  position: fixed;
  top: 50%;
  left: 0;
  z-index: 999990;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 6px;
  width: var(--noura-sidebar-collapsed-width);
  margin: 0;
  padding: 0;
  transform: translateY(-50%);
  direction: ltr;
  pointer-events: none;
}

.noura-floating-sidebar__item {
  position: relative;
  display: flex;
  align-items: center;
  width: var(--noura-sidebar-collapsed-width);
  height: var(--noura-sidebar-item-height);
  min-height: var(--noura-sidebar-item-height);
  margin: 0;
  padding: 0;
  overflow: hidden;
  color: var(--noura-sidebar-text) !important;
  background: var(--noura-sidebar-bg);
  border: 0;
  border-radius: var(--noura-sidebar-radius);
  box-shadow: var(--noura-sidebar-shadow);
  font: inherit;
  text-decoration: none !important;
  white-space: nowrap;
  outline: none;
  isolation: isolate;
  cursor: pointer;
  appearance: none;
  -webkit-appearance: none;
  pointer-events: auto;
  transition:
    width 320ms cubic-bezier(0.22, 1, 0.36, 1),
    background-color 200ms ease,
    box-shadow 200ms ease,
    transform 200ms ease;
  -webkit-tap-highlight-color: transparent;
}

.noura-floating-sidebar__item:hover,
.noura-floating-sidebar__item:focus-visible,
.noura-floating-sidebar__item.is-feedback-visible {
  width: min(var(--noura-sidebar-expanded-width), calc(100vw - 16px));
  color: var(--noura-sidebar-text) !important;
  background: var(--noura-sidebar-bg-hover);
  box-shadow: 0 10px 30px rgba(9, 43, 67, 0.3);
  text-decoration: none !important;
}

.noura-floating-sidebar__item:active {
  transform: translateX(2px);
}

.noura-floating-sidebar__icon {
  display: inline-flex;
  flex: 0 0 var(--noura-sidebar-collapsed-width);
  align-items: center;
  justify-content: center;
  width: var(--noura-sidebar-collapsed-width);
  height: 100%;
}

.noura-floating-sidebar__icon svg {
  display: block;
  width: var(--noura-sidebar-icon-size);
  height: var(--noura-sidebar-icon-size);
  overflow: visible;
  fill: none;
  stroke: currentColor;
  stroke-width: 2.15;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.noura-floating-sidebar__icon svg .noura-svg-fill {
  fill: currentColor;
  stroke: none;
}

.noura-floating-sidebar__label {
  display: block;
  min-width: 0;
  padding: 0 20px 0 10px;
  direction: rtl;
  color: inherit;
  font-family: inherit;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.6;
  text-align: right;
  opacity: 0;
  transform: translateX(-12px);
  transition:
    opacity 180ms ease 55ms,
    transform 280ms cubic-bezier(0.22, 1, 0.36, 1) 35ms;
}

.noura-floating-sidebar__item:hover .noura-floating-sidebar__label,
.noura-floating-sidebar__item:focus-visible .noura-floating-sidebar__label,
.noura-floating-sidebar__item.is-feedback-visible .noura-floating-sidebar__label {
  opacity: 1;
  transform: translateX(0);
}

.noura-floating-sidebar__item--copy.is-success {
  background: #217a5d;
}

.noura-floating-sidebar__item--copy.is-error {
  background: #a63d40;
}

@media (max-width: 767px) {
  :root {
    --noura-sidebar-collapsed-width: 42px;
    --noura-sidebar-item-height: 42px;
    --noura-sidebar-icon-size: 24px;
    --noura-sidebar-expanded-width: 280px;
  }

  .noura-floating-sidebar {
    top: 54%;
    gap: 5px;
  }

  .noura-floating-sidebar__label {
    padding-right: 14px;
    font-size: 13px;
  }
}

@media (max-height: 420px) and (orientation: landscape) {
  .noura-floating-sidebar {
    top: 50%;
    gap: 4px;
    transform: translateY(-50%) scale(0.86);
    transform-origin: left center;
  }
}

@media (prefers-reduced-motion: reduce) {
  .noura-floating-sidebar__item,
  .noura-floating-sidebar__label {
    transition-duration: 0.01ms !important;
    transition-delay: 0ms !important;
  }
}

@media print {
  .noura-floating-sidebar {
    display: none !important;
  }
}

/*
 * بازنشانی اختصاصی دکمه کپی لینک
 * برخی قالب‌ها و صفحه‌سازها برای element دکمه استایل‌های سراسری و حتی !important دارند.
 * این قوانین ظاهر دکمه سوم را دقیقاً با دو لینک بالایی یکسان نگه می‌دارند.
 */
.noura-floating-sidebar button.noura-floating-sidebar__item--copy {
  position: relative !important;
  display: flex !important;
  flex: 0 0 auto !important;
  align-items: center !important;
  justify-content: flex-start !important;
  width: var(--noura-sidebar-collapsed-width) !important;
  min-width: var(--noura-sidebar-collapsed-width) !important;
  max-width: none !important;
  height: var(--noura-sidebar-item-height) !important;
  min-height: var(--noura-sidebar-item-height) !important;
  max-height: var(--noura-sidebar-item-height) !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  color: var(--noura-sidebar-text) !important;
  background-color: var(--noura-sidebar-bg) !important;
  background-image: none !important;
  border: 0 !important;
  border-width: 0 !important;
  border-style: none !important;
  border-color: transparent !important;
  border-radius: var(--noura-sidebar-radius) !important;
  box-shadow: var(--noura-sidebar-shadow) !important;
  font-family: inherit !important;
  font-size: inherit !important;
  font-style: normal !important;
  font-weight: inherit !important;
  line-height: normal !important;
  letter-spacing: normal !important;
  text-align: left !important;
  text-decoration: none !important;
  text-indent: 0 !important;
  text-shadow: none !important;
  text-transform: none !important;
  white-space: nowrap !important;
  vertical-align: middle !important;
  opacity: 1 !important;
  visibility: visible !important;
  filter: none !important;
  transform: none;
  appearance: none !important;
  -webkit-appearance: none !important;
  -webkit-tap-highlight-color: transparent !important;
  cursor: pointer !important;
}

.noura-floating-sidebar button.noura-floating-sidebar__item--copy::before,
.noura-floating-sidebar button.noura-floating-sidebar__item--copy::after {
  content: none !important;
  display: none !important;
}

.noura-floating-sidebar button.noura-floating-sidebar__item--copy:hover,
.noura-floating-sidebar button.noura-floating-sidebar__item--copy:focus-visible,
.noura-floating-sidebar button.noura-floating-sidebar__item--copy.is-feedback-visible {
  width: min(var(--noura-sidebar-expanded-width), calc(100vw - 16px)) !important;
  max-width: calc(100vw - 16px) !important;
  height: var(--noura-sidebar-item-height) !important;
  max-height: var(--noura-sidebar-item-height) !important;
  color: var(--noura-sidebar-text) !important;
  background-color: var(--noura-sidebar-bg-hover) !important;
  background-image: none !important;
  border: 0 !important;
  box-shadow: 0 10px 30px rgba(9, 43, 67, 0.3) !important;
}

.noura-floating-sidebar button.noura-floating-sidebar__item--copy:active {
  transform: translateX(2px);
}

.noura-floating-sidebar button.noura-floating-sidebar__item--copy.is-success,
.noura-floating-sidebar button.noura-floating-sidebar__item--copy.is-success:hover,
.noura-floating-sidebar button.noura-floating-sidebar__item--copy.is-success:focus-visible {
  background-color: #217a5d !important;
}

.noura-floating-sidebar button.noura-floating-sidebar__item--copy.is-error,
.noura-floating-sidebar button.noura-floating-sidebar__item--copy.is-error:hover,
.noura-floating-sidebar button.noura-floating-sidebar__item--copy.is-error:focus-visible {
  background-color: #a63d40 !important;
}

.noura-floating-sidebar button.noura-floating-sidebar__item--copy .noura-floating-sidebar__icon {
  display: inline-flex !important;
  flex: 0 0 var(--noura-sidebar-collapsed-width) !important;
  align-items: center !important;
  justify-content: center !important;
  width: var(--noura-sidebar-collapsed-width) !important;
  min-width: var(--noura-sidebar-collapsed-width) !important;
  height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  color: inherit !important;
  background: transparent !important;
  border: 0 !important;
}

.noura-floating-sidebar button.noura-floating-sidebar__item--copy .noura-floating-sidebar__icon svg {
  display: block !important;
  width: var(--noura-sidebar-icon-size) !important;
  min-width: var(--noura-sidebar-icon-size) !important;
  max-width: var(--noura-sidebar-icon-size) !important;
  height: var(--noura-sidebar-icon-size) !important;
  min-height: var(--noura-sidebar-icon-size) !important;
  max-height: var(--noura-sidebar-icon-size) !important;
  margin: 0 !important;
  padding: 0 !important;
}