@charset "UTF-8";
/* ===============================
==== COLORS PALETTE VARIABLES ====
================================*/
/* =========================
=== TYPOGRAPHY VARIABLES ===
==========================*/
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */
main {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none;
}

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input { /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select { /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type=checkbox],
[type=radio] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type=search] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}

/* Misc
   ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none;
}

html {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
  direction: rtl;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

html {
  direction: rtl;
}

*,
*::before,
*::after {
  box-sizing: inherit;
}

::-webkit-scrollbar {
  width: 5px;
}

::-webkit-scrollbar-track {
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #ADB5BD;
}

::-webkit-scrollbar-thumb {
  background-color: #30353A;
  border-radius: 10px;
}

::selection {
  background-color: #0d74e3;
  color: #ffffff;
}

body {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  margin: 0;
  padding: 0;
  overflow-x: hidden;
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
  margin: 0;
  word-break: break-word;
}

a {
  text-decoration: none;
}

#root {
  background-color: #495057;
  padding: 0 !important;
}

.coming-soon {
  opacity: 0.25;
}
.coming-soon:hover {
  background-color: initial !important;
}

ul.oa-nav__list a {
  pointer-events: none;
}

.oa-social__media a,
.oa-social__media img {
  pointer-events: none;
}

.oa-box__icon a,
.oa-box__icon img {
  pointer-events: none;
}

.ouasl_timer-countdown .timer-countdown-seconds,
.ouasl_timer-countdown .timer-countdown-minutes,
.ouasl_timer-countdown .timer-countdown-hours,
.ouasl_timer-countdown .timer-countdown-days {
  pointer-events: none;
}

#map {
  pointer-events: none;
}

/**
  this code code is for form area so the user edit the form in easy way
**/
form label,
form input,
form textarea,
form button,
form .ouasl_field-radios_title,
form .ouasl_field-radios,
form h1,
form h2,
form h3,
form h4,
form h5,
form h6,
form p,
form span,
form em,
form div,
form button {
  pointer-events: none;
}

