@charset "UTF-8"; @font-face { font-family: vazirmatn; font-style: normal; font-weight: 500; src: url(/assets/app/fonts/dd2193b3.woff2) format('woff2'); font-display: swap; } @font-face { font-family: vazirmatn; font-style: normal; font-weight: bold; src: url(/assets/app/fonts/7958481f.woff2) format('woff2'); font-display: swap; } @font-face { font-family: vazirmatn; font-style: normal; font-weight: normal; src: url(/assets/app/fonts/cdc14062.woff2) format('woff2'); font-display: swap; } @font-face { font-family: vazirmatn; font-style: normal; font-weight: 600; src: url(/assets/app/fonts/9260c192.woff2) format('woff2'); font-display: swap; } html { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; font-weight: 400; text-rendering: optimizeLegibility; text-shadow: none !important; } h4 { text-shadow: none !important; line-height: 1.3rem !important; } html { -webkit-box-sizing: border-box; box-sizing: border-box; --animation-time: 600ms; --animation-long-time: 1s; --bg-main-color: #fff; --bg-error-color: #fcf6f7; --disabled-bg-color: #f9f9f9; --primary-color: #01a61c; --shop-primary-color: #b400a4; --similar-list-background: #f8f9fb; --text-color: #404040; --text-white: #fff; --text-green: #22a958; --text-green-rgb: 34, 169, 88; --input-color: #cbcbcb; --text-color-light: #a3a3a3; --text-color-light-2: #a2a2a2; --text-icon-color: #f2f2f2; --seperator-color: #e6e6e6; --divider-color: #ececec; --border-color: #edf4fe; --border-color-light: #cccc; --card-border-color: #f2f2f2; --highlight-color: #3478f6; --error-color: #bd272d; --landing-color: #f5f3ff; --landing-header-color: #6616d0; --landing-shadow-color: #d8d0ff; --text-xxx-small: 7px; --text-xx-small: 8px; --text-x-md-small: 9.1px; --text-x-small: 10px; --text-x-mid-small: 11px; --text-x-avr-small: 11.2px; --text-small: 12px; --text-medium: 12px; --text-size: 16px; --text-large: 17px; --text-m-large: 18px; --text-x-large: 20px; --text-xx-large: 22px; --text-xxx-large: 22px; --text-xxxx-large: 32px; --nav-size: 48px; --shell-margin-bottom: 56px; --font-ultraLight: 200; --font-light: 300; --font-regular: 400; --font-medium: 500; --font-bold: 600; --font-bolder: 700; --card-shadow: rgba(0, 0, 0, 0.1); --card-shadow-1: 0 2px 8px 0 var(--card-shadow); --card-shadow-2: 0 2px 12px 0 var(--card-shadow); --card-shadow-3: 0 2px 6px 0 var(--card-shadow); --ribbon-shadow: 0 2px 15px 0 rgba(39, 43, 51, 0.1); --danger-color: red; --black-color: #353535; --white-color: #fff; --dark-blue: #2850a7; --green-color: #00d170; --verdun-green-color: #305d02; --light-verdun-color: rgba(48, 93, 2, 0.08); --bilbao-green-color: #3f7e00; --dark-bilbao-color: rgba(63, 126, 0, 0.08); --limeade-green-color: #5ba829; --light-limeade-color: rgba(91, 168, 41, 0.08); --yellow-green-color: #9acd32; --light-yellow-green-color: rgba(154, 205, 50, 0.08); --Barbery-color: #cdd614; --light-Barbery-color: rgba(205, 214, 20, 0.08); --selective-yellow-color: #ffba00; --light-selective-yellow-color: rgba(255, 186, 0, 0.08); --safety-orange-color: #ff7800; --light-safety-orange-color: rgba(255, 120, 0, 0.08); --scarlet-color: #ff2717; --light-scarlet-color: rgba(255, 39, 23, 0.08); --venetian-red-color: #c10914; --light-venetian-color: rgba(193, 9, 20, 0.08); --forest-green-color: #2a9134; --gray-color: #505050; --gray-dark-color: #383838; --gray-light-dark-color: #7a7a7a; --gray-light-color: #979797; --gray-lighter-color: #c7c7c7; --gray-lightest-color: #f4f3f3; --gray-back-color: #f3f5f9; --gray-skeleton-color: #e2e2e2; --services-background-color: #f3f5f9; --primary-deep-green: #22a958; --silver-color: #868686; --sea-blue-color: #78b6de; --light-blue-color: #008efa; --red-color: #f13224; --lipstick: #aa004e; --seperator: 1px solid var(--seperator-color); --border: 1px solid var(--border-color); --card-border: 1px solid var(--card-border-color); --card-border-light: 1px solid var(--card-bg); --light-gray: #f8f9fb; --light-orange: rgba(255, 143, 44, 0.1); --shocking-pink: #01a61c; --mango: #ff8f2c; --yellow: #ffdd00; --yellow-secondary: #f8d648; --mustard: #b400af; --border-ecommerce: #cdc5f2; --white-smoke-color: #f6f6f6; --gray-smoke-color: #f2f2f2; --light-green-color: #f4fbf7; --heart-red: #ff4232; --alpha-deep-green: rgba(34, 169, 88, 0.06); --alpha-red: rgba(189, 39, 45, 0.04); --alpha-carbon-grey: rgba(64, 64, 64, 0.04); --alpha-green: rgba(34, 169, 88, 0.04); --alpha-primary: rgba(255, 0, 164, 0.06); --card-bg: rgba(64, 64, 64, 0.04); --border-carbon-grey: rgba(64, 64, 64, 0.1); --green-badge: #3f7e00; --secondary-blue-color: #001fbb; --secondary-red: #bd272d; --starcolor-default: #305d02; --starcolor-45: #3f7e00; --starcolor-40: #5ba839; --starcolor-35: #9acd32; --starcolor-30: #cdd614; --starcolor-25: #ffba00; --starcolor-20: #ff7800; --starcolor-15: #ff2717; --starcolor-10: #c10914; --new-skeleton-gradient: linear-gradient(42.21deg, rgba(18, 25, 33, 0.2) 0%, rgba(18, 25, 33, 0) 100%); --shadow-neutral-gradient: linear-gradient(180deg, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.4) 56.25%, rgba(0, 0, 0, 0) 100%); --toaster-root-middle-bottom: 100px; } html[data-beauty="true"] { --primary-color: var(--mustard); } *, *::before, *::after { -webkit-box-sizing: inherit; box-sizing: inherit; -webkit-overflow-scrolling: touch; } * { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } input, textarea, [contenteditable] { -webkit-user-select: text; -moz-user-select: text; -ms-user-select: text; user-select: text; } ._2Jcca, ._2QbjW, ._1ncoX, .x5b7p { font-family: vazirmatn; direction: rtl; text-align: center; } body { font-family: vazirmatn; background: var(--bg-main-color); min-width: 300px; font-size: var(--text-small); color: var(--gray-color); } body::-webkit-scrollbar { display: none; } h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; } a { color: inherit; text-decoration: none; } a:hover, a:active { text-decoration: none; } #x_N_W ._1Rvdz ._3yJe0 svg { width: 14px !important; height: 14px !important; } ._1Rvdz { direction: ltr !important; } ._1Kqov { height: 200px; width: 100%; margin: 0 auto; } ._2mPzj ._2VFb6 { display: none; } .NrsfG:hover { color: white !important; } .ugjSa { position: relative; } .RnEfw { overflow-y: auto; overflow-x: hidden; -webkit-overflow-scrolling: touch; } ._3CdrU { top: 48px !important; } ._2lwzx { overflow-y: hidden; } /*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */ html { font-family: sans-serif; line-height: 1.15; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; } body { margin: 0; } article, aside, footer, header, nav, section { display: block; } h1 { font-size: 2em; margin: 0.67em 0; } figcaption, figure, main { display: block; } figure { margin: 1em 40px; } hr { -webkit-box-sizing: content-box; box-sizing: content-box; height: 0; overflow: visible; } pre { font-family: monospace, monospace; font-size: 1em; } a { background-color: transparent; -webkit-text-decoration-skip: objects; } a:active, a:hover { outline-width: 0; } abbr[title] { border-bottom: none; text-decoration: underline; -webkit-text-decoration: underline dotted; text-decoration: underline dotted; } b, strong { font-weight: inherit; } b, strong { font-weight: bolder; } code, kbd, samp { font-family: monospace, monospace; font-size: 1em; } dfn { font-style: italic; } mark { background-color: #ff0; color: #000; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } audio, video { display: inline-block; } audio:not([controls]) { display: none; height: 0; } img { border-style: none; } svg:not(:root) { overflow: hidden; } button, input, optgroup, select, textarea { font-family: inherit; font-size: 100%; line-height: 1.15; margin: 0; } button, input { overflow: visible; border-width: 0; } button, select { text-transform: none; } button, html [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; } button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; } button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; } fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } legend { -webkit-box-sizing: border-box; box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; } progress { display: inline-block; vertical-align: baseline; } textarea { overflow: auto; } [type="checkbox"], [type="radio"] { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0; } [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; } [type="search"] { -webkit-appearance: textfield; outline-offset: -2px; } [type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration { -webkit-appearance: none; } ::-webkit-file-upload-button { -webkit-appearance: button; font: inherit; } details, menu { display: block; } summary { display: list-item; } canvas { display: inline-block; } template { display: none; } [hidden] { display: none; } body.onboarding { overflow: hidden; } .introjs-overlay { background: none !important; -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); background-color: rgba(0, 0, 0, 0.5) !important; } .introjs-helperLayer { box-shadow: none !important; border: none !important; border-radius: 6px !important; } .introjs-tooltip { padding: 15px 20px !important; border-radius: 6px !important; box-shadow: 0 2px 12px 0 var(--gray-color); } .introjs-tooltiptext { font-size: 14px !important; margin-bottom: 18px !important; line-height: 23px !important; } .introjs-button { border-radius: 6px !important; background-image: none !important; text-shadow: none !important; font-size: 14px !important; font-family: inherit !important; margin: 0 5px 0 0 !important; min-width: 70px; box-sizing: border-box !important; text-align: center; padding: 7.5px 0 !important; flex-grow: 1; } .introjs-skipbutton { background-color: #fff !important; color: var(--text-color) !important; border: none !important; } .introjs-nextbutton, .introjs-donebutton { background-color: var(--primary-color) !important; color: #fff !important; border: none !important; } .introjs-arrow { display: none !important; } .introjs-tooltipbuttons { display: flex; flex-flow: row wrap; justify-content: space-between; align-items: center; } .introjs-disabled, .introjs-prevbutton { display: none !important; } .leaflet-control-container .leaflet-routing-container-hide { display: none; } body .crisp-client #crisp-chatbox > div > a { display: none !important; } body .crisp-client #crisp-chatbox [data-type="file"][data-state="preparing"] .crisp-icon-image { display: none !important; } .introjs-overlay { position: absolute; box-sizing: content-box; z-index: 999999; background-color: #000; opacity: 0; background: -moz-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, 0.4) 0, rgba(0, 0, 0, 0.9) 100%); background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(0, 0, 0, 0.4)), color-stop(100%, rgba(0, 0, 0, 0.9))); background: -webkit-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, 0.4) 0, rgba(0, 0, 0, 0.9) 100%); background: -o-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, 0.4) 0, rgba(0, 0, 0, 0.9) 100%); background: -ms-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, 0.4) 0, rgba(0, 0, 0, 0.9) 100%); background: radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, 0.4) 0, rgba(0, 0, 0, 0.9) 100%); filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#66000000',endColorstr='#e6000000',GradientType=1)"; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .introjs-fixParent { z-index: auto !important; opacity: 1 !important; -webkit-transform: none !important; -moz-transform: none !important; -ms-transform: none !important; -o-transform: none !important; transform: none !important; } .introjs-showElement, tr.introjs-showElement > td, tr.introjs-showElement > th { z-index: 9999999 !important; } .introjs-disableInteraction { z-index: 99999999 !important; position: absolute; background-color: white; opacity: 0; filter: alpha(opacity=0); } .introjs-relativePosition, tr.introjs-showElement > td, tr.introjs-showElement > th { position: relative; } .introjs-helperLayer { box-sizing: content-box; position: absolute; z-index: 9999998; background-color: #fff; background-color: rgba(255, 255, 255, 0.9); border: 1px solid #777; border: 1px solid rgba(0, 0, 0, 0.5); border-radius: 4px; box-shadow: 0 2px 15px rgba(0, 0, 0, 0.4); -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .introjs-tooltipReferenceLayer { box-sizing: content-box; position: absolute; visibility: hidden; z-index: 100000000; background-color: transparent; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .introjs-helperLayer *, .introjs-helperLayer *:before, .introjs-helperLayer *:after { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; -ms-box-sizing: content-box; -o-box-sizing: content-box; box-sizing: content-box; } .introjs-helperNumberLayer { box-sizing: content-box; position: absolute; visibility: visible; top: -16px; left: -16px; z-index: 9999999999 !important; padding: 2px; font-family: Arial, verdana, tahoma; font-size: 13px; font-weight: bold; color: white; text-align: center; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3); background: #ff3019; /* Old browsers */ background: -webkit-linear-gradient(top, #ff3019 0%, #cf0404 100%); /* Chrome10+,Safari5.1+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ff3019), color-stop(100%, #cf0404)); /* Chrome,Safari4+ */ background: -moz-linear-gradient(top, #ff3019 0%, #cf0404 100%); /* FF3.6+ */ background: -ms-linear-gradient(top, #ff3019 0%, #cf0404 100%); /* IE10+ */ background: -o-linear-gradient(top, #ff3019 0%, #cf0404 100%); /* Opera 11.10+ */ background: linear-gradient(to bottom, #ff3019 0%, #cf0404 100%); /* W3C */ width: 20px; height: 20px; line-height: 20px; border: 3px solid white; border-radius: 50%; filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3019', endColorstr='#cf0404', GradientType=0)"; /* IE6-9 */ filter: "progid:DXImageTransform.Microsoft.Shadow(direction=135, strength=2, color=ff0000)"; /* IE10 text shadows */ box-shadow: 0 2px 5px rgba(0, 0, 0, 0.4); } .introjs-arrow { border: 5px solid transparent; content: ""; position: absolute; } .introjs-arrow.top { top: -10px; border-bottom-color: white; } .introjs-arrow.top-right { top: -10px; right: 10px; border-bottom-color: white; } .introjs-arrow.top-middle { top: -10px; left: 50%; margin-left: -5px; border-bottom-color: white; } .introjs-arrow.right { right: -10px; top: 10px; border-left-color: white; } .introjs-arrow.right-bottom { bottom: 10px; right: -10px; border-left-color: white; } .introjs-arrow.bottom { bottom: -10px; border-top-color: white; } .introjs-arrow.bottom-right { bottom: -10px; right: 10px; border-top-color: white; } .introjs-arrow.bottom-middle { bottom: -10px; left: 50%; margin-left: -5px; border-top-color: white; } .introjs-arrow.left { left: -10px; top: 10px; border-right-color: white; } .introjs-arrow.left-bottom { left: -10px; bottom: 10px; border-right-color: white; } .introjs-tooltip { box-sizing: content-box; position: absolute; visibility: visible; padding: 10px; background-color: white; min-width: 200px; max-width: 300px; border-radius: 3px; box-shadow: 0 1px 10px rgba(0, 0, 0, 0.4); -webkit-transition: opacity 0.1s ease-out; -moz-transition: opacity 0.1s ease-out; -ms-transition: opacity 0.1s ease-out; -o-transition: opacity 0.1s ease-out; transition: opacity 0.1s ease-out; } .introjs-tooltipbuttons { text-align: right; white-space: nowrap; } /* Buttons style by http://nicolasgallagher.com/lab/css3-github-buttons/ Changed by Afshin Mehrabani */ .introjs-button { box-sizing: content-box; position: relative; overflow: visible; display: inline-block; padding: 0.3em 0.8em; border: 1px solid #d4d4d4; margin: 0; text-decoration: none; text-shadow: 1px 1px 0 #fff; font: 11px / normal sans-serif; color: #333; white-space: nowrap; cursor: pointer; outline: none; background-color: #ececec; background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f4f4f4), to(#ececec)); background-image: -moz-linear-gradient(#f4f4f4, #ececec); background-image: -o-linear-gradient(#f4f4f4, #ececec); background-image: linear-gradient(#f4f4f4, #ececec); -webkit-background-clip: padding; -moz-background-clip: padding; -o-background-clip: padding-box; /*background-clip: padding-box;*/ /* commented out due to Opera 11.10 bug */ -webkit-border-radius: 0.2em; -moz-border-radius: 0.2em; border-radius: 0.2em; /* IE hacks */ zoom: 1; *display: inline; margin-top: 10px; } .introjs-button:hover { border-color: #bcbcbc; text-decoration: none; box-shadow: 0px 1px 1px #e3e3e3; } .introjs-button:focus, .introjs-button:active { background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ececec), to(#f4f4f4)); background-image: -moz-linear-gradient(#ececec, #f4f4f4); background-image: -o-linear-gradient(#ececec, #f4f4f4); background-image: linear-gradient(#ececec, #f4f4f4); } /* overrides extra padding on button elements in Firefox */ .introjs-button::-moz-focus-inner { padding: 0; border: 0; } .introjs-skipbutton { box-sizing: content-box; margin-right: 5px; color: #7a7a7a; } .introjs-prevbutton { -webkit-border-radius: 0.2em 0 0 0.2em; -moz-border-radius: 0.2em 0 0 0.2em; border-radius: 0.2em 0 0 0.2em; border-right: none; } .introjs-prevbutton.introjs-fullbutton { border: 1px solid #d4d4d4; -webkit-border-radius: 0.2em; -moz-border-radius: 0.2em; border-radius: 0.2em; } .introjs-nextbutton { -webkit-border-radius: 0 0.2em 0.2em 0; -moz-border-radius: 0 0.2em 0.2em 0; border-radius: 0 0.2em 0.2em 0; } .introjs-nextbutton.introjs-fullbutton { -webkit-border-radius: 0.2em; -moz-border-radius: 0.2em; border-radius: 0.2em; } .introjs-disabled, .introjs-disabled:hover, .introjs-disabled:focus { color: #9a9a9a; border-color: #d4d4d4; box-shadow: none; cursor: default; background-color: #f4f4f4; background-image: none; text-decoration: none; } .introjs-hidden { display: none; } .introjs-bullets { text-align: center; } .introjs-bullets ul { box-sizing: content-box; clear: both; margin: 15px auto 0; padding: 0; display: inline-block; } .introjs-bullets ul li { box-sizing: content-box; list-style: none; float: left; margin: 0 2px; } .introjs-bullets ul li a { box-sizing: content-box; display: block; width: 6px; height: 6px; background: #ccc; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; text-decoration: none; cursor: pointer; } .introjs-bullets ul li a:hover { background: #999; } .introjs-bullets ul li a.active { background: #999; } .introjs-progress { box-sizing: content-box; overflow: hidden; height: 10px; margin: 10px 0 5px 0; border-radius: 4px; background-color: #ecf0f1; } .introjs-progressbar { box-sizing: content-box; float: left; width: 0%; height: 100%; font-size: 10px; line-height: 10px; text-align: center; background-color: #08c; } .introjsFloatingElement { position: absolute; height: 0; width: 0; left: 50%; top: 50%; } .introjs-fixedTooltip { position: fixed; } .introjs-hint { box-sizing: content-box; position: absolute; background: transparent; width: 20px; height: 15px; cursor: pointer; } .introjs-hint:focus { border: 0; outline: 0; } .introjs-hidehint { display: none; } .introjs-fixedhint { position: fixed; } .introjs-hint:hover > .introjs-hint-pulse { border: 5px solid rgba(60, 60, 60, 0.57); } .introjs-hint-pulse { box-sizing: content-box; width: 10px; height: 10px; border: 5px solid rgba(60, 60, 60, 0.27); -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; background-color: rgba(136, 136, 136, 0.24); z-index: 10; position: absolute; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } .introjs-hint-no-anim .introjs-hint-dot { -webkit-animation: none; -moz-animation: none; animation: none; } .introjs-hint-dot { box-sizing: content-box; border: 10px solid rgba(146, 146, 146, 0.36); background: transparent; -webkit-border-radius: 60px; -moz-border-radius: 60px; border-radius: 60px; height: 50px; width: 50px; -webkit-animation: introjspulse 3s ease-out; -moz-animation: introjspulse 3s ease-out; animation: introjspulse 3s ease-out; -webkit-animation-iteration-count: infinite; -moz-animation-iteration-count: infinite; animation-iteration-count: infinite; position: absolute; top: -25px; left: -25px; z-index: 1; opacity: 0; } @-webkit-keyframes introjspulse { 0% { -webkit-transform: scale(0); opacity: 0; } 25% { -webkit-transform: scale(0); opacity: 0.1; } 50% { -webkit-transform: scale(0.1); opacity: 0.3; } 75% { -webkit-transform: scale(0.5); opacity: 0.5; } 100% { -webkit-transform: scale(1); opacity: 0; } } @-moz-keyframes introjspulse { 0% { -moz-transform: scale(0); opacity: 0; } 25% { -moz-transform: scale(0); opacity: 0.1; } 50% { -moz-transform: scale(0.1); opacity: 0.3; } 75% { -moz-transform: scale(0.5); opacity: 0.5; } 100% { -moz-transform: scale(1); opacity: 0; } } @keyframes introjspulse { 0% { transform: scale(0); opacity: 0; } 25% { transform: scale(0); opacity: 0.1; } 50% { transform: scale(0.1); opacity: 0.3; } 75% { transform: scale(0.5); opacity: 0.5; } 100% { transform: scale(1); opacity: 0; } } .introjs-tooltipbuttons { text-align: left; } .introjs-skipbutton { margin-left: 5px; } .introjs-tooltip { direction: rtl; } .introjs-prevbutton { border: 1px solid #d4d4d4; border-left: none; -webkit-border-radius: 0 0.2em 0.2em 0; -moz-border-radius: 0 0.2em 0.2em 0; border-radius: 0 0.2em 0.2em 0; } .introjs-nextbutton { border: 1px solid #d4d4d4; -webkit-border-radius: 0.2em 0 0 0.2em; -moz-border-radius: 0.2em 0 0 0.2em; border-radius: 0.2em 0 0 0.2em; } .introjs-bullets ul li { float: right; } ._1_n0i { width: 100%; height: 3px; background-color: #faadd3; position: absolute; overflow: hidden; z-index: 100; } ._2YM6b { width: 100%; height: 100%; position: absolute; top: 0; right: 0; position: relative; -webkit-animation: _1bxqH 2s infinite; animation: _1bxqH 2s infinite; } ._2SNBl { width: 80px; height: 100%; background-color: var(--primary-color); position: absolute; top: 0; right: -80px; } @-webkit-keyframes _1bxqH { from { -webkit-transform: translateX(0); transform: translateX(0); } to { -webkit-transform: translateX(calc(-100% - 100px)); transform: translateX(calc(-100% - 100px)); } } @keyframes _1bxqH { from { -webkit-transform: translateX(0); transform: translateX(0); } to { -webkit-transform: translateX(calc(-100% - 100px)); transform: translateX(calc(-100% - 100px)); } } .DpshZ { position: absolute; width: 100%; right: 0; top: 48px; background-color: #fff; } ._3mdDu { font-size: var(--text-medium); font-weight: var(--font-regular); color: var(--text-color); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 0; padding: 16px 24px; text-align: right; position: relative; cursor: pointer; overflow: hidden; } ._3mdDu::before { content: ""; position: absolute; bottom: 0; left: 24px; right: 24px; margin: auto; height: 1px; background-color: var(--text-icon-color); } ._2rK4o { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; line-height: 1.4; } ._2rK4o > :first-child { display: -webkit-box; display: -ms-flexbox; display: flex; } ._2x85R { font-size: var(--text-medium); font-weight: var(--font-medium); color: var(--text-green); padding-bottom: 80px; } ._2x85R::before { display: none; content: ""; } ._3xvev { height: 72px; margin-top: 12px; } ._3VAmY { margin-left: 12px; } ._3VAmY > * { vertical-align: middle; } ._2hLTr { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } ._3wE-c { color: var(--text-color-light); margin-bottom: 4px; } ._3wE-c + span { font-weight: var(--font-medium); } ._2rV7Y { width: 32px; height: 32px; } ._3pVTC { font-size: var(--text-large); font-weight: var(--font-bold); color: var(--text-color); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 4px; height: 32px; width: 32px; border-radius: 4px; text-align: center; vertical-align: middle; padding: 4px; } .hLfmS { --primary-color: var(--mustard); } ._3pVTC[data-is-disable="true"] { --primary-color: var(--text-color-light); } .BSXPn { font-size: var(--text-medium); height: 20px; min-width: 32px; } ._3hnKV { color: white; background-color: var(--primary-color); } ._2tGgk { color: var(--primary-color); background-color: transparent; border: 1px solid var(--primary-color); } .g4OJj { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .g4OJj > *:not(:last-child) { margin-left: 4px; } ._353eb { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } ._1p4u8 ._30gZc { font-size: var(--text-x-small); } ._1p4u8 ._2wOoU { font-size: var(--text-medium); } ._2u93F { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } ._2u93F ._1AbRe { direction: ltr; } ._2u93F ._1AbRe > :first-child { margin-right: 2px; } ._18qgS ._2wOoU { font-weight: var(--font-medium); } ._1AbRe { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 0 0 4px !important; } ._1AbRe > *:nth-child(2) { margin-right: 3px; } ._2I3j9 { font-size: var(--text-small); font-weight: var(--font-regular); color: var(--text-color-light); padding: 2px 12px; border-radius: 20px; background: var(--text-icon-color); } ._2wOoU { font-size: var(--text-size); font-weight: var(--font-regular); color: var(--text-color); } .VHLXO { font-size: var(--text-x-small); font-weight: var(--font-regular); color: var(--text-color); margin-right: 2px; } ._30gZc { font-size: var(--text-small); font-weight: var(--font-regular); color: var(--text-color-light); } ._2b5gN > * { font-size: var(--text-medium); font-weight: var(--font-bold); color: var(--text-white); width: 25.5px; height: 16px; } ._2b5gN > * > * { margin-top: 2px; } ._1MgRa { font-size: var(--text-medium); font-weight: var(--font-regular); color: var(--primary-color); margin-top: 4px; display: inline-block; } ._3ocXi { -webkit-transition: opacity 0.5s ease; transition: opacity 0.5s ease; } ._3mgi2 { --card-size: 195px; --img-size: 64px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; height: 100%; width: 100%; direction: rtl; padding: 16px 24px; background-color: #fff; } ._3mgi2::after { content: ""; position: absolute; bottom: 0; left: 0; right: 0; width: 90%; margin: auto; height: 1px; background-color: var(--card-border-color); } .OPPUH { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; margin-bottom: 16px; } .OPPUH > :first-child { width: 55vw; } ._1iBVn { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } ._18mvC { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: calc(96% - var(--img-size)); } .jS8Yx { width: inherit; height: var(--img-size); overflow: hidden; position: relative; position: relative; } ._184SX { width: var(--img-size); height: inherit; -o-object-fit: cover; object-fit: cover; border-radius: 8px; } ._1gXHR { font-size: var(--text-small); font-weight: var(--font-medium); color: var(--text-color); margin-top: 8px; } ._2AD6L { font-size: var(--text-small); font-weight: var(--font-light); color: var(--text-color-light); } ._3FFfO { font-size: var(--text-small); font-weight: var(--font-regular); color: var(--text-color-light); margin: 0; } ._3hGwg { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 8px; } ._3hGwg > :first-child { margin-left: 8px; } ._4p4mw { border-radius: 4px; background-color: var(--text-icon-color); padding: 3px 6px; color: var(--text-color-darker); font-size: 12px; } ._4p4mw > :first-child { margin-left: 10px; vertical-align: middle; } .NoT7A { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; line-height: 1; } ._3f8mj { position: fixed; right: 0; top: 0; left: 0; bottom: 0; z-index: 10002; height: 100%; background-color: transparent; -webkit-transition: background-color 300ms ease 0s; transition: background-color 300ms ease 0s; } ._3Fwtb.JvDBm { -webkit-transform: translate(100%, 0); transform: translate(100%, 0); } ._3Fwtb.JvDBm ._2MBTz { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } ._3Fwtb.kLg_A { -webkit-transform: translate(-100%, 0); transform: translate(-100%, 0); } ._3Fwtb.kLg_A ._2MBTz { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } .CMhgk.JvDBm { -webkit-transform: translate(0, 100%); transform: translate(0, 100%); } .CMhgk.JvDBm ._2MBTz { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } .CMhgk.kLg_A { -webkit-transform: translate(0, -100%); transform: translate(0, -100%); } .CMhgk.kLg_A ._2MBTz { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } ._22MB5 { -webkit-transform: translate(0, 0) !important; transform: translate(0, 0) !important; } ._2XtZl { background-color: rgba(0, 0, 0, 0.3); } ._2XtZl ._2MBTz { -webkit-transform: translate3d(0, 0, 0) !important; transform: translate3d(0, 0, 0) !important; } ._2MBTz { position: absolute; background-color: #fff; width: 100%; overflow: scroll; bottom: 0; left: 0; -webkit-transition: -webkit-transform 300ms ease 0s; transition: -webkit-transform 300ms ease 0s; transition: transform 300ms ease 0s; transition: transform 300ms ease 0s, -webkit-transform 300ms ease 0s; } ._2fm4P { border-top-left-radius: 7px; border-top-right-radius: 7px; } ._3fMEI { height: 32px; min-width: 104px; outline: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: var(--text-medium); font-weight: var(--font-medium); color: var(--text-color); white-space: nowrap; border-radius: 6px; -webkit-transition: background-color var(--animation-time, 300ms); transition: background-color var(--animation-time, 300ms); } ._2jBKd { --primary-color: var(--mustard); } ._3yJil { height: auto; padding: 16px 24px; width: 100%; font-size: var(--text-large); font-weight: var(--font-bold); color: var(--text-color); } ._1glaw { background-color:var(--ThemeColor); font-size: var(--text-large); font-weight: var(--font-bold); color: var(--text-white); } .CECnz { background-color: white; color: var(--text-color); } ._1ee-g, ._1fO6V, .dG-uJ { background-color: white; border: 1px solid var(--text-color); color: var(--text-color); border-radius: 6px; } ._3Wh93 { background-color: white; border: 1px solid var(--error-color); color: var(--error-color); border-radius: 6px; } ._1fO6V { border-color: var(--primary-color); color: var(--primary-color); } .dG-uJ { border-color: var(--primary-deep-green); color: var(--text-green); } .qKJ3x { background-color: var(--primary-deep-green); color: var(--text-white); } ._2Xu2f { border: 1px solid var(--seperator-color); color: var(--seperator-color); border-radius: 6px; } ._31KLb { font-size: var(--text-large); font-weight: var(--font-bold); color: var(--text-white); background-color: var(--seperator-color); } ._2fJlx { font-size: var(--text-large); font-weight: var(--font-bold); color: var(--text-white); background-color: var(--seperator-color); } ._3_ZUr { width: 100%; height: 80px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0 32px; z-index: 2; } ._3_ZUr > * + * { margin-right: 16px; } ._3_ZUr button { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; height: 48px; font-size: var(--text-large); z-index: 3; position: relative; } ._3Zcwq { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 6px; background-color: #fff; position: absolute; top: 0; left: 0; right: 0; z-index: 999; margin: 16px; padding: 14px; -webkit-transition: 200ms; transition: 200ms; opacity: 1; } ._36eE0 { opacity: 0; } ._3Zcwq > :first-child { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } ._3Zcwq > :last-child { margin-right: 5px; } ._1bj5z { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: var(--text-medium); font-weight: var(--font-regular); color: var(--text-color); white-space: nowrap; color: var(--text-green); } ._1bj5z > * { margin-left: 5px; } ._3j2rg { margin-right: 12px; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: var(--text-medium); font-weight: var(--font-medium); color: var(--text-color); width: 80%; } ._3j2rg::-webkit-input-placeholder { font-size: var(--text-medium); font-weight: var(--font-light); color: var(--text-color-light); } ._3j2rg:-moz-placeholder { font-size: var(--text-medium); font-weight: var(--font-light); color: var(--text-color-light); } ._3j2rg::-moz-placeholder { font-size: var(--text-medium); font-weight: var(--font-light); color: var(--text-color-light); } ._3j2rg:-ms-input-placeholder { font-size: var(--text-medium); font-weight: var(--font-light); color: var(--text-color-light); } ._3j2rg:focus { outline: none; } ._1sK8Y { width: 100vw; padding: 16px 24px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } ._1xkCI { width: 100vw; font-size: var(--text-x-large); font-weight: var(--font-bold); color: var(--text-color); } .etAke { width: 24px; height: 24px; } .i3obL { width: 100%; padding: 16px 24px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } ._1FpET { --primary-color: var(--mustard); } .i3obL button + button { margin-right: 16px; } ._1t32R { width: 100%; padding: 12px 0; font-size: var(--text-large); font-weight: var(--font-bold); color: var(--text-color); border-radius: 6px; border: solid 1px var(--text-color); text-align: center; background-color: white; } ._1t32R:focus { outline: none; } ._8JgEr { width: 100%; text-align: center; padding: 12px 0; background-color: var(--primary-color); border-radius: 6px; font-size: var(--text-large); font-weight: var(--font-bold); color: var(--text-white); } ._8JgEr:focus { outline: none; } ._1KWZF { border-top: none; } ._3aaPD { line-height: 22px; margin: 16px 24px 40px; font-size: var(--text-medium); font-weight: var(--font-regular); color: var(--text-color); white-space: pre-line; } ._2Oej0 { height: 270px; display: inline-block; overflow: auto; padding-left: 8px; } .G4bFl { font-size: var(--text-large); font-weight: var(--font-regular); color: var(--text-color); } @media (max-width: 350px) { ._1t32R { font-size: var(--text-medium); font-weight: var(--font-bold); color: var(--text-color); } ._8JgEr { font-size: var(--text-medium); font-weight: var(--font-bold); color: var(--text-white); } } ._2UE-I { --header-height: 72px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: var(--header-height); padding: 20px 24px; -webkit-transition: 200ms; transition: 200ms; } ._1fF8n { width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: var(--text-x-large); font-weight: var(--font-bold); color: var(--text-color); min-height: 20px; margin: 0; padding: 0; } ._2UE-I span { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } ._2if35 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } ._2if35 > svg { border-radius: 5px; } ._2nR-K { border-radius: 5px; background-color: #f2f2f2; border: var(--seperator); width: 20px; height: 20px; } .uuAll { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 12px; border-radius: 8px; border: 1px solid var(--seperator-color); } .uuAll:focus { outline: none; } ._2Evpx { border: 1px solid var(--text-green); } .tXXd8 { padding: 12px 12px 12px 4px; background-color: var(--gray-smoke-color); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -ms-flex-align: start; align-items: start; border: 1.5px solid var(--seperator-color); } ._2lsCv { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } ._1DJwJ { min-width: -webkit-fit-content; min-width: -moz-fit-content; min-width: fit-content; font-size: var(--text-x-small); font-weight: var(--font-regular); color: var(--white-color); background-color: var(--text-color-light); padding: 0 4px; border-radius: 16px; line-height: 16px; } ._1O2sY { margin-right: 12px; } .uQvq4 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: start; -webkit-box-align: start; -ms-flex-align: start; align-items: start; } .y_NCB { font-size: var(--text-small); font-weight: var(--font-medium); color: var(--text-color); } ._2pEAZ { font-size: var(--text-medium); font-weight: var(--font-regular); color: var(--text-color); line-height: 20px; margin: 4px 0 0; } .ldOnd { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; margin: 0 8px; } .Rat9i { font-size: var(--text-medium); font-weight: var(--font-medium); color: var(--text-color); } ._77zy9 { font-size: var(--text-medium); font-weight: var(--font-regular); color: var(--text-color); margin: 4px 0; line-height: 20px; } ._1qeJs { padding: 10px; } ._1bxjL { font-size: var(--text-medium); font-weight: var(--font-medium); color: var(--error-color); } ._2eXZ9 { padding: 4px 24px 0; } ._2eXZ9 > * { margin-bottom: 16px; } ._3P69j { line-height: 18px; } ._3P69j > header { height: auto; padding: 24px 24px 0; } ._3P69j > header > :first-child { white-space: normal; margin-left: 16px; } .sCK1b { padding: 0 24px 24px; } ._2vOEt { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: var(--text-small); font-weight: var(--text-regular); color: var(--text-color); height: 64px; border-bottom: 1px solid var(--seperator-color); } ._2vOEt > * { margin-left: 18px; } ._2aFgQ { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; height: 100%; overflow: auto; border-top-left-radius: 7px; border-top-right-radius: 7px; background-color: #fff; } ._12Ml0 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: start; -webkit-box-align: start; -ms-flex-align: start; align-items: start; background: #fff; padding: 24px 24px 28px; } ._2PZ3F { padding-top: 0; } ._17FvF { position: sticky; top: 0; } .Kgj19 { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 24px 24px; background: var(--bg-main-color); } ._2ubos { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: start; -webkit-box-align: start; -ms-flex-align: start; align-items: start; } ._1fARu { font-size: var(--text-large); font-weight: var(--font-bolder); color: var(--text-color); } ._1TCdr { font-size: var(--text-medium); font-weight: var(--font-regular); color: var(--text-color); line-height: 20px; margin: 0 0 16px; } ._3hxm0 { width: 100%; display: inline-block; margin: 16px 0 16px; border-top: 1px solid var(--card-border-color); } ._1s50d { font-size: var(--text-large); font-weight: var(--font-bold); color: var(--text-color); } .a0y0t { line-height: 24px; font-size: var(--text-large); font-weight: var(--font-bolder); color: var(--text-color); } ._34yLn { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; } ._1YEc8 { font-size: var(--text-small); font-weight: var(--font-regular); color: var(--text-color-light); } .ZtFpN { font-size: var(--text-medium); font-weight: var(--font-regular); color: var(--text-color); line-height: 20px; margin: 4px 0 0; } ._16kuE { font-size: var(--text-medium); font-weight: var(--font-medium); color: var(--text-color); line-height: 20px; } .zALvc { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .zALvc > * { font-size: var(--text-medium); font-weight: var(--font-medium); color: var(--text-green); margin-right: 5px; } ._2ZL2t { font-size: var(--text-medium); font-weight: var(--font-regular); color: var(--text-color); margin: 24px; margin-top: 0; line-height: 20px; } .zo0ei { position: relative; -webkit-box-flex: 1; -ms-flex: 1 1 0px; flex: 1 1 0; } ._3813Y { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: var(--text-medium); font-weight: var(--font-medium); color: var(--text-color); -ms-flex-negative: 0; flex-shrink: 0; margin: 16px 24px; margin-top: 0; padding: 8px; border-radius: 8px; border: 1px solid var(--seperator-color); } ._3813Y > :first-child { margin-left: 5px; } ._3LxYE { padding: 0 23px; } ._3FEGU { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; } ._1bPI5 { font-size: var(--text-medium); font-weight: var(--font-medium); color: var(--text-green); margin-left: 5px; } ._1FpUw { position: absolute; width: 100vw; right: 0; top: 48px; background-color: #fff; } .AgUPX { font-size: var(--text-large); font-weight: var(--font-medium); color: var(--text-color); margin: 0; padding: 16px 24px; text-align: right; position: relative; cursor: pointer; overflow: hidden; } .AgUPX::after { content: ""; position: absolute; bottom: 0; left: 24px; right: 24px; margin: auto; height: 1px; background-color: var(--seperator-color); } ._1RhiO { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; line-height: 1.4; } ._1RhiO > :first-child { display: -webkit-box; display: -ms-flexbox; display: flex; } .y3Sw- { margin-left: 12px; } .y3Sw- > * { vertical-align: middle; } html { -webkit-box-sizing: border-box; box-sizing: border-box; --animation-time: 600ms; --animation-long-time: 1s; --bg-main-color: #fff; --bg-error-color: #fcf6f7; --disabled-bg-color: #f9f9f9; --primary-color: #01a61c; --shop-primary-color: #b400a4; --similar-list-background: #f8f9fb; --text-color: #404040; --text-white: #fff; --text-green: #22a958; --text-green-rgb: 34, 169, 88; --input-color: #cbcbcb; --text-color-light: #a3a3a3; --text-color-light-2: #a2a2a2; --text-icon-color: #f2f2f2; --seperator-color: #e6e6e6; --divider-color: #ececec; --border-color: #edf4fe; --border-color-light: #cccc; --card-border-color: #f2f2f2; --highlight-color: #3478f6; --error-color: #bd272d; --landing-color: #f5f3ff; --landing-header-color: #6616d0; --landing-shadow-color: #d8d0ff; --text-xxx-small: 7px; --text-xx-small: 8px; --text-x-md-small: 9.1px; --text-x-small: 10px; --text-x-mid-small: 11px; --text-x-avr-small: 11.2px; --text-small: 12px; --text-medium: 14px; --text-size: 16px; --text-large: 17px; --text-m-large: 18px; --text-x-large: 20px; --text-xx-large: 22px; --text-xxx-large: 22px; --text-xxxx-large: 32px; --nav-size: 48px; --shell-margin-bottom: 56px; --font-ultraLight: 200; --font-light: 300; --font-regular: 400; --font-medium: 500; --font-bold: 600; --font-bolder: 700; --card-shadow: rgba(0, 0, 0, 0.1); --card-shadow-1: 0 2px 8px 0 var(--card-shadow); --card-shadow-2: 0 2px 12px 0 var(--card-shadow); --card-shadow-3: 0 2px 6px 0 var(--card-shadow); --ribbon-shadow: 0 2px 15px 0 rgba(39, 43, 51, 0.1); --danger-color: red; --black-color: #353535; --white-color: #fff; --dark-blue: #2850a7; --green-color: #00d170; --verdun-green-color: #305d02; --light-verdun-color: rgba(48, 93, 2, 0.08); --bilbao-green-color: #3f7e00; --dark-bilbao-color: rgba(63, 126, 0, 0.08); --limeade-green-color: #5ba829; --light-limeade-color: rgba(91, 168, 41, 0.08); --yellow-green-color: #9acd32; --light-yellow-green-color: rgba(154, 205, 50, 0.08); --Barbery-color: #cdd614; --light-Barbery-color: rgba(205, 214, 20, 0.08); --selective-yellow-color: #ffba00; --light-selective-yellow-color: rgba(255, 186, 0, 0.08); --safety-orange-color: #ff7800; --light-safety-orange-color: rgba(255, 120, 0, 0.08); --scarlet-color: #ff2717; --light-scarlet-color: rgba(255, 39, 23, 0.08); --venetian-red-color: #c10914; --light-venetian-color: rgba(193, 9, 20, 0.08); --forest-green-color: #2a9134; --gray-color: #505050; --gray-dark-color: #383838; --gray-light-dark-color: #7a7a7a; --gray-light-color: #979797; --gray-lighter-color: #c7c7c7; --gray-lightest-color: #f4f3f3; --gray-back-color: #f3f5f9; --gray-skeleton-color: #e2e2e2; --services-background-color: #f3f5f9; --primary-deep-green: #22a958; --silver-color: #868686; --sea-blue-color: #78b6de; --light-blue-color: #008efa; --red-color: #f13224; --lipstick: #aa004e; --seperator: 1px solid var(--seperator-color); --border: 1px solid var(--border-color); --card-border: 1px solid var(--card-border-color); --card-border-light: 1px solid var(--card-bg); --light-gray: #f8f9fb; --light-orange: rgba(255, 143, 44, 0.1); --shocking-pink: #01a61c; --mango: #ff8f2c; --yellow: #ffdd00; --yellow-secondary: #f8d648; --mustard: #b400af; --border-ecommerce: #cdc5f2; --white-smoke-color: #f6f6f6; --gray-smoke-color: #f2f2f2; --light-green-color: #f4fbf7; --heart-red: #ff4232; --alpha-deep-green: rgba(34, 169, 88, 0.06); --alpha-red: rgba(189, 39, 45, 0.04); --alpha-carbon-grey: rgba(64, 64, 64, 0.04); --alpha-green: rgba(34, 169, 88, 0.04); --alpha-primary: rgba(255, 0, 164, 0.06); --card-bg: rgba(64, 64, 64, 0.04); --border-carbon-grey: rgba(64, 64, 64, 0.1); --green-badge: #3f7e00; --secondary-blue-color: #001fbb; --secondary-red: #bd272d; --starcolor-default: #305d02; --starcolor-45: #3f7e00; --starcolor-40: #5ba839; --starcolor-35: #9acd32; --starcolor-30: #cdd614; --starcolor-25: #ffba00; --starcolor-20: #ff7800; --starcolor-15: #ff2717; --starcolor-10: #c10914; --new-skeleton-gradient: linear-gradient(42.21deg, rgba(18, 25, 33, 0.2) 0%, rgba(18, 25, 33, 0) 100%); --shadow-neutral-gradient: linear-gradient(180deg, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.4) 56.25%, rgba(0, 0, 0, 0) 100%); --toaster-root-middle-bottom: 100px; } html[data-beauty="true"] { --primary-color: var(--mustard); } *, *::before, *::after { -webkit-box-sizing: inherit; box-sizing: inherit; -webkit-overflow-scrolling: touch; } * { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } input, textarea, [contenteditable] { -webkit-user-select: text; -moz-user-select: text; -ms-user-select: text; user-select: text; } ._3xKVh, ._1mI0H, ._1kSfP, ._1fRkW { font-family: vazirmatn; direction: rtl; text-align: center; } body { font-family: vazirmatn; background: var(--bg-main-color); min-width: 300px; font-size: var(--text-small); color: var(--gray-color); } body::-webkit-scrollbar { display: none; } h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; } a { color: inherit; text-decoration: none; } a:hover, a:active { text-decoration: none; } #_1KzQs ._32ICw ._1y2BP svg { width: 14px !important; height: 14px !important; } ._32ICw { direction: ltr !important; } ._1IHH9 { height: 200px; width: 100%; margin: 0 auto; } .RS_6C .oZ5UK { display: none; } ._1rtaY:hover { color: white !important; } ._39pek { position: relative; } ._12UlT { overflow-y: auto; overflow-x: hidden; -webkit-overflow-scrolling: touch; } ._10ESB { top: 48px !important; } ._1sNhY { overflow-y: hidden; } /*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */ html { font-family: sans-serif; line-height: 1.15; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; } body { margin: 0; } article, aside, footer, header, nav, section { display: block; } h1 { font-size: 2em; margin: 0.67em 0; } figcaption, figure, main { display: block; } figure { margin: 1em 40px; } hr { -webkit-box-sizing: content-box; box-sizing: content-box; height: 0; overflow: visible; } pre { font-family: monospace, monospace; font-size: 1em; } a { background-color: transparent; -webkit-text-decoration-skip: objects; } a:active, a:hover { outline-width: 0; } abbr[title] { border-bottom: none; text-decoration: underline; -webkit-text-decoration: underline dotted; text-decoration: underline dotted; } b, strong { font-weight: inherit; } b, strong { font-weight: bolder; } code, kbd, samp { font-family: monospace, monospace; font-size: 1em; } dfn { font-style: italic; } mark { background-color: #ff0; color: #000; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } audio, video { display: inline-block; } audio:not([controls]) { display: none; height: 0; } img { border-style: none; } svg:not(:root) { overflow: hidden; } button, input, optgroup, select, textarea { font-family: inherit; font-size: 100%; line-height: 1.15; margin: 0; } button, input { overflow: visible; border-width: 0; } button, select { text-transform: none; } button, html [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; } button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; } button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; } fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } legend { -webkit-box-sizing: border-box; box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; } progress { display: inline-block; vertical-align: baseline; } textarea { overflow: auto; } [type="checkbox"], [type="radio"] { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0; } [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; } [type="search"] { -webkit-appearance: textfield; outline-offset: -2px; } [type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration { -webkit-appearance: none; } ::-webkit-file-upload-button { -webkit-appearance: button; font: inherit; } details, menu { display: block; } summary { display: list-item; } canvas { display: inline-block; } template { display: none; } [hidden] { display: none; } ._1p_N9 { background: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; direction: rtl; width: 100vw; height: 48px; position: relative; z-index: 10; padding-right: 8px; border-bottom: 1px solid var(--seperator-color); } ._1Ba19 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 48px; height: 48px; -ms-flex-negative: 0; flex-shrink: 0; } ._3lAq_ { font-size: var(--text-large); font-weight: var(--font-bold); color: var(--text-color); display: block; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; height: calc(100%); padding: 0; border: none; text-align: right; } ._3lAq_:focus { outline: none; text-align: right; } ._3lAq_::-webkit-input-placeholder { direction: rtl; font-size: var(--text-large); font-weight: var(--font-bold); color: var(--text-color-light); } ._3lAq_:-moz-placeholder { direction: rtl; font-size: var(--text-large); font-weight: var(--font-bold); color: var(--text-color-light); } ._3lAq_::-moz-placeholder { direction: rtl; font-size: var(--text-large); font-weight: var(--font-bold); color: var(--text-color-light); } ._3lAq_:-ms-input-placeholder { direction: rtl; font-size: var(--text-large); font-weight: var(--font-bold); color: var(--text-color-light); } ._88tIz { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-left: 20px; height: 100%; padding-right: 10px; } ._3A9J4 { height: 100%; overflow: auto; } ._3IFb- { position: sticky; top: 0; background-color: #fff; z-index: 100; } ._3IFb- > :last-child { padding-right: 20px; } ._3IFb- + div { position: static; } ._1fy7U { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 14px; } .wjbeA { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: var(--text-medium); font-weight: var(--font-regular); color: var(--text-color); color: var(--text-green); } .wjbeA > * { margin-left: 5px; } ._2iUPL { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: var(--text-large); font-weight: var(--font-regular); color: var(--text-color); line-height: 20px; margin: 0; padding: 16px 24px; text-align: right; position: relative; cursor: pointer; overflow: hidden; } ._2iUPL::after { content: ""; position: absolute; bottom: 0; left: 24px; right: 24px; margin: auto; height: 1px; background-color: var(--seperator-color); } ._3SmWS { font-size: var(--text-medium); font-weight: var(--font-bold); color: var(--text-color); } ._2jGwm { line-height: 1.5; } .Zx3LR { margin-left: 12px; } .Zx3LR > * { vertical-align: middle; } ._6pbMp { height: 100%; overflow: auto; border-top-left-radius: 7px; border-top-right-radius: 7px; } ._3E1PV { position: sticky; top: 0; z-index: 100; background: #fff; } ._3E1PV > *:nth-child(2) { margin: 0 16px; width: initial; border: 1px solid var(--seperator-color); border-radius: 6px; } ._3E1PV > *:nth-child(2) > input::-webkit-input-placeholder { direction: rtl; font-size: var(--text-large); font-weight: var(--font-regular); color: var(--text-color-light); } ._3E1PV > *:nth-child(2) > input:-moz-placeholder { direction: rtl; font-size: var(--text-large); font-weight: var(--font-regular); color: var(--text-color-light); } ._3E1PV > *:nth-child(2) > input::-moz-placeholder { direction: rtl; font-size: var(--text-large); font-weight: var(--font-regular); color: var(--text-color-light); } ._3E1PV > *:nth-child(2) > input:-ms-input-placeholder { direction: rtl; font-size: var(--text-large); font-weight: var(--font-regular); color: var(--text-color-light); } ._3E1PV > *:nth-child(2) > span { margin-left: 10px; } ._3hx8r { font-size: var(--text-large); font-weight: var(--font-regular); color: var(--text-color); margin: 0; padding: 16px 24px; text-align: right; position: relative; cursor: pointer; overflow: hidden; } ._3hx8r::after { content: ""; position: absolute; bottom: 0; left: 24px; right: 24px; margin: auto; height: 1px; background-color: var(--seperator-color); } ._2Kz12 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; height: 100%; overflow: auto; border-top-left-radius: 7px; border-top-right-radius: 7px; } ._2Kz12 > * { -ms-flex-negative: 0; flex-shrink: 0; } ._2VxCI { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 24px; background-color: #fff; } ._26CG- { font-size: var(--text-large); font-weight: var(--font-bold); color: var(--text-color); } ._3XuAv { -webkit-box-flex: 1; -ms-flex: 1 1 0px; flex: 1 1 0; overflow-y: scroll; } ._16Srk { position: relative; -webkit-transition: 200ms; transition: 200ms; } ._1YYFu { background-color: #fff; } ._2E98A { padding: 0 23px; z-index: 9999; } .iDH0S { height: 72px; } ._6GiXO { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 100%; } ._6GiXO > .tuEjt, ._6GiXO ._3_IS7 { font-size: var(--text-medium); height: 40px; } ._2dpEG { -webkit-box-flex: 0 !important; -ms-flex: 0 !important; flex: 0 !important; min-width: 72px; } ._3_IS7 { margin-right: 16px; } ._33GBr { font-size: var(--text-medium); font-weight: var(--font-bold); color: var(--text-green); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: absolute; right: 16px; bottom: 16px; z-index: 999; background-color: #fff; padding: 4px 7px; border-radius: 32px; -webkit-box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.1); box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.1); } ._33GBr > :first-child { margin-left: 7px; } ._1XjRV { height: 38px; width: 100%; position: relative; border: none; -webkit-transition: -webkit-transform var(--animation-time, 300ms); transition: -webkit-transform var(--animation-time, 300ms); transition: transform var(--animation-time, 300ms); transition: transform var(--animation-time, 300ms), -webkit-transform var(--animation-time, 300ms); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } ._2VVXy { border-bottom: 1px solid transparent; } ._2VVXy:after { -webkit-transition: -webkit-transform 300ms; transition: -webkit-transform 300ms; transition: transform 300ms; transition: transform 300ms, -webkit-transform 300ms; content: ""; height: 2px; background-color: var(--text-color); width: 100%; -webkit-transform: scaleX(1); transform: scaleX(1); } ._1qHqr { border-bottom: 1px solid var(--seperator-color); } ._1qHqr:after { -webkit-transition: -webkit-transform 300ms; transition: -webkit-transform 300ms; transition: transform 300ms; transition: transform 300ms, -webkit-transform 300ms; height: 2px; content: ""; background-color: var(--text-color); width: 100%; -webkit-transform: scaleX(0); transform: scaleX(0); } ._3YBfO { border-bottom-color: var(--error-color); } ._3YBfO:after { height: 0; } ._1XjRV input { font-size: var(--text-x-large); font-weight: var(--font-regular); color: var(--text-color); border: none; width: 100%; height: 100%; } ._1XjRV input:focus { outline: none; } ._1XjRV input[type="tel"] { direction: ltr; text-align: right; } ._1XjRV input[type="price"] { direction: rtl; text-align: center; } ._1XjRV input::-webkit-input-placeholder { font-size: var(--text-large); font-weight: var(--font-light); color: var(--text-color-light); } ._1XjRV input::-moz-placeholder { font-size: var(--text-large); font-weight: var(--font-light); color: var(--text-color-light); } ._1XjRV input::-ms-input-placeholder { font-size: var(--text-large); font-weight: var(--font-light); color: var(--text-color-light); } ._1XjRV input::placeholder { font-size: var(--text-large); font-weight: var(--font-light); color: var(--text-color-light); } .g2nwJ { position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } ._2Js29 { width: 8px; height: 8px; border-radius: 50%; background-color: var(--green-color); } .LEpxm { background-color: var(--seperator-color); } ._1NsoH { height: 2px; background-color: currentColor; border: none; margin: 0; margin-top: 8px; position: absolute; left: 0; right: 0; -webkit-transition: -webkit-transform 300ms; transition: -webkit-transform 300ms; transition: transform 300ms; transition: transform 300ms, -webkit-transform 300ms; -webkit-transform: scale(0); transform: scale(0); } ._3f2Tq { padding: 35px 24px 0; } ._2SVn8 { margin-bottom: 27px; } ._2Q5nA { font-size: var(--text-medium); font-weight: var(--font-medium); color: var(--text-color); margin-bottom: 16px; display: block; } .bHqpu { position: relative; } .bHqpu::after { z-index: -1; content: ""; position: absolute; left: 0; right: 0; height: 1px; background-color: var(--seperator-color); } ._14IFC { font-size: var(--text-large); font-weight: var(--font-regular); color: var(--text-color); width: 94%; padding: 8px 0; overflow: hidden; } ._2l53W { font-weight: var(--font-medium); } ._3fI_z { padding: 1px; } ._3fI_z:focus { outline: 0; } ._3fI_z:focus ~ ._1NsoH { -webkit-transform: scale(1); transform: scale(1); } ._14IFC > :first-child { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: absolute; left: 0; top: 0; bottom: 0; margin: auto 0; } ._3VZNt { position: relative; } ._3VZNt input { font-size: var(--text-large); } ._3_7wF { margin-bottom: 75px; } ._3_7wF input { direction: ltr; text-align: right; font-size: 17px; } ._3Gpm- { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: auto; height: 49px; width: 100px; -webkit-transform: scale(0.5); transform: scale(0.5); } .AMEZP { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 5px; } .AMEZP svg { margin-left: 5px; } ._1frYb { color: var(--error-color); } ._18HfE { position: absolute; top: 18px; left: 0; width: 8px; height: 8px; background-color: var(--error-color); border-radius: 50%; } .v2tF_ { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; font-size: var(--text-medium); font-weight: var(--font-regular); color: var(--text-color); border: 1px solid var(--text-icon-color); padding: 8px; margin: 0; margin-top: -8px; border-radius: 6px; } .v2tF_ > :first-child { -ms-flex-negative: 0; flex-shrink: 0; } ._12uMI { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 72px; position: relative; height: 100%; } ._12uMI div { position: absolute; border-radius: 50%; background: #fff; -webkit-animation-timing-function: cubic-bezier(0, 1, 1, 0); animation-timing-function: cubic-bezier(0, 1, 1, 0); } ._12uMI div:nth-child(1) { left: 8px; -webkit-animation: zdsJn 0.6s infinite; animation: zdsJn 0.6s infinite; } ._12uMI div:nth-child(2) { left: 8px; -webkit-animation: _3cCrr 0.6s infinite; animation: _3cCrr 0.6s infinite; } ._12uMI div:nth-child(3) { left: 32px; -webkit-animation: _3cCrr 0.6s infinite; animation: _3cCrr 0.6s infinite; } ._12uMI div:nth-child(4) { left: 56px; -webkit-animation: _2QrdV 0.6s infinite; animation: _2QrdV 0.6s infinite; } @-webkit-keyframes zdsJn { 0% { -webkit-transform: scale(0); transform: scale(0); } 100% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes zdsJn { 0% { -webkit-transform: scale(0); transform: scale(0); } 100% { -webkit-transform: scale(1); transform: scale(1); } } @-webkit-keyframes _2QrdV { 0% { -webkit-transform: scale(1); transform: scale(1); } 100% { -webkit-transform: scale(0); transform: scale(0); } } @keyframes _2QrdV { 0% { -webkit-transform: scale(1); transform: scale(1); } 100% { -webkit-transform: scale(0); transform: scale(0); } } @-webkit-keyframes _3cCrr { 0% { -webkit-transform: translate(0, 0); transform: translate(0, 0); } 100% { -webkit-transform: translate(24px, 0); transform: translate(24px, 0); } } @keyframes _3cCrr { 0% { -webkit-transform: translate(0, 0); transform: translate(0, 0); } 100% { -webkit-transform: translate(24px, 0); transform: translate(24px, 0); } } .LiPM8 { padding-top: calc(48px + 0px); padding-bottom: 80px; } ._3ftop { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 0 25px; margin: 20px 0; } ._1vgbk { margin-bottom: 16px; } .WTudc { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 24px; margin-bottom: 40px; } ._1pURK { font-size: var(--text-large); font-weight: var(--font-bold); color: var(--text-color); margin: 16px 0; text-align: center; } ._3s38K { margin-bottom: 16px; text-align: center; line-height: 28px; font-size: var(--text-large); font-weight: var(--font-light); color: var(--text-color); } ._1dQbr { padding: 0 12px; background: #fff; position: relative; z-index: 99999999; margin-bottom: 7px; } .XlAJX { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; direction: rtl; height: 48px; border: 1px solid var(--seperator-color); border-radius: 6px; position: relative; } .XlAJX:focus-within { border-color: var(--text-color); } ._3kcui { font-size: var(--text-large); font-weight: var(--font-regular); color: var(--text-color); display: block; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; margin-right: 12px; height: calc(100%); padding: 0; border: none; text-align: right; } ._3kcui:focus { outline: none; text-align: right; } ._3kcui::-webkit-input-placeholder { direction: rtl; font-size: var(--text-large); font-weight: var(--font-regular); color: var(--text-color-light); } ._3kcui:-moz-placeholder { direction: rtl; font-size: var(--text-large); font-weight: var(--font-regular); color: var(--text-color-light); } ._3kcui::-moz-placeholder { direction: rtl; font-size: var(--text-large); font-weight: var(--font-regular); color: var(--text-color-light); } ._3kcui:-ms-input-placeholder { direction: rtl; font-size: var(--text-large); font-weight: var(--font-regular); color: var(--text-color-light); } ._1Wxjz { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-left: 12px; height: 100%; padding-right: 10px; } .JqXgF { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: var(--text-medium); font-weight: var(--font-regular); color: var(--text-color); width: 100vw; height: 100vh; left: 0; top: 0; position: fixed; background-color: var(--text-white); } .JqXgF > :first-child { margin-bottom: 16px; } .wCrU_ { font-size: var(--text-small); font-weight: var(--font-regular); color: var(--text-color); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-pack: distribute; justify-content: space-around; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; height: 24px; padding: 2px; border-radius: 4px; } ._1srdr { margin-left: 6px; display: -webkit-box; display: -ms-flexbox; display: flex; } ._3sk6B { margin-left: 4px; font-size: var(--text-small); font-weight: var(--font-regular); color: var(--text-color-light); } ._2y83Q { color: var(--text-color-light); } .tA9Le { font-size: var(--text-x-small); } ._2KUqN svg { height: 14px; width: 14px; -webkit-transform: translateY(1px); transform: translateY(1px); } ._1RyQz { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; text-align: right; } ._1RyQz[data-is-disable="true"] ._3nyiC, ._1RyQz[data-is-disable="true"] ._1_dDl, ._1RyQz[data-is-disable="true"] ._1cpQh, ._1RyQz[data-is-disable="true"] ._3akW- { color: var(--text-color-light); } .JOwbD { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .JOwbD ._2In2J { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .JOwbD ._2In2J > :first-child { margin-left: 5px; } ._1RyQz > :nth-child(2) { margin-right: 8px; } ._1GiR2 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } ._23DVY { font-size: var(--text-medium); font-weight: var(--font-regular); color: var(--primary-color); margin-top: 4px; display: inline-block; } ._3nyiC { font-size: var(--text-size); font-weight: var(--font-bold); color: var(--text-white); padding: 7px 4px; border-radius: 4px; background-color: var(--primary-color); text-align: center; } ._2In2J { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; line-height: 1; } ._1_dDl { font-size: var(--text-small); font-weight: var(--font-medium); color: var(--text-color-light); } ._1cpQh { font-size: var(--text-size); font-weight: var(--font-bold); color: var(--text-color); } ._1cpQh > :first-child { margin-left: 5px; } ._3akW- { font-size: var(--text-small); font-weight: var(--font-medium); color: var(--text-color); } ._3jFWJ { font-size: var(--text-medium); font-weight: var(--font-regular); color: var(--text-color); } ._3jFWJ > *:last-child { font-size: var(--text-small); font-weight: var(--font-regular); color: var(--text-color); } ._3fgGv { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: space-evenly; -ms-flex-pack: space-evenly; justify-content: space-evenly; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: var(--text-medium); font-weight: var(--font-medium); color: var(--text-color); border-radius: 6px; padding-top: 3px; --one-first-color: #c10914; --one-last-color: #ff2717; --two-first-color: #ff7800; --two-last-color: #ffba00; --three-first-color: #cdd614; --three-last-color: #9acd32; --four-first-color: #5ba829; --four-last-color: #3f7e00; --five-color: #305d02; --new-color: #89959b; } ._2oqDe { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: space-evenly; -ms-flex-pack: space-evenly; justify-content: space-evenly; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 3px; height: 20px; padding: 0 4px 0 2px; } ._2PVOS { font-size: var(--text-x-small); font-weight: var(--font-regular); color: var(--black-color); color: black; } ._19ZsM > img { vertical-align: middle; } ._236u9 svg { width: 12px; height: 12px; -webkit-transform: translateY(1px); transform: translateY(1px); color: black; font-weight: 900; } ._1IgyG { font-size: var(--text-small); font-weight: var(--font-medium); color: var(--text-color-light); } ._1IgyG > :first-child { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; vertical-align: middle; margin-left: 3px; } ._1jkQp { --card-size: 195px; --img-size: 104px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; height: 100%; width: 100%; direction: rtl; padding: 20px 24px; background-color: #fff; } ._1jkQp::after { content: ""; position: absolute; bottom: 0; left: 0; right: 0; width: 90%; margin: auto; height: 1px; background-color: var(--card-border-color); } ._2Zg7F { height: 192px; width: calc(100% - 32px); margin: 0 auto 16px; border-radius: 8px; -webkit-box-shadow: var(--card-shadow-1); box-shadow: var(--card-shadow-1); } ._2Zg7F::after { content: initial; } .SV5AW { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } ._2pNxo { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: calc(96% - var(--img-size)); } ._1VPF1 { width: inherit; height: var(--img-size); overflow: hidden; position: relative; position: relative; } ._39CwE { width: var(--img-size); height: inherit; -o-object-fit: cover; object-fit: cover; border-radius: 8px; } ._2wLDr { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 10px; } ._1XuOn { font-size: var(--text-medium); font-weight: var(--font-regular); color: var(--text-color); border-radius: 6px; } ._1XuOn > :first-child { vertical-align: middle; margin-left: 2px; } ._psSP { font-size: var(--text-small); font-weight: var(--font-light); color: var(--text-color-light); margin-right: 8px; } .R0ESZ { font-size: var(--text-large); font-weight: var(--font-medium); color: var(--text-color); width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin: 0; } ._1AVI1 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } ._1AVI1 > :first-child { margin-left: 8px; } .PP5_c, ._3GNvx { width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: var(--text-medium); font-weight: var(--font-light); color: var(--text-color); } ._3GNvx { margin-top: 8px; } ._2qwTf { border-radius: 4px; background-color: var(--text-icon-color); padding: 3px 6px; color: var(--text-color-darker); font-size: 12px; } ._2qwTf > :first-child { margin-left: 10px; vertical-align: middle; } ._13PE- { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } ._2TenY { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; line-height: 1; } ._1E0bV { font-size: var(--text-small); font-weight: var(--font-regular); color: var(--text-color); width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin: 0; max-width: var(--img-size); text-align: left; } ._3wtyl { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; -webkit-box-align: center; -ms-flex-align: center; align-items: center; max-width: calc(var(--img-size) + 20px); } ._3wtyl > :first-child { margin-right: 8px; } ._2dNVj { --skeleton-bg-color: #f0f0f0; --skeleton-bg-color-dark: #adadad; overflow: hidden; position: relative; } ._2dNVj::before { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; -webkit-transform: translateX(100%); transform: translateX(100%); background: -webkit-gradient( linear, left top, right top, color-stop(80%, rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, 0)), color-stop(90%, rgba(255, 255, 255, 0.6)), color-stop(95%, rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, 0)) ); background: linear-gradient(90deg, rgba(255, 255, 255, 0) 80%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.6) 90%, rgba(255, 255, 255, 0) 95%, rgba(255, 255, 255, 0) 100%); -webkit-filter: blur(20px); filter: blur(20px); -webkit-animation: tEYLM 1.5s infinite; animation: tEYLM 1.5s infinite; z-index: 100; } @-webkit-keyframes tEYLM { 100% { -webkit-transform: translateX(-100%); transform: translateX(-100%); } } @keyframes tEYLM { 100% { -webkit-transform: translateX(-100%); transform: translateX(-100%); } } ._2dNVj img { display: none; } ._2dNVj ._1VPF1 { width: var(--img-size); height: var(--img-size); } ._2dNVj ._1VPF1::after { content: ""; width: inherit; height: inherit; display: inline-block; position: absolute; top: 0; left: 0; background-color: var(--skeleton-bg-color); border-radius: 6px; } ._2dNVj .R0ESZ, ._2dNVj ._2wLDr, ._2dNVj ._1AVI1, ._2dNVj ._1E0bV, ._2dNVj ._2TenY { width: 80%; height: 22px; background-color: var(--skeleton-bg-color); border-radius: 6px; } ._2dNVj ._2TenY { width: 30%; background-color: var(--skeleton-bg-color); border-radius: 6px; } ._2dNVj ._1E0bV { width: 70px; background-color: var(--skeleton-bg-color); border-radius: 6px; } ._2glfv { color: var(--highlight-color); font-weight: var(--font-bold); } ._3nqc4::before { content: ""; height: 87px; width: 100px; display: block; margin: 10px auto 0; border-radius: 6px; background-color: var(--skeleton-bg-color); } ._3nqc4 > * > *::before, ._3nqc4 > * > *::after { content: ""; display: block; border-radius: 6px; background-color: var(--skeleton-bg-color); } ._3nqc4 > * > *:first-child::before { margin: 16px 8px 8px; width: calc(100% - 16px); height: 20px; } ._3nqc4 > * > *:first-child::after { margin: 0 8px; width: 40%; height: 20px; } ._3nqc4 > * > *:last-child::before { margin: 12px 8px 16px; width: 60%; height: 25px; background-color: var(--skeleton-bg-color-dark); } ._3nqc4 > * > *:last-child::after { margin: 0 8px; width: calc(100% - 16px); height: 35px; } .ceeW2 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: absolute; width: 100%; height: 44.8px; left: 0; right: 0; bottom: 130%; -webkit-box-shadow: var(--card-shadow-2); box-shadow: var(--card-shadow-2); padding: 8px 0; border-radius: 6px; background-color: #fff; -webkit-transition: all 300ms ease-in; transition: all 300ms ease-in; } .ceeW2::after { content: ""; position: absolute; width: 10px; height: 10px; background-color: #fff; top: calc(100% - 5px); -webkit-transform: rotate(45deg); transform: rotate(45deg); } ._3lle- { font-size: var(--text-small); font-weight: var(--font-regular); color: var(--error-color); margin-left: 5px; } ._1b1L8 { font-size: var(--text-small); font-weight: var(--font-regular); color: var(--text-color); margin-left: 5px; } ._3Gk5y { font-size: var(--text-medium); font-weight: var(--font-medium); color: var(--text-color); vertical-align: middle; } ._2vc7K { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: var(--text-large); font-weight: var(--font-bold); color: var(--text-color); width: 100%; } ._370af { --primary-color: var(--mustard); } ._2ii0V { width: 32px; height: 32px; background-color: var(--primary-color); border-radius: 6px; } ._2ii0V svg { padding: 4px; height: 100%; width: 100%; } .VEbwm { background-color: var(--seperator-color); } ._2hnv0 { width: 32px; height: 32px; } ._1yRtK { width: 100%; height: 100%; border: 1px solid var(--text-color-light); border-radius: 6px; } ._1yRtK svg { padding: 4px; height: 100%; width: 100%; } ._3peI_ { width: 100%; height: 100%; background-color: var(--seperator-color); border: 1px solid var(--seperator-color); border-radius: 6px; } ._1On4Y { width: 24px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } ._3YnK4 { color: var(--text-color-light); } ._2ztlY { height: 32px; width: var(--action-width); max-width: 130px; margin: 0 auto; } ._2gCnm::before { content: ""; height: 87px; width: 100px; display: block; margin: 10px auto 0; border-radius: 6px; background-color: var(--skeleton-bg-color); } ._2gCnm > * > *::before, ._2gCnm > * > *::after { content: ""; display: block; border-radius: 6px; background-color: var(--skeleton-bg-color); } ._2gCnm > * > *:first-child::before { margin: 16px 8px 8px; width: calc(100% - 16px); height: 20px; } ._2gCnm > * > *:first-child::after { margin: 0 8px; width: 40%; height: 20px; } ._2gCnm > * > *:last-child::before { margin: 12px 8px 16px; width: 60%; height: 25px; background-color: var(--skeleton-bg-color-dark); } ._2gCnm > * > *:last-child::after { margin: 0 8px; width: calc(100% - 16px); height: 35px; } .upoNu { text-align: right; } ._2SyrD { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } ._2DPGZ { font-size: var(--text-medium); font-weight: var(bold); color: var(--text-color); margin: 16px 24px; } .dIzHo { font-size: var(--text-medium); font-weight: var(--font-medium); color: var(--text-color); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; display: flex; margin-left: 24px; color: var(--text-green); } .dIzHo :last-child { vertical-align: middle; } .JhGzj { vertical-align: middle; } .DrCGr { width: 100%; opacity: 0; -webkit-transition: opacity 1s ease; transition: opacity 1s ease; } ._360Td { opacity: 1; } ._14-D3 { width: 100%; height: 100%; background-size: 100% 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: absolute; top: 0; } ._1Z_vY { font-size: var(--text-small); font-weight: var(--font-regular); color: var(--text-color); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-pack: distribute; justify-content: space-around; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; height: 24px; padding: 2px; border-radius: 4px; } ._3w_Yn { margin-left: 6px; } ._3R-X9 { margin-left: 4px; font-size: var(--text-small); font-weight: var(--font-regular); color: var(--text-color-light); } ._12m-D { background-color: var(--text-icon-color); } ._1BVRp { color: var(--text-color-light); } .Sj8zl { font-size: var(--text-x-small); } .FQGCb svg { height: 14px; width: 14px; -webkit-transform: translateY(1px); transform: translateY(1px); } ._5RGm7 { --img-size: 68px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; border: 1px solid var(--seperator-color); border-radius: 8px; padding: 12px; width: 100%; } ._26o0B { --img-size: 48px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border: none; padding: 0; } ._26o0B ._1wAl0 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .o7OE8 { --img-size: 32px; } .o7OE8 ._3oVXJ { margin-bottom: 0; } ._2-Z5K { background-color: var(--seperator-color); } ._1wAl0 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; margin-right: 8px; min-width: 0; } ._3oVXJ { font-size: var(--text-small); font-weight: var(--font-medium); color: var(--text-color); width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-top: 0; margin-bottom: 4px; } .Vwyzu { font-size: var(--text-small); font-weight: var(--font-medium); color: var(--text-color-light); } ._11RuC { font-size: var(--text-small); font-weight: var(--font-regular); color: var(--text-color-light); margin-top: 2px; line-height: 1.3; padding-right: 2px; padding-left: 2px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } ._19kpB { width: var(--img-size); height: var(--img-size); border: 1px solid rgba(64, 64, 64, 0.04); border-radius: 4px; overflow: hidden; -ms-flex-negative: 0; flex-shrink: 0; } ._19kpB img { width: inherit; height: inherit; } ._167Wk { font-size: var(--text-small); font-weight: var(--font-light); color: var(--text-color); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } ._167Wk > *:first-child { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } ._17Hoe { font-size: var(--text-small); font-weight: var(--font-light); color: var(--text-color); margin-right: 4px; } ._3Ywz7 { font-size: var(--text-small); font-weight: var(--font-light); color: var(--text-color-light); white-space: nowrap; } ._3bC9X { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 24px 0; border-bottom: 1px solid var(--seperator-color); width: 100%; overflow: hidden; } ._2Y6Zd { padding-right: 24px; padding-left: 16px; margin-bottom: 8px; white-space: nowrap; } ._3SDUx { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; padding-right: 16px; overflow-x: auto; } ._38h1Z { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } ._38h1Z::after { content: ""; width: 10px; height: 100%; border-left: 8px solid transparent; display: inline-block; } ._38h1Z > * { min-width: 220px; width: 64.535vw; height: 95px; -ms-flex-negative: 0; flex-shrink: 0; margin: 6px; border: 1px solid var(--gray-smoke-color); border-radius: 8px; } .mzPzC { height: 88px; font-size: var(--text-medium); font-weight: var(--font-medium); color: var(--text-color); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: flex; padding: 10px; color: var(--text-green); } .mzPzC :last-child { vertical-align: middle; margin-right: 2px; } ._3rziK { vertical-align: middle; } .mAJEh { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; padding: 8px; } ._3V18I { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-right: 12px; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } ._2rb9h { font-size: var(--text-small); font-weight: var(--font-regular); color: var(--text-color); margin-top: 0; margin-bottom: 7px; white-space: pre-wrap; line-height: 16px; } ._2PQN3 { -ms-flex-negative: 0; flex-shrink: 0; overflow: hidden; width: 72px; height: 72px; border: 1px solid rgba(64, 64, 64, 0.04); border-radius: 4px; } ._2PQN3 > img { width: inherit; height: inherit; } ._3yI3n { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-right: auto; margin-bottom: 8px; line-height: 1; } ._2lxIt { padding-bottom: 40px; margin-top: 4px; margin-bottom: 10px; } ._2lxIt > *:not(:last-child) { margin-bottom: 48px; } .JN9TC { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; } .JN9TC > div { width: 50%; } .JN9TC > div:first-child { border-left: var(--seperator); border-radius: 0 !important; } .enKgO { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; padding-right: 24px; overflow: scroll; } .enKgO::after { content: ""; width: 10px; height: 10px; border-left: 8px solid transparent; display: inline-block; } .enKgO > * { width: 59.735vw; min-width: 260px; -ms-flex-negative: 0; flex-shrink: 0; margin-left: 12px; } ._3g_Jx { color: var(--highlight-color); } .vATKF { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; scrollbar-width: none; overflow: scroll; padding: 10px 0; scrollbar-width: none; background-color: #fff; } .vATKF::-webkit-scrollbar { width: 0 !important; height: 0 !important; } .vATKF::-webkit-scrollbar { width: 0 !important; height: 0 !important; } .vATKF::after { content: ""; display: inline-block; height: 32px; border-left: 8px solid transparent; } .vATKF > * { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: var(--text-small); font-weight: var(--font-medium); color: var(--text-green); position: relative; height: 32px; padding: 0 6px; margin-left: 4px; border: 1px solid rgba(34, 169, 88, 0.2); border-radius: 24px; -ms-flex-negative: 0; flex-shrink: 0; } .vATKF > *:first-child { margin-right: 16px; } .vATKF > * > svg:first-child { margin-left: 6px; } .vATKF > * > svg:last-child { display: none; } .vATKF > *[aria-checked="true"] { background-color: var(--text-green); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .vATKF > *[aria-checked="true"] span, .vATKF > *[aria-checked="true"] svg { color: var(--text-white); } .vATKF > *[aria-checked="true"] > svg:last-child { display: -webkit-box; display: -ms-flexbox; display: flex; margin-right: 7px; } .vATKF > *[data-skeleton="true"] { --skeleton-bg-color: #f0f0f0; --skeleton-bg-color-dark: #adadad; overflow: hidden; position: relative; width: 75px; background-color: var(--skeleton-bg-color); border-color: var(--skeleton-bg-color); } .vATKF > *[data-skeleton="true"]::before { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; -webkit-transform: translateX(100%); transform: translateX(100%); background: -webkit-gradient( linear, left top, right top, color-stop(80%, rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, 0)), color-stop(90%, rgba(255, 255, 255, 0.6)), color-stop(95%, rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, 0)) ); background: linear-gradient(90deg, rgba(255, 255, 255, 0) 80%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.6) 90%, rgba(255, 255, 255, 0) 95%, rgba(255, 255, 255, 0) 100%); -webkit-filter: blur(20px); filter: blur(20px); -webkit-animation: _2z62a 1.5s infinite; animation: _2z62a 1.5s infinite; z-index: 100; } @-webkit-keyframes _2z62a { 100% { -webkit-transform: translateX(-100%); transform: translateX(-100%); } } @keyframes _2z62a { 100% { -webkit-transform: translateX(-100%); transform: translateX(-100%); } } ._2Pg0e { --tag-skeleton: radial-gradient(circle 10px at center, white 99%, transparent 0); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: space-evenly; -ms-flex-pack: space-evenly; justify-content: space-evenly; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-left: 4px; color: inherit; text-align: center; cursor: pointer; -webkit-animation: YXytM 200ms forwards ease-in-out; animation: YXytM 200ms forwards ease-in-out; opacity: 0; position: relative; } ._3CHOT { font-size: var(--text-small); font-weight: var(--font-medium); color: var(--text-green); } ._2Pg0e[aria-checked="true"] { background-color: var(--text-green); display: none; } ._2Pg0e[aria-checked="true"] span { color: var(--text-white); } @-webkit-keyframes YXytM { to { opacity: 1; } } @keyframes YXytM { to { opacity: 1; } } ._3-eg5 { direction: rtl; padding: 24px 24px 12px; line-height: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } ._2gdvw { font-size: var(--text-medium); font-weight: var(--font-bold); color: var(--text-color); margin-bottom: 8px; } ._217ms { font-size: var(--text-medium); font-weight: var(--font-regular); color: var(--text-color); margin-bottom: 32px; } .fDEVl { width: 100%; margin: 35px auto; cursor: pointer; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-pack: distribute; justify-content: space-around; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: var(--text-medium); font-weight: var(--font-medium); color: var(--text-green); } .H1NII > button { background-color: #ff661f; } ._1w8GN { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 100%; max-width: 60%; font-size: 14px; font-weight: 500; } ._3Gftf { font-size: var(--text-medium); font-weight: var(--font-regular); color: var(--text-color); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; max-width: 100%; margin-left: 8px; } ._2oVrk { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: var(--text-medium); font-weight: var(--font-medium); color: var(--text-color); font-size: var(--text-medium); margin: 0 auto 4px; width: 131px; } ._2oVrk > span { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin-left: 8px; } ._2oVrk path { fill: #a1adb7; } .fEsX5, ._1q_Sy, ._2FkpF { display: block; white-space: nowrap; } ._1q_Sy { font-size: var(--text-x-small); font-weight: var(--font-regular); color: var(--text-color); } ._2FkpF { font-size: var(--text-medium); font-weight: var(--font-medium); color: var(--text-color); } ._1tQj4 { --skeleton-bg-color: #f0f0f0; --skeleton-bg-color-dark: #adadad; overflow: hidden; position: relative; width: 25vw; height: 20px; border-radius: 10px; background-color: var(--skeleton-bg-color); } ._1tQj4::before { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; -webkit-transform: translateX(100%); transform: translateX(100%); background: -webkit-gradient( linear, left top, right top, color-stop(80%, rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, 0)), color-stop(90%, rgba(255, 255, 255, 0.6)), color-stop(95%, rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, 0)) ); background: linear-gradient(90deg, rgba(255, 255, 255, 0) 80%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.6) 90%, rgba(255, 255, 255, 0) 95%, rgba(255, 255, 255, 0) 100%); -webkit-filter: blur(20px); filter: blur(20px); -webkit-animation: _2dh8y 1.5s infinite; animation: _2dh8y 1.5s infinite; z-index: 100; } @-webkit-keyframes _2dh8y { 100% { -webkit-transform: translateX(-100%); transform: translateX(-100%); } } @keyframes _2dh8y { 100% { -webkit-transform: translateX(-100%); transform: translateX(-100%); } } ._1YhHw { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 30px; padding: 4px 14px; border-radius: 5px; background-color: #01a61c08; } ._1ANxN { font-size: 12px; font-weight: var(--font-medium); margin-left: 12px; color: #01a61c; } ._3eSiF { --margin-bottom: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 90%; margin: 8px auto var(--margin-bottom); position: relative; } ._21UDe { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; border-radius: 6px; -webkit-box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.1); border: solid 0.5px var(--white); background-color: #ffffff; padding: 0 16px 0 16px; } ._1pY8Z { font-size: var(--text-large); font-weight: var(--font-bold); color: var(--text-color); -webkit-appearance: none; -moz-appearance: none; appearance: none; position: absolute; right: 16px; border: none; width: 80%; background-color: transparent; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } ._1pY8Z:focus { outline: none; } ._2YCQX { position: absolute; margin-right: auto; left: 12px; } input::-webkit-input-placeholder { color: #a3a3a3; } input::-moz-placeholder { color: #a3a3a3; } input::-ms-input-placeholder { color: #a3a3a3; } input::placeholder { color: #a3a3a3; } ._2plye { padding-bottom: 5px; -webkit-transition: -webkit-transform 200ms ease-in-out; transition: -webkit-transform 200ms ease-in-out; transition: transform 200ms ease-in-out; transition: transform 200ms ease-in-out, -webkit-transform 200ms ease-in-out; will-change: transform; } ._2plye > * { margin: auto; padding-top: 0; } ._2plye > * > :first-child { background: #f3f5f9; -webkit-box-shadow: none; box-shadow: none; border: 1px solid rgba(64, 64, 64, 0.04); } ._2uFzV { top: 0; width: 100%; z-index: 1100; -webkit-transition: height var(--animation-time, 300ms); transition: height var(--animation-time, 300ms); position: sticky !important; } .TkEJT { border-bottom: 1px solid var(--text-icon-color); } ._1su-i .J87vf > :first-child { display: none; } ._1su-i .J87vf > :last-child { display: initial; } .IUWgB .n_fcj { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .rnvs4 { background-color: transparent; position: absolute; display: block; left: 0; top: 0; height: 48px; width: 100%; } .rnvs4 .n_fcj { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .rnvs4 path:last-child { fill: #fff !important; } .GkZVA { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .GkZVA > :first-child { position: fixed; left: 20px; top: 10px; z-index: 99999; } .QIgH8 { position: absolute; top: -5px; left: -5px; width: 16px; height: 16px; padding-top: 1px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 50%; background-color: var(--primary-color); font-size: var(--text-small); font-weight: var(--font-medium); color: var(--white-color); } ._2KijS { position: absolute; left: 0; top: 0; bottom: 0; -webkit-transform: translate3d(-200%, 0, 0); transform: translate3d(-200%, 0, 0); -webkit-transition: -webkit-transform 300ms ease-in-out; transition: -webkit-transform 300ms ease-in-out; transition: transform 300ms ease-in-out; transition: transform 300ms ease-in-out, -webkit-transform 300ms ease-in-out; } .J87vf { width: 48px; height: 48px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; right: 8px; top: 0; margin-right:5%; } ._2c8r4 { width: 24px; height: 24px; margin: 12px; position: absolute; left: 8px; top: 0px; } ._34hpF { -webkit-filter: invert(100%); filter: invert(100%); } ._1qKL2 { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; height: 100%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: relative; z-index: 1; } ._3Pr8X { height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; max-width: 60%; font-size: 14px; font-weight: 500; } ._1j4NX { font-size: var(--text-medium); font-weight: var(--font-regular); color: var(--text-color); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; max-width: 100%; margin-left: 8px; } ._3L9aG { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: var(--text-medium); font-weight: var(--font-medium); color: var(--text-color); font-size: var(--text-medium); margin: 0 auto 4px; width: 131px; } ._3L9aG > span { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin-left: 8px; } ._3L9aG path { fill: #a1adb7; } ._1BW7K, ._312KM, .L0bia { display: block; white-space: nowrap; } ._312KM { font-size: var(--text-x-small); font-weight: var(--font-regular); color: var(--text-color); } .L0bia { font-size: var(--text-medium); font-weight: var(--font-medium); color: var(--text-color); } ._2didX { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: calc(100% - 100px); height: 100%; } ._15VYF { -webkit-transition: font 200ms ease; transition: font 200ms ease; width: 80%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-align: center; font-size: var(--text-medium); font-weight: var(--font-medium); color: var(--text-color); } ._3YBuP { position: relative; } .qp_jt { position: absolute; top: -4px; right: -8px; height: 16px; min-width: 16px; padding-top: 1px; border-radius: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: var(--primary-color); font-size: var(--text-xx-small); font-weight: var(--font-medium); color: var(--white-color); } ._39mj9 { margin: 12px 0; position: absolute; left: 60px; top: 0; } ._1TL7b { padding: 8px 4px; border-radius: 16px; width: -webkit-max-content; width: -moz-max-content; width: max-content; height: 24px; border: none; background-color: #f2faf5; min-width: 80px; font-size: var(--text-small); font-weight: var(--font-medium); color: var(--text-green); } .hhqyR { margin: 8px 4px; } .ycqCH { padding: 8px 4px; border-radius: 16px; width: -webkit-max-content; width: -moz-max-content; width: max-content; height: 24px; border: none; background-color: var(--bg-error-color); min-width: 80px; font-size: var(--text-small); font-weight: var(--font-medium); color: var(--error-color); } ._34pqF { min-height: 32px; margin-right: auto; } .f02rC { --yellow-color: #ffce00; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: var(--yellow); padding: 3px 8px; border-radius: 16px; border: 1px solid var(--yellow-color); min-width: 95px; min-height: 32px; } ._36flL { font-size: var(--text-size); font-weight: var(--font-bold); color: var(--text-color); padding: 0 2px; } ._1FRJc { font-size: var(--text-x-small); opacity: 0.6; } ._2mDxb { height: 100vh; overflow: hidden; } ._2lo1t { margin: 5px 26px; display: inline-block; } ._1OCfo { --bg-color: #e2e2e2; width: 100%; height: 32px; position: relative; --skeleton-bg-color: #f0f0f0; --skeleton-bg-color-dark: #adadad; overflow: hidden; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } ._1OCfo::before { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; -webkit-transform: translateX(100%); transform: translateX(100%); background: -webkit-gradient( linear, left top, right top, color-stop(80%, rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, 0)), color-stop(90%, rgba(255, 255, 255, 0.6)), color-stop(95%, rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, 0)) ); background: linear-gradient(90deg, rgba(255, 255, 255, 0) 80%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.6) 90%, rgba(255, 255, 255, 0) 95%, rgba(255, 255, 255, 0) 100%); -webkit-filter: blur(20px); filter: blur(20px); -webkit-animation: _2QkKz 1.5s infinite; animation: _2QkKz 1.5s infinite; z-index: 100; } @-webkit-keyframes _2QkKz { 100% { -webkit-transform: translateX(-100%); transform: translateX(-100%); } } @keyframes _2QkKz { 100% { -webkit-transform: translateX(-100%); transform: translateX(-100%); } } ._1YjUi { background-color: #f0f0f0; width: 85px; padding: 0; border-color: transparent; height: 32px; } ._1E-k8 { border-radius: 50px; position: relative; background-color: var(--bg-color); } ._3jgNW { -webkit-box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.1); border-radius: var(--text-xx-small); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background: var(--white-color); width: 100%; height: 48px; margin: 0 auto; padding: 14px; margin: 10px 0px; -webkit-transition: 0.5s; transition: 0.5s; } ._37je3 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-left: 6px; } ._37je3 svg { width: 16px; } .GKxiJ { -webkit-transform: scale(0); transform: scale(0); } .MNb0n { font-size: var(--text-size); font-weight: var(--font-bold); color: var(--text-color); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 0 2px; } ._3yG8R { font-size: var(--text-x-mid-small); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .lMqd_ { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: var(--yellow); padding: 3px 6px; border-radius: 16px; border: 1px solid #ffce00; } .hrZcx { width: 14px; margin-right: 4px; } .lMqd_ span { font-size: var(--text-size); font-weight: var(--font-bold); color: var(--white-color); } ._2ZmGB { width: 100%; height: 100%; position: relative; --skeleton-bg-color: #f0f0f0; --skeleton-bg-color-dark: #adadad; overflow: hidden; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; --bg-color: #e2e2e2; display: flex; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } ._2ZmGB::before { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; -webkit-transform: translateX(100%); transform: translateX(100%); background: -webkit-gradient( linear, left top, right top, color-stop(80%, rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, 0)), color-stop(90%, rgba(255, 255, 255, 0.6)), color-stop(95%, rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, 0)) ); background: linear-gradient(90deg, rgba(255, 255, 255, 0) 80%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.6) 90%, rgba(255, 255, 255, 0) 95%, rgba(255, 255, 255, 0) 100%); -webkit-filter: blur(20px); filter: blur(20px); -webkit-animation: _2QkKz 1.5s infinite; animation: _2QkKz 1.5s infinite; z-index: 100; } @keyframes _2QkKz { 100% { -webkit-transform: translateX(-100%); transform: translateX(-100%); } } ._2ZmGB > span { position: relative; border-radius: 3px; height: 30px; background-color: var(--bg-color); } ._1reS8 { width: 70%; } ._3SEco { width: 20%; } iframe { display: block; width: 100%; height: 100vh; border: none; } ._3M16r { padding: 0px 4px; border-radius: 48px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } ._28vKd { line-height: 12px; -webkit-box-shadow: 0 0 0 1px var(--bg-main-color); box-shadow: 0 0 0 1px var(--bg-main-color); outline: none; font-size: var(--text-x-small); font-weight: var(--font-medium); color: var(--white-color); } ._3hsrb { line-height: 16px; -webkit-box-shadow: 0 0 0 2px var(--bg-main-color); box-shadow: 0 0 0 2px var(--bg-main-color); outline: none; font-size: var(--text-small); font-weight: var(--font-medium); color: var(--white-color); } ._1tyu7 { line-height: 16px; outline: none; padding: 0px 6px; font-size: var(--text-small); font-weight: var(--font-medium); color: var(--white-color); } ._2fZLI { height: 8px; -webkit-box-shadow: 0 0 0 2px var(--bg-main-color); box-shadow: 0 0 0 2px var(--bg-main-color); outline: none; width: 8px; } ._3nX4T { background-color: var(--white-color); color: var(--heart-red); } ._3BJkm { background-color: var(--green-color); color: var(--text-white); } .RY0Pf { background-color: var(--heart-red); color: var(--text-white); } .RkvGn { background-color: var(--primary-color); color: var(--text-white); } ._3wnan { background-color: var(--secondary-red); color: var(--text-white); } ._17QKI { border-radius: 0 !important; } ._10o2H { width: 100vw; height: 48px; padding: 0 8px; margin-bottom: 16px; } .cLmGF { width: 24px; height: 24px; margin: 12px; } .YFIIb { width: 100vw; padding: 0 24px; overflow: auto; -webkit-box-flex: 1; -ms-flex: 1 1 0px; flex: 1 1 0; } ._3oPIb { padding-bottom: 56px; } ._26Qpl { margin: 24px 0; font-size: var(--text-small); font-weight: var(--font-regular); color: var(--text-color-light); text-align: left; } ._26Qpl :first-child { padding: 0 4px; } ._3q4KK { width: 100%; padding: 19px 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-bottom: var(--text-icon-color) solid 1px; } .I4Y6Y { width: 36px; height: 36px; } ._1N0_W { font-size: var(--text-large); font-weight: var(--font-light); color: var(--text-color); margin-right: 14px; margin-left: auto; } ._2ngwV { font-size: var(--text-x-large); font-weight: var(--font-bold); color: var(--text-color); margin-bottom: 8px; } ._2ngwV + span { font-size: var(--text-medium); font-weight: var(--font-regular); color: var(--text-color); } ._3qp2k { width: 20px; height: 20px; } ._1oFgb { margin-right: auto; } ._8fa8_ { margin-right: auto; } .qlOAr { font-size: var(--text-large); font-weight: var(--font-bold); color: var(--text-color); } ._1GuIq { font-size: var(--text-small); font-weight: var(--font-regular); color: var(--text-color); margin-right: 4px; } ._1Lt8r { margin-right: auto; background-color: var(--primary-color); width: 20px; height: 20px; border-radius: 50%; font-size: var(--text-small); font-weight: var(--font-regular); color: var(--text-white); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } ._3RUKT { position: fixed; background-color: var(--white-color); z-index: 10000000; -webkit-box-shadow: var(--card-shadow-2); box-shadow: var(--card-shadow-2); } ._1WecY { top: 0; width: 100%; -webkit-transition: -webkit-transform var(--animation-time, 300ms); transition: -webkit-transform var(--animation-time, 300ms); transition: transform var(--animation-time, 300ms); transition: transform var(--animation-time, 300ms), -webkit-transform var(--animation-time, 300ms); } ._3oSc2 { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } ._3UQn6 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0 24px; min-height: 48px; } ._3UQn6 > div { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } ._3a4uv { font-size: var(--text-medium); font-weight: var(--font-light); color: var(--text-color); } ._3crv9 { padding: 0.8rem; } ._2RQjr { bottom: var(--toaster-root-middle-bottom); width: calc(100% - 32px); margin: 0 16px; opacity: 1; display: block; -webkit-transition: opacity var(--animation-time, 300ms); transition: opacity var(--animation-time, 300ms); border-radius: 6px; } .qVPKg { opacity: 0; display: none; } ._1G4QN { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 12px 18px; min-height: 48px; text-align: justify; } ._1G4QN > div { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } ._3xFZY { line-height: 16px; padding: 0 10px; } ._3_YC- { color: var(--text-green); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } ._3_YC- > * { margin: 0 2px; } ._1X9Ay { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; bottom: 80px; width: 100%; z-index: 100; padding: 0.2rem 0; opacity: 1; -webkit-transition: -webkit-transform var(--animation-time, 300ms); transition: -webkit-transform var(--animation-time, 300ms); transition: transform var(--animation-time, 300ms); transition: transform var(--animation-time, 300ms), -webkit-transform var(--animation-time, 300ms); } ._1WFvE { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .Tu1Cs { opacity: 0; -webkit-transform: translate3d(0, 200%, 0); transform: translate3d(0, 200%, 0); } .kkqTl { font-size: var(--text-large); font-weight: var(--font-bold); color: var(--text-green); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 90%; -ms-flex-item-align: start; align-self: flex-start; margin: auto; padding: 0.8rem 0; } ._3zXd3 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .NMXyy { font-size: var(--text-large); font-weight: var(--font-regular); color: var(--text-color); padding-left: 10px; position: relative; bottom: -1px; } .Ao-sE { display: inline-block; } ._2DO8J { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: inline-block; position: relative; left: 0; top: 2px; } ._2DO8J svg { height: 1.5rem; width: 1.5rem; } ._3RBw6 { font-size: var(--text-small); font-weight: var(--font-light); color: var(--gray-dark-color); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 3.5rem; width: 88%; line-height: 1.5rem; font-size: 0.9rem; text-align: right; vertical-align: middle; margin: 0 auto 0.4rem; } ._3YRMq { padding: 16px 24px 0; color: var(--text-color); } ._3Tku9 { font-size: var(--text-large); font-weight: var(--font-bolder); color: var(--text-color); padding-bottom: 40px; } .iwwTY { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: var(--text-medium); font-weight: var(--font-medium); color: var(--text-color); padding-bottom: 12px; } .iwwTY > svg { height: 24px; width: 24px; margin-left: 16px; } ._2YL0t { max-height: 200px; overflow-y: auto; } ._2YL0t::-webkit-scrollbar { display: none; } ._30EJ1 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 56px; border-bottom: 1px solid var(--gray-smoke-color); } ._2vy2- { height: 40px; width: 40px; } ._2vy2- > img { height: 100%; width: 100%; } .zhJvR { font-size: var(--text-medium); font-weight: var(--font-regular); color: var(--text-color); line-height: 20px; padding-right: 16px; } ._8514t { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: var(--text-medium); font-weight: var(--font-regular); color: var(--text-color); height: 24px; width: 24px; background-color: var(--gray-smoke-color); border-radius: 4px; } ._8514t > span { font-size: var(--text-small); font-weight: var(--font-regular); color: var(--text-color); padding-right: 2px; } ._3ogzS { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 80px; padding: 16px 0; } ._3ogzS > button { font-size: var(--text-large); font-weight: var(--font-bolder); color: var(--text-color); height: 48px; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; background-color: var(--white-color); border: 1px solid var(--text-color); } ._32SQt { background-color: var(--white-color); -webkit-box-shadow: 0 -1px 0 var(--card-shadow); box-shadow: 0 -1px 0 var(--card-shadow); bottom: 0; display: -webkit-box; display: -ms-flexbox; display: flex; position: fixed; width: 100%; z-index: 1000; } ._2Z6b0 { -webkit-box-flex: 33.333%; -ms-flex: 33.333%; flex: 33.333%; height: calc(56px + env(safe-area-inset-bottom)); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } ._2Z6b0 ._1oYJH { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; } ._2Z6b0 ._1oYJH._16WG- span { color: var(--primary-color); } ._2Z6b0 ._1oYJH._16WG- ._17K6p span { color: var(--white-color); } ._2Z6b0 ._3ZZjl { line-height: 16px; } ._2Iofo { width: 24px; height: 24px; margin-bottom: 4px; } ._1uR0h { position: absolute; left: 5px; width: 16px; height: 16px; padding-top: 1px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 50%; background-color: var(--primary-color); font-size: var(--text-small); font-weight: var(--font-medium); color: var(--white-color); top: 0; } ._17K6p { position: absolute; left: -5.5px; top: -2px; } ._2S58Y { position: fixed; top: 0; z-index: 9999999999; left: 0; width: 100vw; height: 200px; background-color: #fff; -webkit-box-shadow: 2px 2px #aaa; box-shadow: 2px 2px #aaa; padding: 20px; } ._3-QzU { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 10000000000; background-color: var(--white-color); } ._3-QzU > div { text-align: center; -webkit-transform: translate3d(0, calc(50vh - 48%), 0); transform: translate3d(0, calc(50vh - 48%), 0); } ._3-QzU img { width: 130px; } ._19ZNG { background-color: transparent; } ._36hHw { width: 100vw; height: 65vh; margin-top: 35vh; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } ._3S_jt { position: relative; margin-bottom: 32px; } ._3S_jt::after, ._3S_jt::before { content: ""; display: block; position: absolute; right: 104px; background-color: #6e6e6e; } ._3S_jt::before { top: 54px; width: 11px; height: 35px; border-radius: 6px; } ._3S_jt::after { top: 94px; width: 11px; height: 11px; border-radius: 50%; } ._2iypX { margin-bottom: 12px; font-size: var(--text-large); font-weight: var(--font-medium); color: var(--text-color); } .SH8sk { max-width: 244px; text-align: center; margin-bottom: 72px; line-height: 24px; font-size: var(--text-medium); font-weight: var(--font-light); color: var(--text-color); } ._36hHw a { width: 162px; height: 56px; border-radius: 34px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: var(--primary-color); } ._36hHw a > * { font-size: var(--text-large); font-weight: var(--font-medium); color: var(--text-white); margin: 0 2px; } ._1LRkc { position: fixed; right: 0; top: 0; left: 0; bottom: 0; z-index: 100000000; background-color: rgba(0, 0, 0, 0.3); -webkit-backdrop-filter: blur(3px); backdrop-filter: blur(3px); } .T8X3J { position: absolute; width: 100%; bottom: 0; left: 0; right: 0; background-color: #fff; padding: 16px 24px; } ._20c9d { margin-bottom: 24px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; font-size: var(--text-size); font-weight: var(--font-medium); color: var(--error-color); } ._1aQbr { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } ._1aQbr > *:first-child { margin-left: 4px; } ._1LRkc p { line-height: 20px; margin: 0 0 24px; font-size: var(--text-medium); font-weight: var(--font-light); color: var(--text-color); } ._1fWXo { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } ._1fWXo > * { background-color: white; font-size: var(--text-medium); font-weight: var(--font-medium); color: var(--text-green); } ._1fWXo > a { margin-right: 16px; } ._2jvm4 { width: 100%; height: 100vh; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: var(--text-xx-large); font-weight: var(--font-bold); color: var(--text-color); } ._1Izms { height: 100vh; padding: 40px 48px 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .FE8yZ { border-radius: 6px; width: 60px; margin-bottom: 28px; } ._3sXZk { font-size: var(--text-medium); font-weight: var(--font-bold); color: var(--text-color); text-align: center; line-height: 21px; margin-bottom: 28px; } ._3s4Yd { font-size: var(--text-small); font-weight: var(--font-regular); color: var(--text-color); text-align: center; line-height: 18px; margin-bottom: 28px; } ._3Vaa7 { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 18px; } ._3Vaa7 > span { font-size: var(--text-small); font-weight: var(--font-medium); color: var(--text-color); } ._3Vaa7 > span > span { margin: 0 4px; font-weight: var(--font-bold); color: var(--primary-color); } ._3Vaa7 > img { width: 20px; } ._1Izms > button { margin-top: 10px; width: 100%; height: 48px; font-size: var(--text-small); font-weight: var(--font-medium); color: var(--text-white); } <style type="text/css"> .AvR7G { position: relative; } ._3ADmK ._14HUZ { padding-bottom: calc(24px - 10px); } ._14HUZ { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0 24px 16px; } ._1_ytd { font-size: var(--text-large); font-weight: var(--font-bold); color: var(--text-color); margin: 0; } .K7bB_ { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } ._1ynJP { font-size: var(--text-medium); font-weight: var(--font-medium); color: var(--text-green); } ._1Zvxq { --skeleton-bg-color: #f0f0f0; --skeleton-bg-color-dark: #adadad; overflow: hidden; position: relative; } ._1Zvxq::before { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; -webkit-transform: translateX(100%); transform: translateX(100%); background: -webkit-gradient( linear, left top, right top, color-stop(80%, rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, 0)), color-stop(90%, rgba(255, 255, 255, 0.6)), color-stop(95%, rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, 0)) ); background: linear-gradient(90deg, rgba(255, 255, 255, 0) 80%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.6) 90%, rgba(255, 255, 255, 0) 95%, rgba(255, 255, 255, 0) 100%); -webkit-filter: blur(20px); filter: blur(20px); -webkit-animation: _1s-aQ 1.5s infinite; animation: _1s-aQ 1.5s infinite; z-index: 100; } @-webkit-keyframes _1s-aQ { 100% { -webkit-transform: translateX(-100%); transform: translateX(-100%); } } @keyframes _1s-aQ { 100% { -webkit-transform: translateX(-100%); transform: translateX(-100%); } } ._1Zvxq ._1_ytd { width: 110px; height: 19px; background-color: var(--skeleton-bg-color); border-radius: 6px; } ._61kMH { font-size: var(--text-small); font-weight: var(--font-medium); color: var(--text-color); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 4px; width: 32px; height: 14px; border-radius: 4px; text-align: center; vertical-align: middle; padding: 4px; padding-bottom: 3px; } ._3T1m7 { --primary-color: var(--mustard); } ._61kMH[data-is-disable="true"] { --primary-color: var(--text-color-light); } ._3Zd1p { font-size: var(--text-medium); height: 20px; min-width: 32px; } ._3UuBi { font-size: var(--text-medium); font-weight: var(--font-bolder); color: var(--text-color); height: 16px; width: auto; padding: 2px 3px 0; } ._2uVQH { color: white; background-color: var(--primary-color); } .bh6nN { color: var(--primary-color); background-color: transparent; border: 1px solid var(--primary-color); } ._1B0i4 { position: relative; top: 1px; -ms-flex-item-align: center; align-self: center; } ._1ERJK { font-size: var(--text-x-small); font-weight: var(--font-regular); color: var(--white-color); margin-left: 1px; } ._3BqUl { font-size: var(--text-medium); font-weight: var(--font-regular); color: var(--white-color); } ._2Ia8D { --card-size: 195px; --img-size: 130px; width: var(--card-size); height: 248px; max-width: 567px; min-width: min(calc(100% - 4px), 260px); background-color: var(--white-color); direction: rtl; border-radius: 6px; border: solid 0.5px var(--seperator-color); } ._1m0lm { position: relative; } .cR_pe { width: inherit; height: var(--img-size); overflow: hidden; position: relative; height: 134px; max-height: 100%; overflow: unset; } .cR_pe img { max-height: 100%; } .R06yn { position: absolute; bottom: -16px; right: 8px; width: 80px; height: 80px; padding: 4px; border-radius: 8px; background-color: var(--white-color); -webkit-box-shadow: var(--card-shadow-3); box-shadow: var(--card-shadow-3); } ._3_9MC { width: 100%; height: 100%; border-radius: 4px; border: 1px solid var(--alpha-carbon-grey); } .N7Rgn { max-width: calc(100% - 8px); } ._1FMlY { max-width: calc(100% - 68px); } ._3W7T_ { position: absolute; left: 8px; top: 0; } ._2tjy7 { position: absolute; top: 8px; right: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; } ._1LqfA { width: var(--card-size); height: inherit; -o-object-fit: cover; object-fit: cover; border-radius: 6px 6px 0 0; -webkit-filter: brightness(0.96); filter: brightness(0.96); } ._1_Jch { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: distribute; justify-content: space-around; padding: 20px 16px 8px 16px; height: 110px; direction: rtl; } ._1Vwjo, ._3ckyG { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } ._1Vwjo { margin-bottom: 10px; } ._3ckyG { margin-top: 10px; } ._1Vwjo > div { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } ._364L- { width: 50%; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; margin-left: 10px; } ._1H36Z { font-size: var(--text-medium); font-weight: var(--font-regular); color: var(--text-color); width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin: 0; position: relative; width: unset; max-width: 100%; margin-left: 4px; text-overflow: ellipsis; line-height: 1.5; } ._3Yw7B { position: relative; top: 3px; margin-right: 4px; } .F-KQK { font-size: var(--text-small); font-weight: var(--font-regular); color: var(--text-color); width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; -ms-flex-negative: 0; flex-shrink: 0; } ._2ydF8 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: initial; -ms-flex-pack: initial; justify-content: initial; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } ._2ydF8 div { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: initial; -ms-flex-pack: initial; justify-content: initial; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } ._2ydF8 div img { margin-left: 3px; } .e6ueH { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 10px; } ._3p9m2 { --skeleton-bg-color: #f0f0f0; --skeleton-bg-color-dark: #adadad; overflow: hidden; position: relative; } ._3p9m2::before { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; -webkit-transform: translateX(100%); transform: translateX(100%); background: -webkit-gradient( linear, left top, right top, color-stop(80%, rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, 0)), color-stop(90%, rgba(255, 255, 255, 0.6)), color-stop(95%, rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, 0)) ); background: linear-gradient(90deg, rgba(255, 255, 255, 0) 80%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.6) 90%, rgba(255, 255, 255, 0) 95%, rgba(255, 255, 255, 0) 100%); -webkit-filter: blur(20px); filter: blur(20px); -webkit-animation: _3eidb 1.5s infinite; animation: _3eidb 1.5s infinite; z-index: 100; } @-webkit-keyframes _3eidb { 100% { -webkit-transform: translateX(-100%); transform: translateX(-100%); } } @keyframes _3eidb { 100% { -webkit-transform: translateX(-100%); transform: translateX(-100%); } } ._3p9m2 ._1m0lm { background-color: var(--skeleton-bg-color); } ._3p9m2 ._1H36Z, ._3p9m2 ._2w-n_, ._3p9m2 .F-KQK, ._3p9m2 ._1Vwjo, ._3p9m2 .e6ueH { height: 20px; width: 100%; background-color: var(--skeleton-bg-color); border-radius: 6px; } ._3b2sJ .cR_pe { opacity: 0.38; } ._3b2sJ ._1H36Z { font-size: var(--text-medium); font-weight: var(--font-medium); color: var(--text-green); margin: initial; position: initial; white-space: initial; width: initial; } ._3b2sJ ._1_Jch { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 16px 0 24px; height: 110px; } ._3b2sJ ._359yZ, ._3b2sJ ._1rGaX, ._3b2sJ .F-KQK, ._3b2sJ ._2w-n_ { display: none; } ._2uIim .cR_pe { position: relative; } ._2uIim ._1LqfA { -webkit-filter: grayscale(100%) brightness(0.6); filter: grayscale(100%) brightness(0.6); } ._2uIim .TLaEq { font-size: var(--text-large); font-weight: var(--font-bolder); color: var(--text-white); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: absolute; top: 0; left: 0; width: 100%; height: 100%; } ._1rGaX { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } ._1H36Z { font-size: var(--text-medium); font-weight: var(--font-medium); color: var(--text-color); } ._1_epW { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 37px; height: 37px; border-radius: 50%; padding: 15px; background-color: var(--text-green); } .ldadp { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .fAG0N { width: 100%; padding: 2px; text-align: center; border-radius: 16px; background-color: var(--alpha-green); } .v7cms { font-size: var(--text-small); font-weight: var(--font-regular); color: var(--text-green); text-shadow: 0 1 0 0 #0000; } ._18Bvz { background-color: var(--alpha-red); } ._18Bvz .v7cms { font-size: var(--text-small); font-weight: var(--font-regular); color: var(--error-color); } a.un3sc { pointer-events: none; cursor: default; } ._1veXu { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 4px 6px; border-radius: 24px; background-color: #fff; } ._1Hglj { font-size: var(--text-small); font-weight: var(--font-regular); color: var(--text-color-light); } ._2vNx9 { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: var(--text-small); font-weight: var(--font-medium); color: var(--primary-deep-green); width: 100%; height: 24px; border-radius: 16px 0 0 16px; padding: 4px 8px; overflow: hidden; background-color: #fff; } ._2xjFP { display: inline-block; margin: 0 0.4rem; } ._2YzJF { font-size: var(--text-small); font-weight: var(--font-medium); color: var(--text-color); } .Ie0Yf { max-width: 100%; white-space: nowrap; overflow: hidden; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .Ie0Yf._5k_Al { max-width: 180px; } ._2rJMO { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; overflow: hidden; margin-right: 4px; } ._2UpdV { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .mJXqQ { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; padding: 2px 4px 2px 2px; border-radius: 4px; } ._1wmAX { font-size: var(--text-small); font-weight: var(--font-regular); color: var(--text-color); color: inherit; } .DDyzO { font-size: var(--text-small); font-weight: var(--font-regular); color: var(--text-color-light); } ._1Rd1d { color: var(--seperator-color); } .D1SaW { background: rgba(64, 64, 64, 0.04); font-size: var(--text-small); font-weight: var(--font-regular); color: var(--text-color); border-radius: 4px; padding: 4px; } ._2w0Dw { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; font-size: var(--text-small); font-weight: var(--font-regular); color: var(--text-color); } ._2w0Dw > div { margin-left: 4px; } .UTvgN { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100vw; overflow: scroll; padding-top: 10px; padding-bottom: 10px; padding-left: 24px; min-height: 262px; -webkit-transform: scaleX(-1); transform: scaleX(-1); } .UTvgN::after { content: "d"; height: 100%; display: inline-block; visibility: hidden; } .UTvgN > * { -webkit-transform: scaleX(-1); transform: scaleX(-1); direction: rtl; -ms-flex-negative: 0; flex-shrink: 0; margin-right: 8px; } ._1SGKh { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100vw; overflow: scroll; padding-top: 10px; padding-bottom: 10px; padding-right: 24px; } ._1SGKh > * { -ms-flex-negative: 0; flex-shrink: 0; margin-left: 8px; } ._1SGKh > *:first-child { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } ._3xtCl { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } ._3xtCl div { width: 100%; background-size: contain; background-repeat: no-repeat; border-radius: 10px; } ._2zwRO { border-radius: 6px; } ._21s_r { --skeleton-bg-color: #f0f0f0; --skeleton-bg-color-dark: #adadad; overflow: hidden; position: relative; position: relative; padding: 0 24px; margin-top: 16px; } ._21s_r::before { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; -webkit-transform: translateX(100%); transform: translateX(100%); background: -webkit-gradient( linear, left top, right top, color-stop(80%, rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, 0)), color-stop(90%, rgba(255, 255, 255, 0.6)), color-stop(95%, rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, 0)) ); background: linear-gradient(90deg, rgba(255, 255, 255, 0) 80%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.6) 90%, rgba(255, 255, 255, 0) 95%, rgba(255, 255, 255, 0) 100%); -webkit-filter: blur(20px); filter: blur(20px); -webkit-animation: _2IuvY 1.5s infinite; animation: _2IuvY 1.5s infinite; z-index: 100; } @-webkit-keyframes _2IuvY { 100% { -webkit-transform: translateX(-100%); transform: translateX(-100%); } } @keyframes _2IuvY { 100% { -webkit-transform: translateX(-100%); transform: translateX(-100%); } } ._3r2cC { display: -webkit-box; display: -ms-flexbox; display: flex; grid-template-columns: 1fr 16px 1fr; height: 130px; } ._3r2cC > div { width: calc(50%); } ._3r2cC > span { width: 16px; } ._1dVbP { display: -webkit-box; display: -ms-flexbox; display: flex; height: 78px; margin-top: 16px; } ._1dVbP > span { width: 16px; } ._1dVbP > div { width: calc(100% / 4); } ._35N0i { border-radius: 10px; background-color: var(--bg-color); } ._3YBzL { border-radius: 10px; background-color: var(--bg-color); } ._8MiIV { --skeleton-bg-color: #f0f0f0; --skeleton-bg-color-dark: #adadad; overflow: hidden; position: relative; position: relative; margin-top: 0; padding: 16px 24px 28px; background-color: #fff !important; -webkit-box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.02); box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.02); } ._8MiIV::before { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; -webkit-transform: translateX(100%); transform: translateX(100%); background: -webkit-gradient( linear, left top, right top, color-stop(80%, rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, 0)), color-stop(90%, rgba(255, 255, 255, 0.6)), color-stop(95%, rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, 0)) ); background: linear-gradient(90deg, rgba(255, 255, 255, 0) 80%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.6) 90%, rgba(255, 255, 255, 0) 95%, rgba(255, 255, 255, 0) 100%); -webkit-filter: blur(20px); filter: blur(20px); -webkit-animation: _1ae3c 1.5s infinite; animation: _1ae3c 1.5s infinite; z-index: 100; } @-webkit-keyframes _1ae3c { 100% { -webkit-transform: translateX(-100%); transform: translateX(-100%); } } @keyframes _1ae3c { 100% { -webkit-transform: translateX(-100%); transform: translateX(-100%); } } ._3i4wI { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } ._3i4wI > span { width: 16px; } ._3i4wI > div { -ms-flex-negative: 0; flex-shrink: 0; width: calc(25% - 6px); height: 88px; margin-bottom: 38px; } ._3anEU { border-radius: 10px; background-color: #e2e2e2; margin-left: 8px; margin-right: 8px; } ._2PZCu { --skeleton-bg-color: #f0f0f0; --skeleton-bg-color-dark: #adadad; overflow: hidden; position: relative; position: relative; padding: 16px 24px; background-color: #fff !important; padding-bottom: 56px; } ._2PZCu::before { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; -webkit-transform: translateX(100%); transform: translateX(100%); background: -webkit-gradient( linear, left top, right top, color-stop(80%, rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, 0)), color-stop(90%, rgba(255, 255, 255, 0.6)), color-stop(95%, rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, 0)) ); background: linear-gradient(90deg, rgba(255, 255, 255, 0) 80%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.6) 90%, rgba(255, 255, 255, 0) 95%, rgba(255, 255, 255, 0) 100%); -webkit-filter: blur(20px); filter: blur(20px); -webkit-animation: _2sbrA 1.5s infinite; animation: _2sbrA 1.5s infinite; z-index: 100; } @-webkit-keyframes _2sbrA { 100% { -webkit-transform: translateX(-100%); transform: translateX(-100%); } } @keyframes _2sbrA { 100% { -webkit-transform: translateX(-100%); transform: translateX(-100%); } } ._3lhhe { display: -webkit-box; display: -ms-flexbox; display: flex; grid-template-columns: 1fr 16px 1fr; height: 130px; } ._3lhhe > div { -ms-flex-negative: 0; flex-shrink: 0; width: 88px; height: 88px; margin-left: 8px; } ._3lhhe > span { width: 16px; } ._1G8pl { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; height: 88px; } ._1G8pl > span { width: 16px; } ._1G8pl > div { -ms-flex-negative: 0; flex-shrink: 0; width: 88px; height: 88px; margin-left: 8px; } ._1DoHM { border-radius: 10px; background-color: var(--gray-skeleton-color); } ._3Xd03 { --skeleton-bg-color: #f0f0f0; --skeleton-bg-color-dark: #adadad; overflow: hidden; position: relative; position: relative; margin-top: 0; padding: 16px 24px 28px; background-color: #fff !important; -webkit-box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.02); box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.02); } ._3Xd03::before { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; -webkit-transform: translateX(100%); transform: translateX(100%); background: -webkit-gradient( linear, left top, right top, color-stop(80%, rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, 0)), color-stop(90%, rgba(255, 255, 255, 0.6)), color-stop(95%, rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, 0)) ); background: linear-gradient(90deg, rgba(255, 255, 255, 0) 80%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.6) 90%, rgba(255, 255, 255, 0) 95%, rgba(255, 255, 255, 0) 100%); -webkit-filter: blur(20px); filter: blur(20px); -webkit-animation: _3dCt5 1.5s infinite; animation: _3dCt5 1.5s infinite; z-index: 100; } @-webkit-keyframes _3dCt5 { 100% { -webkit-transform: translateX(-100%); transform: translateX(-100%); } } @keyframes _3dCt5 { 100% { -webkit-transform: translateX(-100%); transform: translateX(-100%); } } .tFbr6 { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .tFbr6 > span { width: 16px; } .tFbr6 > div { -ms-flex-negative: 0; flex-shrink: 0; width: calc(25% - 6px); height: 88px; margin-bottom: 38px; } ._3edrp { border-radius: 10px; background-color: #e2e2e2; } ._6_LJ0 { position: relative; } ._3THRx { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 10px; position: relative; } .Y3f6B { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: var(--text-small); font-weight: var(--font-medium); color: #01a61c; padding: 8px 0; text-align: center; } ._6vWzd { position: absolute; top: 2px; left: 3px; padding: 1px 4px; background-color: white; border-radius: 8px; font-size: var(--text-x-small); font-weight: var(--font-regular); color: var(--text-green); } ._1cmEz { overflow: hidden; } ._3DEWo { display: -webkit-box; display: -ms-flexbox; display: flex; } ._1gRkK { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; position: relative; overflow: hidden; } ._3Y19C { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding-left: 0; list-style: none; margin-top: 3px; } ._1JpI7 { position: relative; border-radius: 50%; width: 7px; height: 7px; margin: 8px 3px 0; background: #dce1ec; cursor: pointer; } ._26E3v { background: #b3b9c6; cursor: default; } .OfwpH { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; -ms-flex-wrap: nowrap; flex-wrap: nowrap; flex-wrap: nowrap; overflow: hidden; position: relative; } ._2Pm74 { width: 100%; } ._3GgxE { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } ._1VWjm { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; padding: 0 24px 0 24px; margin-bottom:50px } .WkZjI { position: relative; direction: rtl; margin-top: 16px; overflow: hidden; } ._1DN3w::before { content: ""; position: absolute; z-index: 1; top: 0; right: -20vw; width: 120vw; height: 100%; --forground-color: 244, 244, 244; background: -webkit-gradient( linear, left top, right top, color-stop(80%, rgba(var(--forground-color), 0)), color-stop(50%, rgba(var(--forground-color), 0.1)), color-stop(90%, rgba(var(--forground-color), 0.5)), color-stop(95%, rgba(var(--forground-color), 0.3)), to(rgba(var(--forground-color), 0)) ); background: linear-gradient( to right, rgba(var(--forground-color), 0) 80%, rgba(var(--forground-color), 0.1) 50%, rgba(var(--forground-color), 0.5) 90%, rgba(var(--forground-color), 0.3) 95%, rgba(var(--forground-color), 0) 100% ); -webkit-animation: _3srAk 500ms forwards; animation: _3srAk 500ms forwards; } @-webkit-keyframes _3srAk { from { -webkit-transform: translateX(0%); transform: translateX(0%); } to { -webkit-transform: translateX(-100%); transform: translateX(-100%); } } @keyframes _3srAk { from { -webkit-transform: translateX(0%); transform: translateX(0%); } to { -webkit-transform: translateX(-100%); transform: translateX(-100%); } } ._2jm7e { font-size: 14px; font-weight: bold; border-radius: 10px; width: 100%; height: 130px; color: white; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 0; } ._yJ_b { -webkit-animation: o3xpF 300ms forwards; animation: o3xpF 300ms forwards; } @-webkit-keyframes o3xpF { from { -webkit-transform: scale(0.7); transform: scale(0.7); } 75% { -webkit-transform: scale(1.05); transform: scale(1.05); } to { -webkit-transform: scale(1); transform: scale(1); } } @keyframes o3xpF { from { -webkit-transform: scale(0.7); transform: scale(0.7); } 75% { -webkit-transform: scale(1.05); transform: scale(1.05); } to { -webkit-transform: scale(1); transform: scale(1); } } .Qv5x1 { /*width: 100px; height: 100px;*/ width:100%; margin-right: auto; margin-bottom: auto; height:140px; } .J-KE_ { margin-top: auto; } ._1yQ05 { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 0 24px; direction: rtl; } ._1yQ05 > *:not(:first-child) { margin-right: 16px; } ._2y8r- { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } ._32h0D { position: relative; } ._3640d { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 8px; position: relative; width: 88px; height: 88px; } ._3Z7MK { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: var(--text-medium); font-weight: var(--font-bolder); color: var(--text-color); padding: 8px 0; text-align: center; } ._3ynTi { opacity: 0.4; } ._3h9KL { position: absolute; top: 2px; left: 3px; padding: 1px 4px; background-color: white; border-radius: 8px; font-size: var(--text-x-small); font-weight: var(--font-regular); color: var(--text-green); } ._1flBn { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .k-l64 { overflow: hidden; } .qe_Rp { display: -webkit-box; display: -ms-flexbox; display: flex; } ._1FGr4 { opacity: 0.4; } ._1h0Au { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; overflow: auto; } ._3Z4tM:first-child { margin-right: 24px; } ._3Z4tM:last-child { margin-left: 16px; } ._2U0QC { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding-top: 16px; padding-bottom: 8px; background-color: #fff; -webkit-box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.02); box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.02); } ._1HNmq { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; padding: 0 24px 0 24px; } ._2vli7 { position: relative; direction: rtl; overflow: hidden; } .AVQ--::before { content: ""; position: absolute; z-index: 1; top: 0; right: -20vw; width: 120vw; height: 100%; --forground-color: 244, 244, 244; background: -webkit-gradient( linear, left top, right top, color-stop(80%, rgba(var(--forground-color), 0)), color-stop(50%, rgba(var(--forground-color), 0.1)), color-stop(90%, rgba(var(--forground-color), 0.5)), color-stop(95%, rgba(var(--forground-color), 0.3)), to(rgba(var(--forground-color), 0)) ); background: linear-gradient( to right, rgba(var(--forground-color), 0) 80%, rgba(var(--forground-color), 0.1) 50%, rgba(var(--forground-color), 0.5) 90%, rgba(var(--forground-color), 0.3) 95%, rgba(var(--forground-color), 0) 100% ); -webkit-animation: _5f4BN 500ms forwards; animation: _5f4BN 500ms forwards; } @-webkit-keyframes _5f4BN { from { -webkit-transform: translateX(0%); transform: translateX(0%); } to { -webkit-transform: translateX(-100%); transform: translateX(-100%); } } @keyframes _5f4BN { from { -webkit-transform: translateX(0%); transform: translateX(0%); } to { -webkit-transform: translateX(-100%); transform: translateX(-100%); } } ._2YNzB { display: -webkit-box; display: -ms-flexbox; display: flex; margin-left: 8px; direction: rtl; } ._2YNzB > *:not(:first-child) { margin-right: 8px; } ._1xJr0 { padding: 0 24px; } ._1GCSb { position: relative; overflow: hidden; } ._2vV5_ { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 10px; position: relative; } ._1jLkL { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: var(--text-small); font-weight: var(--font-medium); color: var(--text-color); padding: 13px 0; text-align: center; } @media screen and (max-width: 360px) { ._1jLkL { font-size: var(--text-small); font-weight: var(--font-medium); color: var(--text-color); } } ._1iTh- { white-space: nowrap; } ._2tREV { opacity: 0.4; } ._1sO9b { position: absolute; top: 2px; left: 3px; padding: 1px 4px; background-color: white; border-radius: 8px; font-size: var(--text-x-small); font-weight: var(--font-regular); color: var(--text-green); } ._2x3ow { font-size: var(--text-small); font-weight: var(--font-medium); color: var(--text-color); padding: 13px 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .UnlvJ { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } ._2a_it { height: 64px; max-width: 100%; } @media screen and (max-width: 360px) { ._2a_it { height: 56px; } } @-webkit-keyframes r_U-G { from { -webkit-transform: translateX(160%); transform: translateX(160%); } to { -webkit-transform: translateX(-160%); transform: translateX(-160%); } } @keyframes r_U-G { from { -webkit-transform: translateX(160%); transform: translateX(160%); } to { -webkit-transform: translateX(-160%); transform: translateX(-160%); } } ._37cqC { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 8px; position: relative; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 100%; height: 88px; min-width: unset; overflow: hidden; background-color: var(--services-background-color); cursor: pointer; } ._37cqC :active { background-color: none; } .S9OZq { position: absolute; width: 20px; height: 20px; background: var(--seperator-color); display: block; border-radius: 9999px; opacity: 0.2; -webkit-animation: _3AzAN 1s ease-in-out 1 forwards; animation: _3AzAN 1s ease-in-out 1 forwards; } .mdObJ { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; z-index: 2; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } @-webkit-keyframes _3AzAN { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 0.2; } 100% { -webkit-transform: scale(35); transform: scale(35); opacity: 0; } } @keyframes _3AzAN { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 0.2; } 100% { -webkit-transform: scale(35); transform: scale(35); opacity: 0; } } ._3x3sq { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } ._3Nf3O { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; padding: 0 24px 0 24px; } ._2WsGe { position: relative; direction: rtl; overflow: hidden; } ._1j9ZE::before { content: ""; position: absolute; z-index: 1; top: 0; right: -20vw; width: 120vw; height: 100%; --forground-color: 244, 244, 244; background: -webkit-gradient( linear, left top, right top, color-stop(80%, rgba(var(--forground-color), 0)), color-stop(50%, rgba(var(--forground-color), 0.1)), color-stop(90%, rgba(var(--forground-color), 0.5)), color-stop(95%, rgba(var(--forground-color), 0.3)), to(rgba(var(--forground-color), 0)) ); background: linear-gradient( to right, rgba(var(--forground-color), 0) 80%, rgba(var(--forground-color), 0.1) 50%, rgba(var(--forground-color), 0.5) 90%, rgba(var(--forground-color), 0.3) 95%, rgba(var(--forground-color), 0) 100% ); -webkit-animation: _2QGa- 500ms forwards; animation: _2QGa- 500ms forwards; } @-webkit-keyframes _2QGa- { from { -webkit-transform: translateX(0%); transform: translateX(0%); } to { -webkit-transform: translateX(-100%); transform: translateX(-100%); } } @keyframes _2QGa- { from { -webkit-transform: translateX(0%); transform: translateX(0%); } to { -webkit-transform: translateX(-100%); transform: translateX(-100%); } } ._243v8 { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } ._1c34g { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 8px; padding: 0 20px; direction: rtl; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } ._1c34g > *:not(:first-child) { margin-right: 8px; } ._5xtmU { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 8px; padding: 0 20px; direction: rtl; } ._5xtmU > *:not(:first-child) { margin-right: 8px; } ._3q3WP { position: sticky; height: 72px; width: 100vw; background-color: white; border-radius: 6px; top: 0; left: 0; padding: 16px 24px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } ._1jpO7 { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .QHhDk { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 40px; width: 40px; } ._32nx7 { font-size: var(--text-x-large); font-weight: var(--font-bold); color: var(--text-color); -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } ._2-vDI { width: 100vw; padding: 0px 0 16px; } ._3Oxcf { width: 100%; display: -webkit-box; display: -ms-flexbox; display: none; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 10px; padding: 0 24px; } .AoH_X { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; max-width: 50%; font-size: var(--text-xxx-large); font-weight: var(--font-bolder); color: var(--text-color); font-size: 24px; } ._1YVAB { margin-left: 5px; } .ZwGLB { width: 100%; overflow-wrap: break-word; font-size:12px; } ._1BYdU { border-radius: 24px; } ._2Dlbf { padding: 0 16px; height:160px; } ._3PJKI { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal;overflow: hidden; overflow-x: scroll; } ._3PJKI > * { margin: 8px; } ._3PJKI::after { /*content: ""; width: 10px; height: 100%; border-left: 8px solid transparent; display: inline-block;*/ } ._2Dlbf::-webkit-scrollbar { display: none; } ._2HrM3 { --skeleton-bg-color: #f0f0f0; --skeleton-bg-color-dark: #adadad; overflow: hidden; position: relative; } ._2HrM3::before { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; -webkit-transform: translateX(100%); transform: translateX(100%); background: -webkit-gradient( linear, left top, right top, color-stop(80%, rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, 0)), color-stop(90%, rgba(255, 255, 255, 0.6)), color-stop(95%, rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, 0)) ); background: linear-gradient(90deg, rgba(255, 255, 255, 0) 80%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.6) 90%, rgba(255, 255, 255, 0) 95%, rgba(255, 255, 255, 0) 100%); -webkit-filter: blur(20px); filter: blur(20px); -webkit-animation: _2xrzS 1.5s infinite; animation: _2xrzS 1.5s infinite; z-index: 100; } @-webkit-keyframes _2xrzS { 100% { -webkit-transform: translateX(-100%); transform: translateX(-100%); } } @keyframes _2xrzS { 100% { -webkit-transform: translateX(-100%); transform: translateX(-100%); } } ._2HrM3 ._1BYdU { width: 147.23px; border-radius: 12px; background-color: var(--skeleton-bg-color); } ._2HrM3 .AoH_X { width: 60px; height: 19px; border-radius: 12px; background-color: var(--skeleton-bg-color); } ._1v_u1 .AoH_X { color: var(--text-white); background-color: var(--skeleton-bg-color); } ._1v_u1 ._1nC3G { width: 100%; overflow-wrap: break-word; margin: 10px 0 0; line-height: 16px; font-size: var(--text-medium); font-weight: var(--font-regular); color: var(--text-white); } .xHrfV { --card-size-ratio: 0.749333333; width: calc(50vw * var(--card-size-ratio)); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: #fff; border-radius: 6px; -webkit-box-shadow: var(--card-shadow-2); box-shadow: var(--card-shadow-2); border: solid 0.5px var(--seperator-color); height: 100%; } ._3yuyR { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-flex: 2; -ms-flex-positive: 2; flex-grow: 2; } ._3yuyR > img { width: 100%; } ._3Ls0s { margin: 16px; } ._2ZjMa { color: var(--primary-color); background-color: transparent; border: 1px solid var(--primary-color); } ._1CHLz { --card-size-ratio: 0.749333333; --img-size-ratio: 0.298932384; width: calc(100vw * var(--card-size-ratio)); min-width: 272px; padding: 8px; background-color: #fff; border-radius: 6px; border: solid 0.5px var(--seperator-color); } .WE4rb ._2X7uJ { -webkit-filter: grayscale(80%); filter: grayscale(80%); } .WE4rb ._4JTma, .WE4rb ._2xKmc, .WE4rb ._1CHLz, .WE4rb span { color: var(--text-color-light); } .Qof2n { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 8px; } .Qof2n > * { -ms-flex-negative: 0; flex-shrink: 0; } ._2YFvQ { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-right: 13px; margin-top: 8px; min-width: 0; width: calc(100% - 84px - 16px); } ._1yZtg { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } ._2lZew { display: -webkit-box; display: -ms-flexbox; display: flex; width: 84px; height: 84px; border-radius: 8px; border: solid 0.5px var(--seperator-color); overflow: hidden; } ._2X7uJ { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } ._4JTma { font-size: var(--text-medium); font-weight: var(--font-medium); color: var(--text-color); width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; min-width: 0; width: auto; } ._2xKmc { font-size: var(--text-small); font-weight: var(--font-regular); color: var(--text-color); width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-top: 4px; } ._2dQL1 { margin-top: 7px; } ._4m7pc { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .VcPNq { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .VcPNq > *:last-child { margin-right: 12px; } ._3Qbrb { font-size: var(--text-small); font-weight: var(--font-regular); color: var(--text-color); vertical-align: middle; } ._1hQiR { font-size: var(--text-medium); font-weight: var(--font-medium); color: var(--text-color); margin-right: 4px; } .CF9p_ { font-size: var(--text-small); font-weight: var(--font-regular); color: var(--text-color); } ._2rTxg { margin: 8px; background-color: var(--card-border-color); height: 1px; } ._2hPnF { --skeleton-bg-color: #f0f0f0; --skeleton-bg-color-dark: #adadad; overflow: hidden; position: relative; } ._2hPnF::before { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; -webkit-transform: translateX(100%); transform: translateX(100%); background: -webkit-gradient( linear, left top, right top, color-stop(80%, rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, 0)), color-stop(90%, rgba(255, 255, 255, 0.6)), color-stop(95%, rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, 0)) ); background: linear-gradient(90deg, rgba(255, 255, 255, 0) 80%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.6) 90%, rgba(255, 255, 255, 0) 95%, rgba(255, 255, 255, 0) 100%); -webkit-filter: blur(20px); filter: blur(20px); -webkit-animation: _1lBz2 1.5s infinite; animation: _1lBz2 1.5s infinite; z-index: 100; } @-webkit-keyframes _1lBz2 { 100% { -webkit-transform: translateX(-100%); transform: translateX(-100%); } } @keyframes _1lBz2 { 100% { -webkit-transform: translateX(-100%); transform: translateX(-100%); } } ._2hPnF ._2lZew { background-color: var(--skeleton-bg-color); } ._2hPnF ._4JTma, ._2hPnF ._2xKmc, ._2hPnF ._2dQL1, ._2hPnF .dJraa, ._2hPnF .VcPNq { width: 100%; height: 16px; background-color: var(--skeleton-bg-color); border-radius: 6px; } ._2hPnF ._2xKmc { height: 20px; } ._2hPnF ._2dQL1 { width: 70%; height: 32px; } ._2hPnF ._1yZtg > * { width: 90px; height: 28px; background-color: var(--skeleton-bg-color); border-radius: 4px; } .ecfbK { font-size: var(--text-x-small); font-weight: var(--font-bold); color: var(--text-color); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 24px; position: relative; padding: 4px 4px 4px 8px; } .ecfbK > * { -ms-flex-negative: 0; flex-shrink: 0; } ._2SfCy { margin-right: 6px; } ._1pSJG { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .sxviP { text-align: center; width: 54px; } .sxviP > *:nth-child(even) { vertical-align: middle; } ._2GA4Z { width: 120px; height: 120px; position: relative; border-radius: 6px; margin-left: 15px; } ._1L7ti { --pr: 24px; --ml: 15px; margin-top: 2px; height: auto; width: calc((100vw - var(--pr) * 2 - var(--ml) * 3) / 4); overflow: visible; } ._1L7ti ._1IEyr { font-size: var(--text-small); font-weight: var(--font-regular); color: var(--text-color); margin-top: 7px; position: initial; text-align: center; } ._1L7ti img { width: calc((100vw - var(--pr) * 2 - var(--ml) * 3) / 4); height: calc((100vw - var(--pr) * 2 - var(--ml) * 3) / 4); } ._2LrNQ { padding: 35%; } ._1L7ti ._3GYBg { border-radius: 10px; border: solid 1px var(--seperator-color); } ._2sj97 { width: inherit; height: inherit; overflow: hidden; z-index: 0; position: relative; } ._3GYBg { width: inherit; height: inherit; -o-object-fit: cover; object-fit: cover; border-radius: 6px; z-index: 0; } ._1IEyr { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: var(--text-large); font-weight: var(--font-bold); color: var(--text-white); position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; z-index: 1; } ._1AktZ { --skeleton-bg-color: #f0f0f0; --skeleton-bg-color-dark: #adadad; overflow: hidden; position: relative; background-color: var(--skeleton-bg-color); } ._1AktZ::before { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; -webkit-transform: translateX(100%); transform: translateX(100%); background: -webkit-gradient( linear, left top, right top, color-stop(80%, rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, 0)), color-stop(90%, rgba(255, 255, 255, 0.6)), color-stop(95%, rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, 0)) ); background: linear-gradient(90deg, rgba(255, 255, 255, 0) 80%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.6) 90%, rgba(255, 255, 255, 0) 95%, rgba(255, 255, 255, 0) 100%); -webkit-filter: blur(20px); filter: blur(20px); -webkit-animation: _2l-_1 1.5s infinite; animation: _2l-_1 1.5s infinite; z-index: 100; } @-webkit-keyframes _2l-_1 { 100% { -webkit-transform: translateX(-100%); transform: translateX(-100%); } } @keyframes _2l-_1 { 100% { -webkit-transform: translateX(-100%); transform: translateX(-100%); } } .MCRS5 { display: -webkit-box; display: -ms-flexbox; display: flex; overflow-x: scroll; overflow-y: hidden; width: 100%; } .MCRS5::-webkit-scrollbar { display: none; } .E7Bnk { display: -webkit-box; display: -ms-flexbox; display: flex; overflow: scroll; padding-top: 10px; padding-bottom: 10px; padding-left: 24px; scrollbar-width: none; } .E7Bnk > * { direction: rtl; -ms-flex-negative: 0; flex-shrink: 0; margin-right: 12px; } .E7Bnk > *:first-child { margin-right: 24px; } .E7Bnk > *:last-child { padding-left: 24px; } .E7Bnk::-webkit-scrollbar { width: 0 !important; height: 0 !important; } .KzxhP { position: fixed; top: var(--nav-size); left: 0; right: 0; z-index: 10001; height: calc(100% - var(--nav-size)); padding: 32px; background-color: var(--white-color); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-top: 1px solid var(--border-color); } .KzxhP:before { content: ""; min-height: 1px; display: block; } ._1pmz9 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } ._1pmz9 > img { width: 200px; } ._1pmz9 ._3_Mla { margin-top: 28px; text-align: center; line-height: 24px; font-size: var(--text-large); font-weight: var(--font-light); color: var(--text-color-light); } ._3S57D { width: 100%; } ._3S57D ._247S_ { margin-top: 24px; font-size: var(--text-small); font-weight: var(--font-regular); color: var(--text-color); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; text-align: right; line-height: 20px; } ._3S57D ._247S_ > div { margin-left: 8px; } ._3S57D .nzK-5 { border: 1.5px solid var(--primary-deep-green); height: 48px; border-radius: 6px; font-size: var(--text-medium); font-weight: var(--font-medium); color: var(--primary-deep-green); margin-top: 28px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } ._3S57D .nzK-5 > span { margin-right: 10px; } .c_F8J { font-size: var(--text-small); font-weight: var(--font-regular); color: var(--text-color); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: calc(100% - 48px); margin: 0 24px; padding: 8px; border-radius: 8px; border: solid 0.5px #f8d648; background: #fff; -webkit-box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.1); } .c_F8J > * { -ms-flex-negative: 0; flex-shrink: 0; } .c_F8J > p { text-align: justify; -moz-text-align-last: center; text-align-last: center; margin: 0 4px; line-height: 1.5; } .c_F8J > *:first-child { margin-bottom: 5px; } ._2ih7r { --icon-size: 45px; position: fixed; left: 0; bottom: 265px; background: var(--primary-color); height: var(--icon-size); width: var(--icon-size); -webkit-box-shadow: 0px 0px 4px 1px rgba(0, 0, 0, 0.2); box-shadow: 0px 0px 4px 1px rgba(0, 0, 0, 0.2); z-index: 1; border-top-right-radius: 50%; border-bottom-right-radius: 50%; padding: 0 12px; opacity: 1; visibility: visible; } ._2ih7r:focus { outline: none; } ._1BTRj { visibility: hidden; opacity: 0; } ._1wHev { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background: #fff; height: calc(100vh - var(--nav-size)); } ._2beoC { margin-top: 28px; } ._6vPbg { margin-top: 10vh; margin-bottom: 56px; } ._2M84w { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; padding: 0 24px; line-height: 20px; } .Lg5jc { font-size: var(--text-x-large); font-weight: var(--font-bold); color: var(--text-color); } ._3QL4p { font-size: var(--text-medium); font-weight: var(--font-regular); color: var(--text-color); } ._1hnr- { font-size: var(--text-medium); font-weight: var(--font-light); color: var(--text-color); } ._3mHAp { color: var(--white-color); padding: 5px 20px; min-width: 80px; } ._3tM1c { color: var(--white-color); background-color: var(--primary-color); } .zebUx { color: var(--white-color); background-color: var(--gray-color); } ._3hSsv { border: 1px solid var(--gray-color) !important; color: var(--gray-color); } ._3mHAp + ._3mHAp { margin-right: 0; } ._3mHAp.SE4Dw + ._3mHAp.SE4Dw { margin-right: 0; } ._3mHAp._2lcYf { border: 1px solid var(--primary-color); background: var(--white-color); } ._3mHAp._2lcYf._3tM1c { border-color: var(--primary-color); color: var(--primary-color); } ._3mHAp._2lcYf.zebUx { border-color: var(--primary-color); color: var(--primary-color); } ._2lcYf:disabled, ._2lcYf:disabled:active { border-color: var(--silver-color) !important; color: var(--silver-color) !important; } .SE4Dw { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; height: 100%; border-radius: 0; border: none; outline: none; } ._3mHAp._1DxY6 { border-radius: 1.5rem; } ._3mHAp._3zX-u { background: transparent; border: none; color: gray; } ._3mHAp:hover, ._3mHAp:active, ._3mHAp:focus { background: var(--white-color); border-color: var(--primary-color); color: var(--primary-color); -webkit-box-shadow: none; box-shadow: none; outline: none; } ._3mHAp:not(:disabled):not(._2ix6j):active { background: var(--white-color); border-color: var(--primary-color); color: var(--primary-color); -webkit-box-shadow: none; box-shadow: none; outline: none; } ._2eUCi { background-color: rgba(0, 0, 0, 0.6); width: 100%; padding-top: 4px; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } ._3wwdK { font-size: 0.8rem; color: var(--white-color); padding: 1.1rem 1rem 0.8rem; } .b43nV { width: 2.3rem; display: inline-block; margin: auto; } .b43nV img { border-radius: 6px; width: 100%; } ._38ZpZ { color: white; font-size: 0.7rem; font-weight: 300; text-shadow: 1px 1px var(--black-color); margin: auto; } ._2fRC1 { margin: auto; } .fQ_jB { border-radius: 1rem; padding: 0.3rem; font-weight: 500; font-size: 0.8rem; margin-left: 6px; min-width: 70px !important; } ._3POMI { --bg-color: #e2e2e2; } ._3POMI > * { margin-bottom: 24px; } ._1BqXw { margin: 0 24px 8px; position: relative; --skeleton-bg-color: #f0f0f0; --skeleton-bg-color-dark: #adadad; overflow: hidden; position: relative; height: 109px; border-radius: 10px; background-color: var(--bg-color); } ._1BqXw::before { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; -webkit-transform: translateX(100%); transform: translateX(100%); background: -webkit-gradient( linear, left top, right top, color-stop(80%, rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, 0)), color-stop(90%, rgba(255, 255, 255, 0.6)), color-stop(95%, rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, 0)) ); background: linear-gradient(90deg, rgba(255, 255, 255, 0) 80%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.6) 90%, rgba(255, 255, 255, 0) 95%, rgba(255, 255, 255, 0) 100%); -webkit-filter: blur(20px); filter: blur(20px); -webkit-animation: m5o9M 1.5s infinite; animation: m5o9M 1.5s infinite; z-index: 100; } @-webkit-keyframes m5o9M { 100% { -webkit-transform: translateX(-100%); transform: translateX(-100%); } } @keyframes m5o9M { 100% { -webkit-transform: translateX(-100%); transform: translateX(-100%); } } ._2P54N { position: fixed; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; bottom: 0; width: 94%; height: 52px; border: 1px solid var(--alpha-carbon-grey); border-radius: 12px 12px 0 0; background-color: var(--white-color); right: 3%; z-index: 999; -webkit-transition: bottom 1s ease; transition: bottom 1s ease; -webkit-box-shadow: var(--card-shadow-2); box-shadow: var(--card-shadow-2); padding: 10px 12px; } .s_3Ic { margin: 0 12px; } .s_3Ic svg { vertical-align: middle; } .DY4gf { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; margin-right: 4px; font-size: var(--text-small); font-weight: var(--font-regular); color: var(--text-color); line-height: 16px; } .Vhmh5 { height: 32px; min-width: 70px; border: 1px solid var(--primary-deep-green); color: var(--primary-deep-green); } ._1Y64O { bottom: calc(56px + env(safe-area-inset-bottom)); } .cIKLt { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 100%; overflow: hidden; } .usz9G ._2S-Za { margin-bottom: 45px; } .usz9G + div { bottom: 0; } ._30gUw { margin-top: 0; } ._2S-Za > * { margin-top: 30px; } ._2S-Za > *[data-name="services"] { margin-top: 0; padding-top: 5px; padding-bottom: 8px; } ._2S-Za > *[data-type="2"] + [data-type="2"] { margin: 12px; } ._3j7w_ { overflow-y: auto; border-top: 1px solid var(--seperator-color); background-color: var(--similar-list-background); } ._3j7w_::-webkit-scrollbar { display: none; } ._3j7w_ > div { -webkit-transition: opacity 300ms; transition: opacity 300ms; height: 100%; } ._3uoZi { opacity: 1; } ._3DrSC { opacity: 0; } ._1M6sT { width: 100%; position: fixed; } ._1fEbL { font-size: var(--text-large); font-weight: var(--font-bold); color: var(--text-color); } .XSEHq { width: 100%; margin-top: 24px; padding: 0 24px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } ._17lzx { position: fixed; bottom: calc(56px + env(safe-area-inset-bottom)); left: 0; right: 0; z-index: 2; } ._12qfU { left: 0 !important; max-width: 100vw; } ._12qfU + * { left: 0 !important; } ._1NwIz + * [role="dialog"] { right: 5px; } ._1NwIz + * [role="dialog"] *:nth-child(4) { right: 20px; left: unset; } ._28WEj { --banner-width: calc((100vw - 30px) / 2.3); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 30px; overflow-y: auto; } ._28WEj > * { border-radius: 8px; margin-bottom: 24px; width: 100%; } ._28WEj > img { margin-top: 0; margin-bottom: 24px; width: 35%; } ._28WEj > h1 { font-size: var(--text-large); font-weight: var(--font-medium); color: var(--text-color); margin-bottom: 16px; height: 32px; width: 100%; text-align: center; } ._28WEj > section { direction: rtl !important; } ._36TX3 { width: 100%; padding-left: 24px; margin-bottom: 0px; } ._36TX3 > img { width: 26% !important; } ._13DvP { position: relative; direction: rtl; width: 100%; padding: 0px 12px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; overflow-x: auto; } ._13DvP::-webkit-scrollbar { display: none; } ._13DvP > a { -ms-flex-preferred-size: "50%"; flex-basis: "50%"; margin: 12px; display: -webkit-box; display: -ms-flexbox; display: flex; border-radius: 6px; } ._13DvP > a > img { width: var(--banner-width); height: var(--banner-width); border-radius: 6px; } ._21H4F { --skeleton-bg-color: #f0f0f0; --skeleton-bg-color-dark: #adadad; overflow: hidden; position: relative; } ._21H4F::before { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; -webkit-transform: translateX(100%); transform: translateX(100%); background: -webkit-gradient( linear, left top, right top, color-stop(80%, rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, 0)), color-stop(90%, rgba(255, 255, 255, 0.6)), color-stop(95%, rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, 0)) ); background: linear-gradient(90deg, rgba(255, 255, 255, 0) 80%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.6) 90%, rgba(255, 255, 255, 0) 95%, rgba(255, 255, 255, 0) 100%); -webkit-filter: blur(20px); filter: blur(20px); -webkit-animation: _1GAmB 1.5s infinite; animation: _1GAmB 1.5s infinite; z-index: 100; } @-webkit-keyframes _1GAmB { 100% { -webkit-transform: translateX(-100%); transform: translateX(-100%); } } @keyframes _1GAmB { 100% { -webkit-transform: translateX(-100%); transform: translateX(-100%); } } ._21H4F a, ._21H4F h1 { background-color: var(--skeleton-bg-color); } ._77xPz { --card-size: 195px; --img-size: 130px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; direction: rtl; width: var(--card-size); height: 284px; background-color: #fff; overflow: hidden; border-radius: 6px; -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); } .vTSYk { width: inherit; height: var(--img-size); overflow: hidden; position: relative; } ._3OaF3 { width: var(--card-size); height: inherit; -o-object-fit: cover; object-fit: cover; border-radius: 6px 6px 0 0; } ._2mtNi { position: absolute; top: 8px; left: 8px; border-radius: 4px; } ._1lhE9 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; height: 100%; padding: 16px 12px; } ._2hKfd { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 16px; } ._2hKfd > :nth-child(2) { margin: 12px 0; } ._26oQc { font-size: var(--text-medium); font-weight: var(--font-medium); color: var(--text-color); width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin: 0; position: relative; } ._1KjO2 { font-size: var(--text-small); font-weight: var(--font-medium); color: var(--text-color-light); width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } ._330Bh { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } ._330Bh > *:first-child { margin-left: 8px; } ._33lb8 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; height: 32px; } ._39A3n { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-right: 5px; line-height: 1; } .Xtnb0 { --skeleton-bg-color: #f0f0f0; --skeleton-bg-color-dark: #adadad; overflow: hidden; position: relative; } .Xtnb0::before { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; -webkit-transform: translateX(100%); transform: translateX(100%); background: -webkit-gradient( linear, left top, right top, color-stop(80%, rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, 0)), color-stop(90%, rgba(255, 255, 255, 0.6)), color-stop(95%, rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, 0)) ); background: linear-gradient(90deg, rgba(255, 255, 255, 0) 80%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.6) 90%, rgba(255, 255, 255, 0) 95%, rgba(255, 255, 255, 0) 100%); -webkit-filter: blur(20px); filter: blur(20px); -webkit-animation: _235vF 1.5s infinite; animation: _235vF 1.5s infinite; z-index: 100; } @-webkit-keyframes _235vF { 100% { -webkit-transform: translateX(-100%); transform: translateX(-100%); } } @keyframes _235vF { 100% { -webkit-transform: translateX(-100%); transform: translateX(-100%); } } .Xtnb0 img { display: none; } .Xtnb0 .vTSYk { width: var(--card-size); height: var(--img-size); } .Xtnb0 .vTSYk::after { content: ""; width: inherit; height: inherit; display: inline-block; position: absolute; top: 0; left: 0; background-color: var(--skeleton-bg-color); } .Xtnb0 ._33lb8 { background-color: var(--skeleton-bg-color); width: 60%; border-radius: 6px; } .Xtnb0 ._26oQc, .Xtnb0 ._1KjO2, .Xtnb0 ._3kpnw, .Xtnb0 ._330Bh, .Xtnb0 ._39A3n { width: 100%; height: 17px; background-color: var(--skeleton-bg-color); border-radius: 6px; } .Xtnb0 ._39A3n { width: 50%; background-color: var(--skeleton-bg-color); border-radius: 6px; } ._1bK2L .vTSYk { opacity: 0.38; } ._1bK2L ._26oQc { font-size: var(--text-medium); font-weight: var(--font-medium); color: var(--text-green); margin: initial; position: initial; white-space: initial; width: initial; } ._1bK2L ._1lhE9 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 45px 0 43px; height: 154px; } ._1bK2L ._2hKfd, ._1bK2L ._33lb8, ._1bK2L ._2mtNi { display: none; } ._1yyOj { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 37px; height: 37px; border-radius: 50%; padding: 15px; background-color: var(--text-green); } <style type="text/css"> /* required styles */ .leaflet-pane, .leaflet-tile, .leaflet-marker-icon, .leaflet-marker-shadow, .leaflet-tile-container, .leaflet-pane > svg, .leaflet-pane > canvas, .leaflet-zoom-box, .leaflet-image-layer, .leaflet-layer { position: absolute; left: 0; top: 0; } .leaflet-container { overflow: hidden; } .leaflet-tile, .leaflet-marker-icon, .leaflet-marker-shadow { -webkit-user-select: none; -moz-user-select: none; user-select: none; -webkit-user-drag: none; } /* Prevents IE11 from highlighting tiles in blue */ .leaflet-tile::selection { background: transparent; } /* Safari renders non-retina tile on retina better with this, but Chrome is worse */ .leaflet-safari .leaflet-tile { image-rendering: -webkit-optimize-contrast; } /* hack that prevents hw layers "stretching" when loading new tiles */ .leaflet-safari .leaflet-tile-container { width: 1600px; height: 1600px; -webkit-transform-origin: 0 0; } .leaflet-marker-icon, .leaflet-marker-shadow { display: block; } /* .leaflet-container svg: reset svg max-width decleration shipped in Joomla! (joomla.org) 3.x */ /* .leaflet-container img: map is broken in FF if you have max-width: 100% on tiles */ .leaflet-container .leaflet-overlay-pane svg, .leaflet-container .leaflet-marker-pane img, .leaflet-container .leaflet-shadow-pane img, .leaflet-container .leaflet-tile-pane img, .leaflet-container img.leaflet-image-layer, .leaflet-container .leaflet-tile { max-width: none !important; max-height: none !important; } .leaflet-container.leaflet-touch-zoom { -ms-touch-action: pan-x pan-y; touch-action: pan-x pan-y; } .leaflet-container.leaflet-touch-drag { -ms-touch-action: pinch-zoom; /* Fallback for FF which doesn't support pinch-zoom */ touch-action: none; touch-action: pinch-zoom; } .leaflet-container.leaflet-touch-drag.leaflet-touch-zoom { -ms-touch-action: none; touch-action: none; } .leaflet-container { -webkit-tap-highlight-color: transparent; } .leaflet-container a { -webkit-tap-highlight-color: rgba(51, 181, 229, 0.4); } .leaflet-tile { filter: inherit; visibility: hidden; } .leaflet-tile-loaded { visibility: inherit; } .leaflet-zoom-box { width: 0; height: 0; -moz-box-sizing: border-box; box-sizing: border-box; z-index: 800; } /* workaround for https://bugzilla.mozilla.org/show_bug.cgi?id=888319 */ .leaflet-overlay-pane svg { -moz-user-select: none; } .leaflet-pane { z-index: 400; } .leaflet-tile-pane { z-index: 200; } .leaflet-overlay-pane { z-index: 400; } .leaflet-shadow-pane { z-index: 500; } .leaflet-marker-pane { z-index: 600; } .leaflet-tooltip-pane { z-index: 650; } .leaflet-popup-pane { z-index: 700; } .leaflet-map-pane canvas { z-index: 100; } .leaflet-map-pane svg { z-index: 200; } .leaflet-vml-shape { width: 1px; height: 1px; } .lvml { behavior: url(#default#VML); display: inline-block; position: absolute; } /* control positioning */ .leaflet-control { position: relative; z-index: 800; pointer-events: visiblePainted; /* IE 9-10 doesn't have auto */ pointer-events: auto; } .leaflet-top, .leaflet-bottom { position: absolute; z-index: 1000; pointer-events: none; } .leaflet-top { top: 0; } .leaflet-right { right: 0; } .leaflet-bottom { bottom: 0; } .leaflet-left { left: 0; } .leaflet-control { float: left; clear: both; } .leaflet-right .leaflet-control { float: right; } .leaflet-top .leaflet-control { margin-top: 10px; } .leaflet-bottom .leaflet-control { margin-bottom: 10px; } .leaflet-left .leaflet-control { margin-left: 10px; } .leaflet-right .leaflet-control { margin-right: 10px; } /* zoom and fade animations */ .leaflet-fade-anim .leaflet-tile { will-change: opacity; } .leaflet-fade-anim .leaflet-popup { opacity: 0; -webkit-transition: opacity 0.2s linear; -moz-transition: opacity 0.2s linear; transition: opacity 0.2s linear; } .leaflet-fade-anim .leaflet-map-pane .leaflet-popup { opacity: 1; } .leaflet-zoom-animated { -webkit-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; } .leaflet-zoom-anim .leaflet-zoom-animated { will-change: transform; } .leaflet-zoom-anim .leaflet-zoom-animated { -webkit-transition: -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1); -moz-transition: -moz-transform 0.25s cubic-bezier(0, 0, 0.25, 1); transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1); } .leaflet-zoom-anim .leaflet-tile, .leaflet-pan-anim .leaflet-tile { -webkit-transition: none; -moz-transition: none; transition: none; } .leaflet-zoom-anim .leaflet-zoom-hide { visibility: hidden; } /* cursors */ .leaflet-interactive { cursor: pointer; } .leaflet-grab { cursor: -webkit-grab; cursor: -moz-grab; cursor: grab; } .leaflet-crosshair, .leaflet-crosshair .leaflet-interactive { cursor: crosshair; } .leaflet-popup-pane, .leaflet-control { cursor: auto; } .leaflet-dragging .leaflet-grab, .leaflet-dragging .leaflet-grab .leaflet-interactive, .leaflet-dragging .leaflet-marker-draggable { cursor: move; cursor: -webkit-grabbing; cursor: -moz-grabbing; cursor: grabbing; } /* marker & overlays interactivity */ .leaflet-marker-icon, .leaflet-marker-shadow, .leaflet-image-layer, .leaflet-pane > svg path, .leaflet-tile-container { pointer-events: none; } .leaflet-marker-icon.leaflet-interactive, .leaflet-image-layer.leaflet-interactive, .leaflet-pane > svg path.leaflet-interactive, svg.leaflet-image-layer.leaflet-interactive path { pointer-events: visiblePainted; /* IE 9-10 doesn't have auto */ pointer-events: auto; } /* visual tweaks */ .leaflet-container { background: #ddd; outline: 0; } .leaflet-container a { color: #0078a8; } .leaflet-container a.leaflet-active { outline: 2px solid orange; } .leaflet-zoom-box { border: 2px dotted #38f; background: rgba(255, 255, 255, 0.5); } /* general typography */ .leaflet-container { font: 12px/1.5 "Helvetica Neue", Arial, Helvetica, sans-serif; } /* general toolbar styles */ .leaflet-bar { box-shadow: 0 1px 5px rgba(0, 0, 0, 0.65); border-radius: 4px; } .leaflet-bar a, .leaflet-bar a:hover { background-color: #fff; border-bottom: 1px solid #ccc; width: 26px; height: 26px; line-height: 26px; display: block; text-align: center; text-decoration: none; color: black; } .leaflet-bar a, .leaflet-control-layers-toggle { background-position: 50% 50%; background-repeat: no-repeat; display: block; } .leaflet-bar a:hover { background-color: #f4f4f4; } .leaflet-bar a:first-child { border-top-left-radius: 4px; border-top-right-radius: 4px; } .leaflet-bar a:last-child { border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border-bottom: none; } .leaflet-bar a.leaflet-disabled { cursor: default; background-color: #f4f4f4; color: #bbb; } .leaflet-touch .leaflet-bar a { width: 30px; height: 30px; line-height: 30px; } .leaflet-touch .leaflet-bar a:first-child { border-top-left-radius: 2px; border-top-right-radius: 2px; } .leaflet-touch .leaflet-bar a:last-child { border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; } /* zoom control */ .leaflet-control-zoom-in, .leaflet-control-zoom-out { font: bold 18px "Lucida Console", Monaco, monospace; text-indent: 1px; } .leaflet-touch .leaflet-control-zoom-in, .leaflet-touch .leaflet-control-zoom-out { font-size: 22px; } /* layers control */ .leaflet-control-layers { box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4); background: #fff; border-radius: 5px; } .leaflet-control-layers-toggle { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAQAAAADQ4RFAAACf0lEQVR4AY1UM3gkARTePdvdoTxXKc+qTl3aU5U6b2Kbkz3Gtq3Zw6ziLGNPzrYx7946Tr6/ee/XeCQ4D3ykPtL5tHno4n0d/h3+xfuWHGLX81cn7r0iTNzjr7LrlxCqPtkbTQEHeqOrTy4Yyt3VCi/IOB0v7rVC7q45Q3Gr5K6jt+3Gl5nCoDD4MtO+j96Wu8atmhGqcNGHObuf8OM/x3AMx38+4Z2sPqzCxRFK2aF2e5Jol56XTLyggAMTL56XOMoS1W4pOyjUcGGQdZxU6qRh7B9Zp+PfpOFlqt0zyDZckPi1ttmIp03jX8gyJ8a/PG2yutpS/Vol7peZIbZcKBAEEheEIAgFbDkz5H6Zrkm2hVWGiXKiF4Ycw0RWKdtC16Q7qe3X4iOMxruonzegJzWaXFrU9utOSsLUmrc0YjeWYjCW4PDMADElpJSSQ0vQvA1Tm6/JlKnqFs1EGyZiFCqnRZTEJJJiKRYzVYzJck2Rm6P4iH+cmSY0YzimYa8l0EtTODFWhcMIMVqdsI2uiTvKmTisIDHJ3od5GILVhBCarCfVRmo4uTjkhrhzkiBV7SsaqS+TzrzM1qpGGUFt28pIySQHR6h7F6KSwGWm97ay+Z+ZqMcEjEWebE7wxCSQwpkhJqoZA5ivCdZDjJepuJ9IQjGGUmuXJdBFUygxVqVsxFsLMbDe8ZbDYVCGKxs+W080max1hFCarCfV+C1KATwcnvE9gRRuMP2prdbWGowm1KB1y+zwMMENkM755cJ2yPDtqhTI6ED1M/82yIDtC/4j4BijjeObflpO9I9MwXTCsSX8jWAFeHr05WoLTJ5G8IQVS/7vwR6ohirYM7f6HzYpogfS3R2OAAAAAElFTkSuQmCC); width: 36px; height: 36px; } .leaflet-retina .leaflet-control-layers-toggle { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAAA0CAQAAABvcdNgAAAEsklEQVR4AWL4TydIhpZK1kpWOlg0w3ZXP6D2soBtG42jeI6ZmQTHzAxiTbSJsYLjO9HhP+WOmcuhciVnmHVQcJnp7DFvScowZorad/+V/fVzMdMT2g9Cv9guXGv/7pYOrXh2U+RRR3dSd9JRx6bIFc/ekqHI29JC6pJ5ZEh1yWkhkbcFeSjxgx3L2m1cb1C7bceyxA+CNjT/Ifff+/kDk2u/w/33/IeCMOSaWZ4glosqT3DNnNZQ7Cs58/3Ce5HL78iZH/vKVIaYlqzfdLu8Vi7dnvUbEza5Idt36tquZFldl6N5Z/POLof0XLK61mZCmJSWjVF9tEjUluu74IUXvgttuVIHE7YxSkaYhJZam7yiM9Pv82JYfl9nptxZaxMJE4YSPty+vF0+Y2up9d3wwijfjZbabqm/3bZ9ecKHsiGmRflnn1MW4pjHf9oLufyn2z3y1D6n8g8TZhxyzipLNPnAUpsOiuWimg52psrTZYnOWYNDTMuWBWa0tJb4rgq1UvmutpaYEbZlwU3CLJm/ayYjHW5/h7xWLn9Hh1vepDkyf7dE7MtT5LR4e7yYpHrkhOUpEfssBLq2pPhAqoSWKUkk7EDqkmK6RrCEzqDjhNDWNE+XSMvkJRDWlZTmCW0l0PHQGRZY5t1L83kT0Y3l2SItk5JAWHl2dCOBm+fPu3fo5/3v61RMCO9Jx2EEYYhb0rmNQMX/vm7gqOEJLcXTGw3CAuRNeyaPWwjR8PRqKQ1PDA/dpv+on9Shox52WFnx0KY8onHayrJzm87i5h9xGw/tfkev0jGsQizqezUKjk12hBMKJ4kbCqGPVNXudyyrShovGw5CgxsRICxF6aRmSjlBnHRzg7Gx8fKqEubI2rahQYdR1YgDIRQO7JvQyD52hoIQx0mxa0ODtW2Iozn1le2iIRdzwWewedyZzewidueOGqlsn1MvcnQpuVwLGG3/IR1hIKxCjelIDZ8ldqWz25jWAsnldEnK0Zxro19TGVb2ffIZEsIO89EIEDvKMPrzmBOQcKQ+rroye6NgRRxqR4U8EAkz0CL6uSGOm6KQCdWjvjRiSP1BPalCRS5iQYiEIvxuBMJEWgzSoHADcVMuN7IuqqTeyUPq22qFimFtxDyBBJEwNyt6TM88blFHao/6tWWhuuOM4SAK4EI4QmFHA+SEyWlp4EQoJ13cYGzMu7yszEIBOm2rVmHUNqwAIQabISNMRstmdhNWcFLsSm+0tjJH1MdRxO5Nx0WDMhCtgD6OKgZeljJqJKc9po8juskR9XN0Y1lZ3mWjLR9JCO1jRDMd0fpYC2VnvjBSEFg7wBENc0R9HFlb0xvF1+TBEpF68d+DHR6IOWVv2BECtxo46hOFUBd/APU57WIoEwJhIi2CdpyZX0m93BZicktMj1AS9dClteUFAUNUIEygRZCtik5zSxI9MubTBH1GOiHsiLJ3OCoSZkILa9PxiN0EbvhsAo8tdAf9Seepd36lGWHmtNANTv5Jd0z4QYyeo/UEJqxKRpg5LZx6btLPsOaEmdMyxYdlc8LMaJnikDlhclqmPiQnTEpLUIZEwkRagjYkEibQErwhkTAKCLQEbUgkzJQWc/0PstHHcfEdQ+UAAAAASUVORK5CYII=); background-size: 26px 26px; } .leaflet-touch .leaflet-control-layers-toggle { width: 44px; height: 44px; } .leaflet-control-layers .leaflet-control-layers-list, .leaflet-control-layers-expanded .leaflet-control-layers-toggle { display: none; } .leaflet-control-layers-expanded .leaflet-control-layers-list { display: block; position: relative; } .leaflet-control-layers-expanded { padding: 6px 10px 6px 6px; color: #333; background: #fff; } .leaflet-control-layers-scrollbar { overflow-y: scroll; overflow-x: hidden; padding-right: 5px; } .leaflet-control-layers-selector { margin-top: 2px; position: relative; top: 1px; } .leaflet-control-layers label { display: block; } .leaflet-control-layers-separator { height: 0; border-top: 1px solid #ddd; margin: 5px -10px 5px -6px; } /* Default icon URLs */ .leaflet-default-icon-path { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAApCAYAAADAk4LOAAAFgUlEQVR4Aa1XA5BjWRTN2oW17d3YaZtr2962HUzbDNpjszW24mRt28p47v7zq/bXZtrp/lWnXr337j3nPCe85NcypgSFdugCpW5YoDAMRaIMqRi6aKq5E3YqDQO3qAwjVWrD8Ncq/RBpykd8oZUb/kaJutow8r1aP9II0WmLKLIsJyv1w/kqw9Ch2MYdB++12Onxee/QMwvf4/Dk/Lfp/i4nxTXtOoQ4pW5Aj7wpici1A9erdAN2OH64x8OSP9j3Ft3b7aWkTg/Fm91siTra0f9on5sQr9INejH6CUUUpavjFNq1B+Oadhxmnfa8RfEmN8VNAsQhPqF55xHkMzz3jSmChWU6f7/XZKNH+9+hBLOHYozuKQPxyMPUKkrX/K0uWnfFaJGS1QPRtZsOPtr3NsW0uyh6NNCOkU3Yz+bXbT3I8G3xE5EXLXtCXbbqwCO9zPQYPRTZ5vIDXD7U+w7rFDEoUUf7ibHIR4y6bLVPXrz8JVZEql13trxwue/uDivd3fkWRbS6/IA2bID4uk0UpF1N8qLlbBlXs4Ee7HLTfV1j54APvODnSfOWBqtKVvjgLKzF5YdEk5ewRkGlK0i33Eofffc7HT56jD7/6U+qH3Cx7SBLNntH5YIPvODnyfIXZYRVDPqgHtLs5ABHD3YzLuespb7t79FY34DjMwrVrcTuwlT55YMPvOBnRrJ4VXTdNnYug5ucHLBjEpt30701A3Ts+HEa73u6dT3FNWwflY86eMHPk+Yu+i6pzUpRrW7SNDg5JHR4KapmM5Wv2E8Tfcb1HoqqHMHU+uWDD7zg54mz5/2BSnizi9T1Dg4QQXLToGNCkb6tb1NU+QAlGr1++eADrzhn/u8Q2YZhQVlZ5+CAOtqfbhmaUCS1ezNFVm2imDbPmPng5wmz+gwh+oHDce0eUtQ6OGDIyR0uUhUsoO3vfDmmgOezH0mZN59x7MBi++WDL1g/eEiU3avlidO671bkLfwbw5XV2P8Pzo0ydy4t2/0eu33xYSOMOD8hTf4CrBtGMSoXfPLchX+J0ruSePw3LZeK0juPJbYzrhkH0io7B3k164hiGvawhOKMLkrQLyVpZg8rHFW7E2uHOL888IBPlNZ1FPzstSJM694fWr6RwpvcJK60+0HCILTBzZLFNdtAzJaohze60T8qBzyh5ZuOg5e7uwQppofEmf2++DYvmySqGBuKaicF1blQjhuHdvCIMvp8whTTfZzI7RldpwtSzL+F1+wkdZ2TBOW2gIF88PBTzD/gpeREAMEbxnJcaJHNHrpzji0gQCS6hdkEeYt9DF/2qPcEC8RM28Hwmr3sdNyht00byAut2k3gufWNtgtOEOFGUwcXWNDbdNbpgBGxEvKkOQsxivJx33iow0Vw5S6SVTrpVq11ysA2Rp7gTfPfktc6zhtXBBC+adRLshf6sG2RfHPZ5EAc4sVZ83yCN00Fk/4kggu40ZTvIEm5g24qtU4KjBrx/BTTH8ifVASAG7gKrnWxJDcU7x8X6Ecczhm3o6YicvsLXWfh3Ch1W0k8x0nXF+0fFxgt4phz8QvypiwCCFKMqXCnqXExjq10beH+UUA7+nG6mdG/Pu0f3LgFcGrl2s0kNNjpmoJ9o4B29CMO8dMT4Q5ox8uitF6fqsrJOr8qnwNbRzv6hSnG5wP+64C7h9lp30hKNtKdWjtdkbuPA19nJ7Tz3zR/ibgARbhb4AlhavcBebmTHcFl2fvYEnW0ox9xMxKBS8btJ+KiEbq9zA4RthQXDhPa0T9TEe69gWupwc6uBUphquXgf+/FrIjweHQS4/pduMe5ERUMHUd9xv8ZR98CxkS4F2n3EUrUZ10EYNw7BWm9x1GiPssi3GgiGRDKWRYZfXlON+dfNbM+GgIwYdwAAAAASUVORK5CYII=); } /* attribution and scale controls */ .leaflet-container .leaflet-control-attribution { background: #fff; background: rgba(255, 255, 255, 0.7); margin: 0; } .leaflet-control-attribution, .leaflet-control-scale-line { padding: 0 5px; color: #333; } .leaflet-control-attribution a { text-decoration: none; } .leaflet-control-attribution a:hover { text-decoration: underline; } .leaflet-container .leaflet-control-attribution, .leaflet-container .leaflet-control-scale { font-size: 11px; } .leaflet-left .leaflet-control-scale { margin-left: 5px; } .leaflet-bottom .leaflet-control-scale { margin-bottom: 5px; } .leaflet-control-scale-line { border: 2px solid #777; border-top: none; line-height: 1.1; padding: 2px 5px 1px; font-size: 11px; white-space: nowrap; overflow: hidden; -moz-box-sizing: border-box; box-sizing: border-box; background: #fff; background: rgba(255, 255, 255, 0.5); } .leaflet-control-scale-line:not(:first-child) { border-top: 2px solid #777; border-bottom: none; margin-top: -2px; } .leaflet-control-scale-line:not(:first-child):not(:last-child) { border-bottom: 2px solid #777; } .leaflet-touch .leaflet-control-attribution, .leaflet-touch .leaflet-control-layers, .leaflet-touch .leaflet-bar { box-shadow: none; } .leaflet-touch .leaflet-control-layers, .leaflet-touch .leaflet-bar { border: 2px solid rgba(0, 0, 0, 0.2); background-clip: padding-box; } /* popup */ .leaflet-popup { position: absolute; text-align: center; margin-bottom: 20px; } .leaflet-popup-content-wrapper { padding: 1px; text-align: left; border-radius: 12px; } .leaflet-popup-content { margin: 13px 19px; line-height: 1.4; } .leaflet-popup-content p { margin: 18px 0; } .leaflet-popup-tip-container { width: 40px; height: 20px; position: absolute; left: 50%; margin-left: -20px; overflow: hidden; pointer-events: none; } .leaflet-popup-tip { width: 17px; height: 17px; padding: 1px; margin: -10px auto 0; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .leaflet-popup-content-wrapper, .leaflet-popup-tip { background: white; color: #333; box-shadow: 0 3px 14px rgba(0, 0, 0, 0.4); } .leaflet-container a.leaflet-popup-close-button { position: absolute; top: 0; right: 0; padding: 4px 4px 0 0; border: none; text-align: center; width: 18px; height: 14px; font: 16px/14px Tahoma, Verdana, sans-serif; color: #c3c3c3; text-decoration: none; font-weight: bold; background: transparent; } .leaflet-container a.leaflet-popup-close-button:hover { color: #999; } .leaflet-popup-scrolled { overflow: auto; border-bottom: 1px solid #ddd; border-top: 1px solid #ddd; } .leaflet-oldie .leaflet-popup-content-wrapper { -ms-zoom: 1; } .leaflet-oldie .leaflet-popup-tip { width: 24px; margin: 0 auto; -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)"; filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678); } .leaflet-oldie .leaflet-popup-tip-container { margin-top: -1px; } .leaflet-oldie .leaflet-control-zoom, .leaflet-oldie .leaflet-control-layers, .leaflet-oldie .leaflet-popup-content-wrapper, .leaflet-oldie .leaflet-popup-tip { border: 1px solid #999; } /* div icon */ .leaflet-div-icon { background: #fff; border: 1px solid #666; } /* Tooltip */ /* Base styles for the element that has a tooltip */ .leaflet-tooltip { position: absolute; padding: 6px; background-color: #fff; border: 1px solid #fff; border-radius: 3px; color: #222; white-space: nowrap; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; pointer-events: none; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4); } .leaflet-tooltip.leaflet-clickable { cursor: pointer; pointer-events: auto; } .leaflet-tooltip-top:before, .leaflet-tooltip-bottom:before, .leaflet-tooltip-left:before, .leaflet-tooltip-right:before { position: absolute; pointer-events: none; border: 6px solid transparent; background: transparent; content: ""; } /* Directions */ .leaflet-tooltip-bottom { margin-top: 6px; } .leaflet-tooltip-top { margin-top: -6px; } .leaflet-tooltip-bottom:before, .leaflet-tooltip-top:before { left: 50%; margin-left: -6px; } .leaflet-tooltip-top:before { bottom: 0; margin-bottom: -12px; border-top-color: #fff; } .leaflet-tooltip-bottom:before { top: 0; margin-top: -12px; margin-left: -6px; border-bottom-color: #fff; } .leaflet-tooltip-left { margin-left: -6px; } .leaflet-tooltip-right { margin-left: 6px; } .leaflet-tooltip-left:before, .leaflet-tooltip-right:before { top: 50%; margin-top: -6px; } .leaflet-tooltip-left:before { right: 0; margin-right: -12px; border-left-color: #fff; } .leaflet-tooltip-right:before { left: 0; margin-left: -12px; border-right-color: #fff; } .leaflet-routing-container, .leaflet-routing-error { width: 320px; background-color: white; padding-top: 4px; transition: all 0.2s ease; box-sizing: border-box; } .leaflet-control-container .leaflet-routing-container-hide { width: 32px; height: 32px; } .leaflet-routing-container h2 { font-size: 14px; } .leaflet-routing-container h3 { font-size: 12px; font-weight: normal; } .leaflet-routing-collapsible .leaflet-routing-geocoders { margin-top: 20px; } .leaflet-routing-alt, .leaflet-routing-geocoders, .leaflet-routing-error { padding: 6px; margin-top: 2px; margin-bottom: 6px; border-bottom: 1px solid #ccc; max-height: 320px; overflow-y: auto; transition: all 0.2s ease; } .leaflet-control-container .leaflet-routing-container-hide .leaflet-routing-alt, .leaflet-control-container .leaflet-routing-container-hide .leaflet-routing-geocoders { display: none; } .leaflet-bar .leaflet-routing-alt:last-child { border-bottom: none; } .leaflet-routing-alt-minimized { color: #888; max-height: 64px; overflow: hidden; cursor: pointer; } .leaflet-routing-alt table { border-collapse: collapse; } .leaflet-routing-alt tr:hover { background-color: #eee; cursor: pointer; } .leaflet-routing-alt::-webkit-scrollbar { width: 8px; } .leaflet-routing-alt::-webkit-scrollbar-track { border-radius: 2px; background-color: #eee; } .leaflet-routing-alt::-webkit-scrollbar-thumb { border-radius: 2px; background-color: #888; } .leaflet-routing-icon { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAeAAAAAoCAYAAAAmGCn4AAAIyUlEQVR4AezVOQEAIAzAQPyLBvpp6HTDxULOew8AWFYBAAwYAAwYADBgGAAGDAAYMPDZOweYW3IwDF/btm3b/s21bdtd27Zt27Zt2/qdfZM0m8nkfL3T02m/03vb5Fn8p3gzesYTCDRq1Kg7yAP7g+vAe5Lr5N/yQHe+jIG0Z7gAwryvQJiOgbCs5T4olWB7gvWYMg0AF4AagD8oqZF1B1jONBOIBOwDNgf5YBronnKO2WBRBgZk0ddooq9xzgWMIiIzVTAteP3A/WBL/1ds1uko56U+jvINAxuBE+T8/k5yPzhB/jbMs/m9pczfj2Ne59hynw2CIWtPUKvIVA/6Os5UDv7SnX6yTbnFXLtlOV/rwb2gErRIIceNxDh3ZNHXJ0Rf+zoVMIrgXiFQNgC/yLEbwJa+C9hHCVvO1BQcBuoSZKmTdZt6It8GmfsXsIHTeey/gLnWkT0TZNvPYZ7dIsuRNrLtbuwCpnkJtDHMUag4E9BVo5+5iu1On8T9WN5QC8YVV0rYewF7JWHLZzce180j2/TzQr4RXM9bjwUsGLO+niDfO46yTCBOOX8JDgelYJCkVP7tS0JEE9gFTHMbaGKQoxn4nuh7R41+ziH6uE8nj4sNtGBccb2VsMzvnYQtZWgPvjNYab8D7b2Qr8T1PPVUwJzynaSRc7rlLM3AKxnGvQR0VLTrKOvE270CmjkScDV4LsKr4Hf5G8VCwyynEP0+k7B9c/AT0ceGOllcbZgF44rrpYRz7FSbYBbwYRnGehfsBBaB7pJF8m/vmk87JvlK7M9L7wUsmHOeqpH1TMtZDsow5gaal+/i7Q9yJODPiB2KwxXTc3fDLBMVfQ9J0L6IaPs7aK2VxeH1QcG44nonYZnbOwlbGLcr+CM2zpWgraJNW3BlrM0foGvOy1difx56LWBu+VKnMX8m/v4TaGEpS19QHT/yzaKfSzIcmfblELCs31JxlHl5CnleI/o+JEHb64m2F2nnsC3fGMLhilvrs4Rz8I7PLZkEfGhsjK9AqwTtWsm60baH5pZ8iWUV2JevvwLmXo8VR0AXgLOI38os3vUcv+bbMYt+Oma4JlzOJWDZ5k6izXUp5NmD6Pv9BJfD/iHaztfOYVO+BMLRilthKmF1VvYNkeCQBoOA448N7Gaw0t9oQ2wpyLeCno725euXgPl3plFuInItAfOom4csZTkqNs7hBn3FT/sexXgE3BVUEW2OTiFPD1Cre80eZXOizSegsXYO2/IlELZX3MjeYU02Ky+KYNgQ6iKY5FvnUMAvx8aYqdF2ZqztyyzPa9PTsQaUE8uvn8ucBQETy1w92IJBvl3ip3wl34ImoDH4gri7uJuFPHfHxik16Ks01tfdDgT8OWgVoQfYCDyg2PkaYZ5JeYR9uqLNg2muFywrsURYFnB0odKSMIpg2xDqIxzLtwrkAeFIwL/Gxuiis7GMtf2V43lthXxLqeV3bV3mqPFAHqjiPhJG2ZHIeEakzklEnV0s5Pk2NsYgg74GxXcqcvAxpH1TzFRJjPE9aJahfm9Qr3/zFo11AZpjPj5KiVrC9EbLQr60EQ7lWw0KXD7OYtq/43xCQ74lso5/AgYcj9+hFIBqTgmjPE9MkzmROlOJOi8FAWfNZ6bXpIkbvX4hxsvTePHKk9QYQcASlGJ65bUvlDVEvkX0Rj4IWCISTMdi85y8EuZ6AQ1KEZeEUUYpTqM2jtX9kKg7NpyCzopacDUYapJD44UaV2eo+wpRd+sg4ATjoxRSKy+1oeKaPvzypY/Y6I18ELBEKORbqJ+T/yYsBgELuo76jJbFbMcS0++EDHWPJOoeH27CMuJbMCrFXDOJcf4G7SL1RhP1/gEdgoATjo9SQN9dxy9g7seQiLt0y5Ju5IOASapAAWNO4ZGARYJ6ZZmecrCYqwn4iph+UzLUH0vU/Ro0DY8h/c/3YFWEfLAluFDxNac3Up637xLjbBKpczRR51qq3yBgAuKGDi8EzHAXaoVGW2E7T67dHKgh3zzu9QdFeCBgoVG3wmGu5brPjaK8SbRZGV7Ekeg54MWKm55WpJjtAGKM++XvjcGnRJ1Vss5rktZBwCBB/VWgzjMBi1ybjtx5uB+PS/hVplW5JDgGAZvDP92uUnwur4qAksfVDl5FOc63V1ES7Z4i2h2T8ode6ol1t5fi2e5vQNPYctguCBhobIg8EDAhhyBg9hfEpNV37n6MIQgYpT3423gZI64bWvgYg0jYrgO4WP0xBnYBX2nhbVg6z/fuAc4lfjsx0r6XpHHkksUIMBuMAi2CgIkNkAcCJlaoIGDuV6SmNQb/5wiDgLVew2rOVjY+R5hgOesDSsCR4AvdzxEyCPhZot3NKefbmBjndfAz8du4DMthO+Iu+M/BNM8EbH/D44GA1XIIAmb9SIjLsdg+yB8E/IQFAT9hIed0w+W0Duwcb8t4DThPkfWclPO1AX9ozL+XZVtKwOeCTUFR5Cj+KX8FzCBffgHTG+wgYM7PZNL5fJVwEDDZ/xDQQFz7PQOcpgR1iPYNYDDHdCL4kv6YgFUB/wBKI5SDHaW0ahV5SyxkvERjPd51NQJuDmaDfSIf6PjTXwEzyJdZwEJdJwjYcF4LG/l8lXAQsPay9JhGH48RfRyWAwKuAlfSr3i1IGBz3gbNLWRcmHD8GtCdEjBoDN6PPGb1RuT3pn4KmEG+nAJWEwRsOM+FrXweSpggCFhuSD8h5t/2Gv1sS/TxMaOA7wKb6N8Mxi7gn2PPXVud3wS3yzaUgPOiO2kok9Y6AQfCfEQRvosvwCrgBYrXInYz/YKSZL6v04lBwA+AkZZzHp4gR/lqBDwr8tKVHcBzQcD8BAFzSlhfvoEg4IuJDfC9WfR1O9HXhUHAGXdwfgOfgrvAoWCCo5xDExyBt1AJWP7/FaAG1IIDzAUcCHgsYR/kGwjwCziAMhssIjDeEWAV8H/t1QEJAAAAw6D+rf8cQ8AMAiBgBHwAIGAAEDAAIGAAEDAAIGAA+lIG6dSg2lVqEcYAAAAASUVORK5CYII=); -webkit-background-size: 240px 20px; background-size: 240px 20px; background-repeat: no-repeat; margin: 0; content: ""; display: inline-block; vertical-align: top; width: 20px; height: 20px; } .leaflet-routing-icon-continue { background-position: 0 0; } .leaflet-routing-icon-sharp-right { background-position: -20px 0; } .leaflet-routing-icon-turn-right { background-position: -40px 0; } .leaflet-routing-icon-bear-right { background-position: -60px 0; } .leaflet-routing-icon-u-turn { background-position: -80px 0; } .leaflet-routing-icon-sharp-left { background-position: -100px 0; } .leaflet-routing-icon-turn-left { background-position: -120px 0; } .leaflet-routing-icon-bear-left { background-position: -140px 0; } .leaflet-routing-icon-depart { background-position: -160px 0; } .leaflet-routing-icon-enter-roundabout { background-position: -180px 0; } .leaflet-routing-icon-arrive { background-position: -200px 0; } .leaflet-routing-icon-via { background-position: -220px 0; } .leaflet-routing-geocoders div { padding: 4px 0px 4px 0px; } .leaflet-routing-geocoders input { width: 303px; width: calc(100% - 4px); line-height: 1.67; border: 1px solid #ccc; } .leaflet-routing-geocoders button { font: bold 18px "Lucida Console", Monaco, monospace; border: 1px solid #ccc; border-radius: 4px; background-color: white; margin: 0; margin-right: 3px; float: right; cursor: pointer; transition: background-color 0.2s ease; } .leaflet-routing-add-waypoint:after { content: "+"; } .leaflet-routing-reverse-waypoints:after { font-weight: normal; content: "\21C5"; } .leaflet-routing-geocoders button:hover { background-color: #eee; } .leaflet-routing-geocoders input, .leaflet-routing-remove-waypoint, .leaflet-routing-geocoder { position: relative; } .leaflet-routing-geocoder-result { font: 12px/1.5 "Helvetica Neue", Arial, Helvetica, sans-serif; position: absolute; max-height: 0; overflow: hidden; transition: all 0.5s ease; z-index: 1000; /* Arbitrary, but try to be above "most" things. */ } .leaflet-routing-geocoder-result table { width: 100%; border: 1px solid #ccc; border-radius: 0 0 4px 4px; background-color: white; cursor: pointer; } .leaflet-routing-geocoder-result-open { max-height: 800px; } .leaflet-routing-geocoder-selected, .leaflet-routing-geocoder-result tr:hover { background-color: #eee; } .leaflet-routing-geocoder-no-results { font-style: italic; color: #888; } .leaflet-routing-remove-waypoint { background-color: transparent; display: inline-block; vertical-align: middle; cursor: pointer; } .leaflet-routing-remove-waypoint:after { position: absolute; display: block; width: 15px; height: 1px; z-index: 1; right: 1px; top: 4px; bottom: 0; margin: auto; padding: 2px; font-size: 18px; font-weight: bold; content: "\D7"; text-align: center; cursor: pointer; color: #ccc; background: white; padding-bottom: 16px; margin-top: -16px; padding-right: 4px; line-height: 1; } .leaflet-routing-remove-waypoint:hover { color: black; } .leaflet-routing-instruction-distance { width: 48px; } .leaflet-routing-collapse-btn { position: absolute; top: 0; right: 6px; font-size: 24px; color: #ccc; font-weight: bold; } .leaflet-routing-collapse-btn:after { content: "\D7"; } .leaflet-routing-container-hide .leaflet-routing-collapse-btn { position: relative; left: 4px; top: 4px; display: block; width: 26px; height: 23px; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAXCAYAAAAV1F8QAAABjUlEQVR4Ab1VA4h0URR+v23btv/8wtgKa9v2bp6wDOuwjpPdZG/mxs2b3eS359Q99eymerhH3/HlBEGw/WQymVPRaPR3JBLJwv81PVnbIADQBACC/OF5/rRrQGCwDo2Gw+F1juNOIC0QCNwhMFeA0DAzeCTnVVVVnWe8JadAmLJ3aAy+D9X4WlHZSVseDek40ot8jNwZkE4dTHddPB5/BQXei8ViH9Ejq0DY7qBfCvxCMBiMiW0QwHW1VkVgs0Agy+vZECtjux6wrsoSDc9GQFNTUyeJDjW6gjoA8F1sg8M0EQFCv0wpEIGnjYBAplqNLgL/ioecnpCcblG2wOg5ju0q9LyTBpIJ/WTetDmI6JAioknHwz5ONPvfxHmh3WWxRqg7RGeqEXn0V61joH4Vel0no//XsPFEPEfUAAvkFSzJc67PUbE3g9hQvlhAgt4VAekZcwxENyfk+L6KEzPIa2hoOOMYSBxVKBR6KYpkiG5VknMMRHOh8iwg3zUgerxe7yWsB27mX79+UbpsPcfWV8aO/4mmHgAAAABJRU5ErkJggg==); } .leaflet-routing-container-hide .leaflet-routing-collapse-btn:after { content: none; } .leaflet-top .leaflet-routing-container.leaflet-routing-container-hide { margin-top: 10px !important; } .leaflet-right .leaflet-routing-container.leaflet-routing-container-hide { margin-right: 10px !important; } .leaflet-bottom .leaflet-routing-container.leaflet-routing-container-hide { margin-bottom: 10px !important; } .leaflet-left .leaflet-routing-container.leaflet-routing-container-hide { margin-left: 10px !important; } @media only screen and (max-width: 640px) { .leaflet-routing-container { margin: 0 !important; padding: 0 !important; width: 100%; height: 100%; } } ._1F8_O { z-index: 998; width: 100%; height: 100%; } ._2NOnJ { position: absolute; bottom: 0; left: 0; padding: 0 0 4px 16px; direction: ltr; color: #9d9fa4; z-index: 1000; } ._2YasR { position: absolute; bottom: 0; right: 0; direction: ltr; color: #9d9fa4; z-index: 1000; }