/* Legacy tool compatibility: selected rules from v2/styles.css and v2/sandbox/sandbox.css.
 * Every selector is scoped; header/footer use the shared Webflow theme.
 * Edit tool styling here, not the old global stylesheet. */
:where(.legacy-tool) {--body-font-family: 'Roboto', sans-serif; --body-font-size: 18px; --body-font-weight: 400; --body-font-color: #5b7075; --body-line-height: 1.45; --heading-font-family: 'Roboto', sans-serif; --heading-font-color: #2e3c40; --heading-font-weight: 700; --link-font-color: #2e3c40; --link-hover-font-color: #ff4747; }
:where(.legacy-tool), :where(.legacy-tool), :where(.legacy-tool) div, :where(.legacy-tool) span, :where(.legacy-tool) applet, :where(.legacy-tool) object, :where(.legacy-tool) iframe, :where(.legacy-tool) h1, :where(.legacy-tool) h2, :where(.legacy-tool) h3, :where(.legacy-tool) h4, :where(.legacy-tool) h5, :where(.legacy-tool) h6, :where(.legacy-tool) p, :where(.legacy-tool) blockquote, :where(.legacy-tool) pre, :where(.legacy-tool) a, :where(.legacy-tool) abbr, :where(.legacy-tool) acronym, :where(.legacy-tool) address, :where(.legacy-tool) big, :where(.legacy-tool) cite, :where(.legacy-tool) code, :where(.legacy-tool) del, :where(.legacy-tool) dfn, :where(.legacy-tool) em, :where(.legacy-tool) img, :where(.legacy-tool) ins, :where(.legacy-tool) kbd, :where(.legacy-tool) q, :where(.legacy-tool) s, :where(.legacy-tool) samp, :where(.legacy-tool) small, :where(.legacy-tool) strike, :where(.legacy-tool) strong, :where(.legacy-tool) sub, :where(.legacy-tool) sup, :where(.legacy-tool) tt, :where(.legacy-tool) var, :where(.legacy-tool) b, :where(.legacy-tool) u, :where(.legacy-tool) i, :where(.legacy-tool) center, :where(.legacy-tool) dl, :where(.legacy-tool) dt, :where(.legacy-tool) dd, :where(.legacy-tool) ol, :where(.legacy-tool) ul, :where(.legacy-tool) li, :where(.legacy-tool) fieldset, :where(.legacy-tool) form, :where(.legacy-tool) label, :where(.legacy-tool) legend, :where(.legacy-tool) table, :where(.legacy-tool) caption, :where(.legacy-tool) tbody, :where(.legacy-tool) tfoot, :where(.legacy-tool) thead, :where(.legacy-tool) tr, :where(.legacy-tool) th, :where(.legacy-tool) td, :where(.legacy-tool) article, :where(.legacy-tool) aside, :where(.legacy-tool) canvas, :where(.legacy-tool) details, :where(.legacy-tool) embed, :where(.legacy-tool) figure, :where(.legacy-tool) figcaption, :where(.legacy-tool) header, :where(.legacy-tool) hgroup, :where(.legacy-tool) menu, :where(.legacy-tool) nav, :where(.legacy-tool) output, :where(.legacy-tool) ruby, :where(.legacy-tool) section, :where(.legacy-tool) summary, :where(.legacy-tool) time, :where(.legacy-tool) mark, :where(.legacy-tool) audio, :where(.legacy-tool) video {margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;vertical-align: baseline; }
:where(.legacy-tool) article, :where(.legacy-tool) aside, :where(.legacy-tool) details, :where(.legacy-tool) figcaption, :where(.legacy-tool) figure, :where(.legacy-tool) header, :where(.legacy-tool) hgroup, :where(.legacy-tool) menu, :where(.legacy-tool) nav, :where(.legacy-tool) section, :where(.legacy-tool) img {display: block; }
:where(.legacy-tool) { line-height: 1; }
:where(.legacy-tool) ol, :where(.legacy-tool) ul {list-style: none; }
:where(.legacy-tool) blockquote, :where(.legacy-tool) q {quotes: none; }
:where(.legacy-tool) blockquote:before, :where(.legacy-tool) blockquote:after, :where(.legacy-tool) q:before, :where(.legacy-tool) q:after {content: "";content: none; }
:where(.legacy-tool) table {border-collapse: collapse;border-spacing: 0; }
:where(.legacy-tool) * {padding: 0px;margin: 0px; }
:where(.legacy-tool) *, :where(.legacy-tool) ::after, :where(.legacy-tool) ::before {box-sizing: border-box;}
:where(.legacy-tool) {font-family: var(--body-font-family);font-size: var(--body-font-size);color: var(--body-font-color);line-height: var(--body-line-height);font-weight: var(--body-font-weight);background-color: #fff;}
:where(.legacy-tool) img {max-width: 100%}
:where(.legacy-tool) a {color: var(--link-font-color);text-decoration: none;-webkit-transition: all .5s;transition: all .5s;}
:where(.legacy-tool) a:hover {color: var(--link-hover-font-color);}
:where(.legacy-tool) strong { font-weight: bold;}
:where(.legacy-tool) p {margin-bottom: 24px;}
:where(.legacy-tool) p:last-child {margin-bottom: 0;}
:where(.legacy-tool) h1, :where(.legacy-tool) h2, :where(.legacy-tool) h3, :where(.legacy-tool) h4, :where(.legacy-tool) h5, :where(.legacy-tool) h6, :where(.legacy-tool) .h1, :where(.legacy-tool) .h2, :where(.legacy-tool) .h3, :where(.legacy-tool) .h5, :where(.legacy-tool) .h6 {font-family: var(--heading-font-family);color: var(--heading-font-color);font-weight: var(--heading-font-weight);margin-bottom: 36px;line-height: 1.2;}
:where(.legacy-tool) h1, :where(.legacy-tool) .h1 {font-size: 48px;font-weight: 900;}
:where(.legacy-tool) h2, :where(.legacy-tool) .h2 {font-size: 36px}
:where(.legacy-tool) h3, :where(.legacy-tool) .h3 {font-size: 32px}
:where(.legacy-tool) h4 {font-size: 24px}
:where(.legacy-tool) h5, :where(.legacy-tool) .h5 {font-size: 20px}
:where(.legacy-tool) h6, :where(.legacy-tool) .h6 {font-size: 18px}
:where(.legacy-tool) .text-center {text-align: center;}
:where(.legacy-tool) .title {display: block;font-weight: 700;margin-bottom: 10px;}
:where(.legacy-tool) .mb-0 {margin-bottom: 0 !important;}
:where(.legacy-tool) .my-10 {margin-top: 10px !important;}
:where(.legacy-tool) .mb-20 {margin-bottom: 20px !important;}
:where(.legacy-tool) .mb-10, :where(.legacy-tool) .my-10 {margin-bottom: 10px !important;}
:where(.legacy-tool) pr-0 {padding-right: 0 !important;}
:where(.legacy-tool) pl-0 {padding-left: 0 !important;}
:where(.legacy-tool) .container, :where(.legacy-tool) .container-fuild {width: 100%;padding-left: 15px;padding-right: 15px;}
:where(.legacy-tool) .container *, :where(.legacy-tool) .container-fuild * {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; }
:where(.legacy-tool) .container {max-width: 1170px;margin-left: auto;margin-right: auto;}
:where(.legacy-tool) .row {margin-left: -15px;margin-right: -15px;display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex;flex-wrap: wrap;}
:where(.legacy-tool) [class*='col-'] {min-height: 1px; padding-left: 15px;padding-right: 15px;}
:where(.legacy-tool) .col-2 { max-width: 16.66666667%;flex: 0 0 16.66666667%;}
:where(.legacy-tool) .col-4 {max-width: 33.33333333%; flex: 0 0 33.33333333%;}
:where(.legacy-tool) .col-5 {max-width: 41.66666667%;flex: 0 0 41.66666667%;}
:where(.legacy-tool) .col-8 {max-width: 66.66666667%; flex: 0 0 66.66666667%;}
:where(.legacy-tool) .section {padding-top: 60px;}
:where(.legacy-tool) .form-control {-webkit-appearance: none;-moz-appearance: none;width: 100%;border: 1px solid #d0cccc;height: 44px;padding: 8px 16px;background-color: transparent;font-family: var(--body-font-family);font-size: var(--body-font-size);color: var(--body-font-color);}
:where(.legacy-tool) .form-control:focus {border-color: #6a6d76;}
:where(.legacy-tool) .form-control.error {border-color: #ff0000}
:where(.legacy-tool) label.error {font-size:13px; color: #ff0000}
:where(.legacy-tool) select.form-control {background: #fff url(/static/v2/images/down-arrow.png) center right 16px no-repeat;}
:where(.legacy-tool) textarea.form-control { height: 100px}
:where(.legacy-tool) .btn {display: inline-block;padding: 12px 20px;-webkit-appearance: none;-moz-appearance: none;background-color: transparent;font-family: var(--body-font-family);font-size: 16px;text-transform: uppercase;font-weight: 500;border: 1px solid transparent;cursor: pointer;-webkit-transition: all .3s;transition: all .3s;border-radius: 4px;line-height: 1;text-align: center;}
:where(.legacy-tool) .btn-group {display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex;border: 1px solid #ff4747;border-radius: 4px;padding: 2px;}
:where(.legacy-tool) .btn-group .btn {min-width: 90px;}
:where(.legacy-tool) .btn-sm {padding: 8px 16px;font-size: 12px;font-weight: 500;}
:where(.legacy-tool) .btn-lg {padding: 20px 40px;}
:where(.legacy-tool) .btn-block {display: block;width: 100%;}
:where(.legacy-tool) .btn-fixed {width: 200px;height: 56px;}
:where(.legacy-tool) .btn-red, :where(.legacy-tool) .btn-group .btn.active {background-color: #ff4747;color: #fff; border: 1px solid #ff4747}
:where(.legacy-tool) .btn-red:hover {background:none;color: #ff4747;}
:where(.legacy-tool) .btn-red-border {border-color: #ff4747;color: #ff4747;}
:where(.legacy-tool) .btn-red-border:hover {background: #ff4747;color: #fff;}
:where(.legacy-tool) .dropdown {position: relative;font-size: 12px}
:where(.legacy-tool) .link {color: var(--link-hover-font-color);text-decoration: underline;}
:where(.legacy-tool) .link:hover {color: var(--link-font-color);}
:where(.legacy-tool) #hamburger {-webkit-appearance: none;-moz-appearance: none;background-color: transparent;border: none;position: relative;margin-right: 10px;width: 20px; height: 20px; display: none; cursor: pointer; z-index: 9999}
:where(.legacy-tool) #hamburger span:before,:where(.legacy-tool) #hamburger span:after {content: '';}
:where(.legacy-tool) #hamburger span,:where(.legacy-tool) #hamburger span:before,:where(.legacy-tool) #hamburger span:after {position: absolute;width: 20px;height: 2px;background-color: #2e2c40;display: block;}
:where(.legacy-tool) #hamburger span {top: 10px;}
:where(.legacy-tool) #hamburger span:before {top: -6px;}
:where(.legacy-tool) #hamburger span:after {top: 6px;}
:where(.legacy-tool) #banner {position: relative; min-height: 80vh;}
:where(.legacy-tool) #banner .banner-content {position: absolute;text-align: center;top: 140px;right: 0;left: 0;font-size: 20px;color: #2e3c40;}
:where(.legacy-tool) #banner .banner-content h1 {margin-bottom: 24px;}

:where(.legacy-tool) .inner-banner {min-height: 640px;padding-top: 160px;padding-bottom: 100px;	position: relative;-webkit-background-size: cover;background-size: cover;background-position: center;}
:where(.legacy-tool) .inner-banner:after {content: '';position: absolute;display: block;width: 100%;height: 440px;background-color: #fff;-ms-transform: skew(82.5deg, 0deg);transform: skew(82.5deg, 0deg);z-index: 1;left: 0;bottom: -220px;}
:where(.legacy-tool) .inner-banner .banner-content {position: relative;z-index: 2;}
:where(.legacy-tool) .section-stripe-container {position: relative;z-index: 2;}
:where(.legacy-tool) #cases {position: relative;margin-bottom: 30px;}
:where(.legacy-tool) #cases:before,:where(.legacy-tool) #cases:after {position: absolute;content: '';display: block;z-index: 1;}
:where(.legacy-tool) #cases:before {background: url(/static/v2/images/svg/shape-3.svg);width: 387px;height: 232px;top: -35px;left: -45px;}
:where(.legacy-tool) #cases:after {background: url(/static/v2/images/svg/shape-4.svg);width: 323px;height: 288px;bottom: -30px;right: -50px;}
:where(.legacy-tool) .case-card {border-radius: 12px;box-shadow: 0 10px 20px 1px rgba(32, 33, 39, 0.06);background-color: #ffffff;margin: 10px 10px 24px;}
:where(.legacy-tool) .case-card .case-card-image {border-top-left-radius: 12px;border-top-right-radius: 12px;}
:where(.legacy-tool) .case-card-content {padding: 24px;font-size: 16px;}
:where(.legacy-tool) .case-card-content h5 {margin-bottom: 8px;}
:where(.legacy-tool) #devlopers {margin-top: 10px;}
:where(.legacy-tool) .price-inner-banner {background-color: #fff4f4;}
:where(.legacy-tool) #seeFullData {display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex;-ms-align-items: flex-end;align-items: flex-end;justify-content: center;padding-bottom: 10px;position: absolute;right: 15px;bottom: 0;left: 15px;height: 140px;background-image: -webkit-linear-gradient(rgba(242, 246, 247, 0) -17%, #f2f6f7 50%);background-image: -o-linear-gradient(rgba(242, 246, 247, 0) -17%, #f2f6f7 50%);background-image: linear-gradient(rgba(242, 246, 247, 0) -17%, #f2f6f7 50%);}
:where(.legacy-tool) #seeFullData.show {background: none;height: 80px;position: relative;right: inherit;bottom: inherit;left: inherit;}
:where(.legacy-tool) .down-arrow {position: relative;display: inline-block;}
:where(.legacy-tool) .down-arrow:after {content: '';position: absolute;display: block;background: url(/static/v2/images/svg/shape-16.svg);width: 81px;height: 61px;bottom: -20px;right: -100px;}
:where(.legacy-tool) .price-list {position: relative;z-index: 2;margin-top: -300px;}
:where(.legacy-tool) #pricingList {position: relative;}
:where(.legacy-tool) #pricingList:before,:where(.legacy-tool) #pricingList:after {content: '';display: block;position: absolute;z-index: -1;}
:where(.legacy-tool) #pricingList:before {background: url(/static/v2/images/svg/shape-17.svg);width: 199px;height: 255px;top: -40px;left: -50px;}
:where(.legacy-tool) #pricingList:after {background: url(/static/v2/images/svg/shape-18.svg);width: 254px;height: 331px;bottom: -60px;right: -70px;}

:where(.legacy-tool) .results {padding: 60px;box-shadow: 0 2px 4px rgba(3,27,78,.06); border: 1px solid #fff4f4; background: #fff4f4;}

:where(.legacy-tool) .inner-image-banner {position: relative;}
:where(.legacy-tool) .inner-image-banner .hero-img {width: 100%;position: relative;z-index: 2;}
:where(.legacy-tool) .inner-image-banner .banner-content {position: absolute; right: 0;left: 0; top: 40%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%);z-index: 2;}
:where(.legacy-tool) .inner-image-banner:after {content: '';position: absolute;top: 0;right: 0;left: 0;height: 350px;z-index: 1;}
:where(.legacy-tool) .geo-banner:after {background-color: #fff4f4;}
@media only screen and (max-width: 1023px) {
	:where(.legacy-tool) #banner .banner-content { position: static; padding-top: 50px;}
	:where(.legacy-tool) .col-md-6 { max-width: 50%; flex: 0 0 50%; }
	:where(.legacy-tool) .inner-banner {min-height: 450px;}
	:where(.legacy-tool) .price-list { margin-top: 0 }
	:where(.legacy-tool) .results .btn{ display: block; margin-bottom: 15px}
}
@media only screen and (max-width: 991px) {
    :where(.legacy-tool) .inner-image-banner {padding-top: 140px;}
}
@media only screen and (max-width: 767px) {
	:where(.legacy-tool) h1, :where(.legacy-tool) .h1 { font-size: 36px}
	:where(.legacy-tool) h2, :where(.legacy-tool) .h2 { font-size: 28px}
	:where(.legacy-tool) h3, :where(.legacy-tool) .h3 { font-size: 24px}
	:where(.legacy-tool) h4 { font-size: 20px}
	:where(.legacy-tool) .col-sm-12 { max-width: 100%; flex: 0 0 100%; }
	:where(.legacy-tool) .inner-banner { min-height: 350px; }
	:where(.legacy-tool) .inner-banner .banner-content .col-4 {margin-bottom: 50px;}
	:where(.legacy-tool) .inner-banner .banner-content .btn-fixed{width: auto;height:auto; padding: 14px 25px}
}
@media only screen and (max-width: 639px) {
	:where(.legacy-tool) #hamburger { display: block}
    :where(.legacy-tool) .inner-image-banner {padding-top: 200px;}
    :where(.legacy-tool) .inner-image-banner .banner-content {top: 45%;}
}
@media only screen and (max-width: 479px) {
	:where(.legacy-tool) .col-xs-12 { max-width: 100%; flex: 0 0 100%; }
    :where(.legacy-tool) .inner-image-banner {padding-top: 300px;}
    :where(.legacy-tool) .inner-image-banner .banner-content {top: 40%;}
}
:where(.legacy-tool) .arrow-link-red {font-size: 13px;display: inline-block;font-weight: 700;color: #ff4747;position: relative;padding-right: 14px;text-transform: uppercase;}
:where(.legacy-tool) .arrow-link-red:after {position: absolute;top: 4px;right: 0;content: '';display: block;padding: 3px;border-right: 2px solid #ff4747;border-bottom: 2px solid #ff4747;-webkit-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);-webkit-transition: all .5s;transition: all .5s;}
:where(.legacy-tool) .arrow-link-red:hover {color: #2e3c40;}
:where(.legacy-tool) .btn-red:disabled {background-color: #a89e9e;color: #fff; border: 1px solid #a89e9e}
:where(.legacy-tool) .btn-red-white{background-color: #ff4747;color: #fff; fill: #fff; border: 1px solid #ff4747}
:where(.legacy-tool) .btn-red-white:hover {background:none;color: #ff4747;fill: #000;}
:where(.legacy-tool) .api-section, :where(.legacy-tool) .tools-section, :where(.legacy-tool) .maps-section {position: relative; margin-bottom: 180px}
:where(.legacy-tool) .api-section *, :where(.legacy-tool) .tools-section * {z-index: 9}
:where(.legacy-tool) .api-section .case-card, :where(.legacy-tool) .tools-section .case-card, :where(.legacy-tool) .maps-section .case-card {margin: 0; border-radius: 4px}
:where(.legacy-tool) .api-section:before,:where(.legacy-tool) .api-section:after,:where(.legacy-tool) .tools-section:before,:where(.legacy-tool) .tools-section:after {position: absolute;content: '';display: block;z-index: 1;}
:where(.legacy-tool) .api-section:before {background: url(/static/v2/images/sandbox/shape1.svg);width: 465px;height: 386px;top: -55px;right: -110px;}
:where(.legacy-tool) .api-section:after {background: url(/static/v2/images/sandbox/shape2.svg);width: 313px;height: 319px;bottom: -60px;left: -110px;}
:where(.legacy-tool) .tools-section:before {background: url(/static/v2/images/sandbox/shape3.svg);width: 438px;height: 457px;top: -95px;right: -140px;}
:where(.legacy-tool) .tools-section:after {background: url(/static/v2/images/sandbox/shape4.svg);width: 432px;height: 328px;bottom: -80px;left: -80px;}

:where(.legacy-tool) .api-inner-banner {min-height: inherit}
:where(.legacy-tool) .api-inner-banner:after {display: none}

:where(.legacy-tool) .breadcrumbs {font-size: 12px; color: #71848a;display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex;flex-wrap: wrap; margin: -70px 0 50px;}
:where(.legacy-tool) .breadcrumbs li {position: relative; padding-right: 23px;}
:where(.legacy-tool) .breadcrumbs li:last-child { padding-right: 0;}
:where(.legacy-tool) .breadcrumbs li:before {content: ''; position: absolute; right: 10px; top: 50%; margin-top: -3px; width: 6px;height: 6px;transform: rotate(-45deg);border-right:1px solid #2e3c40; border-bottom:1px solid #2e3c40;}
:where(.legacy-tool) .breadcrumbs li:last-child:before {display: none}
:where(.legacy-tool) .breadcrumbs a{color: #ff4747;}
:where(.legacy-tool) .breadcrumbs a:hover{color: #2e3c40;}

/* Webflow uses the same section name for a different layout. Reserve only
 * the space needed by the tools' next/previous navigation below the map. */
.legacy-tool .api-doc-section {margin: 0; padding: 0 0 100px;}
:where(.legacy-tool) .api-doc-section .container-fuild {display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex;flex-wrap: wrap; padding:0;-ms-align-items: flex-start;align-items: flex-start; max-height: 700px}
:where(.legacy-tool) .api-doc-section .left-sidebar{max-width: 310px;flex: 0 0 310px; box-shadow: 0 3px 20px 1px rgba(32, 33, 39, 0.06);background-color: #ffffff;position: relative; min-height: 692px}

:where(.legacy-tool) .api-doc-section .map-container{flex-basis: 0; flex-grow: 1;position: relative;}
:where(.legacy-tool) .api-doc-section .right-sidebar{max-width: 320px;flex: 0 0 320px; box-shadow: 0 3px 20px 1px rgba(32, 33, 39, 0.06);background-color: #ffffff; background-color: #f4f1f1;}

:where(.legacy-tool) .copy-api-block { padding:30px 0 0; background-color: #fff; margin-bottom: 5px; position: relative;}
:where(.legacy-tool) .copy-api-block:last-child {margin-bottom: 0}
:where(.legacy-tool) .copy-api-block .api-code {font-size: 13px;color: #2e3c40;line-height: 1.85; overflow: hidden; position: relative;max-height: 255px;overflow: auto; min-height: 285px;padding-left: 30px; padding-right: 30px; padding-bottom: 15px}
:where(.legacy-tool) .copy-api-block h5 {font-size: 16px;color: #2e3c40; margin-bottom: 10px; padding-left: 30px; padding-right: 30px;}
:where(.legacy-tool) .copy-api-block .ico-copy {border-radius: 4px;box-shadow: 0 2px 5px 0 rgba(32, 33, 39, 0.17);background-color: #ffffff; position: absolute; right: 10px; top: 10px; padding:5px 8px;}

:where(.legacy-tool) .filter-block{padding:10px 25px;font-size: 12px;color: #71848a;}
:where(.legacy-tool) .filter-block.overflowscroll {overflow-y: auto;height: 180px;overflow-x: hidden;}
:where(.legacy-tool) .left-sidebar hr { margin-left: 25px; margin-right: 25px; border: none;border-bottom: solid 1px #d1d1d1; background-color: #fff; }
:where(.legacy-tool) .left-sidebar h5 {font-size: 16px;color: #2e3c40; margin-bottom: 10px;}
:where(.legacy-tool) .filter-block .label-title {font-size: 14px;font-weight: 500;color: #2e3c40; margin-bottom: 5px; display: block; position: relative}
:where(.legacy-tool) .filter-block .label-title .label-info {font-size: 12px; color: #71848a}
:where(.legacy-tool) .filter-block .label-title .ico-help { position: absolute;right: 0; top: 5px }
:where(.legacy-tool) .filter-block .label-title .tip-help {background: #eee; position: absolute; right: 0; top: 100%; z-index: 999; font-size: 10px; padding:5px; border-radius: 5px; display: none;}
:where(.legacy-tool) .filter-block .label-title .tip-help:after {bottom: 100%;right:0;border: solid transparent;content: " ";height: 0;width: 0;position: absolute;pointer-events: none;border-color: rgba(136, 183, 213, 0);border-bottom-color: #eee;border-width: 4px;margin-left: -4px;}
:where(.legacy-tool) .filter-block .label-title .ico-help:hover + .tip-help {display: inline-block}
:where(.legacy-tool) .font-xx-small {font-size: 10px;}
:where(.legacy-tool) .presets-list a {color: #ff4747; display: flex; flex-wrap: nowrap; align-items: center; padding:5px 10px;}
:where(.legacy-tool) .presets-list a:hover {border-radius: 8px;background-color: rgba(255, 71, 71, 0.07);}
:where(.legacy-tool) .presets-list img {margin-right: 18px; flex-shrink: 0;}
:where(.legacy-tool) .presets-list a > span {flex: 1; min-width: 0;}
:where(.legacy-tool) .or-sep {font-size: 10px; font-weight: 600; color: #71848a;; text-align: center; width: 36px; margin:0 auto; display: block; position: relative}
:where(.legacy-tool) .or-sep:before, :where(.legacy-tool) .or-sep:after {content:''; position: absolute; top: 50%;  width: 72px;height: 1px; background-color: #d1d1d1;}
:where(.legacy-tool) .or-sep:before {left: 100%;}
:where(.legacy-tool) .or-sep:after {right: 100%}
:where(.legacy-tool) .filter-group {margin-top: 0; margin-bottom: 12px; position: relative}
:where(.legacy-tool) .radio-block {display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex;flex-wrap: wrap;border-radius: 4px;border: solid 1px #b3b7c1;  background-color: #ffffff; overflow: hidden;flex-flow:row;}
:where(.legacy-tool) .radio-item {width:100%;margin: 0;overflow: hidden; position: relative;}
:where(.legacy-tool) .routingprofile {border-color: #ff4747}
:where(.legacy-tool) .radio-item input {position: absolute; left: 0; top: 0; visibility: hidden;}
:where(.legacy-tool) .radio-item label {background-color: rgba(255, 255, 255, 0.12); display: block; line-height: 28px;padding:0 10px;font-size:10px; font-weight: bold; color: #71848a;cursor: pointer; text-align: center}
:where(.legacy-tool) .radio-item input:checked + label {background-color: #ff4747; color: #fff}
:where(.legacy-tool) .routingprofile .radio-item {border-right: 1px solid #ff4747}
:where(.legacy-tool) .routingprofile .radio-item:last-child {border-right: none}
:where(.legacy-tool) .routingprofile .radio-item  label{color: #ff4747}
:where(.legacy-tool) .filter-block .form-control {height: 28px;border-radius: 2px; border: solid 1px #b3b7c1;background-color: #ffffff;font-size: 12px;color: #2e3c40; padding: 4px 8px}
:where(.legacy-tool) .filter-block .form-control:focus{border: solid 2px rgba(255, 71, 71, 0.34);}
:where(.legacy-tool) .filter-block select.form-control {background-image: url(/static/v2/images/sandbox/arrow-select.png); background-size: auto 8px;}
:where(.legacy-tool) .filter-block .control-wrap { position:relative;}
:where(.legacy-tool) .filter-block .ico-navigate { position: absolute;right: 12px; top: 10px }
:where(.legacy-tool) .filter-block .navigateD {position: relative;}
:where(.legacy-tool) .filter-block .ico-navigate.btn { top: inherit; bottom:0; padding: 8px; right: 5px; width: calc(100% - 10px)}
:where(.legacy-tool) .filter-block .ico-navigate.btn img {display: block; margin: 0 auto;}
:where(.legacy-tool) .filter-group.btn-group {border: none; padding: 0; border-radius: 0; margin-left: -5px; margin-right: -5px;}
:where(.legacy-tool) .btn-group .btn {margin: 0 5px;max-width: calc(50% - 10px);flex: 0 0 calc(50% - 10px);}
:where(.legacy-tool) .btn-red-light {background-color: #ffebeb;color: #ff4747; border: 1px solid #ffebeb}
:where(.legacy-tool) .btn-red-light:hover {background-color: #ff4747;color: #fff; border: 1px solid #ff4747}
:where(.legacy-tool) .checkbox-toggle{display:inline-block;vertical-align:middle;line-height:0;}
:where(.legacy-tool) .checkbox-toggle input[type=checkbox]{height:0;width:0;visibility:hidden; position: absolute; left: 0; top: 0}
:where(.legacy-tool) .checkbox-toggle label{cursor:pointer;text-indent:-9999px;width:40px;height:20px;background:#e3e7e8;display:block;border-radius:16px;position:relative;}
:where(.legacy-tool) .checkbox-toggle label:before{content:"";position:absolute;top:2px;left:3px;z-index:99;width:16px;height:16px;box-shadow: 0 2px 3px 0 rgba(32, 33, 39, 0.11);
  background-color: #ffffff; transition:0.3s;border-radius:100%;}
:where(.legacy-tool) .checkbox-toggle input:checked + label:before{content:"";left:calc(100% - 19px);}
:where(.legacy-tool) .checkbox-toggle input:checked + label{background:#ff4747;}
:where(.legacy-tool) .checkbox-toggle.checkbox-show-value label:after{content:"0";position:absolute;top:2px;right:6px;font-size:12px; font-weight:bold; color:#a3b5bb;z-index:100;transition:0.3s; width:10px; line-height: 16px; text-align: right}
:where(.legacy-tool) .checkbox-toggle.checkbox-show-value input:checked + label:after{content:"1";right:calc(100% - 15px); color: #fff}
:where(.legacy-tool) .checkbox-absolute {position: relative}
:where(.legacy-tool) .checkbox-absolute .checkbox-toggle {position: absolute; right: 20px; top:50%; margin-top: -10px;}

:where(.legacy-tool) #filterFields { display: none;	}
:where(.legacy-tool) #filterFields.active { display: block; }
:where(.legacy-tool) .see-field-btn {position: relative;bottom: -30px;}

:where(.legacy-tool) .see-field-btn:after {content: '';display: block;position: absolute;left: -25px;right: -25px;bottom: -12px;height: 80px;background-image: -webkit-linear-gradient(rgba(242, 246, 247, 0), #f2f6f7 50%);background-image: -o-linear-gradient(rgba(242, 246, 247, 0), #f2f6f7 50%);background-image: linear-gradient(rgba(242, 246, 247, 0), #f2f6f7 50%);}
:where(.legacy-tool) .see-field-btn.active {bottom: 0;}
:where(.legacy-tool) .see-field-btn.active:after {display: none;}
:where(.legacy-tool) .see-field-btn .btn {position: relative;z-index: 2;}
:where(.legacy-tool) .right-side-container {max-width: calc(100% - 310px);flex: 0 0 calc(100% - 310px); display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex;flex-wrap: wrap;-webkit-transition: all .4s;-o-transition: all .4s;transition: all .4s; position: relative}
:where(.legacy-tool) .right-side-container.hideleft {max-width: 100%;flex: 0 0 100%;}
:where(.legacy-tool) .api-doc-section .left-sidebar #hideLeftSidebar {position: absolute;left: 100%;top: 15px;width: 24px;height: 48px;border-top-right-radius: 4px;border-bottom-right-radius: 4px;box-shadow: 0 3px 6px 0 rgba(32, 33, 39, 0.02);background-color: #ffffff;z-index: 1;}
:where(.legacy-tool) .api-doc-section .left-sidebar #hideLeftSidebar:after {content: '';position: absolute;top: 18px;left: 8px;padding: 4px;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);border-left: solid 2px #ff4747;border-bottom: solid 2px #ff4747;}
:where(.legacy-tool) .api-doc-section .left-sidebar {-webkit-transition: all .4s;-o-transition: all .4s;transition: all .4s;position: relative;}
:where(.legacy-tool) .api-doc-section .left-sidebar.hide {margin-left: -310px;}
:where(.legacy-tool) .api-doc-section .left-sidebar #hideLeftSidebar.active:after {left: 4px;-webkit-transform: rotate(-135deg);-ms-transform: rotate(-135deg);-o-transform: rotate(-135deg);transform: rotate(-135deg);}
:where(.legacy-tool) .map-container .map-data {position: absolute;left: 20px;bottom: 20px;border-radius: 4px;box-shadow: 0 7px 11px 0 rgba(32, 33, 39, 0.07);background-color: #ffffff;padding: 16px 24px;max-width: 280px;font-size: 12px;}
:where(.legacy-tool) .map-container .map-data .btn {font-size: 10px;}
:where(.legacy-tool) .map-container .map-data .map-data-header {display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex;-ms-align-items: center;align-items: center;font-size: 12px;margin-bottom: 20px;}
:where(.legacy-tool) .map-container .map-data .map-data-header img {max-width: 38px;flex: 0 0 38px;}
:where(.legacy-tool) .map-container .map-data .map-data-header .header-content {padding-left: 16px;}
:where(.legacy-tool) .map-container .map-data .map-data-header .header-title {font-weight: 700;display: block;margin-bottom: 2px;}
:where(.legacy-tool) .map-container .map-data .map-steps {margin-top: 30px;}
:where(.legacy-tool) .map-container .map-data .map-steps .map-step-title {font-size: 14px;display: block;font-weight: 700;margin-bottom: 10px;}
:where(.legacy-tool) .map-container .map-data .map-steps ul {list-style: decimal;margin-left: 16px;}
:where(.legacy-tool) .pagination {display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex;-ms-align-items: center;align-items: center;font-size: 12px;color: #71848a; max-width: 100%;flex: 0 0 100%; position: absolute; right: 180px; bottom: -80px}
:where(.legacy-tool) .pagination .page-item {padding-top: 8px;padding-bottom: 8px;}
:where(.legacy-tool) .pagination .page-item span {display: block;margin-bottom: 2px;}
:where(.legacy-tool) .pagination .page-item a {text-transform: uppercase;color: #ff4747;font-weight: 600;display: inline-block;position: relative;}
:where(.legacy-tool) .pagination .page-item a:after {content: '';position: absolute;display: block;top: 3px;padding: 3px;border-left: 2px solid #ff4747;border-bottom: 2px solid #ff4747;}
:where(.legacy-tool) .pagination .page-item.prev {text-align: right;padding-right: 30px;border-right: 1px solid #c6d3d7;}
:where(.legacy-tool) .pagination .page-item.next {padding-left: 30px;}
:where(.legacy-tool) .pagination .page-item.prev a {padding-left: 16px;}
:where(.legacy-tool) .pagination .page-item.next a {padding-right: 16px;}
:where(.legacy-tool) .pagination .page-item.prev a:after {	left: 1px;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);}
:where(.legacy-tool) .pagination .page-item.next a:after {	right: 1px;-webkit-transform: rotate(-135deg);-ms-transform: rotate(-135deg);-o-transform: rotate(-135deg);transform: rotate(-135deg);}
:where(.legacy-tool) .select.form-control {background-image: url(/static/v2/images/sandbox/arrow-select.png);background-repeat: no-repeat;background-size: auto 8px;background-position: center right 16px;cursor: pointer;}

:where(.legacy-tool) .alert {font-size: 12px; border-radius: 4px;border: solid 1px #ddd;background-color:#f8f8f8; padding:12px 20px; margin-bottom: 12px;}
:where(.legacy-tool) .alert.success{color: #16b726;border-color: #16b726;background-color: rgba(22, 183, 38, 0.15);}
:where(.legacy-tool) .alert.error{color: #f76070;border-color: #f76070;background-color: rgba(247, 96, 112, 0.1);}
:where(.legacy-tool) #markerformap { content: url(/static/v2/images/sandbox/pin.png); cursor: pointer;}
:where(.legacy-tool) .api-inner-banner {padding-bottom: 25px;}
:where(.legacy-tool) .api-inner-banner .banner-content .container p{margin-bottom: 15px;}
:where(.legacy-tool) .filter-block-required {background: rgb(255, 244, 244); -webkit-box-shadow: 0 1px 4px 0 rgba(0,0,0, 0.2); box-shadow: 0 1px 4px 0 rgba(0,0,0, 0.2);}
:where(.legacy-tool) .filter-block.overflowscroll {height: 241px;}
:where(.legacy-tool) .filter-block.overflowscroll.routing {height: 449px;}
:where(.legacy-tool) .filter-block .label-title .label-info .label-info-href {font-size: 12px; color: #71848a}
:where(.legacy-tool) .filter-block .label-title .label-info .label-info-href:hover {font-size: 12px; color: #ff4747}
:where(.legacy-tool) .ico-copy{position:relative;display:inline-block}
:where(.legacy-tool) .ico-copy .copystatustext{visibility:hidden;width:60px;background-color:#555;color:#fff;text-align:center;font-size:12px;border-radius:6px;padding:3px;position:absolute;z-index:1;bottom:150%;right:0;opacity:0;transition:opacity .3s}
:where(.legacy-tool) .ico-copy .copystatustext::after{content:"";position:absolute;top:100%;right:7%;margin-left:-5px;border-width:5px;border-style:solid;border-color:#555 transparent transparent transparent}
:where(.legacy-tool) .ico-copy:hover .copystatustext{visibility:visible;opacity:1}
:where(.legacy-tool) .radio-item input:checked:disabled + label {background-color: #bac1c3; color: #fff}
:where(.legacy-tool) .map-container .map-data.info.help {max-width: 350px;text-align: center; position:absolute;top:25%;left:50%;transform:translate(-50%,-50%);bottom:unset;background-color:rgba(0,0,0,.6);color:#fff}
:where(.legacy-tool) .map-container .map-data.info.help img {display: inline; vertical-align: middle;}
:where(.legacy-tool) .map-container .map-data.info.drawing {display: none; max-width: 350px;text-align: center; position:absolute;top:5%;left:50%;transform:translate(-50%,-50%);bottom:unset;background-color:rgba(0,0,0,.6);color:#fff}
:where(.legacy-tool) .api-doc-section .left-sidebar{height: 701px;}
:where(.legacy-tool) .map-container .map-wrapper{height: 701px;}
:where(.legacy-tool) .copy-api-block .api-code{height: 289px;}
:where(.legacy-tool) .font-xx-small {font-size: 12px;}
:where(.legacy-tool) .copy-api-block .api-code {word-wrap: break-word;}
/* The padded panel, not a nested pre, owns JSON scrolling. */
.legacy-tool #response-json {overflow: visible;}
:where(.legacy-tool) .presets-list {min-height: 176px;}
:where(.legacy-tool) .btn-red-light {background-color: #ffebeb;color: #ff4747; border: 1px solid #ffebeb}
:where(.legacy-tool) .btn-red-light:hover {background-color: #ff4747;color: #fff; border: 1px solid #ff4747}
:where(.legacy-tool) .filter-group.row {margin-left: -5px;margin-right: -5px;}
:where(.legacy-tool) .filter-group.row > [class*='col-'] {padding-left: 5px;padding-right: 5px;}
:where(.legacy-tool) .map-wrapper {height: 100%;}
@media (min-width: 993px) {
    /* Fit optional controls into the remaining map height, including when
     * required fields wrap or a signed-in account has an extra token field. */
    .legacy-tool .api-doc-section .left-sidebar {display: flex; flex-direction: column;}
    .legacy-tool .left-sidebar > * {flex-shrink: 0;}
    .legacy-tool .left-sidebar > .overflowscroll {flex: 1 1 auto; min-height: 0; height: auto;}
}
@media (max-width: 992px) {
:where(.legacy-tool) .api-doc-section .right-sidebar {display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex;flex-wrap: wrap;}
:where(.legacy-tool) .api-doc-section .right-sidebar .copy-api-block { flex: 0 0 50%; max-width: 50%;margin-bottom: 0;}
:where(.legacy-tool) .copy-api-block .api-code {max-height: inherit;height: 200px}
:where(.legacy-tool) .api-doc-section .map-container, :where(.legacy-tool) .api-doc-section .right-sidebar {max-width: 100%;flex: 0 0 100%}
:where(.legacy-tool) .map-container .map-data {bottom: 70px}
:where(.legacy-tool) .pagination {position: static;justify-content: space-between; padding-left: 40px; padding-right: 40px; margin-top: 40px}
:where(.legacy-tool) .pagination .page-item.prev {border-right: none}
:where(.legacy-tool) .map-container .map-wrapper { height: 540px }
:where(.legacy-tool) .api-doc-section .left-sidebar #hideLeftSidebar { top: 0; background-color: #ff4747;}
:where(.legacy-tool) .api-doc-section .left-sidebar #hideLeftSidebar:after { border-color: #fff;}
:where(.legacy-tool) .api-doc-section .container-fuild {max-height: inherit}
:where(.legacy-tool) .api-doc-section .left-sidebar {height: auto;}
:where(.legacy-tool) .filter-block.overflowscroll {height: 368px;}
}
@media (max-width: 642px) {
:where(.legacy-tool) .right-side-container, :where(.legacy-tool) .api-doc-section .left-sidebar {max-width: 100%;flex: 0 0 100%;}
:where(.legacy-tool) .filter-block.overflowscroll {height: auto;}
}
@media (max-width: 576px) {
:where(.legacy-tool) .api-doc-section .right-sidebar .copy-api-block { flex: 0 0 100%; max-width: 100%;}
:where(.legacy-tool) .api-doc-section .right-sidebar .copy-api-block + .copy-api-block { margin-top:10px;}
:where(.legacy-tool) .map-container .map-wrapper { height: 420px }
:where(.legacy-tool) .see-field-btn {display: none;}
:where(.legacy-tool) .api-doc-section .left-sidebar {margin-left: 0;max-width: 100%;flex: 0 0 100%;}
:where(.legacy-tool) .api-doc-section .left-sidebar.hide {margin-left: 0;}
:where(.legacy-tool) .api-doc-section .left-sidebar.hide + .right-side-container { margin-right: -310px;}
:where(.legacy-tool) .api-doc-section .left-sidebar #hideLeftSidebar:after {left: 4px;-webkit-transform: rotate(-135deg);-ms-transform: rotate(-135deg);-o-transform: rotate(-135deg);transform: rotate(-135deg);}
:where(.legacy-tool) .api-doc-section .left-sidebar #hideLeftSidebar.active:after {top: 18px;left: 8px;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);}
}
@media (max-width: 479px) {
:where(.legacy-tool) .pagination { left: 0;right: 0;z-index: 10;justify-content: center;}
:where(.legacy-tool) .pagination .page-item.prev {padding-right: 10px;}
:where(.legacy-tool) .pagination .page-item.next {padding-left: 10px;}
}