@font-face {
  font-family: "CreatoDisplay";
  src: url("https://cdn.testingbuilder.com/assets/font/CreatoDisplay/CreatoDisplay-Thin.woff2") format("woff2"), url("https://cdn.testingbuilder.com/assets/font/CreatoDisplay/CreatoDisplay-Thin.woff") format("woff");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "CreatoDisplay";
  src: url("https://cdn.testingbuilder.com/assets/font/CreatoDisplay/CreatoDisplay-Light.woff2") format("woff2"), url("https://cdn.testingbuilder.com/assets/font/CreatoDisplay/CreatoDisplay-Light.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "CreatoDisplay";
  src: url("https://cdn.testingbuilder.com/assets/font/CreatoDisplay/CreatoDisplay-Regular.woff2") format("woff2"), url("https://cdn.testingbuilder.com/assets/font/CreatoDisplay/CreatoDisplay-Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "CreatoDisplay";
  src: url("https://cdn.testingbuilder.com/assets/font/CreatoDisplay/CreatoDisplay-Medium.woff2") format("woff2"), url("https://cdn.testingbuilder.com/assets/font/CreatoDisplay/CreatoDisplay-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "CreatoDisplay";
  src: url("https://cdn.testingbuilder.com/assets/font/CreatoDisplay/CreatoDisplay-Bold.woff2") format("woff2"), url("https://cdn.testingbuilder.com/assets/font/CreatoDisplay/CreatoDisplay-Bold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "CreatoDisplay";
  src: url("https://cdn.testingbuilder.com/assets/font/CreatoDisplay/CreatoDisplay-ExtraBold.woff2") format("woff2"), url("https://cdn.testingbuilder.com/assets/font/CreatoDisplay/CreatoDisplay-ExtraBold.woff") format("woff");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "CreatoDisplay";
  src: url("https://cdn.testingbuilder.com/assets/font/CreatoDisplay/CreatoDisplay-Black.woff2") format("woff2"), url("https://cdn.testingbuilder.com/assets/font/CreatoDisplay/CreatoDisplay-Black.woff") format("woff");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "LamaSans";
  src: url("https://cdn.testingbuilder.com/assets/font/LamaSans/LamaSans-Thin.woff2") format("woff2"), url("https://cdn.testingbuilder.com/assets/font/LamaSans/LamaSans-Thin.woff") format("woff");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "LamaSans";
  src: url("https://cdn.testingbuilder.com/assets/font/LamaSans/LamaSans-ExtraLight.woff2") format("woff2"), url("https://cdn.testingbuilder.com/assets/font/LamaSans/LamaSans-ExtraLight.woff") format("woff");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "LamaSans";
  src: url("https://cdn.testingbuilder.com/assets/font/LamaSans/LamaSans-Light.woff2") format("woff2"), url("https://cdn.testingbuilder.com/assets/font/LamaSans/LamaSans-Light.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "LamaSans";
  src: url("https://cdn.testingbuilder.com/assets/font/LamaSans/LamaSans-Regular.woff2") format("woff2"), url("https://cdn.testingbuilder.com/assets/font/LamaSans/LamaSans-Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "LamaSans";
  src: url("https://cdn.testingbuilder.com/assets/font/LamaSans/LamaSans-Medium.woff2") format("woff2"), url("https://cdn.testingbuilder.com/assets/font/LamaSans/LamaSans-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "LamaSans";
  src: url("https://cdn.testingbuilder.com/assets/font/LamaSans/LamaSans-SemiBold.woff2") format("woff2"), url("https://cdn.testingbuilder.com/assets/font/LamaSans/LamaSans-SemiBold.woff") format("woff");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "LamaSans";
  src: url("https://cdn.testingbuilder.com/assets/font/LamaSans/LamaSans-Bold.woff2") format("woff2"), url("https://cdn.testingbuilder.com/assets/font/LamaSans/LamaSans-Bold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "LamaSans";
  src: url("https://cdn.testingbuilder.com/assets/font/LamaSans/LamaSans-ExtraBold.woff2") format("woff2"), url("https://cdn.testingbuilder.com/assets/font/LamaSans/LamaSans-ExtraBold.woff") format("woff");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "LamaSans";
  src: url("https://cdn.testingbuilder.com/assets/font/LamaSans/LamaSans-Black.woff2") format("woff2"), url("https://cdn.testingbuilder.com/assets/font/LamaSans/LamaSans-Black.woff") format("woff");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
.ouasl_show {
  overflow: hidden;
  display: block;
}

hr.sp {
  height: 1px;
  background-color: #6C757D;
  border: 0;
  margin: 5px 0;
}

.container {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

.draggable::after {
  content: "أسقط هنا";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #0d74e3;
  background-color: #e7f1fc;
  z-index: 9999;
  font-size: 2em;
  font-weight: 500;
  border: 2px dashed rgba(13, 116, 227, 0.7254901961);
}

#drop_preview {
  box-shadow: inset 0px 0px 15px rgba(13, 116, 227, 0.2);
  border-top: 2px dashed rgba(13, 116, 227, 0.2588235294);
  border-bottom: 2px dashed rgba(13, 116, 227, 0.2588235294);
  background-color: #e7f1fc;
  height: 120px;
  color: #0d74e3;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 700;
  font-size: 1.25em;
  pointer-events: none;
}

.page_menu-fixed .pages-lists {
  max-height: 175px;
  overflow-y: auto;
  overflow-x: hidden;
  position: relative;
}
.page_menu-fixed .pages-lists::-webkit-scrollbar-track {
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #ADB5BD;
  border-radius: 10px;
}
.page_menu-fixed .pages-lists::-webkit-scrollbar-thumb {
  background-color: #30353A;
  border-radius: 10px;
}
.page_menu-fixed .pages-lists::-webkit-scrollbar {
  width: 3px;
}

.text-to-uppercase {
  text-transform: uppercase;
}

.text-to-link {
  color: inherit;
}

.not_allowed {
  opacity: 0.3;
  pointer-events: none;
}

.awesome_drop {
  transition: all 0.2s ease-in;
  animation: awesome_drop 0.22s linear 1;
  pointer-events: none;
}
@keyframes awesome_drop {
  0% {
    transform: scale(0.7);
  }
  100% {
    transform: scale(1);
  }
}

.opened_node {
  color: #0d74e3 !important;
}

:root {
  --main-font: "LamaSans", sans-serif;
  --checkmark-icon: "\e200";
  --checkmark: "CheckMark";
}

html[lang=ar] {
  --main-font: "LamaSans", sans-serif;
}
html[lang=en] {
  --main-font: "CreatoDisplay", sans-serif;
}

body {
  color: #ffffff;
  font-family: var(--main-font);
  font-size: 14px;
  font-weight: 300;
}

.frame {
  flex: 1;
}
.frame .ouasl__frame {
  flex: 1;
}
.frame .ouasl__frame iframe {
  height: 100%;
}

.ouasl__frame {
  flex: 1;
  height: 100%;
  width: 100%;
  padding: 60px 90px 0 20px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.ouasl__frame iframe {
  width: 100%;
  height: 100%;
  margin: 0 auto;
  background: #BDC0C2;
  border: none;
  outline: none;
  transition: width 0.36s ease-in-out;
}

html {
  scroll-behavior: smooth;
}

#ouasl_iframe-bodyTag {
  color: #ffffff;
  font-family: "LamaSans", sans-serif;
  font-size: 14px;
  font-weight: 300;
  scroll-behavior: smooth;
}
#ouasl_iframe-bodyTag::-webkit-scrollbar {
  width: 0;
}
#ouasl_iframe-bodyTag ul[data-id] {
  display: none;
  min-height: 100vh;
  max-height: 100%;
  margin: 0;
  padding: 0;
  background-color: #FFF;
}
#ouasl_iframe-bodyTag ul[data-id] li {
  position: relative;
}
#ouasl_iframe-bodyTag ul[data-id].active {
  display: block;
}
#ouasl_iframe-bodyTag ul[data-id].droppable {
  cursor: grabbing;
}

.ouasl-component__preview {
  display: flex;
  justify-content: center;
  border: 2px solid #0d74e3;
  min-height: 70px;
  pointer-events: none;
}
.ouasl-component__preview * {
  opacity: 0.5;
}

.ouasl_escape-preview_mode {
  position: fixed;
  top: 50%;
  right: 0;
  transform: translate(0, -50%);
  z-index: 99999;
  display: flex;
  flex-direction: column;
  background-color: rgba(20, 23, 25, 0.9);
  backdrop-filter: blur(4px);
  border-radius: 10px;
  margin-right: 1.5em;
  opacity: 0;
  transition: all 0.36s ease-in-out;
}
.ouasl_escape-preview_mode.active {
  opacity: 1;
}
.ouasl_escape-preview_mode .ouasl__preview-viewport_controles {
  display: flex;
  flex-direction: column;
  padding: 1.8em 1em;
  gap: 1.8em;
  list-style: none;
  align-items: center;
  justify-content: space-between;
}
.ouasl_escape-preview_mode .ouasl__preview-viewport_controles li {
  cursor: pointer;
}
.ouasl_escape-preview_mode .ouasl__preview-viewport_controles li svg path {
  stroke: rgba(248, 249, 250, 0.35);
}
.ouasl_escape-preview_mode .ouasl__preview-viewport_controles li svg {
  transition: all 0.2s ease-in;
}
.ouasl_escape-preview_mode .ouasl__preview-viewport_controles li.active svg path {
  stroke: #BDC0C2;
}

.ouasl__container-onTrack {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  outline: none;
  outline-offset: 0px;
  border: 2px solid #0d74e3;
  pointer-events: none;
  z-index: 999999;
}

.ouasl__container-mouseOverTrack {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  outline: none;
  outline-offset: 0px;
  border: 1px #6aa9ed;
  background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' stroke='%236AA9EDFF' stroke-width='4' stroke-dasharray='10%2c8%2c1' stroke-dashoffset='0' stroke-linecap='square'/%3e%3c/svg%3e");
  pointer-events: none;
  z-index: 999999;
}

*[contenteditable] {
  border: none;
  outline: none;
}

.ouasl__editable-element {
  position: absolute;
  outline: none;
  outline-offset: 0px;
  border: 2px solid #0d74e3;
  caret-color: #000000;
  pointer-events: none;
  z-index: 999998;
}
.ouasl__editable-element[data-element-type]:after {
  content: attr(data-element-type);
  background-color: #0d74e3;
  height: auto;
  position: absolute;
  top: 0;
  right: 0;
  padding: 4px 8px;
  font-size: 13px;
  font-weight: 700;
  max-width: 160px;
  min-width: max-content;
}

.ouasl__editable-element.small-overlay[data-element-type]:after {
  content: "" !important;
  background-color: transparent !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='19' viewBox='0 0 19 19' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.56043 4.19812e-07C11.4226 -1.81168e-05 12.903 -2.74421e-05 14.073 0.142093C15.2766 0.2883 16.2724 0.596369 17.097 1.30066C17.3133 1.48535 17.5147 1.68675 17.6994 1.90299C18.4036 2.7276 18.7117 3.72334 18.8579 4.92701C19 6.09695 19 7.69834 19 9.56052C19 11.4226 19 12.903 18.8579 14.073C18.7117 15.2766 18.4036 16.2724 17.6994 17.097C17.5147 17.3133 17.3133 17.5147 17.097 17.6994C16.2724 18.4036 15.2766 18.7117 14.073 18.8579C12.903 19 11.3017 19 9.43948 19C7.57737 19 6.09695 19 4.92701 18.8579C3.72334 18.7117 2.7276 18.4036 1.90299 17.6994C1.68675 17.5147 1.48535 17.3133 1.30066 17.097C0.596369 16.2724 0.2883 15.2766 0.142093 14.073C-2.74421e-05 12.903 -1.81168e-05 11.4226 4.19813e-07 9.56043C-1.81168e-05 7.69834 -2.74421e-05 6.09696 0.142093 4.92701C0.2883 3.72334 0.596369 2.7276 1.30066 1.90299C1.48535 1.68675 1.68675 1.48535 1.90299 1.30066C2.7276 0.596369 3.72334 0.2883 4.92701 0.142093C6.09696 -2.74421e-05 7.69834 -1.81168e-05 9.56043 4.19812e-07ZM1.93849 13.8548C2.06325 14.8818 2.29712 15.4774 2.67671 15.9218C2.79984 16.0659 2.93411 16.2002 3.07828 16.3234C3.52273 16.7029 4.11825 16.9369 5.14529 17.0616C6.19342 17.1889 7.5638 17.1905 9.50009 17.1905C11.4363 17.1905 12.8067 17.1889 13.8549 17.0616C14.8819 16.9369 15.4774 16.7029 15.9219 16.3234C16.066 16.2002 16.2003 16.0659 16.3235 15.9218C16.703 15.4774 16.9369 14.8818 17.0617 13.8548C17.1095 13.4611 17.1396 13.0219 17.1585 12.5242L15.5526 10.9183C15.2379 10.6037 14.811 10.4268 14.3659 10.4268C13.9209 10.4268 13.494 10.6037 13.1793 10.9183L11.3538 12.7439L7.67452 9.06467C7.35982 8.75001 6.93297 8.57317 6.48789 8.57317C6.04282 8.57317 5.61596 8.75001 5.30124 9.06467L1.84167 12.5242C1.86058 13.0219 1.89067 13.4611 1.93849 13.8548ZM12.7439 4.17073C12.104 4.17073 11.5854 4.68942 11.5854 5.32927C11.5854 5.96911 12.104 6.48781 12.7439 6.48781C13.3838 6.48781 13.9024 5.96911 13.9024 5.32927C13.9024 4.68942 13.3838 4.17073 12.7439 4.17073Z' fill='white'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 18px 18px;
  position: absolute;
  inset: 0;
  display: flex;
  padding: 0;
  min-width: unset;
  max-width: unset;
}

.ouasl__editable-element[data-element-type="تعديل الشعار"] {
  min-width: 100px;
  min-height: 30px;
}

.ouasl__pre-editable__element[data-element-type-on-hover="تعديل الشعار"] {
  min-width: 100px;
}

.ouasl__pre-editable__element {
  position: absolute;
  outline: none;
  border: 2px solid #0d74e3;
  outline-offset: 0px;
  caret-color: #000000;
  pointer-events: none;
  z-index: 999997;
}
.ouasl__pre-editable__element[data-element-type-on-hover=نص]:after, .ouasl__pre-editable__element[data-element-type-on-hover="إطار المحتوى"]:after, .ouasl__pre-editable__element[data-element-type-on-hover=زر]:after, .ouasl__pre-editable__element[data-element-type-on-hover="تعديل العداد"]:after, .ouasl__pre-editable__element[data-element-type-on-hover="تعديل الحقول"]:after, .ouasl__pre-editable__element[data-element-type-on-hover=السلايدر]:after, .ouasl__pre-editable__element[data-element-type-on-hover="قائمة التصفح"]:after, .ouasl__pre-editable__element[data-element-type-on-hover="أيقونات التواصل"]:after, .ouasl__pre-editable__element[data-element-type-on-hover=الأيقونة]:after {
  content: attr(data-element-type-on-hover);
  background-color: #0d74e3;
  height: auto;
  position: absolute;
  top: 0;
  right: 0;
  padding: 4px 8px;
  font-size: 13px;
  font-weight: 700;
  max-width: 160px;
}
.ouasl__pre-editable__element[data-element-type-on-hover=صورة]::after, .ouasl__pre-editable__element[data-element-type-on-hover=الخريطة]::after, .ouasl__pre-editable__element[data-element-type-on-hover="تعديل الفيديو"]::after, .ouasl__pre-editable__element[data-element-type-on-hover="تعديل الشعار"]::after {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  font-weight: 600;
  color: #fff;
  opacity: 0;
  transform: scale(0.7);
  animation: textScaleIn 220ms ease-out forwards;
}
.ouasl__pre-editable__element[data-element-type-on-hover=صورة]::before, .ouasl__pre-editable__element[data-element-type-on-hover=الخريطة]::before, .ouasl__pre-editable__element[data-element-type-on-hover="تعديل الفيديو"]::before, .ouasl__pre-editable__element[data-element-type-on-hover="تعديل الشعار"]::before {
  content: "";
  position: absolute;
  inset: 0;
  border: 1px solid #0D74E3;
  background: rgba(13, 116, 227, 0.6);
  opacity: 0;
  animation: bgFadeIn 220ms ease-out forwards;
}
.ouasl__pre-editable__element[data-element-type-on-hover=صورة]::after {
  content: "تعديل الصورة";
}
.ouasl__pre-editable__element[data-element-type-on-hover="تعديل الشعار"]::after {
  content: "تعديل الشعار";
  font-size: 11px;
}
.ouasl__pre-editable__element[data-element-type-on-hover=الخريطة]::after {
  content: "تعديل الخريطة";
}
.ouasl__pre-editable__element[data-element-type-on-hover="تعديل الفيديو"]::after {
  content: "تعديل الفيديو";
}
.ouasl__pre-editable__element.small-overlay {
  border: none !important;
}
.ouasl__pre-editable__element.small-overlay[data-element-type-on-hover=صورة]::before, .ouasl__pre-editable__element.small-overlay[data-element-type-on-hover=الخريطة]::before, .ouasl__pre-editable__element.small-overlay[data-element-type-on-hover="تعديل الفيديو"]::before, .ouasl__pre-editable__element.small-overlay[data-element-type-on-hover="تعديل الشعار"]::before {
  display: none !important;
}
.ouasl__pre-editable__element.small-overlay[data-element-type-on-hover=صورة]::after, .ouasl__pre-editable__element.small-overlay[data-element-type-on-hover=الخريطة]::after, .ouasl__pre-editable__element.small-overlay[data-element-type-on-hover="تعديل الفيديو"]::after, .ouasl__pre-editable__element.small-overlay[data-element-type-on-hover="تعديل الشعار"]::after {
  content: "" !important;
  background: none !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='21' height='21' viewBox='0 0 21 21' fill='none'%3E%3Cpath d='M1.25 14.25L5.71967 9.7803C6.05923 9.4408 6.51978 9.25 7 9.25C7.48022 9.25 7.94077 9.4408 8.2803 9.7803L12.25 13.75M12.25 13.75L13.75 15.25M12.25 13.75L14.2197 11.7803C14.5592 11.4408 15.0198 11.25 15.5 11.25C15.9802 11.25 16.4408 11.4408 16.7803 11.7803L19.25 14.25M13.75 6.25C14.0261 6.25 14.25 6.02614 14.25 5.75C14.25 5.47386 14.0261 5.25 13.75 5.25M13.75 6.25C13.4739 6.25 13.25 6.02614 13.25 5.75C13.25 5.47386 13.4739 5.25 13.75 5.25M13.75 6.25V5.25M1.94797 17.9972C0.75 16.5946 0.75 14.4797 0.75 10.25C0.75 6.02027 0.75 3.9054 1.94797 2.50276C2.11808 2.30358 2.30358 2.11808 2.50276 1.94797C3.9054 0.75 6.02027 0.75 10.25 0.75C14.4797 0.75 16.5946 0.75 17.9972 1.94797C18.1964 2.11808 18.3819 2.30358 18.552 2.50276C19.75 3.9054 19.75 6.02027 19.75 10.25C19.75 14.4797 19.75 16.5946 18.552 17.9972C18.3819 18.1964 18.1964 18.3819 17.9972 18.552C16.5946 19.75 14.4797 19.75 10.25 19.75C6.02027 19.75 3.9054 19.75 2.50276 18.552C2.30358 18.3819 2.11808 18.1964 1.94797 17.9972Z' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: 18px 18px !important;
  font-size: 0;
  inset: 0;
}

@keyframes bgFadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes textScaleIn {
  from {
    opacity: 0;
    transform: scale(0.7);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}
.ouasl__component-settings {
  position: absolute;
  display: flex;
  align-items: center;
  max-height: 43px;
  z-index: 1000000;
  overflow: hidden;
  animation: none !important;
  transition: none !important;
}
.ouasl__component-settings.hide {
  display: none;
}
.ouasl__component-settings .ouasl__component-settings__container {
  position: relative;
  list-style-type: none;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 5px;
  overflow: hidden;
  width: 100%;
  height: 100%;
  background: #000;
  padding: 5px;
  border-radius: 11px;
  box-shadow: 0 0 10.4px 0 rgba(0, 0, 0, 0.18);
}
.ouasl__component-settings .ouasl__component-settings__container li {
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  height: 33px;
  width: 33px;
  border-radius: 8px;
  background: #181A1C;
}
.ouasl__component-settings .ouasl__component-settings__container li .ouasl__component-settings__element-icon {
  display: flex;
  align-items: center;
  justify-content: center;
}
.ouasl__component-settings .ouasl__component-settings__container li .ouasl__component-settings__element-icon svg {
  width: 18px;
  height: 18px;
}
.ouasl__component-settings .ouasl__component-settings__container li .ouasl__component-settings__element-icon svg path {
  stroke: #f5f5f5;
}
.ouasl__component-settings .ouasl__component-settings__container li .ouasl__map-icon svg {
  height: 18px;
  width: 18px;
}
.ouasl__component-settings .ouasl__component-settings__container li .ouasl__ai-icon svg {
  width: 19px;
  height: 19px;
}
.ouasl__component-settings .ouasl__component-settings__container li .ouasl__ai-icon svg path {
  fill: none;
}
.ouasl__component-settings .ouasl__component-settings__container li.active {
  background-color: #0d74e3;
  border-radius: 8px;
}
.ouasl__component-settings .ouasl__component-settings__container li.active svg path {
  stroke: #fff;
}
.ouasl__component-settings .ouasl__component-settings__container li:hover:not(.active, :has(.coming-soon)) {
  background-color: rgba(255, 255, 255, 0.1);
}
.ouasl__component-settings.text-section ul {
  gap: 5px;
  padding: 5px;
}
.ouasl__component-settings.text-section li {
  padding: 3px;
  border-radius: 8px;
}
.ouasl__component-settings.text-section li.active {
  background-color: #0d74e3;
}
.ouasl__component-settings.text-section li.active svg path {
  fill: #fff;
}
.ouasl__component-settings.text-section li.ouasl__mark svg path {
  fill: #0d74e3;
}
.ouasl__component-settings.text-section li.ouasl__mark.active svg rect {
  fill: #0d74e3;
}
.ouasl__component-settings.text-section li.ouasl__mark.active svg path {
  fill: #fff;
}

.ouasl__component-text__settings {
  position: absolute;
  display: flex;
  align-items: center;
  height: 100%;
  max-height: 35px;
  z-index: 1000000;
  overflow: hidden;
  box-shadow: 0px 6px 10px 0px rgba(0, 0, 0, 0.175);
}
.ouasl__component-text__settings .ouasl__component-settings__container {
  position: relative;
  list-style-type: none;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 14px;
  overflow: hidden;
  width: 100%;
  height: 100%;
  background-color: #ffffff;
  padding: 5px 7px;
  border-radius: 5px;
}
.ouasl__component-text__settings .ouasl__component-settings__container li {
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  height: 25px;
  width: 25px;
  border-radius: 4px;
}
.ouasl__component-text__settings .ouasl__component-settings__container li .ouasl__component-settings__element-icon {
  display: flex;
  align-items: center;
  justify-content: center;
}
.ouasl__component-text__settings .ouasl__component-settings__container li .ouasl__component-settings__element-icon svg {
  width: 15px;
  height: 15px;
}
.ouasl__component-text__settings .ouasl__component-settings__container li .ouasl__component-settings__element-icon svg path {
  fill: #112948;
}
.ouasl__component-text__settings .ouasl__component-settings__container li.active {
  border-radius: 4px;
  padding: 5px;
  background-color: #112948;
}
.ouasl__component-text__settings .ouasl__component-settings__container li.active svg path {
  fill: #fff;
}
.ouasl__component-text__settings .ouasl__component-settings__container li:hover:not(.active) {
  background-color: #d6e2ec;
}

.ouasl__container-settings {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  align-items: center;
  gap: 10px;
  height: 100%;
  max-height: 38px;
  padding: 0 8px;
  background-color: #181A1C;
  border-radius: 0 0 5px 5px;
  border: none;
  outline: none;
  z-index: 1000001;
  opacity: 1;
  animation: none !important;
  transition: none !important;
}
.ouasl__container-settings .ouasl__container-settings__container {
  flex: 1;
  position: relative;
  list-style-type: none;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 5px;
  padding: 10px;
  width: 100%;
  height: 100%;
  border: none;
  outline: none;
}
.ouasl__container-settings .ouasl__container-settings__container li {
  padding: 6px;
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  pointer-events: auto;
}
.ouasl__container-settings .ouasl__container-settings__container li .ouasl__component-settings__section-icon {
  display: flex;
  align-items: center;
  justify-content: center;
}
.ouasl__container-settings .ouasl__container-settings__container li .ouasl__component-settings__section-icon svg {
  width: 15px;
  height: 15px;
}
.ouasl__container-settings .ouasl__container-settings__container li .ouasl__upArrow-icon svg path,
.ouasl__container-settings .ouasl__container-settings__container li .ouasl__downArrow-icon svg path,
.ouasl__container-settings .ouasl__container-settings__container li .ouasl__addSection-icon svg path {
  fill: #CED4DA;
}
.ouasl__container-settings .ouasl__container-settings__container li .ouasl__edit-icon svg {
  width: 19px;
  height: 19px;
}
.ouasl__container-settings .ouasl__container-settings__container li .ouasl__edit-icon svg path {
  fill: none;
  stroke: #f5f5f5;
}
.ouasl__container-settings .ouasl__container-settings__container li .ouasl__duplicate-icon svg,
.ouasl__container-settings .ouasl__container-settings__container li .ouasl__delete-icon svg {
  width: 18px;
  height: 18px;
}
.ouasl__container-settings .ouasl__container-settings__container li .ouasl__duplicate-icon svg path,
.ouasl__container-settings .ouasl__container-settings__container li .ouasl__delete-icon svg path {
  fill: none;
  stroke: #f5f5f5;
}
.ouasl__container-settings .ouasl__container-settings__container li.disable {
  cursor: default;
  opacity: 0.5;
}
.ouasl__container-settings.hide {
  opacity: 0;
  pointer-events: none;
}
.ouasl__container-settings.hide li {
  pointer-events: none;
}

@keyframes hide {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.dragged_clone {
  opacity: 0.4;
}

.ouasl__notEditable-element {
  --_color: red;
  --_bg-color: rgba(255, 0, 0, 0.288);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 100000;
  background-color: var(--_bg-color);
  border: 1px solid var(--_color);
  cursor: pointer;
}
.ouasl__notEditable-element:before {
  content: attr(data-message);
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  background-color: var(--_color);
  color: white;
  padding: 10px 40px;
  border-radius: 0 0 10px 10px;
  font-size: 14px;
  font-weight: 500;
  pointer-events: none;
}
.ouasl__notEditable-element.page {
  --_color: green;
  --_bg-color: rgba(0, 128, 0, 0.288);
}

ul[data-id] {
  --_svg-aspect: 65px;
}
ul[data-id] .empty-iframe {
  font-family: "LamaSans", sans-serif;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: calc(100vh - 100px - 100px);
  font-size: 25px;
  color: #181A1C;
  background-color: #FFFFFF;
}
ul[data-id] .empty-iframe h3 {
  margin-top: 10px;
  font-size: 16px;
}
ul[data-id] .empty-iframe h3 .second-line {
  font-weight: 700;
}
ul[data-id] .empty-iframe h3 .first-line {
  font-weight: 300;
}
ul[data-id] .empty-iframe svg {
  width: var(--_svg-aspect);
  height: var(--_svg-aspect);
}
ul[data-id] .empty-iframe .grap-icon {
  display: flex;
  position: relative;
}
ul[data-id] .empty-iframe .grap-icon .handGrapSolidBox {
  position: absolute;
  z-index: 10;
  backdrop-filter: blur(3px);
}
ul[data-id] .empty-iframe .grap-icon .handGrapSolidBox .hand-grapmode {
  position: absolute;
  right: 50%;
  bottom: -25px;
  transform: translate(50%, -50%);
  width: 30px;
  height: 30px;
  z-index: 5;
}
ul[data-id] .empty-iframe .grap-icon .handGrapSolidBox .solidBox {
  animation: svgBackgroundColor 3s infinite;
  border-radius: 6px;
  width: calc(var(--_svg-aspect) - 4px);
  height: calc(var(--_svg-aspect) - 4px);
}
ul[data-id] .empty-iframe .grap-icon .handGrapSolidBox {
  animation: dragAndDrop 3s infinite both;
}

@keyframes dragAndDrop {
  0%, 100% {
    top: calc(-55% - 2px);
    right: calc(-55% - 2px);
    backdrop-filter: blur(3px);
  }
  25%, 75% {
    backdrop-filter: blur(3px);
  }
  50%, 70% {
    top: calc(0% + 2px);
    right: calc(0% + 2px);
    backdrop-filter: blur(0);
  }
}
@keyframes svgBackgroundColor {
  0%, 25% {
    background-color: rgba(89, 90, 90, 0.35);
  }
  50%, 70% {
    background-color: rgb(13, 116, 227);
  }
  75%, 100% {
    background-color: rgba(89, 90, 90, 0.35);
  }
}
#header-area {
  position: relative;
  width: 100%;
  min-height: 85px;
  background-color: #fdebeb;
  border: 1px solid #e73434;
  display: flex;
  justify-content: center;
  align-items: center;
}
#header-area:has(.empty-iframe) {
  height: 100%;
}
#header-area:has(.empty-iframe) .empty-iframe {
  height: 20vh;
}
#header-area:has(.empty-iframe) .empty-iframe svg:not(.hand-grapmode) {
  width: 50px;
  height: 50px;
}
#header-area:has(.empty-iframe) .empty-iframe h3 {
  font-size: 16px;
}
#header-area::before {
  content: attr(data-message);
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  color: white;
  background-color: #8d2020;
  padding: 10px 40px;
  border-radius: 0 0 10px 10px;
  font-size: 14px;
  font-weight: 500;
  pointer-events: none;
}
#header-area.active {
  border: none;
  background-color: transparent;
}
#header-area.active::before {
  display: none;
}

