.esri-technical .svg{
    filter: invert(30%) sepia(98%) saturate(1144%) hue-rotate(176deg) brightness(95%) contrast(103%); 
    width:64px;
    height:64px;
}

.info-icon{
    color: var(--calcite-ui-brand);
}
.esri-table table tr{
    --calcite-ui-border-1: #dfdfdf;
}
.esri-technical .esri-text__iconContainer {
    display: flex;
    justify-content: space-between; }
.esri-technical .esri-text__iconContainer .sharelinks {
    display: flex; }
.esri-technical .esri-text__iconContainer .sharelinks calcite-link:not(:nth-child(1)) {
    padding-inline-start: var(--space-4); }

.esri-technical-header {
    border-bottom: 1px solid var(--calcite-ui-border-1); }
.esri-technical-header-content {
    width: 85%; }
@media (min-width: 760px) {
    .esri-technical-header-content {
        width: 60%; } }
.esri-technical-header-content calcite-chip {
    margin-inline-end: var(--space-4); }

.esri-technical-info-details .kaltura-video {
    aspect-ratio: 16 / 9;
    width: 100%; }

.esri-technical-info-text section h2{
    font-size: var(--font-3);
    margin: var(--space-12) 0 var(--space-1);
}
.esri-technical-info-text section h2:first-of-type{
    margin-block-start: var(--space-4);
}
  
.esri-technical-info-details section {
    padding: 0 0 var(--space-1) 0; }

.esri-technical-info-details section img {
    padding: var(--space-2) 0 var(--space-6); }

.esri-technical-info-details section li img {
    padding: 0; }

.esri-technical-info-details section ul, .esri-technical-info-details section ol {
    padding-inline-start: var(--space-8); }

.esri-technical-info-details section .note {
    border: 1px solid #77bde7;
    padding: var(--space-4);
    background: #c7eaff;
    margin: var(--space-4) 0; }

.esri-technical-info-details section pre, .ckeditor_codeblock {
    border: 1px solid var(--calcite-ui-border-1);
    background-color: var(--calcite-ui-foreground-2);
    padding: var(--space-4);
      
    font: var(----calcite-sans-family);
    margin: var(--space-4) 0; }

.esri-technical-info-details section .note span {
    display: block;
    margin-bottom: var(--space-2); }
.esri-technical-info-details section .note.warning {
    border: 1px solid var(--calcite-ui-warning);
    background: #fff7cc;
    text-align: left; }
.esri-technical-info-details section .note.error {
    border: 1px solid var(--calcite-ui-danger);
    background: #ffc6bf; }
.esri-technical-info-details section .note.code {
    border: 1px solid var(--calcite-ui-border-1);
    background: var(--calcite-ui-foreground-2); }

.esri-technical-info-caption {
    padding: var(--space-8) 0;
    font-size: var(--calcite-font-size--1);
    border-top: 1px solid var(--calcite-ui-border-1); }
.esri-technical-info-caption ul li {
    font-size: var(--calcite-font-size--1); }


/* in the master */
.esri-technical-info-contact {
    margin: var(--space-4) 0 var(--space-16);
    padding-block-end: var(--space-10);
    background:  #edf8ff;
}

.esri-technical-info-contact .feedback-section {
    justify-content: center;
    display: flex;
    border-bottom: 1px solid var(--calcite-ui-border-1);
    padding-block: var(--space-6);
    flex-direction: column;
    align-items: center;
}
@media (min-width: 760px) {
    .esri-technical-info-contact .feedback-section {
        flex-direction: row;
    }
}
.esri-technical-info-contact .feedback-section span {
    margin-right: var(--space-4);
}
.esri-technical-info-contact .feedback-section .feedback-section-click {
    text-align: center;
}
@media (min-width: 760px) {
    .esri-technical-info-contact .feedback-section .feedback-section-click {
        border-right: 1px solid var(--calcite-ui-border-1);
        padding-inline-end: var(--space-8);
    }
}
.esri-technical-info-contact .feedback-section .feedback-section-email {
    text-align: center;
    padding-top: var(--space-3);
}
@media (min-width: 760px) {
    .esri-technical-info-contact .feedback-section .feedback-section-email {
        padding-inline-start: var(--space-8);
        padding-top: 0;
    }
}
.esri-technical-info-contact .more-help-section {
    display: flex;
    justify-content: center;
    flex-direction: column;
}

@media (min-width: 760px) {
    .esri-technical-info-contact .more-help-section {
        flex-direction: row;
    }
}

.esri-technical-info-contact .more-help-section div {
    flex-basis: 50%;
    text-align: center;
    padding-block-start:var(--space-10);
}

.esri-technical-info-contact .more-help-section img,
.esri-technical-info-contact .more-help-section svg {
    width: 48px;
    fill: var(--theme-color-secondary);
}

/* master */

.esri-technical-info-sidebar {
    padding: var(--space-6);
    background: #f8f8f8; }
@media (max-width: 860px) {
    .esri-technical-info-sidebar {
        margin-inline-end: 8px;
        margin-inline-start: -8px; } }
.esri-technical-info-sidebar .article-type-wrapper .article-type {
    display: flex;
    border-bottom: 1px solid var(--calcite-ui-border-1);
    padding: var(--space-6) 0; }
.esri-technical-info-sidebar .article-type-wrapper .article-type .esri-text__icon {
    margin-top: var(--space-2); }
.esri-technical-info-sidebar .article-type-wrapper .article-type:last-of-type {
    margin: 0 var(--space-6) var(--space-8) 0; 
    border-bottom: none;}
.esri-technical-info-sidebar .article-type-wrapper .article-type-text {
    margin-inline-start: var(--space-2); }
.esri-technical-info-sidebar .article-type-wrapper .article-type p {
    margin-bottom: 0; }
.esri-technical-info-sidebar .related-info-wrapper {
    display: flex;
    margin: var(--space-6) 0 0;
    flex-direction: column; }
@media (min-width: 1140px) {
    .esri-technical-info-sidebar .related-info-wrapper {
        flex-direction: row; } }
@media (min-width: 1140px) {
    .esri-technical-info-sidebar .related-info-wrapper .related-info-content {
        flex-basis: 33%;
        margin-inline-end: var(--space-4); } }
@media (min-width: 1140px) {
    .esri-technical-info-sidebar .related-info-wrapper .related-info-content:last-of-type {
        margin-inline-end: 0; } }

.bug-article-table tr td calcite-icon{
    margin-top: -4px;
    display: inline-block;
    vertical-align: middle;
}

.esri-technical-info-sidebar .related-info-wrapper .related-info-content calcite-link{
    display:block;
    margin-block-end: var(--space-2);
}

.esri-technical-relatedLinks ul{
    padding-inline-start: 0;
}

.esri-technical-relatedLinks ul li{
    list-style: none;
    padding-inline-start: 0;
    padding-block-end: var(--space-4);
}