-
Jjobir
<html dir="rtl" lang="ar"><head>
<meta charset="utf-8">
<link rel="stylesheet" href="index.css">
<style>/** Copyright (C) Microsoft Corporation. All rights reserved.
* Use of this source code is governed by a BSD-style license that can be
* found in the LICENSE file.
*/
.msreadout-word-highlight {
background: #FCFCFC !important;
color: black !important;
mix-blend-mode: multiply !important;
}
.msreadout-line-highlight {
background: #C5C5C5 !important;
color: black !important;
mix-blend-mode: multiply !important;
}
.msreadout-background-highlight {
background-color: rgba(184,184,184,0.82) !important;
color: black !important;
}
.msreadout-inactive-highlight {
background: #C5C5C5 !important;
color: black !important;
mix-blend-mode: multiply !important;
}
/* The below apart of the code for high-contrast handling */
@media screen and (forced-colors: active) {
.msreadout-word-highlight {
forced-color-adjust: none;
background: none !important;
border-style: solid !important;
border-width: medium !important;
border-color: Highlight !important;
mix-blend-mode: normal !important;
}
.msreadout-line-highlight {
forced-color-adjust: none;
background: none !important;
color: black !important;
mix-blend-mode: multiply !important;
}
.msreadout-background-highlight {
background-color: rgba(184,184,184,0.82) !important;
color: black !important;
}
.msreadout-inactive-highlight {
background: Highlight !important;
color: HighlightText !important;
mix-blend-mode: multiply !important;
}
}
/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly8uLy4uL2VkZ2VfcGRmL2VkZ2VfcGRmL2NvbXBvbmVudHMvcmVhZC1hbG91ZC9yZWFkLWFsb3VkLXBkZi5jc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7OztFQUdFOztBQUVGO0lBQ0ksOEJBQThCO0lBQzlCLHVCQUF1QjtJQUN2QixtQ0FBbUM7QUFDdkM7O0FBRUE7SUFDSSw4QkFBOEI7SUFDOUIsdUJBQXVCO0lBQ3ZCLG1DQUFtQztBQUN2Qzs7QUFFQTtJQUNJLG1EQUFtRDtJQUNuRCx1QkFBdUI7QUFDM0I7O0FBRUE7SUFDSSw4QkFBOEI7SUFDOUIsdUJBQXVCO0lBQ3ZCLG1DQUFtQztBQUN2Qzs7QUFFQSwyREFBMkQ7QUFDM0Q7SUFDSTtRQUNJLHlCQUF5QjtRQUN6QiwyQkFBMkI7UUFDM0IsOEJBQThCO1FBQzlCLCtCQUErQjtRQUMvQixrQ0FBa0M7UUFDbEMsaUNBQWlDO0lBQ3JDOztJQUVBO1FBQ0kseUJBQXlCO1FBQ3pCLDJCQUEyQjtRQUMzQix1QkFBdUI7UUFDdkIsbUNBQW1DO0lBQ3ZDOztJQUVBO1FBQ0ksbURBQW1EO1FBQ25ELHVCQUF1QjtJQUMzQjs7SUFFQTtRQUNJLGdDQUFnQztRQUNoQywrQkFBK0I7UUFDL0IsbUNBQW1DO0lBQ3ZDO0FBQ0oiLCJzb3VyY2VzQ29udGVudCI6WyIvKiogQ29weXJpZ2h0IChDKSBNaWNyb3NvZnQgQ29ycG9yYXRpb24uIEFsbCByaWdodHMgcmVzZXJ2ZWQuXHJcbiAqIFVzZSBvZiB0aGlzIHNvdXJjZSBjb2RlIGlzIGdvdmVybmVkIGJ5IGEgQlNELXN0eWxlIGxpY2Vuc2UgdGhhdCBjYW4gYmVcclxuICogZm91bmQgaW4gdGhlIExJQ0VOU0UgZmlsZS5cclxuICovXHJcblxyXG4ubXNyZWFkb3V0LXdvcmQtaGlnaGxpZ2h0IHtcclxuICAgIGJhY2tncm91bmQ6ICNGQ0ZDRkMgIWltcG9ydGFudDtcclxuICAgIGNvbG9yOiBibGFjayAhaW1wb3J0YW50O1xyXG4gICAgbWl4LWJsZW5kLW1vZGU6IG11bHRpcGx5ICFpbXBvcnRhbnQ7XHJcbn1cclxuXHJcbi5tc3JlYWRvdXQtbGluZS1oaWdobGlnaHQge1xyXG4gICAgYmFja2dyb3VuZDogI0M1QzVDNSAhaW1wb3J0YW50O1xyXG4gICAgY29sb3I6IGJsYWNrICFpbXBvcnRhbnQ7XHJcbiAgICBtaXgtYmxlbmQtbW9kZTogbXVsdGlwbHkgIWltcG9ydGFudDtcclxufVxyXG5cclxuLm1zcmVhZG91dC1iYWNrZ3JvdW5kLWhpZ2hsaWdodCB7XHJcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiByZ2JhKDE4NCwxODQsMTg0LDAuODIpICFpbXBvcnRhbnQ7XHJcbiAgICBjb2xvcjogYmxhY2sgIWltcG9ydGFudDtcclxufVxyXG5cclxuLm1zcmVhZG91dC1pbmFjdGl2ZS1oaWdobGlnaHQge1xyXG4gICAgYmFja2dyb3VuZDogI0M1QzVDNSAhaW1wb3J0YW50O1xyXG4gICAgY29sb3I6IGJsYWNrICFpbXBvcnRhbnQ7XHJcbiAgICBtaXgtYmxlbmQtbW9kZTogbXVsdGlwbHkgIWltcG9ydGFudDtcclxufVxyXG5cclxuLyogVGhlIGJlbG93IGFwYXJ0IG9mIHRoZSBjb2RlIGZvciBoaWdoLWNvbnRyYXN0IGhhbmRsaW5nICovXHJcbkBtZWRpYSBzY3JlZW4gYW5kIChmb3JjZWQtY29sb3JzOiBhY3RpdmUpIHtcclxuICAgIC5tc3JlYWRvdXQtd29yZC1oaWdobGlnaHQge1xyXG4gICAgICAgIGZvcmNlZC1jb2xvci1hZGp1c3Q6IG5vbmU7XHJcbiAgICAgICAgYmFja2dyb3VuZDogbm9uZSAhaW1wb3J0YW50O1xyXG4gICAgICAgIGJvcmRlci1zdHlsZTogc29saWQgIWltcG9ydGFudDtcclxuICAgICAgICBib3JkZXItd2lkdGg6IG1lZGl1bSAhaW1wb3J0YW50O1xyXG4gICAgICAgIGJvcmRlci1jb2xvcjogSGlnaGxpZ2h0ICFpbXBvcnRhbnQ7XHJcbiAgICAgICAgbWl4LWJsZW5kLW1vZGU6IG5vcm1hbCAhaW1wb3J0YW50O1xyXG4gICAgfVxyXG5cclxuICAgIC5tc3JlYWRvdXQtbGluZS1oaWdobGlnaHQge1xyXG4gICAgICAgIGZvcmNlZC1jb2xvci1hZGp1c3Q6IG5vbmU7XHJcbiAgICAgICAgYmFja2dyb3VuZDogbm9uZSAhaW1wb3J0YW50O1xyXG4gICAgICAgIGNvbG9yOiBibGFjayAhaW1wb3J0YW50O1xyXG4gICAgICAgIG1peC1ibGVuZC1tb2RlOiBtdWx0aXBseSAhaW1wb3J0YW50O1xyXG4gICAgfVxyXG5cclxuICAgIC5tc3JlYWRvdXQtYmFja2dyb3VuZC1oaWdobGlnaHQge1xyXG4gICAgICAgIGJhY2tncm91bmQtY29sb3I6IHJnYmEoMTg0LDE4NCwxODQsMC44MikgIWltcG9ydGFudDtcclxuICAgICAgICBjb2xvcjogYmxhY2sgIWltcG9ydGFudDtcclxuICAgIH1cclxuXHJcbiAgICAubXNyZWFkb3V0LWluYWN0aXZlLWhpZ2hsaWdodCB7XHJcbiAgICAgICAgYmFja2dyb3VuZDogSGlnaGxpZ2h0ICFpbXBvcnRhbnQ7XHJcbiAgICAgICAgY29sb3I6IEhpZ2hsaWdodFRleHQgIWltcG9ydGFudDtcclxuICAgICAgICBtaXgtYmxlbmQtbW9kZTogbXVsdGlwbHkgIWltcG9ydGFudDtcclxuICAgIH1cclxufSJdLCJzb3VyY2VSb290IjoiIn0= */</style><style data-jss="" data-meta="attribution">
.c01175 {
display: flex;
z-index: 2;
opacity: 0;
position: fixed;
transition: opacity 500ms cubic-bezier(0.25, 0.1, 0.25, 1);
align-items: center;
flex-direction: row-reverse;
pointer-events: none;
justify-content: center;
left: 28px;
bottom: 28px;
}
.c01176 {
opacity: 1;
}
.c01176 .c01178 {
pointer-events: all;
}
.c01177 {
opacity: 1;
}
.c01177 .c01178 {
opacity: 1;
pointer-events: all;
transition-delay: 0s;
}
.c01177 .c01179 {
opacity: 1;
transform: translate(0, 0);
padding-right: 28px;
pointer-events: all;
transition-delay: 0s;
}
.c01178 {
float: left;
display: flex;
opacity: 0.3;
transition: opacity 100ms cubic-bezier(0.25, 0.1, 0.25, 1);
align-items: center;
justify-content: center;
background-color: #B30B00;
transition-delay: 2s;
border-radius: 4px;
height: 24px;
width: 24px;
margin-right: 8px;
}
.c01178:hover ~ .c01179 {
opacity: 1;
transform: translate(0, 0);
padding-right: 28px;
pointer-events: all;
transition-delay: 0s;
}
.c01178:hover {
opacity: 1;
transition-delay: 0s;
}
@media (forced-colors:active) {
.c01178 {
opacity: 1;
forced-color-adjust: none;
}
}
@media (prefers-color-scheme: dark) {
.c01178 {
opacity: 0.6;
}
}
.c01179 {
float: right;
opacity: 0;
text-align: left;
transition: opacity 200ms cubic-bezier(0.25, 0.1, 0.25, 1),transform 200ms cubic-bezier(0.25, 0.1, 0.25, 1);
padding-right: 36px;
transition-delay: 2s;
font-size: 10px;
line-height: 16px;
transform: translate(-8px, 0);
color: #FFFFFF;
}
.c01180 {
opacity: 1;
transform: translate(0, 0);
padding-right: 28px;
pointer-events: all;
transition-delay: 0s;
}
.c01181 {
opacity: 1;
transition-delay: 0s;
}
</style><style data-jss="" data-meta="hk">
.c01172 {
float: left;
width: 40px;
font-size: 107.6923%;
text-align: center;
box-shadow: 0 0.3px 0.9px rgba(0, 0, 0, 0.11), 0 1.6px 3.6px rgba(0, 0, 0, 0.13);
line-height: 40px;
font-family: system-ui, sans-serif;
font-weight: 600;
border-radius: 2px;
background-color: #4A4A4A;
}
.c01173 {
float: left;
width: 0;
height: 0;
display: inline;
transform: scaleX(-1);
border-top: 6px solid transparent;
margin-top: 14px;
border-left: 8px solid;
border-bottom: 6px solid transparent;
border-left-color: #4A4A4A;
}
.c01174 {
left: 0 !important;
right: unset !important;
display: flex;
z-index: 2;
opacity: 0;
position: fixed;
transition: opacity 400ms ease-in-out;
visibility: hidden;
}
</style><style data-jss="" data-meta="Caret">
.c01171 {
stroke: #000000;
z-index: 3;
pointer-events: none;
}
@media (forced-colors:active) {
.c01171 {
stroke: WindowText;
forced-color-adjust: none;
}
}
</style><style data-jss="" data-meta="Sf">
.c01168 {
width: 100%;
position: fixed;
}
.c01169 {
z-index: 4;
}
.c01170 {
z-index: 3;
}
</style><style data-jss="" data-meta="TextNotePreview">
.c01166 {
z-index: 3;
pointer-events: none;
box-shadow: 0px 12.8px 28.8px rgba(0,0,0,0.25569638034578496), 0px 0px 9.2px rgba(0,0,0,0.21635847567720265);
background: #4A4A4A;
padding: 12px;
border-radius: 4px;
}
@media (forced-colors:active) {
.c01166 {
background: Window;
forced-color-adjust: none;
border: 1px solid ButtonText;
}
}
.c01167 {
z-index: 3;
background: rgba(0, 0, 0, 0.1);
pointer-events: none;
}
@media (forced-colors:active) {
.c01167 {
background: none;
forced-color-adjust: none;
border: 1px solid ButtonText;
}
}
</style><style data-jss="" data-meta="ProgressBar">
.c01165 {
top: 41px;
left: 0;
right: 0;
width: auto;
bottom: 0;
margin: 0;
position: absolute;
}
</style><style data-jss="" data-meta="BaseTypography">
.c01155 {
margin-top: 0;
transition: all 0.2s ease-in-out;
margin-bottom: 0;
color: #FFFFFF;
}
.c01156 {
font-size: 60px;
line-height: 72px;
}
.c01157 {
font-size: 46px;
line-height: 56px;
}
.c01158 {
font-size: 34px;
line-height: 44px;
}
.c01159 {
.c01153 {
color: GrayText;
}
}
@media (-ms-high-contrast:active) {
.c01153:disabled {
color: GrayText;
opacity: 1;
}
}
@media (forced-colors:active) {
.c01153:disabled {
fill: GrayText !important;
color: GrayText !important;
opacity: 1;
background: ButtonFace !important;
border-color: GrayText !important;
}
}
@media (forced-colors:active) {
.c01153:focus:enabled {
border-color: ButtonText;
box-shadow: 0 0 0 1px inset ButtonText;
}
}
@media (forced-colors:active) {
.c01153:hover:enabled {
background: ButtonFace;
border: 1px solid Highlight;
}
}
.c01154 {
margin: 0;
box-sizing: border-box;
transition: all 0.2s ease-in-out;
font-family: inherit;
font-size: 14px;
line-height: 20px;
font-weight: 400;
background: #4D4D4D;
border: 1px solid transparent;
color: #FFFFFF;
padding: 0 11px;
border-radius: 2px;
}
.c01154:hover:enabled {
border-color: transparent;
background: #545454;
}
.c01154:active:enabled {
border-color: transparent;
}
.c01154:focus:enabled {
border-color: #909090;
}
.c01154:disabled {
cursor: not-allowed !important;
opacity: 0.3;
}
.c01154::placeholder {
color: #BEBEBE;
}
@media (forced-colors:active) {
.c01154 {
background: ButtonFace;
border-color: ButtonText;
forced-color-adjust: none;
}
}
@media (forced-colors:active) {
.c01154::placeholder {
color: GrayText;
}
}
@media (-ms-high-contrast:active) {
.c01154:disabled {
color: GrayText;
opacity: 1;
}
}
@media (forced-colors:active) {
.c01154:disabled {
fill: GrayText !important;
color: GrayText !important;
opacity: 1;
background: ButtonFace !important;
border-color: GrayText !important;
}
}
@media (forced-colors:active) {
.c01154:hover:enabled {
background: ButtonFace;
border: 1px solid Highlight;
}
}
</style><style data-jss="" data-meta="PageSelector">
.c01149 {
display: flex;
align-items: center;
}
.c01150 {
padding-right: 2px;
}
.c01151 {
width: 40px;
height: 32px;
text-align: center;
padding-left: 4px;
border-radius: 2px;
padding-right: 4px;
font-size: 12px;
line-height: 16px;
background-color: #4A4A4A;
}
.c01151:hover {
background-color: #4A4A4A;
}
.c01151:disabled {
cursor: default !important;
}
.c01151:hover:enabled {
background-color: #4A4A4A;
}
.c01152 {
margin: 0 10px 0 8px;
user-select: none;
white-space: nowrap;
}
</style><style data-jss="" data-meta="MSFTButtonBase">
.c01140 {
position: relative;
}
.c01140::before {
width: 100%;
bottom: -3px;
content: '';
display: block;
position: absolute;
height: 1px;
right: 0;
}
.c01140 svg {
}
.c01141 {
cursor: not-allowed !important;
opacity: 0.3;
}
@media (-ms-high-contrast:active) {
.c01141 {
color: GrayText;
opacity: 1;
}
}
.c01142 {
display: flex;
min-width: 20px;
min-height: 20px;
align-items: center;
justify-content: center;
}
.c01143 {
}
.c01144 {
}
.c01145 {
}
.c01146 {
}
.c01147 {
}
.c01147 .c01143 {
margin-left: 10px;
}
.c01147 .c01144 {
margin-right: 10px;
}
.c01148 {
cursor: pointer;
display: inline-flex;
overflow: hidden;
max-width: 374px;
box-sizing: border-box;
transition: all 0.1s ease-in-out;
line-height: 1;
font-family: inherit;
align-items: center;
white-space: nowrap;
justify-content: center;
text-decoration: none;
font-size: 14px;
border: 2px solid transparent;
border-radius: 2px;
min-width: 32px;
padding: 0 8px;
height: 32px;
color: #FFFFFF;
fill: #FFFFFF;
background: #3B3B3B;
}
.c01148::-moz-focus-inner {
border: 0;
}
.c01148:hover:enabled {
background-color: #484848;
}
.c01148:active:enabled {
background-color: #424242;
}
.c01148:focus {
outline: none;
}
.c01148:focus-visible {
border-color: #909090;
}
.c01148:disabled {
}
@media (forced-colors:active) {
.c01148 {
fill: ButtonText;
color: ButtonText;
border: none;
background: ButtonFace;
forced-color-adjust: none;
}
}
a.c01148 {
}
@media (forced-colors:active) {
a.c01148 {
fill: LinkText !important;
color: LinkText !important;
background: Window;
border-color: LinkText !important;
}
}
a.c01148:not(.c01141):hover {
background-color: #484848;
}
a.c01148:not(.c01141):active {
background-color: #424242;
}
a.c01148:focus {
outline: none;
}
a.c01148:focus-visible {
border-color: #909090;
}
a.c01148.c01141 {
}
a.c01148.c01141:focus-visible {
border-color: transparent;
}
@media (forced-colors:active) {
a.c01148.c01141:focus-visible {
background: ButtonFace !important;
box-shadow: none;
}
}
@media (forced-colors:active) {
a.c01148.c01141 {
fill: GrayText !important;
color: GrayText !important;
opacity: 1;
background: ButtonFace !important;
border-color: GrayText !important;
}
}
@media (forced-colors:active) {
a.c01148:focus-visible {
background: LinkText !important;
}
}
@media (forced-colors:active) {
a.c01148:not(.c01141):hover {
fill: HighlightText !important;
color: HighlightText !important;
background: LinkText !important;
}
}
@media (forced-colors:active) {
.c01148:disabled {
fill: GrayText !important;
color: GrayText !important;
opacity: 1;
background: ButtonFace !important;
border-color: GrayText !important;
}
}
@media (forced-colors:active) {
.c01148:focus-visible {
fill: HighlightText !important;
color: HighlightText !important;
background: Highlight;
box-shadow: none;
}
}
@media (forced-colors:active) {
.c01148:hover:enabled {
fill: HighlightText;
color: HighlightText;
background: Highlight;
}
}
</style><style data-jss="" data-meta="MSFTButton">
.c0176 {
cursor: pointer;
display: inline-flex;
overflow: hidden;
max-width: 374px;
box-sizing: border-box;
transition: all 0.1s ease-in-out;
line-height: 1;
font-family: inherit;
align-items: center;
white-space: nowrap;
justify-content: center;
text-decoration: none;
font-size: 14px;
min-width: 32px;
padding: 0 8px;
height: 32px;
border: 2px solid transparent;
border-radius: 2px;
color: #FFFFFF;
fill: #FFFFFF;
background: #4D4D4D;
}
.c0176:hover:enabled, a.c0176:not(.c0183):hover {
background: #545454;
}
.c0176:active:enabled, a.c0176:not(.c0183):active {
background: #484848;
}
.c0176:focus {
outline: none;
}
.c0176:focus-visible {
border-color: #909090;
}
.c0176:disabled {
}
.c0176::-moz-focus-inner {
border: 0;
}
@media (forced-colors:active) {
.c0176 {
fill: ButtonText;
color: ButtonText;
background: ButtonFace;
border-color: ButtonText;
forced-color-adjust: none;
}
}
a.c0176:not(.c0183) {
}
@media (forced-colors:active) {
a.c0176:not(.c0183) {
fill: LinkText !important;
color: LinkText !important;
background: Window;
border-color: LinkText !important;
}
}
a.c0176:not(.c0183):not(.c0183):hover {
}
a.c0176:not(.c0183).c0183 {
}
@media (forced-colors:active) {
a.c0176:not(.c0183).c0183 {
fill: GrayText !important;
color: GrayText !important;
opacity: 1;
background: ButtonFace !important;
border-color: GrayText !important;
}
}
a.c0176:not(.c0183).c0183:hover {
}
@media (forced-colors:active) {
a.c0176:not(.c0183).c0183:hover {
box-shadow: none !important;
}
}
@media (forced-colors:active) {
a.c0176:not(.c0183):not(.c0183):hover {
background: ButtonFace;
box-shadow: 0 0 0 1px inset LinkText !important;
}
}
a.c0176:not(.c0183):not(.c0183):hover .c0187, a.c0176:not(.c0183):not(.c0183):hover .c0188 {
}
@media (forced-colors:active) {
a.c0176:not(.c0183):not(.c0183):hover .c0187, a.c0176:not(.c0183):not(.c0183):hover .c0188 {
fill: LinkText !important;
color: LinkText !important;
}
}
@media (forced-colors:active) {
.c0176:disabled {
fill: GrayText !important;
color: GrayText !important;
opacity: 1;
background: ButtonFace !important;
border-color: GrayText !important;
}
}
@media (forced-colors:active) {
.c0176:focus-visible {
border-color: ButtonText;
box-shadow: 0 0 0 1px inset ButtonText;
}
}
@media (forced-colors:active) {
.c0176:hover:enabled, a.c0176:not(.c0183):hover {
fill: HighlightText;
color: HighlightText;
background: Highlight;
}
}
.c0176:hover:enabled .c0187, .c0176:hover:enabled .c0188, a.c0176:not(.c0183):hover .c0187, a.c0176:not(.c0183):hover .c0188 {
}
@media (forced-colors:active) {
.c0176:hover:enabled .c0187, .c0176:hover:enabled .c0188, a.c0176:not(.c0183):hover .c0187, a.c0176:not(.c0183):hover .c0188 {
fill: HighlightText !important;
color: HighlightText !important;
}
}
.c0177 {
color: #FFFFFF;
fill: #FFFFFF;
background: #006CBE;
}
.c0177:hover:enabled, a.c0177:not(.c0183):hover {
background: #0078D4;
}
.c0177:active:enabled, a.c0177:not(.c0183):active {
background: #005CA3;
}
.c0177:focus {
outline: none;
}
.c0177:focus-visible {
border-color: #909090;
box-shadow: 0 0 0 2px inset #003B68;
}
.c0177 .c0187, .c0177 .c0188 {
fill: #FFFFFF;
}
@media (forced-colors:active) {
.c0177 {
fill: HighlightText;
color: HighlightText;
background: Highlight;
border-color: Highlight;
forced-color-adjust: none;
}
}
a.c0177:not(.c0183) {
}
a.c0177:not(.c0183) .c0187, a.c0177:not(.c0183) .c0188 {
}
@media (forced-colors:active) {
a.c0177:not(.c0183) .c0187, a.c0177:not(.c0183) .c0188 {
fill: LinkText !important;
color: LinkText !important;
}
}
@media (forced-colors:active) {
.c0177:focus-visible {
border-color: ButtonText !important;
box-shadow: 0 0 0 2px inset ButtonFace;
}
}
@media (forced-colors:active) {
.c0177:hover:enabled, a.c0177:not(.c0183):hover {
fill: Highlight;
color: Highlight;
background: HighlightText;
border-color: Highlight;
}
}
.c0178 {
background: transparent;
border: 1px solid #7B7B7B;
padding: 0 9px;
}
.c0178:hover:enabled, a.c0178:not(.c0183):hover {
background: transparent;
border: 1px solid #A2A2A2;
}
.c0178:active:enabled, a.c0178:not(.c0183):active {
background: transparent;
border: 1px solid #646464;
}
.c0178:focus {
outline: none;
}
.c0178:focus-visible {
box-shadow: 0 0 0 1px #909090 inset;
border-color: #909090;
}
@media (forced-colors:active) {
.c0178 {
fill: ButtonText;
color: ButtonText;
background: ButtonFace;
border-color: ButtonText;
forced-color-adjust: none;
}
}
@media (forced-colors:active) {
.c0178:focus-visible {
border-color: ButtonText;
box-shadow: 0 0 0 1px inset ButtonText;
}
}
@media (forced-colors:active) {
.c0178:hover:enabled, a.c0178:not(.c0183):hover {
fill: HighlightText;
color: HighlightText;
background: Highlight;
}
}
.c0179 {
background-color: transparent;
color: #63ADE5;
fill: #63ADE5;
}
.c0179:focus {
outline: none;
}
.c0179:focus-visible {
box-shadow: none;
border-color: transparent;
}
.c0179 .c0182::before {
}
.c0179:hover .c0182::before {
background: #7DBAE9;
}
.c0179:hover.c0183 .c0182::before {
display: none;
}
.c0179:active .c0182::before {
background: #52A3E2;
}
.c0179.c0183, .c0179.c0183 .c0182::before {
background-color: transparent;
}
.c0179:hover:enabled, a.c0179:not(.c0183):hover {
background-color: transparent;
color: #7DBAE9;
}
.c0179:active:enabled, a.c0179:not(.c0183):active {
background-color: transparent;
color: #52A3E2;
fill: #52A3E2;
}
@media (forced-colors:active) {
.c0179 {
fill: ButtonText;
color: ButtonText;
border: none;
background: ButtonFace;
forced-color-adjust: none;
}
}
a.c0179:not(.c0183) {
}
a.c0179:not(.c0183):not(.c0183):hover {
}
a.c0179:not(.c0183).c0183 {
}
a.c0179:not(.c0183) .c0182::before {
}
@media (forced-colors:active) {
a.c0179:not(.c0183) .c0182::before {
background: transparent;
}
}
@media (forced-colors:active) {
a.c0179:not(.c0183).c0183 {
fill: GrayText !important;
color: GrayText !important;
opacity: 1;
background: ButtonFace !important;
border-color: GrayText !important;
}
}
@media (forced-colors:active) {
a.c0179:not(.c0183):not(.c0183):hover {
fill: LinkText !important;
color: LinkText !important;
box-shadow: none !important;
}
}
a.c0179:not(.c0183):not(.c0183):hover .c0182::before {
}
@media (forced-colors:active) {
a.c0179:not(.c0183):not(.c0183):hover .c0182::before {
background: LinkText !important;
}
}
@media (forced-colors:active) {
.c0179:hover:enabled, a.c0179:not(.c0183):hover {
fill: Highlight !important;
color: Highlight !important;
}
}
.c0179:hover:enabled .c0187, .c0179:hover:enabled .c0188, a.c0179:not(.c0183):hover .c0187, a.c0179:not(.c0183):hover .c0188 {
fill: #7DBAE9;
}
@media (forced-colors:active) {
.c0179:hover:enabled .c0187, .c0179:hover:enabled .c0188, a.c0179:not(.c0183):hover .c0187, a.c0179:not(.c0183):hover .c0188 {
fill: Highlight !important;
color: Highlight !important;
}
}
@media (forced-colors:active) {
.c0179:hover .c0182::before {
background: Highlight;
}
}
@media (forced-colors:active) {
.c0179 .c0182::before {
background: ButtonText;
}
}
@media (forced-colors:active) {
.c0179:focus-visible {
fill: Highlight !important;
color: Highlight !important;
}
}
.c0179:focus-visible .c0182::before {
background: #FFFFFF;
height: 2px;
}
@media (forced-colors:active) {
.c0179:focus-visible .c0182::before {
background: Highlight;
}
}
.c0180 {
min-width: 74px;
padding-left: 0;
border-width: 0;
padding-right: 0;
justify-content: flex-start;
background-color: transparent;
color: #63ADE5;
fill: #63ADE5;
}
.c0180:focus {
outline: none;
}
.c0180:focus-visible {
box-shadow: none;
border-color: transparent;
}
.c0180 .c0182::before {
}
.c0180:hover .c0182::before {
background: #7DBAE9;
}
.c0180:hover.c0183 .c0182::before {
display: none;
}
.c0180:active .c0182::before {
background: #52A3E2;
}
.c0180.c0183, .c0180.c0183 .c0182::before {
background-color: transparent;
}
.c0180:hover:enabled, a.c0180:not(.c0183):hover {
background-color: transparent;
color: #7DBAE9;
}
.c0180:active:enabled, a.c0180:not(.c0183):active {
background-color: transparent;
color: #52A3E2;
fill: #52A3E2;
}
@media (forced-colors:active) {
.c0180 {
fill: ButtonText;
color: ButtonText;
border: none;
background: ButtonFace;
forced-color-adjust: none;
}
}
a.c0180:not(.c0183) {
}
a.c0180:not(.c0183):not(.c0183):hover {
}
a.c0180:not(.c0183).c0183 {
}
@media (forced-colors:active) {
a.c0180:not(.c0183).c0183 {
fill: GrayText !important;
color: GrayText !important;
opacity: 1;
background: ButtonFace !important;
border-color: GrayText !important;
}
}
@media (forced-colors:active) {
a.c0180:not(.c0183):not(.c0183):hover {
fill: LinkText !important;
color: LinkText !important;
box-shadow: none !important;
}
}
a.c0180:not(.c0183):not(.c0183):hover .c0182::before {
}
@media (forced-colors:active) {
a.c0180:not(.c0183):not(.c0183):hover .c0182::before {
background: LinkText !important;
}
}
@media (forced-colors:active) {
.c0180:hover:enabled, a.c0180:not(.c0183):hover {
fill: Highlight !important;
color: Highlight !important;
}
}
.c0180:hover:enabled .c0187, .c0180:hover:enabled .c0188, a.c0180:not(.c0183):hover .c0187, a.c0180:not(.c0183):hover .c0188 {
fill: #7DBAE9;
}
@media (forced-colors:active) {
.c0180:hover:enabled .c0187, .c0180:hover:enabled .c0188, a.c0180:not(.c0183):hover .c0187, a.c0180:not(.c0183):hover .c0188 {
fill: Highlight !important;
color: Highlight !important;
}
}
@media (forced-colors:active) {
.c0180:hover .c0182::before {
background: Highlight;
}
}
@media (forced-colors:active) {
.c0180 .c0182::before {
background: ButtonText;
}
}
@media (forced-colors:active) {
.c0180:focus-visible {
fill: Highlight !important;
color: Highlight !important;
}
}
.c0180:focus-visible .c0182::before {
background: #FFFFFF;
height: 2px;
}
@media (forced-colors:active) {
.c0180:focus-visible .c0182::before {
background: Highlight;
}
}
.c0181 {
background: #3B3B3B;
}
.c0181:hover:enabled, a.c0181:not(.c0183):hover {
background-color: #484848;
}
.c0181:active:enabled, a.c0181:not(.c0183):active {
background-color: #424242;
}
.c0181:focus {
outline: none;
}
.c0181:focus-visible {
border-color: #909090;
}
@media (forced-colors:active) {
.c0181 {
fill: ButtonText;
color: ButtonText;
border: none;
background: ButtonFace;
forced-color-adjust: none;
}
}
@media (forced-colors:active) {
.c0181:focus-visible {
border-color: ButtonText;
box-shadow: 0 0 0 1px inset ButtonText;
}
}
@media (forced-colors:active) {
.c0181:hover:enabled, a.c0181:not(.c0183):hover {
fill: HighlightText;
color: HighlightText;
background: Highlight;
}
}
.c0182 {
position: relative;
}
.c0182::before {
width: 100%;
bottom: -3px;
content: '';
display: block;
position: absolute;
height: 1px;
right: 0;
}
.c0182 svg {
}
.c0183 {
cursor: not-allowed !important;
opacity: 0.3;
}
@media (-ms-high-contrast:active) {
.c0183 {
color: GrayText;
opacity: 1;
}
}
@media (forced-colors:active) {
.c0183 {
fill: GrayText !important;
color: GrayText !important;
opacity: 1;
background: ButtonFace !important;
border-color: GrayText !important;
}
}
.c0183 .c0187, .c0183 .c0188 {
}
@media (forced-colors:active) {
.c0183 .c0187, .c0183 .c0188 {
fill: GrayText !important;
color: GrayText !important;
opacity: 1;
}
}
.c0184 {
display: flex;
min-width: 20px;
min-height: 20px;
align-items: center;
justify-content: center;
}
.c0185 {
}
.c0186 {
}
.c0187 {
}
.c0188 {
}
.c0189 {
}
.c0189 -
Podo: Support AI Agentمرحباً،
لتغيير اتجاه النموذج الخاص بك إلى الاتجاه من اليمين إلى اليسار (RTL) للغات مثل العربية، يمكنك اتباع الخطوات التالية في منشئ النماذج:
- انقر على أيقونة الدهان (roller paint icon) في أعلى يمين صفحة منشئ النماذج.
- اذهب إلى قسم الأنماط (Styles) في الأعلى.
- قم بالتمرير إلى أسفل إلى قسم إدخال CSS مخصص (Inject Custom CSS).
- أدخل الكود التالي في محرر CSS:
.form-all, .form-header, .form-subHeader, .form-textarea, .form-textbox {direction: rtl;text-align: right !important;}.form-checkbox-item:not(#foo) label:before, .form-radio-item:not(#foo) label:before {right: 0;margin-right: 0;float: right;}.form-radio-item:not(#foo) label:after {right: 4px;}.form-checkbox-item:not(#foo) label:after {right: 8px;}.form-checkbox-item:not(#foo) label {float: right;}.form-all .form-section .form-col-2 {width: 33.3% !important;}.form-label, label.form-label.form-label-auto, label.form-label:not(.form-label-top) {text-align: right !important;}span.phone-separate {display: none;}.form-line-error .form-error-message {right: unset !important;left: 0 !important;text-align: left;}.form-checkbox-item:not(#foo) label:after {right: 0;}.form-multiple-column, .form-single-column {width: 100%;display: inline-flex;flex-wrap: wrap;}.form-multiple-column .form-checkbox-item, .form-multiple-column .form-radio-item, .form-single-column .form-checkbox-item, .form-single-column .form-radio-item {width: 100%;}.form-checkbox+label, .form-checkbox+span, .form-radio+label, .form-radio+span {padding-right: 30px;padding-left: 0;}.form-matrix-values label.matrix-choice-label {padding-right: 20px;padding-left: 0;}.form-label:not(.form-label-top) + .form-input .form-address-line + .form-address-line {margin-right: 8px;}.form-address-line + .form-address-line {margin-left: 0;}.form-product-item .p_image .image_area {margin-left: 10px;margin-right: 10px;} - قم بمعاينة النموذج في وضع العرض المسبق أو العرض المباشر لرؤية التغييرات.
هذا الكود يعمل على العناصر الأساسية للنموذج وبعض الأدوات المساعدة. إذا كنت بحاجة إلى مساعدة إضافية في محاذاة عناصر النموذج التي لا يغطيها هذا الكود، يمكنك طلب المزيد من الدعم.
دعنا نعرف إذا كنت بحاجة إلى أي مساعدة أخرى.
Your Reply
Something Went Wrong
An error occurred while generating the AI response. Please try again!