#footer-area {
  position: relative;
  width: 100%;
  min-height: 150px;
  background-color: #fdebeb;
  border: 1px solid #e73434;
  display: flex;
  justify-content: center;
  align-items: center;
}
#footer-area:has(.empty-iframe) {
  height: 100%;
}
#footer-area:has(.empty-iframe) .empty-iframe {
  height: 32vh;
}
#footer-area:has(.empty-iframe) .empty-iframe svg:not(.hand-grapmode) {
  width: 50px;
  height: 50px;
}
#footer-area:has(.empty-iframe) .empty-iframe h3 {
  font-size: 16px;
}
#footer-area::before {
  content: attr(data-message);
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  color: white;
  background-color: #8d2020;
  padding: 10px 40px;
  border-radius: 0 0 10px 10px;
  font-size: 14px;
  font-weight: 500;
  pointer-events: none;
}
#footer-area.active {
  border: none;
  background-color: transparent;
}
#footer-area.active::before {
  display: none;
}

#content-area {
  --_height: attr(data-height);
  position: relative;
  width: 100%;
  min-height: 75vh;
  background-color: #bcffd6;
  border: 1px solid #34e779;
  display: flex;
  justify-content: center;
  align-items: center;
}
#content-area:has(.empty-iframe) {
  height: 100%;
}
#content-area:has(.empty-iframe) .empty-iframe {
  height: 32vh;
}
#content-area:has(.empty-iframe) .empty-iframe svg:not(.hand-grapmode) {
  width: 50px;
  height: 50px;
}
#content-area:has(.empty-iframe) .empty-iframe h3 {
  font-size: 16px;
}
#content-area::before {
  content: attr(data-message);
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  color: white;
  background-color: #157439;
  padding: 10px 40px;
  border-radius: 0 0 10px 10px;
  font-size: 14px;
  font-weight: 500;
  pointer-events: none;
}
#content-area.active {
  border: none;
  background-color: transparent;
}
#content-area.active::before {
  display: none;
}

.ouasl__drop-indicator {
  width: var(--areaWidth);
  height: var(--areaHeight);
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.ouasl__drop-indicator .ouasl__drop-indicator__container {
  border: 1px solid #0d74e3;
  pointer-events: none;
  position: relative;
  height: 100%;
  width: max(80%, 2px);
}
.ouasl__drop-indicator .ouasl__drop-indicator__container .ouasl__drop-indicator__icon {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.ouasl__elements-editor__items-text__link {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  direction: ltr;
  background-color: #181a1c;
  border-radius: 5px;
  width: 100%;
  height: 100%;
  max-width: 224px;
  max-height: 35px;
  padding: 4px;
  opacity: 0;
  transform: translateY(10px);
  transition: transform 0.3s cubic-bezier(0.43, 0.13, 0.23, 0.96), opacity 0.3s cubic-bezier(0.43, 0.13, 0.23, 0.96);
  overflow: hidden;
  z-index: 9999999;
  font-weight: 500;
  box-shadow: 0px 1px 9.3px 0px rgba(0, 0, 0, 0.07);
}
.ouasl__elements-editor__items-text__link.active {
  opacity: 1;
  transform: translateY(0);
}
.ouasl__elements-editor__items-text__link .ouasl__elements-editor__items-text__link-input {
  flex: 1;
  display: flex;
  height: 100%;
  gap: 10px;
}
.ouasl__elements-editor__items-text__link .ouasl__elements-editor__items-text__link-input .ouasl__text-link__input {
  flex-basis: 100%;
  height: 100%;
}
.ouasl__elements-editor__items-text__link .ouasl__elements-editor__items-text__link-input .ouasl__text-link__input .ouasl__elements-editor__input {
  padding: 0;
  height: 100%;
  border-radius: 4px;
  background-color: #181C1A;
}
.ouasl__elements-editor__items-text__link .ouasl__elements-editor__items-text__link-input .ouasl__text-link__input .ouasl__elements-editor__input .input-container {
  height: 100%;
}
.ouasl__elements-editor__items-text__link .ouasl__elements-editor__items-text__link-input .ouasl__text-link__input .ouasl__elements-editor__input input {
  height: 100%;
  padding: 0px 10px;
  font-weight: 600;
  font-size: 13px;
  color: #ffffff;
  width: 100%;
  border: 0;
  background: #181C1A;
  border-radius: 5px;
  outline: 0;
}
.ouasl__elements-editor__items-text__link .ouasl__elements-editor__items-text__link-input .ouasl__text-link__input .ouasl__elements-editor__input input::placeholder {
  color: #898E93;
  font-weight: 300;
  opacity: 1;
  text-align: right;
}
.ouasl__elements-editor__items-text__link .ouasl__elements-editor__items-text__link-input .ouasl__text-link__icons-container {
  flex-basis: 20%;
  display: none;
  align-items: center;
  justify-content: flex-start;
  gap: 5px;
}
.ouasl__elements-editor__items-text__link .ouasl__elements-editor__items-text__link-input .ouasl__text-link__icons-container .ouasl__text-link__icons {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background-color: #EAEAEA;
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.ouasl__elements-editor__items-text__link .ouasl__elements-editor__items-text__link-input .ouasl__text-link__icons-container .ouasl__text-link__icons svg {
  width: 10px;
  height: 11px;
}
.ouasl__elements-editor__items-text__link.has-url {
  padding: 4px;
}
.ouasl__elements-editor__items-text__link.has-url .ouasl__text-link__icons-container {
  display: flex;
}

#context-menu {
  background-color: #ffffff;
  border-radius: 10px;
  width: 190px;
  padding: 1em;
  margin: 0;
  list-style: none;
  backdrop-filter: blur(4px);
  position: fixed;
  visibility: hidden;
  z-index: 9999999999;
  box-shadow: 0 0 20px rgba(37, 40, 42, 0.22);
}
#context-menu li.item {
  padding: 7px;
  cursor: pointer;
  border-radius: 5px;
}
#context-menu li.item a {
  color: #1f194c;
  font-size: 14px;
  font-weight: 500;
  width: 100%;
  display: block;
}
#context-menu li.item:hover {
  background: #0d74e3;
}
#context-menu li.item:hover a {
  color: #ffffff;
}

/* ===============================
==== COLORS PALETTE VARIABLES ====
================================*/
/* =========================
=== TYPOGRAPHY VARIABLES ===
==========================*/
.ouasl_video_iframe {
  padding: 0;
  position: relative;
}
.ouasl_video_iframe::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border: 1px solid #0D74E3;
  background: #73AEEF;
  backdrop-filter: blur(7px);
  cursor: pointer;
  opacity: 0;
  transition: opacity 0.26s ease, backdrop-filter 0.26s ease;
}
.ouasl_video_iframe::before {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, 0%) translateY(-50%);
  display: flex;
  min-width: 124px;
  min-height: 27px;
  padding: 9px 15px;
  background: #368ce8;
  border-radius: 0 0 9px 8px;
  z-index: 999;
  font-family: "LamaSans", sans-serif;
  font-weight: 500;
  font-size: 12px;
  cursor: pointer;
  opacity: 0;
  transition: opacity 0.26s ease, transform 0.26s ease;
}
.ouasl_video_iframe.discard_iframe_after::after, .ouasl_video_iframe.discard_iframe_after::before {
  content: none;
}

.ouasl_video_iframe:hover::after {
  opacity: 0.4;
}

.ouasl_video_iframe:hover::before {
  opacity: 1;
  transform: translate(-50%, 0%) translateY(0);
}

.ts-bar {
  position: absolute;
  z-index: 1000000;
  display: flex;
  flex-direction: column;
  animation: none !important;
  transition: none !important;
}
.ts-bar .ts-bar__main {
  display: flex;
  direction: ltr;
  width: 296px;
  max-width: 296px;
  height: 45px;
  padding: 5px;
  align-items: center;
  flex-shrink: 0;
  border-radius: 11px;
  background: var(--Neutral-Background, #000);
  box-shadow: 0 0 10.4px 0 rgba(0, 0, 0, 0.18);
}
.ts-bar .ts-bar__action-group {
  display: flex;
  align-items: center;
  gap: 5px;
}
.ts-bar .ts-bar__btn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  cursor: pointer;
  padding: 6px 10px;
  border-radius: 8px;
  background: #181A1C;
}
.ts-bar .ts-bar__btn:hover {
  background-color: rgba(255, 255, 255, 0.1);
}
.ts-bar .ts-bar__btn.active {
  background-color: #0d74e3;
}
.ts-bar .ts-bar__btn svg {
  flex-shrink: 0;
}
.ts-bar .ts-bar__btn--disabled {
  opacity: 0.35;
  cursor: default;
  pointer-events: none;
}
.ts-bar .ts-bar__delete-btn,
.ts-bar .ts-bar__duplicate-btn {
  width: 33px;
  height: 33px;
  padding: 0;
}
.ts-bar .ts-bar__delete-btn svg,
.ts-bar .ts-bar__duplicate-btn svg {
  width: 18px;
  height: 18px;
}
.ts-bar .ts-bar__delete-btn svg path,
.ts-bar .ts-bar__duplicate-btn svg path {
  stroke: #f5f5f5;
}
.ts-bar .ts-bar__url-btn {
  width: 33px;
  height: 33px;
  padding: 0;
  margin-right: 5px;
}
.ts-bar .ts-bar__text-btn {
  width: 60px;
  height: 35px;
  padding: 0;
}
.ts-bar .ts-bar__text-btn svg:last-child {
  width: 10px;
  height: 6px;
}
.ts-bar .ts-bar__font-btn {
  width: 97px;
  height: 35px;
  padding: 0;
  justify-content: center;
  gap: 26px;
  padding: 0 8px;
}
.ts-bar .ts-bar__font-btn .ts-bar__font-name {
  color: #f5f5f5;
  font-size: 14px;
  font-weight: 500;
  white-space: nowrap;
  max-width: 100px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ts-bar .ts-bar__font-btn svg:last-child {
  width: 10px;
  height: 6px;
}
.ts-bar .ts-bar__sub-menu {
  display: none;
  direction: ltr;
  width: 316px;
  max-width: 316px;
  height: 41px;
  padding: 5px;
  align-items: center;
  flex-shrink: 0;
  border-radius: 11px;
  background: var(--Neutral-Background, #000);
  box-shadow: 0 0 10.4px 0 rgba(0, 0, 0, 0.18);
  margin-top: 5px;
}
.ts-bar .ts-bar__sub-menu.active {
  display: flex;
}
.ts-bar .ts-bar__sub-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  cursor: pointer;
  padding: 0;
  border-radius: 6px;
}
.ts-bar .ts-bar__sub-btn.active svg path {
  stroke: #0d74e3;
}
.ts-bar .ts-bar__align-group {
  display: flex;
  align-items: center;
  gap: 10px;
}
.ts-bar .ts-bar__style-group {
  display: flex;
  align-items: center;
  gap: 10px;
}
.ts-bar .ts-bar__separator {
  display: flex;
  align-items: center;
  flex-shrink: 0;
}
.ts-bar .ts-bar__separator svg {
  flex-shrink: 0;
}
.ts-bar .ts-bar__main > .ts-bar__separator {
  margin: 0 5px;
}
.ts-bar .ts-bar__sub-menu > .ts-bar__separator {
  margin: 0 10px;
}
.ts-bar .ts-bar__fontsize-btn {
  width: 60px;
  height: 31px;
  padding: 3px 4px;
  background: #181A1C;
  border-radius: 8px;
}
.ts-bar .ts-bar__fontsize-btn svg:last-child {
  width: 10px;
  height: 6px;
}
.ts-bar .ts-bar__color-block {
  width: 27px;
  height: 27px;
  border-radius: 6px;
  border: 1px solid rgba(255, 255, 255, 0.1);
}
.ts-bar .ts-bar__fontsize-wrapper {
  position: relative;
}
.ts-bar .ts-bar__size-dropdown {
  display: none;
  width: 60px;
  padding: 10px 0;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 20px;
  border-radius: 7px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  background: #000;
  box-shadow: 0 0 10.4px 0 rgba(0, 0, 0, 0.18);
  position: absolute;
  top: 100%;
  margin-top: 10px;
}
.ts-bar .ts-bar__size-dropdown.active {
  display: flex;
}
.ts-bar .ts-bar__size-item {
  color: #f5f5f5;
  font-size: 14px;
  cursor: pointer;
  padding: 2px 8px;
  width: 100%;
  text-align: center;
}
.ts-bar .ts-bar__size-item.active {
  color: #0d74e3;
}
.ts-bar .ts-bar__font-dropdown {
  display: none;
  width: 230px;
  padding: 10px;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  border-radius: 11px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  background: #000;
  position: absolute;
  top: 100%;
  right: 0;
  margin-top: 5px;
}
.ts-bar .ts-bar__font-dropdown.active {
  display: flex;
}
.ts-bar .ts-bar__font-search {
  display: flex;
  width: 100%;
  height: 39px;
  padding: 3px 10px;
  justify-content: flex-end;
  align-items: center;
  gap: 10px;
  flex-shrink: 0;
  border-radius: 8px;
  background: #181A1C;
  direction: rtl;
}
.ts-bar .ts-bar__font-search svg {
  flex-shrink: 0;
}
.ts-bar .ts-bar__font-search-input {
  width: 100%;
  background: transparent;
  border: none;
  outline: none;
  color: #f5f5f5;
  font-size: 13px;
  direction: rtl;
  text-align: right;
}
.ts-bar .ts-bar__font-search-input::placeholder {
  color: #898e93;
  font-weight: 500;
}
.ts-bar .ts-bar__font-list {
  display: flex;
  flex-direction: column;
  width: 100%;
  max-height: 300px;
  overflow-y: auto;
  gap: 4px;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.ts-bar .ts-bar__font-list::-webkit-scrollbar {
  display: none;
}
.ts-bar .ts-bar__font-item {
  color: #f5f5f5;
  font-size: 16px;
  font-weight: 500;
  cursor: pointer;
  padding: 8px 6px;
  border-radius: 6px;
  text-align: left;
  display: flex;
  align-items: center;
  justify-content: space-between;
  direction: ltr;
}
.ts-bar .ts-bar__font-item:hover {
  background-color: rgba(255, 255, 255, 0.1);
}
.ts-bar .ts-bar__font-item.active {
  background-color: #0d74e3;
}
.ts-bar .ts-bar__font-item.active .ts-bar__font-arabic-label {
  color: #fff !important;
}
.ts-bar .ts-bar__color-picker-container {
  position: absolute;
  top: 100%;
  margin-top: 5px;
  z-index: 10;
}
.ts-bar .ouasl__elements-editor__items-text__link {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  margin-top: 5px;
  opacity: 0;
}
.ts-bar .ouasl__elements-editor__items-text__link.active {
  opacity: 1;
}