/*!
* ==========================================================================
* TI.com Global CSS - Responsive (v.1.0.8)
* Last built on Fri Aug 16 2024 20:05:12 GMT+0000 (Coordinated Universal Time)
* Copyright (c) 2022 Texas Instruments. All rights reserved.
* ==========================================================================
*/
:root {
    --pl-page-background-color-primary: #ffffff;
    --pl-page-background-color-secondary: #f7f7f7;
    --pl-section-background-color-primary: linear-gradient(35deg, #f7f7f7 0%, #fafafa 100%);
    --pl-section-background-color-secondary: linear-gradient(35deg, #333333 35%, #555555 100%);
    --pl-section-background-color-tertiary: linear-gradient(35deg, #000000 0%, #333333 100%);
    --pl-section-background-color-accent: linear-gradient(35deg, #a40000 35%, #cc0000 100%);
    --pl-container-background-color-primary: #ffffff;
    --pl-container-background-color-primary-variant: #f7f7f7;
    --pl-container-background-color-secondary: #f7f7f7;
    --pl-container-background-color-secondary-variant: #e8e8e8;
    --pl-container-background-color-tertiary: #555555;
    --pl-container-background-color-tertiary-variant: #333333;
    --pl-text-color-primary: #555555;
    --pl-text-color-primary-contrast: #ffffff;
    --pl-text-color-secondary: #333333;
    --pl-text-color-secondary-contrast: #cccccc;
    --pl-text-color-accent: #cc0000;
    --pl-text-color-accent-contrast: #aaaaaa;
    --pl-text-color-disabled: #aaaaaa;
    --pl-text-color-disabled-contrast: #b9b9b9;
    --pl-link-color-primary: #007c8c;
    --pl-link-color-primary-contrast: #ffffff;
    --pl-link-color-secondary: #333333;
    --pl-link-color-secondary-contrast: #ffffff;
    --pl-link-color-tertiary: #9bd7df;
    --pl-link-color-accent: #cc0000;
    --pl-link-color-accent-contrast: #ffffff;
    --pl-element-color-primary-lighter: #ee0000;
    --pl-element-color-primary: #cc0000;
    --pl-element-color-primary-darker: #a40000;
    --pl-element-color-secondary-lighter: #999999;
    --pl-element-color-secondary: #555555;
    --pl-element-color-secondary-darker: #333333;
    --pl-element-color-tertiary-lighter: #9bd7df;
    --pl-element-color-tertiary: #007c8c;
    --pl-element-color-tertiary-darker: #00525d;
    --pl-element-color-disabled: #cccccc;
    --pl-element-color-disabled-variant: #e8e8e8;
    --pl-element-color-contrast: #ffffff;
    --pl-element-color-contrast-variant: #f7f7f7;
    --pl-element-color-contrast-disabled: #555555;
    --pl-element-color-contrast-disabled-variant: #999999;
    --pl-input-element-color: #555555;
    --pl-input-element-color-disabled: #aaaaaa;
    --pl-input-text-color: #555555;
    --pl-input-text-color-disabled: #999999;
    --pl-input-border-color: #cccccc;
    --pl-input-border-color-disabled: #cccccc;
    --pl-input-border-color-focus: #555555;
    --pl-input-background-color: #ffffff;
    --pl-input-background-color-disabled: #e8e8e8;
    --pl-input-background-color-hover: #e8e8e8;
    --pl-button-primary-color: #cc0000;
    --pl-button-primary-color-hover: #ee0000;
    --pl-button-primary-text-color: #ffffff;
    --pl-button-primary-text-color-hover: #ffffff;
    --pl-button-secondary-color: #cc0000;
    --pl-button-secondary-color-hover: #ee0000;
    --pl-button-secondary-text-color: #cc0000;
    --pl-button-secondary-text-color-hover: #ffffff;
    --pl-button-reversed-color: #ffffff;
    --pl-button-reversed-color-hover: #ffffff;
    --pl-button-reversed-text-color: #ffffff;
    --pl-button-reversed-text-color-hover: #555555;
    --pl-button-disabled-color: #cccccc;
    --pl-button-disabled-color-reverse: #f7f7f7;
    --pl-border-color-primary: #cccccc;
    --pl-border-color-secondary: #333333;
    --pl-border-color-accent: #cc0000;
    --pl-divider-color-primary: #cccccc;
    --pl-divider-color-primary-contrast: #999999;
    --pl-divider-color-secondary: #e8e8e8;
    --pl-divider-color-secondary-contrast: #555555;
    --pl-error-color: #cc0000;
    --pl-success-color: #37a145;
    --pl-warning-color: #ffa358
}

html {
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

article,aside,footer,header,nav,section {
    display: block
}

main {
    display: block
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

pre {
    font-family: monospace,monospace;
    font-size: 1em
}

a {
    background-color: rgba(0,0,0,0);
    -webkit-text-decoration-skip: objects
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline
}

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: -.25em
}

sup {
    top: -.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: sans-serif;
    font-size: 100%;
    line-height: 1.15;
    margin: 0
}

button,input {
    overflow: visible
}

button,select {
    text-transform: none
}

[type=reset],[type=submit],button,html [type=button] {
    -webkit-appearance: button
}

[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner {
    border-style: none;
    padding: 0
}

[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring {
    outline: 1px dotted ButtonText
}

fieldset {
    padding: .35em .75em .625em
}

legend {
    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] {
    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
}

html {
    box-sizing: border-box
}

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

blockquote,body,dd,dl,fieldset,figure,h1,h2,h3,h4,h5,h6,hr,legend,ol,p,pre,ul {
    margin: 0;
    padding: 0
}

li>ol,li>ul {
    margin-bottom: 0
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

fieldset {
    min-width: 0;
    border: 0
}

/* a {
    text-decoration: none;
    color: var(--pl-link-color-primary,#007c8c)
} */

a:hover {
    text-decoration: underline
}

u a {
    text-decoration: underline
}

hr {
    margin: -1px 0 calc(16px - 1px) 0;
    border: 0;
    border-bottom: 1px solid var(--pl-divider-color-secondary,#e8e8e8)
}

p:empty {
    display: none
}

@media(max-width: 1239px) {
    .u-show-only-on-desktop {
        display:none!important
    }
}

@media(min-width: 1240px) {
    .u-show-only-on-tablet {
        display:none!important
    }
}

@media(max-width: 766px) {
    .u-show-only-on-tablet {
        display:none!important
    }
}

@media(min-width: 767px) {
    .u-show-only-on-phone {
        display:none!important
    }
}

@media(min-width: 1240px) {
    .u-hide-only-on-desktop {
        display:none!important
    }
}

@media(min-width: 767px)and (max-width:1239px) {
    .u-hide-only-on-tablet {
        display:none!important
    }
}

@media(max-width: 766px) {
    .u-hide-only-on-phone {
        display:none!important
    }
}

.u-header-extraLarge {
    font-size: 48px;
    line-height: 60px;
    margin-bottom: 48px;
    font-weight: 300;
    color: var(--pl-text-color-secondary,#333)
}

@media(max-width: 766px) {
    :where(.ti_p-page-responsive) .u-header-extraLarge {
        font-size:28px;
        line-height: 36px;
        margin-bottom: 24px;
        font-weight: 300;
        color: var(--pl-text-color-secondary,#333)
    }
}

.u-header-1,h1 {
    font-size: 34px;
    line-height: 40px;
    margin-bottom: 48px;
    font-weight: 300;
    color: var(--pl-text-color-secondary,#333)
}

@media(max-width: 766px) {
    :where(.ti_p-page-responsive) .u-header-1,:where(.ti_p-page-responsive) h1 {
        font-size:28px;
        line-height: 36px;
        margin-bottom: 24px;
        font-weight: 300;
        color: var(--pl-text-color-secondary,#333)
    }
}

.u-header-2,h2 {
    font-size: 28px;
    line-height: 36px;
    margin-bottom: 32px;
    font-weight: 300;
    color: var(--pl-text-color-secondary,#333)
}

@media(max-width: 766px) {
    :where(.ti_p-page-responsive) .u-header-2,:where(.ti_p-page-responsive) h2 {
        font-size:24px;
        line-height: 32px;
        margin-bottom: 24px;
        font-weight: 300;
        color: var(--pl-text-color-secondary,#333)
    }
}

.ti_sectionTitle,.u-header-3,h3 {
    font-size: 24px;
    line-height: 32px;
    margin-bottom: 16px;
    font-weight: 300;
    color: var(--pl-text-color-secondary,#333)
}

@media(max-width: 766px) {
    :where(.ti_p-page-responsive) .ti_sectionTitle,:where(.ti_p-page-responsive) .u-header-3,:where(.ti_p-page-responsive) h3 {
        font-size:20px;
        line-height: 28px;
        margin-bottom: 24px;
        font-weight: 300;
        color: var(--pl-text-color-secondary,#333)
    }
}

.u-header-4,h4 {
    font-size: 20px;
    line-height: 28px;
    margin-bottom: 12px;
    font-weight: 300;
    color: var(--pl-text-color-secondary,#333)
}

@media(max-width: 766px) {
    :where(.ti_p-page-responsive) .u-header-4,:where(.ti_p-page-responsive) h4 {
        font-size:18px;
        line-height: 28px;
        margin-bottom: 24px;
        font-weight: 400;
        color: var(--pl-text-color-secondary,#333)
    }
}

.ti_aem-ecosystemDiagram-h,.ti_table.mod-comparison h4,.u-header-5,h5 {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 12px;
    font-weight: 600;
    color: var(--pl-text-color-secondary,#333)
}

@media(max-width: 766px) {
    .ti_table.mod-comparison :where(.ti_p-page-responsive) h4,:where(.ti_p-page-responsive) .ti_aem-ecosystemDiagram-h,:where(.ti_p-page-responsive) .ti_table.mod-comparison h4,:where(.ti_p-page-responsive) .u-header-5,:where(.ti_p-page-responsive) h5 {
        font-size:16px;
        line-height: 24px;
        margin-bottom: 24px;
        font-weight: 600;
        color: var(--pl-text-color-secondary,#333)
    }
}

.u-header-6,h6 {
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 12px;
    font-weight: 600;
    color: var(--pl-text-color-secondary,#333)
}

@media(max-width: 766px) {
    :where(.ti_p-page-responsive) .u-header-6,:where(.ti_p-page-responsive) h6 {
        font-size:14px;
        line-height: 28px;
        margin-bottom: 24px;
        font-weight: 600;
        color: var(--pl-text-color-secondary,#333)
    }
}

.u-paragraph-extraLarge {
    font-size: 18px;
    line-height: 28px;
    margin-bottom: 24px;
    font-weight: 400
}

@media(max-width: 766px) {
    :where(.ti_p-page-responsive) .u-paragraph-extraLarge {
        font-size:18px;
        line-height: 28px;
        margin-bottom: 24px
    }
}

.u-paragraph-large {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 24px;
    font-weight: 400
}

@media(max-width: 766px) {
    :where(.ti_p-page-responsive) .u-paragraph-large {
        font-size:16px;
        line-height: 24px;
        margin-bottom: 24px
    }
}

.u-paragraph-medium,p {
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 24px;
    font-weight: 400
}

@media(max-width: 766px) {
    :where(.ti_p-page-responsive) .u-paragraph-medium,:where(.ti_p-page-responsive) p {
        line-height:24px;
        margin-bottom: 24px
    }
}

.u-paragraph-small {
    font-size: 12px;
    line-height: 20px;
    margin-bottom: 24px;
    font-weight: 400
}

@media(max-width: 766px) {
    :where(.ti_p-page-responsive) .u-paragraph-small {
        line-height:24px
    }
}



html {
    scroll-behavior: smooth
}

select,textarea {
    margin-bottom: 0;
    width: auto;
    height: 32px;
    padding: 0 .5rem;
    border: 1px solid var(--pl-input-border-color,#ccc);
    background-color: var(--pl-input-background-color,#fff);
    border-radius: 0!important;
    box-sizing: border-box
}

select[disabled],textarea[disabled] {
    border-color: var(--pl-input-border-color-disabled,#ccc);
    background-color: var(--pl-input-background-color-disabled,#e8e8e8);
    cursor: not-allowed
}

select[readonly],textarea[readonly] {
    border: none;
    cursor: not-allowed;
    padding-left: 0
}

select {
    width: auto
}

select::-ms-expand {
    margin-left: .5rem;
    margin-right: -.5rem
}

textarea {
    padding: 7px;
    width: 100%;
    min-height: 150px;
    resize: vertical
}

select[multiple] {
    min-height: 150px
}

select,textarea {
    color: var(--pl-text-color-primary,#555);
    font-size: 14px
}

[type=checkbox],[type=radio] {
    margin: .2em .25em 0 .25em
}

optgroup {
    font-family: inherit
}

optgroup::before {
    background-color: var(--pl-input-background-color-disabled,#e8e8e8);
    font-family: inherit;
    font-weight: 600;
    padding: 0 .2em;
    width: 100%
}

optgroup[disabled] option,optgroup[disabled]::before,option[disabled] {
    color: var(--pl-text-color-primary,#555);
    font-weight: 400
}

::-ms-clear {
    display: none
}

#st-ping-div {
    overflow: hidden
}

img[alt] {
    position: relative;
    display: inline-block;
    min-width: 18px;
    max-width: 100%;
    min-height: 18px;
    background-color: rgba(0,0,0,0);
    color: #fff;
    font-family: Roboto,"Helvetica Neue","Arial Nova","Nimbus Sans",Arial,sans-serif;
    font-weight: 400;
    font-size: 12px
}

img[alt]::before {
    position: absolute;
    inset: 50%;
    transform: translate(-12px,-12px);
    z-index: 2;
    height: 24px;
    width: 24px;
    background-color: rgba(0,0,0,0);
    background-size: 24px;
    background-position: 50%;
    background-image: url('data:image/svg+xml,%3csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 192 192" fill="%23555555"%3e%3cpath d="M160 120h16v16h-16zM88 32v40h40v33.41l16 16V64L96 16H38.59l16.36 16H88zM160 56h16v48h-16zM32 32.03V32l-.32-.29-12.26-12.26L8.11 30.76 16 38.65V160c0 8.88 7.12 16 16 16h96c6.89 0 12.71-4.3 14.97-10.37l6.56 6.56 11.31-11.31L32 32.03zM128 160H32V54.65l96 96V160z"/%3e%3c/svg%3e');
    background-repeat: no-repeat;
    opacity: 1;
    color: transparent;
    content: ""
}

img[alt]::after {
    position: absolute;
    z-index: 1;
    inset: -6px;
    background-color: #f7f7f7;
    color: transparent;
    content: ""
}

@media(min-width: 767px) {
    .ti_p-responsiveFooter-social-icon {
        margin-right:58px!important
    }
}

html {
    font-size: 16px
}

body {
    color: var(--pl-text-color-primary,#555);
    font-size: 14px;
    font-weight: 400;
    font-variant-ligatures: no-common-ligatures
}

@media(max-width: 766px) {
    .ti_p-page-responsive {
        line-height:24px
    }
}

body,button,input,select,table,textarea {
    font-family: Roboto,"Helvetica Neue","Arial Nova","Nimbus Sans",Arial,sans-serif
}

b,strong {
    font-weight: 600
}

br {
    line-height: 20px
}

ol,ul {
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 24px;
    margin-left: 1.25rem
}

ol>li,ul>li {
    margin-bottom: 8px
}

ol ol,ol ul,ul ol,ul ul {
    margin-top: 12px;
    margin-bottom: 16px
}

@media(max-width: 766px) {
    .ti_p-page-responsive ol,.ti_p-page-responsive ul {
        font-size:14px;
        line-height: 24px;
        margin-bottom: 32px;
        margin-left: 1.25rem
    }

    .ti_p-page-responsive ol>li,.ti_p-page-responsive ul>li {
        margin-bottom: 16px
    }

    .ti_p-page-responsive ol ol,.ti_p-page-responsive ol ul,.ti_p-page-responsive ul ol,.ti_p-page-responsive ul ul {
        margin-top: 20px;
        margin-bottom: 20px
    }
}

dl {
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 24px
}

dl dt {
    margin-bottom: 4px;
    font-weight: 600
}

dl dd {
    margin-bottom: 12px
}

@media(max-width: 766px) {
    .ti_p-page-responsive dl {
        line-height:24px;
        margin-bottom: 32px
    }

    .ti_p-page-responsive dl dt {
        margin-bottom: 16px
    }

    .ti_p-page-responsive dl dd {
        margin-bottom: 24px
    }
}

@media(max-width: 1239px) {
    .ti_p-responsiveHeader-nav-sidenav-content.ti_p-responsiveHeader-nav-sidenav-content-mobile.mod-static-product-panel .ti_p-megaMenu-navList-sub li {
        display:flex;
        align-items: center
    }
}

ti-breadcrumb-section:not(.hydrated),ti-dropdown-panel:not(.hydrated),ti-e2e-support-forums:not(.hydrated),ti-featured-product:not(.hydrated),ti-header-currency-selection:not(.hydrated),ti-header-language-selection:not(.hydrated),ti-header-ship-to-selection:not(.hydrated),ti-image-gallery:not(.hydrated),ti-login:not(.hydrated),ti-media-gallery:not(.hydrated),ti-product-synopsis:not(.hydrated),ti-quickview-item:not(.hydrated),ti-subscribe-to-updates:not(.hydrated),ti-techdoc-table:not(.hydrated),ti-training-series:not(.hydrated),ti-video-player:not(.hydrated) {
    display: none
}

ti-breadcrumb {
    display: flex;
    min-height: 28px
}

.ti-breadcrumb-section {
    list-style-type: none;
    margin: 0
}

.ti-breadcrumb-section li {
    display: flex;
    margin-bottom: 0;
    padding-bottom: 16px;
    -moz-column-break-inside: avoid;
    break-inside: avoid
}

.ti-breadcrumb-section--parametric-icons {
    margin-left: -8px;
    position: relative
}

@supports(background: -webkit-named-image(i)) {
    .ti-breadcrumb-section--parametric-icons {
        margin-left:0
    }
}

.ti-breadcrumb-parametric-link {
    position: relative;
    margin-right: 12px;
    padding-right: 12px;
    flex: 0 0 auto
}

.ti-breadcrumb-parametric-link::after {
    content: "";
    position: absolute;
    width: 1px;
    right: 0;
    height: calc(100% + 16px);
    background-color: #ccc
}

.ti-breadcrumb-parametric-link a {
    display: inline-flex
}

.ti-breadcrumb-parametric-link a:not(:hover) .ti-svg-icon {
    opacity: .65
}

.ti-breadcrumb-section-link {
    display: block;
    padding: 0;
    max-width: 420px;
    white-space: normal;
    text-decoration: none;
    color: #555!important;
    font-size: 14px
}

.ti-breadcrumb-section-link:hover {
    text-decoration: underline!important
}

.ti-breadcrumb-section-link:focus {
    text-decoration: underline!important
}

ti-product-synopsis.ti-product-synopsis-horizontal [slot=new-badge] {
    margin-right: 8px;
    padding-left: 12px
}

ti-product-synopsis.ti-product-synopsis-horizontal [slot=new-badge]::before {
    left: 0
}

ti-product-synopsis.ti-product-synopsis-horizontal [slot=product-link] {
    margin-right: 8px
}

ti-image [slot=caption],ti-image-comparison [slot=caption] {
    color: #555;
    font-size: 12px;
    line-height: 20px
}

ti-image [slot=caption]:not(:last-child),ti-image-comparison [slot=caption]:not(:last-child) {
    margin-bottom: 12px
}

ti-image [slot=caption] p,ti-image-comparison [slot=caption] p {
    color: inherit;
    font-size: inherit;
    line-height: inherit;
    margin-bottom: 12px
}

ti-image [slot=caption] p:last-of-type,ti-image-comparison [slot=caption] p:last-of-type {
    margin-bottom: 0
}

.ti-card.ti-card-link:hover a:not([slot=card-link]),.ti-card.ti-card-link:hover ti-button {
    position: relative;
    z-index: 1
}

.ti-card.ti-card-link:hover .ti-product-status {
    position: relative;
    z-index: 2
}

/* .ti-button {
    display: inline-flex;
    overflow: hidden;
    text-indent: -9999px;
    vertical-align: text-bottom;
    aspect-ratio: 1;
    width: 24px
} */

.ti-button[size=xxs] {
    width: 11px
}

.ti-button[size=xs] {
    width: 14px
}

.ti-button[size=s] {
    width: 18px
}

.ti-button[size=m] {
    width: 24px
}

.ti-button[size=l] {
    width: 36px
}

.ti-button[size=xl] {
    width: 48px
}

.ti-button .ti-svg-icon {
    --ti-svg-icon-size: 18px;
    --ti-svg-icon-fill-color: currentColor;
    width: 18px;
    margin-right: 8px;
    flex-shrink: 0
}

.ti-button.ti-button-primary .ti-svg-icon {
    --ti-svg-icon-color-index: 4
}

.ti-button.ti-button-secondary .ti-svg-icon {
    --ti-svg-icon-color-index: 2
}

.ti-button.ti-button-secondary:hover .ti-svg-icon {
    --ti-svg-icon-color-index: 4
}

.ti-button.ti-button-secondary.ti-button-disabled .ti-svg-icon {
    --ti-svg-icon-color-index: 3
}

.ti-button.ti-button-reversed .ti-svg-icon {
    --ti-svg-icon-color-index: 4
}

.ti-button.ti-button-reversed:hover .ti-svg-icon {
    --ti-svg-icon-color-index: 0
}

.ti-button.ti-button-reversed.ti-button-disabled .ti-svg-icon {
    --ti-svg-icon-color-index: 3
}

.ti-button.ti-button-link .ti-svg-icon,ti-button.ti-button-text .ti-svg-icon {
    --ti-svg-icon-color-index: 1
}

.ti-button.ti-button-link.ti-button-disabled .ti-svg-icon,ti-button.ti-button-text.ti-button-disabled .ti-svg-icon {
    --ti-svg-icon-color-index: 3
}

.ti-button .ti_p-tag {
    display: inline-block!important;
    padding: 2px 5px!important;
    min-width: 1em!important;
    text-align: center!important;
    font-size: 14px!important;
    line-height: 14px!important;
    margin-left: 8px
}

.ti-button.ti-button-primary .ti_p-tag {
    color: var(--pl-button-primary-color,#c00);
    background-color: var(--pl-container-background-color-primary,#fff)
}

.ti-button.ti-button-secondary:hover .ti_p-tag {
    color: var(--pl-button-primary-color,#c00);
    background-color: var(--pl-container-background-color-primary,#fff)
}

.ti-button.ti-button-text .ti_p-tag {
    background-color: var(--pl-link-color-primary,#007c8c)
}

ti-portfolio-viewer [class*=st],ti-portfolio-viewer svg {
    font-family: Roboto,"Helvetica Neue","Arial Nova","Nimbus Sans",Arial,sans-serif!important
}

ti-carousel .ti_p-carousel-col-2 {
    min-width: calc(16.6667% - 28px)
}

ti-carousel .ti_p-carousel-col-3 {
    min-width: calc(25% - 28px)
}

ti-carousel .ti_p-carousel-col-4 {
    min-width: calc(33.333% - 28px)
}

ti-carousel .ti_p-carousel-col-6 {
    min-width: calc(50% - 28px)
}

ti-carousel .ti_p-carousel-col-8 {
    min-width: calc(66.66667% - 28px)
}

ti-carousel .ti_p-carousel-col-9 {
    min-width: calc(75% - 28px)
}

ti-carousel .ti_p-carousel-col-10 {
    min-width: calc(83.33333% - 28px)
}

.ti_p-page-full {
    width: 100%;
    margin-left: 0;
    margin-right: 0
}

.ti_p-page-full--add-margins,.ti_p-page-full.mod-addMargins {
    padding-inline:28px}

@media(max-width: 766px) {
    .ti_p-page-full--add-margins,.ti_p-page-full.mod-addMargins {
        padding-inline:16px
    }
}

.ti_p-page-full--aggrid-margins {
    padding-inline:16px}

@media(max-width: 766px) {
    .ti_p-page-full--aggrid-margins {
        padding-inline:0
    }
}

.ti_p-page-centered {
    width: 1240px;
    margin-left: auto;
    margin-right: auto
}

.ti_p-page-left {
    width: 1240px
}

.ti_p-page-responsive {
    width: 100%;
    max-width: 1240px;
    margin-left: auto;
    margin-right: auto
}

@media(max-width: 1239px) {
    .ti_p-page-responsive {
        max-width:100%
    }
}

.ti_p-page-responsive.mod-fullWidth {
    max-width: 100%;
    margin-left: 0;
    margin-right: 0
}

.ti_p-page-responsive.mod-cardStyle {
    padding: 96px
}

@media(max-width: 766px) {
    .ti_p-page-responsive.mod-cardStyle {
        width:100%;
        margin: 0;
        padding: 24px 0 48px 0;
        background-color: var(--pl-page-background-color-primary,#fff)
    }
}

.ti_p-row {
    display: flex;
    align-items: stretch;
    box-sizing: border-box;
    margin-inline:0}

@media(max-width: 766px) {
    .ti_p-row {
        margin-inline:8px
    }
}

.ti_p-row .ti_p-row {
    display: flex;
    align-items: stretch;
    box-sizing: border-box;
    margin-inline:-28px}

@media(max-width: 766px) {
    .ti_p-row .ti_p-row {
        margin-inline:-8px
    }
}

@media(min-width: 767px) {
    .ti_p-row.mod-adjust-padding-4 {
        margin-inline:calc((-28px) + (-16px))!important
    }

    .ti_p-row.mod-adjust-padding-4>[class*=ti_p-col]:first-of-type {
        padding-left: 16px
    }

    .ti_p-row.mod-adjust-padding-4>[class*=ti_p-col]:last-of-type {
        padding-right: 16px
    }
}

@media(min-width: 767px) {
    .ti_p-row.mod-adjust-padding-6 {
        margin-inline:calc((-28px) + (-24px))!important
    }

    .ti_p-row.mod-adjust-padding-6>[class*=ti_p-col]:first-of-type {
        padding-left: 24px
    }

    .ti_p-row.mod-adjust-padding-6>[class*=ti_p-col]:last-of-type {
        padding-right: 24px
    }
}

@media(min-width: 767px) {
    .ti_p-row.mod-adjust-padding-8 {
        margin-inline:calc((-28px) + (-32px))!important
    }

    .ti_p-row.mod-adjust-padding-8>[class*=ti_p-col]:first-of-type {
        padding-left: 32px
    }

    .ti_p-row.mod-adjust-padding-8>[class*=ti_p-col]:last-of-type {
        padding-right: 32px
    }
}

@media(min-width: 767px) {
    .ti_p-row.mod-adjust-padding-12 {
        margin-inline:calc((-28px) + (-48px))!important
    }

    .ti_p-row.mod-adjust-padding-12>[class*=ti_p-col]:first-of-type {
        padding-left: 48px
    }

    .ti_p-row.mod-adjust-padding-12>[class*=ti_p-col]:last-of-type {
        padding-right: 48px
    }
}

.ti_p-page-responsive .ti_p-row {
    flex-wrap: wrap
}

@media(max-width: 1239px) {
    .ti_p-page-responsive .ti_p-row .mod-row-space-tablet {
        margin-top:24px
    }
}

@media(max-width: 766px) {
    .ti_p-page-responsive .ti_p-row .mod-row-space-phone {
        margin-top:24px
    }
}

@media(min-width: 767px) {
    .ti_p-row.mod-add-margin-space {
        margin-inline:16.66666666%;
        margin-inline:round(down,16.66666666%,1px)}

    .ti_p-row .ti_p-row.mod-add-margin-space {
        margin-inline:calc(16.66666666% - 18px);margin-inline:round(down,16.66666666% - 18px,1px)}
}

.ti_p-col {
    box-sizing: border-box;
    margin-inline:28px;width: 0;
    flex-grow: 1
}

@media(max-width: 766px) {
    .ti_p-page-responsive .ti_p-col {
        margin-inline:8px
    }
}

.ti_p-col-1 {
    box-sizing: border-box;
    margin-inline:28px;flex-shrink: 0;
    flex-basis: calc(8.33333333% - 56px)
}

.ti_p-page-responsive .ti_p-col-1 {
    flex-basis: calc((8.33333333%) - (56px))
}

@media(max-width: 766px) {
    .ti_p-page-responsive .ti_p-col-1 {
        margin-inline:8px
    }
}

@media(max-width: 766px) {
    .ti_p-page-responsive .ti_p-col-1 {
        flex-basis:calc((8.33333333%) - (16px))
    }
}

.ti_p-col-1-static {
    box-sizing: border-box;
    margin-inline:28px;flex-shrink: 0;
    flex-basis: calc(8.33333333% - 56px)
}

.ti_p-col-2 {
    box-sizing: border-box;
    margin-inline:28px;flex-shrink: 0;
    flex-basis: calc(16.66666666% - 56px)
}

.ti_p-page-responsive .ti_p-col-2 {
    flex-basis: calc((16.66666666%) - (56px))
}

@media(max-width: 766px) {
    .ti_p-page-responsive .ti_p-col-2 {
        margin-inline:8px
    }
}

@media(max-width: 766px) {
    .ti_p-page-responsive .ti_p-col-2 {
        flex-basis:calc((16.66666666%) - (16px))
    }
}

.ti_p-col-2-static {
    box-sizing: border-box;
    margin-inline:28px;flex-shrink: 0;
    flex-basis: calc(16.66666666% - 56px)
}

.ti_p-col-3 {
    box-sizing: border-box;
    margin-inline:28px;flex-shrink: 0;
    flex-basis: calc(24.99999999% - 56px)
}

.ti_p-page-responsive .ti_p-col-3 {
    flex-basis: calc((24.99999999%) - (56px))
}

@media(max-width: 766px) {
    .ti_p-page-responsive .ti_p-col-3 {
        margin-inline:8px
    }
}

@media(max-width: 766px) {
    .ti_p-page-responsive .ti_p-col-3 {
        flex-basis:calc((24.99999999%) - (16px))
    }
}

.ti_p-col-3-static {
    box-sizing: border-box;
    margin-inline:28px;flex-shrink: 0;
    flex-basis: calc(24.99999999% - 56px)
}

.ti_p-col-4 {
    box-sizing: border-box;
    margin-inline:28px;flex-shrink: 0;
    flex-basis: calc(33.33333332% - 56px)
}

.ti_p-page-responsive .ti_p-col-4 {
    flex-basis: calc((33.33333332%) - (56px))
}

@media(max-width: 766px) {
    .ti_p-page-responsive .ti_p-col-4 {
        margin-inline:8px
    }
}

@media(max-width: 766px) {
    .ti_p-page-responsive .ti_p-col-4 {
        flex-basis:calc((33.33333332%) - (16px))
    }
}

.ti_p-col-4-static {
    box-sizing: border-box;
    margin-inline:28px;flex-shrink: 0;
    flex-basis: calc(33.33333332% - 56px)
}

.ti_p-col-5 {
    box-sizing: border-box;
    margin-inline:28px;flex-shrink: 0;
    flex-basis: calc(41.66666665% - 56px)
}

.ti_p-page-responsive .ti_p-col-5 {
    flex-basis: calc((41.66666665%) - (56px))
}

@media(max-width: 766px) {
    .ti_p-page-responsive .ti_p-col-5 {
        margin-inline:8px
    }
}

@media(max-width: 766px) {
    .ti_p-page-responsive .ti_p-col-5 {
        flex-basis:calc((41.66666665%) - (16px))
    }
}

.ti_p-col-5-static {
    box-sizing: border-box;
    margin-inline:28px;flex-shrink: 0;
    flex-basis: calc(41.66666665% - 56px)
}

.ti_p-col-6 {
    box-sizing: border-box;
    margin-inline:28px;flex-shrink: 0;
    flex-basis: calc(49.99999998% - 56px)
}

.ti_p-page-responsive .ti_p-col-6 {
    flex-basis: calc((49.99999998%) - (56px))
}

@media(max-width: 766px) {
    .ti_p-page-responsive .ti_p-col-6 {
        margin-inline:8px
    }
}

@media(max-width: 766px) {
    .ti_p-page-responsive .ti_p-col-6 {
        flex-basis:calc((49.99999998%) - (16px))
    }
}

.ti_p-col-6-static {
    box-sizing: border-box;
    margin-inline:28px;flex-shrink: 0;
    flex-basis: calc(49.99999998% - 56px)
}

.ti_p-col-7 {
    box-sizing: border-box;
    margin-inline:28px;flex-shrink: 0;
    flex-basis: calc(58.33333331% - 56px)
}

.ti_p-page-responsive .ti_p-col-7 {
    flex-basis: calc((58.33333331%) - (56px))
}

@media(max-width: 766px) {
    .ti_p-page-responsive .ti_p-col-7 {
        margin-inline:8px
    }
}

@media(max-width: 766px) {
    .ti_p-page-responsive .ti_p-col-7 {
        flex-basis:calc((58.33333331%) - (16px))
    }
}

.ti_p-col-7-static {
    box-sizing: border-box;
    margin-inline:28px;flex-shrink: 0;
    flex-basis: calc(58.33333331% - 56px)
}

.ti_p-col-8 {
    box-sizing: border-box;
    margin-inline:28px;flex-shrink: 0;
    flex-basis: calc(66.66666664% - 56px)
}

.ti_p-page-responsive .ti_p-col-8 {
    flex-basis: calc((66.66666664%) - (56px))
}

@media(max-width: 766px) {
    .ti_p-page-responsive .ti_p-col-8 {
        margin-inline:8px
    }
}

@media(max-width: 766px) {
    .ti_p-page-responsive .ti_p-col-8 {
        flex-basis:calc((66.66666664%) - (16px))
    }
}

.ti_p-col-8-static {
    box-sizing: border-box;
    margin-inline:28px;flex-shrink: 0;
    flex-basis: calc(66.66666664% - 56px)
}

.ti_p-col-9 {
    box-sizing: border-box;
    margin-inline:28px;flex-shrink: 0;
    flex-basis: calc(74.99999997% - 56px)
}

.ti_p-page-responsive .ti_p-col-9 {
    flex-basis: calc((74.99999997%) - (56px))
}

@media(max-width: 766px) {
    .ti_p-page-responsive .ti_p-col-9 {
        margin-inline:8px
    }
}

@media(max-width: 766px) {
    .ti_p-page-responsive .ti_p-col-9 {
        flex-basis:calc((74.99999997%) - (16px))
    }
}

.ti_p-col-9-static {
    box-sizing: border-box;
    margin-inline:28px;flex-shrink: 0;
    flex-basis: calc(74.99999997% - 56px)
}

.ti_p-col-10 {
    box-sizing: border-box;
    margin-inline:28px;flex-shrink: 0;
    flex-basis: calc(83.3333333% - 56px)
}

.ti_p-page-responsive .ti_p-col-10 {
    flex-basis: calc((83.3333333%) - (56px))
}

@media(max-width: 766px) {
    .ti_p-page-responsive .ti_p-col-10 {
        margin-inline:8px
    }
}

@media(max-width: 766px) {
    .ti_p-page-responsive .ti_p-col-10 {
        flex-basis:calc((83.3333333%) - (16px))
    }
}

.ti_p-col-10-static {
    box-sizing: border-box;
    margin-inline:28px;flex-shrink: 0;
    flex-basis: calc(83.3333333% - 56px)
}

.ti_p-col-11 {
    box-sizing: border-box;
    margin-inline:28px;flex-shrink: 0;
    flex-basis: calc(91.66666663% - 56px)
}

.ti_p-page-responsive .ti_p-col-11 {
    flex-basis: calc((91.66666663%) - (56px))
}

@media(max-width: 766px) {
    .ti_p-page-responsive .ti_p-col-11 {
        margin-inline:8px
    }
}

@media(max-width: 766px) {
    .ti_p-page-responsive .ti_p-col-11 {
        flex-basis:calc((91.66666663%) - (16px))
    }
}

.ti_p-col-11-static {
    box-sizing: border-box;
    margin-inline:28px;flex-shrink: 0;
    flex-basis: calc(91.66666663% - 56px)
}

.ti_p-col-12 {
    box-sizing: border-box;
    margin-inline:28px;flex-shrink: 0;
    flex-basis: calc(99.99999996% - 56px)
}

.ti_p-page-responsive .ti_p-col-12 {
    flex-basis: calc((99.99999996%) - (56px))
}

@media(max-width: 766px) {
    .ti_p-page-responsive .ti_p-col-12 {
        margin-inline:8px
    }
}

@media(max-width: 766px) {
    .ti_p-page-responsive .ti_p-col-12 {
        flex-basis:calc((99.99999996%) - (16px))
    }
}

.ti_p-col-12-static {
    box-sizing: border-box;
    margin-inline:28px;flex-shrink: 0;
    flex-basis: calc(99.99999996% - 56px)
}

@media(max-width: 1239px)and (max-width:766px) {
    .ti_p-page-responsive .ti_p-col-tablet {
        margin-inline:8px
    }
}

@media(max-width: 1239px) {
    .ti_p-page-responsive .ti_p-col-tablet-1 {
        flex-basis:calc((8.33333333%) - (56px))
    }
}

@media(max-width: 1239px)and (max-width:766px) {
    .ti_p-page-responsive .ti_p-col-tablet-1 {
        margin-inline:8px
    }
}

@media(max-width: 1239px)and (max-width:766px) {
    .ti_p-page-responsive .ti_p-col-tablet-1 {
        flex-basis:calc((8.33333333%) - (16px))
    }
}

@media(max-width: 1239px) {
    .ti_p-page-responsive .ti_p-col-tablet-2 {
        flex-basis:calc((16.66666666%) - (56px))
    }
}

@media(max-width: 1239px)and (max-width:766px) {
    .ti_p-page-responsive .ti_p-col-tablet-2 {
        margin-inline:8px
    }
}

@media(max-width: 1239px)and (max-width:766px) {
    .ti_p-page-responsive .ti_p-col-tablet-2 {
        flex-basis:calc((16.66666666%) - (16px))
    }
}

@media(max-width: 1239px) {
    .ti_p-page-responsive .ti_p-col-tablet-3 {
        flex-basis:calc((24.99999999%) - (56px))
    }
}

@media(max-width: 1239px)and (max-width:766px) {
    .ti_p-page-responsive .ti_p-col-tablet-3 {
        margin-inline:8px
    }
}

@media(max-width: 1239px)and (max-width:766px) {
    .ti_p-page-responsive .ti_p-col-tablet-3 {
        flex-basis:calc((24.99999999%) - (16px))
    }
}

@media(max-width: 1239px) {
    .ti_p-page-responsive .ti_p-col-tablet-4 {
        flex-basis:calc((33.33333332%) - (56px))
    }
}

@media(max-width: 1239px)and (max-width:766px) {
    .ti_p-page-responsive .ti_p-col-tablet-4 {
        margin-inline:8px
    }
}

@media(max-width: 1239px)and (max-width:766px) {
    .ti_p-page-responsive .ti_p-col-tablet-4 {
        flex-basis:calc((33.33333332%) - (16px))
    }
}

@media(max-width: 1239px) {
    .ti_p-page-responsive .ti_p-col-tablet-5 {
        flex-basis:calc((41.66666665%) - (56px))
    }
}

@media(max-width: 1239px)and (max-width:766px) {
    .ti_p-page-responsive .ti_p-col-tablet-5 {
        margin-inline:8px
    }
}

@media(max-width: 1239px)and (max-width:766px) {
    .ti_p-page-responsive .ti_p-col-tablet-5 {
        flex-basis:calc((41.66666665%) - (16px))
    }
}

@media(max-width: 1239px) {
    .ti_p-page-responsive .ti_p-col-tablet-6 {
        flex-basis:calc((49.99999998%) - (56px))
    }
}

@media(max-width: 1239px)and (max-width:766px) {
    .ti_p-page-responsive .ti_p-col-tablet-6 {
        margin-inline:8px
    }
}

@media(max-width: 1239px)and (max-width:766px) {
    .ti_p-page-responsive .ti_p-col-tablet-6 {
        flex-basis:calc((49.99999998%) - (16px))
    }
}

@media(max-width: 1239px) {
    .ti_p-page-responsive .ti_p-col-tablet-7 {
        flex-basis:calc((58.33333331%) - (56px))
    }
}

@media(max-width: 1239px)and (max-width:766px) {
    .ti_p-page-responsive .ti_p-col-tablet-7 {
        margin-inline:8px
    }
}

@media(max-width: 1239px)and (max-width:766px) {
    .ti_p-page-responsive .ti_p-col-tablet-7 {
        flex-basis:calc((58.33333331%) - (16px))
    }
}

@media(max-width: 1239px) {
    .ti_p-page-responsive .ti_p-col-tablet-8 {
        flex-basis:calc((66.66666664%) - (56px))
    }
}

@media(max-width: 1239px)and (max-width:766px) {
    .ti_p-page-responsive .ti_p-col-tablet-8 {
        margin-inline:8px
    }
}

@media(max-width: 1239px)and (max-width:766px) {
    .ti_p-page-responsive .ti_p-col-tablet-8 {
        flex-basis:calc((66.66666664%) - (16px))
    }
}

@media(max-width: 1239px) {
    .ti_p-page-responsive .ti_p-col-tablet-9 {
        flex-basis:calc((74.99999997%) - (56px))
    }
}

@media(max-width: 1239px)and (max-width:766px) {
    .ti_p-page-responsive .ti_p-col-tablet-9 {
        margin-inline:8px
    }
}

@media(max-width: 1239px)and (max-width:766px) {
    .ti_p-page-responsive .ti_p-col-tablet-9 {
        flex-basis:calc((74.99999997%) - (16px))
    }
}

@media(max-width: 1239px) {
    .ti_p-page-responsive .ti_p-col-tablet-10 {
        flex-basis:calc((83.3333333%) - (56px))
    }
}

@media(max-width: 1239px)and (max-width:766px) {
    .ti_p-page-responsive .ti_p-col-tablet-10 {
        margin-inline:8px
    }
}

@media(max-width: 1239px)and (max-width:766px) {
    .ti_p-page-responsive .ti_p-col-tablet-10 {
        flex-basis:calc((83.3333333%) - (16px))
    }
}

@media(max-width: 1239px) {
    .ti_p-page-responsive .ti_p-col-tablet-11 {
        flex-basis:calc((91.66666663%) - (56px))
    }
}

@media(max-width: 1239px)and (max-width:766px) {
    .ti_p-page-responsive .ti_p-col-tablet-11 {
        margin-inline:8px
    }
}

@media(max-width: 1239px)and (max-width:766px) {
    .ti_p-page-responsive .ti_p-col-tablet-11 {
        flex-basis:calc((91.66666663%) - (16px))
    }
}

@media(max-width: 1239px) {
    .ti_p-page-responsive .ti_p-col-tablet-12 {
        flex-basis:calc((99.99999996%) - (56px))
    }
}

@media(max-width: 1239px)and (max-width:766px) {
    .ti_p-page-responsive .ti_p-col-tablet-12 {
        margin-inline:8px
    }
}

@media(max-width: 1239px)and (max-width:766px) {
    .ti_p-page-responsive .ti_p-col-tablet-12 {
        flex-basis:calc((99.99999996%) - (16px))
    }
}

@media(max-width: 766px)and (max-width:766px) {
    .ti_p-page-responsive .ti_p-col-phone {
        margin-inline:8px
    }
}

@media(max-width: 766px) {
    .ti_p-page-responsive .ti_p-col-phone-1 {
        flex-basis:calc((8.33333333%) - (56px))
    }
}

@media(max-width: 766px)and (max-width:766px) {
    .ti_p-page-responsive .ti_p-col-phone-1 {
        margin-inline:8px
    }
}

@media(max-width: 766px)and (max-width:766px) {
    .ti_p-page-responsive .ti_p-col-phone-1 {
        flex-basis:calc((8.33333333%) - (16px))
    }
}

@media(max-width: 766px) {
    .ti_p-page-responsive .ti_p-col-phone-2 {
        flex-basis:calc((16.66666666%) - (56px))
    }
}

@media(max-width: 766px)and (max-width:766px) {
    .ti_p-page-responsive .ti_p-col-phone-2 {
        margin-inline:8px
    }
}

@media(max-width: 766px)and (max-width:766px) {
    .ti_p-page-responsive .ti_p-col-phone-2 {
        flex-basis:calc((16.66666666%) - (16px))
    }
}

@media(max-width: 766px) {
    .ti_p-page-responsive .ti_p-col-phone-3 {
        flex-basis:calc((24.99999999%) - (56px))
    }
}

@media(max-width: 766px)and (max-width:766px) {
    .ti_p-page-responsive .ti_p-col-phone-3 {
        margin-inline:8px
    }
}

@media(max-width: 766px)and (max-width:766px) {
    .ti_p-page-responsive .ti_p-col-phone-3 {
        flex-basis:calc((24.99999999%) - (16px))
    }
}

@media(max-width: 766px) {
    .ti_p-page-responsive .ti_p-col-phone-4 {
        flex-basis:calc((33.33333332%) - (56px))
    }
}

@media(max-width: 766px)and (max-width:766px) {
    .ti_p-page-responsive .ti_p-col-phone-4 {
        margin-inline:8px
    }
}

@media(max-width: 766px)and (max-width:766px) {
    .ti_p-page-responsive .ti_p-col-phone-4 {
        flex-basis:calc((33.33333332%) - (16px))
    }
}

@media(max-width: 766px) {
    .ti_p-page-responsive .ti_p-col-phone-5 {
        flex-basis:calc((41.66666665%) - (56px))
    }
}

@media(max-width: 766px)and (max-width:766px) {
    .ti_p-page-responsive .ti_p-col-phone-5 {
        margin-inline:8px
    }
}

@media(max-width: 766px)and (max-width:766px) {
    .ti_p-page-responsive .ti_p-col-phone-5 {
        flex-basis:calc((41.66666665%) - (16px))
    }
}

@media(max-width: 766px) {
    .ti_p-page-responsive .ti_p-col-phone-6 {
        flex-basis:calc((49.99999998%) - (56px))
    }
}

@media(max-width: 766px)and (max-width:766px) {
    .ti_p-page-responsive .ti_p-col-phone-6 {
        margin-inline:8px
    }
}

@media(max-width: 766px)and (max-width:766px) {
    .ti_p-page-responsive .ti_p-col-phone-6 {
        flex-basis:calc((49.99999998%) - (16px))
    }
}

@media(max-width: 766px) {
    .ti_p-page-responsive .ti_p-col-phone-7 {
        flex-basis:calc((58.33333331%) - (56px))
    }
}

@media(max-width: 766px)and (max-width:766px) {
    .ti_p-page-responsive .ti_p-col-phone-7 {
        margin-inline:8px
    }
}

@media(max-width: 766px)and (max-width:766px) {
    .ti_p-page-responsive .ti_p-col-phone-7 {
        flex-basis:calc((58.33333331%) - (16px))
    }
}

@media(max-width: 766px) {
    .ti_p-page-responsive .ti_p-col-phone-8 {
        flex-basis:calc((66.66666664%) - (56px))
    }
}

@media(max-width: 766px)and (max-width:766px) {
    .ti_p-page-responsive .ti_p-col-phone-8 {
        margin-inline:8px
    }
}

@media(max-width: 766px)and (max-width:766px) {
    .ti_p-page-responsive .ti_p-col-phone-8 {
        flex-basis:calc((66.66666664%) - (16px))
    }
}

@media(max-width: 766px) {
    .ti_p-page-responsive .ti_p-col-phone-9 {
        flex-basis:calc((74.99999997%) - (56px))
    }
}

@media(max-width: 766px)and (max-width:766px) {
    .ti_p-page-responsive .ti_p-col-phone-9 {
        margin-inline:8px
    }
}

@media(max-width: 766px)and (max-width:766px) {
    .ti_p-page-responsive .ti_p-col-phone-9 {
        flex-basis:calc((74.99999997%) - (16px))
    }
}

@media(max-width: 766px) {
    .ti_p-page-responsive .ti_p-col-phone-10 {
        flex-basis:calc((83.3333333%) - (56px))
    }
}

@media(max-width: 766px)and (max-width:766px) {
    .ti_p-page-responsive .ti_p-col-phone-10 {
        margin-inline:8px
    }
}

@media(max-width: 766px)and (max-width:766px) {
    .ti_p-page-responsive .ti_p-col-phone-10 {
        flex-basis:calc((83.3333333%) - (16px))
    }
}

@media(max-width: 766px) {
    .ti_p-page-responsive .ti_p-col-phone-11 {
        flex-basis:calc((91.66666663%) - (56px))
    }
}

@media(max-width: 766px)and (max-width:766px) {
    .ti_p-page-responsive .ti_p-col-phone-11 {
        margin-inline:8px
    }
}

@media(max-width: 766px)and (max-width:766px) {
    .ti_p-page-responsive .ti_p-col-phone-11 {
        flex-basis:calc((91.66666663%) - (16px))
    }
}

@media(max-width: 766px) {
    .ti_p-page-responsive .ti_p-col-phone-12 {
        flex-basis:calc((99.99999996%) - (56px))
    }
}

@media(max-width: 766px)and (max-width:766px) {
    .ti_p-page-responsive .ti_p-col-phone-12 {
        margin-inline:8px
    }
}

@media(max-width: 766px)and (max-width:766px) {
    .ti_p-page-responsive .ti_p-col-phone-12 {
        flex-basis:calc((99.99999996%) - (16px))
    }
}

@media(min-width: 767px) {
    .ti_p-col-push-1 {
        margin-left:calc(8.33333333% + 28px)
    }
}

@media(min-width: 767px) {
    .ti_p-col-push-2 {
        margin-left:calc(16.66666666% + 28px)
    }
}

@media(min-width: 767px) {
    .ti_p-col-push-3 {
        margin-left:calc(24.99999999% + 28px)
    }
}

@media(min-width: 767px) {
    .ti_p-col-push-4 {
        margin-left:calc(33.33333332% + 28px)
    }
}

@media(min-width: 767px) {
    .ti_p-col-push-5 {
        margin-left:calc(41.66666665% + 28px)
    }
}

@media(min-width: 767px) {
    .ti_p-col-push-6 {
        margin-left:calc(49.99999998% + 28px)
    }
}

@media(min-width: 767px) {
    .ti_p-col-push-7 {
        margin-left:calc(58.33333331% + 28px)
    }
}

@media(min-width: 767px) {
    .ti_p-col-push-8 {
        margin-left:calc(66.66666664% + 28px)
    }
}

@media(min-width: 767px) {
    .ti_p-col-push-9 {
        margin-left:calc(74.99999997% + 28px)
    }
}

@media(min-width: 767px) {
    .ti_p-col-push-10 {
        margin-left:calc(83.3333333% + 28px)
    }
}

@media(min-width: 767px) {
    .ti_p-col-push-11 {
        margin-left:calc(91.66666663% + 28px)
    }
}

.ti_p-col-card {
    box-sizing: border-box;
    flex-grow: 0;
    flex-shrink: 0;
    margin: 0 auto;
    width: 425px;
    background-color: var(--pl-container-background-color-primary,#fff);
    padding: 24px;
    box-shadow: 0 0 1px 1px rgba(0,0,0,.05),0 3px 1px -2px rgba(0,0,0,.16),0 2px 2px 0 rgba(0,0,0,.1),0 1px 5px 0 rgba(0,0,0,.08)
}

@media(max-width: 766px) {
    .ti_p-page-responsive .ti_p-col-card {
        margin-inline:8px;
        width: calc(100% - 16px);
        flex-basis: auto;
        flex-grow: 1;
        padding: 0;
        box-shadow: none
    }
}

.ti_p-col-flex {
    display: flex;
    flex-wrap: wrap;
    box-sizing: border-box;
    width: 100%
}

.ti_p-col-flex.mod-justify-center {
    justify-content: center
}

.ti_p-col-flex>* {
    margin-inline:28px;margin-bottom: 32px
}

.ti_p-col-flex.mod-four>* {
    width: 253.3333333333px
}

.ti_p-col-flex.mod-three>* {
    width: 352px
}

@media(max-width: 766px) {
    .ti_p-col-flex>* {
        margin-inline:8px;
        width: 100%!important
    }
}

.ti_p-col-leftNav {
    width: calc(568px/12*3 + 112px);
    box-sizing: border-box;
    margin-inline:28px}

.ti_p-col-leftNav.mode-wide,.ti_p-col-leftNav.ti_p-col-leftNav--extraWide {
    width: calc(568px/12*4 + 168px)
}

@media(max-width: 766px) {
    .ti_p-col-leftNav {
        margin-inline:8px
    }
}

.ti_p-cardGrid {
    --ti_p-cardGrid-item-size-minimum: 300px;
    display: grid;
    grid-template-columns: repeat(auto-fit,minmax(var(--ti_p-cardGrid-item-size-minimum),1fr));
    grid-column-gap: 56px;
    grid-row-gap: 40px
}

@media(max-width: 766px) {
    .ti_p-cardGrid {
        grid-column-gap:16px;
        grid-row-gap: 24px
    }
}

.ti_p-cardGrid--small {
    --ti_p-cardGrid-item-size-minimum: 200px
}

@media(min-width: 767px) {
    .ti_p-cardGrid--small {
        grid-column-gap:28px;
        grid-row-gap: 28px
    }
}

.ti_p-fluidgrid-container-row {
    display: flex;
    align-items: stretch;
    box-sizing: border-box;
    width: calc(100% + 3rem);
    margin-left: -1.5rem;
    margin-right: -1.5rem
}

.ti_p-fluidgrid-container-col {
    display: flex;
    flex-direction: column;
    position: relative;
    box-sizing: border-box;
    margin-left: 1.5rem;
    margin-right: 1.5rem;
    flex: 1;
    width: calc(100% - 3rem)
}

.ti_p-fluidgrid-container-col-third {
    display: flex;
    flex-direction: column;
    position: relative;
    box-sizing: border-box;
    margin-left: 1.5rem;
    margin-right: 1.5rem;
    flex-grow: 0;
    flex-shrink: 0;
    width: calc(33.33333333% - 3rem)
}

.ti_p-fluidgrid-container-col-third.mod-line:not(:last-child)::after {
    content: "";
    position: absolute;
    right: -24px;
    top: 0;
    width: 1px;
    height: 100%;
    background-color: var(--pl-divider-color-primary,#ccc)
}

.ti_p-fluidgrid-container-col-half {
    display: flex;
    flex-direction: column;
    position: relative;
    box-sizing: border-box;
    margin-left: 1.5rem;
    margin-right: 1.5rem;
    flex-grow: 0;
    flex-shrink: 0;
    width: calc(50% - 3rem)
}

.ti_p-fluidgrid-container-col-half.mod-line:not(:last-child)::after {
    content: "";
    position: absolute;
    right: -24px;
    top: 0;
    width: 1px;
    height: 100%;
    background-color: var(--pl-divider-color-primary,#ccc)
}

.ti_p-fluidgrid-container-col-full {
    display: flex;
    flex-direction: column;
    position: relative;
    box-sizing: border-box;
    margin-left: 1.5rem;
    margin-right: 1.5rem;
    flex-grow: 0;
    flex-shrink: 0;
    width: calc(100% - 3rem)
}

.ti_p-fluidgrid-container-col-full.mod-line:not(:last-child)::after {
    content: "";
    position: absolute;
    right: -24px;
    top: 0;
    width: 1px;
    height: 100%;
    background-color: var(--pl-divider-color-primary,#ccc)
}

.ti_p-fluidgrid-content-row {
    display: flex;
    align-items: stretch;
    box-sizing: border-box;
    width: calc(100% + 0px)
}

.ti_p-fluidgrid-content-col {
    display: flex;
    flex-direction: column;
    position: relative;
    box-sizing: border-box;
    margin-left: 0;
    margin-right: 0;
    flex: 1;
    width: calc(100% - 0px)
}

.ti_p-fluidgrid-content-col-1 {
    display: flex;
    flex-direction: column;
    position: relative;
    box-sizing: border-box;
    margin-left: 0;
    margin-right: 0;
    flex-grow: 0;
    flex-shrink: 0;
    width: calc((10%) - 0px)
}

.ti_p-fluidgrid-content-col-2 {
    display: flex;
    flex-direction: column;
    position: relative;
    box-sizing: border-box;
    margin-left: 0;
    margin-right: 0;
    flex-grow: 0;
    flex-shrink: 0;
    width: calc((20%) - 0px)
}

.ti_p-fluidgrid-content-col-3 {
    display: flex;
    flex-direction: column;
    position: relative;
    box-sizing: border-box;
    margin-left: 0;
    margin-right: 0;
    flex-grow: 0;
    flex-shrink: 0;
    width: calc((30%) - 0px)
}

.ti_p-fluidgrid-content-col-4 {
    display: flex;
    flex-direction: column;
    position: relative;
    box-sizing: border-box;
    margin-left: 0;
    margin-right: 0;
    flex-grow: 0;
    flex-shrink: 0;
    width: calc((40%) - 0px)
}

.ti_p-fluidgrid-content-col-5 {
    display: flex;
    flex-direction: column;
    position: relative;
    box-sizing: border-box;
    margin-left: 0;
    margin-right: 0;
    flex-grow: 0;
    flex-shrink: 0;
    width: calc((50%) - 0px)
}

.ti_p-fluidgrid-content-col-6 {
    display: flex;
    flex-direction: column;
    position: relative;
    box-sizing: border-box;
    margin-left: 0;
    margin-right: 0;
    flex-grow: 0;
    flex-shrink: 0;
    width: calc((60%) - 0px)
}

.ti_p-fluidgrid-content-col-7 {
    display: flex;
    flex-direction: column;
    position: relative;
    box-sizing: border-box;
    margin-left: 0;
    margin-right: 0;
    flex-grow: 0;
    flex-shrink: 0;
    width: calc((70%) - 0px)
}

.ti_p-fluidgrid-content-col-8 {
    display: flex;
    flex-direction: column;
    position: relative;
    box-sizing: border-box;
    margin-left: 0;
    margin-right: 0;
    flex-grow: 0;
    flex-shrink: 0;
    width: calc((80%) - 0px)
}

.ti_p-fluidgrid-content-col-9 {
    display: flex;
    flex-direction: column;
    position: relative;
    box-sizing: border-box;
    margin-left: 0;
    margin-right: 0;
    flex-grow: 0;
    flex-shrink: 0;
    width: calc((90%) - 0px)
}

.ti_p-fluidgrid-content-col-10 {
    display: flex;
    flex-direction: column;
    position: relative;
    box-sizing: border-box;
    margin-left: 0;
    margin-right: 0;
    flex-grow: 0;
    flex-shrink: 0;
    width: calc((100%) - 0px)
}

.ti_p-layout-space-large {
    margin-bottom: 96px
}

@media(min-width: 767px)and (max-width:1239px) {
    .ti_p-layout-space-large.ti_p-page-responsive,.ti_p-page-responsive .ti_p-layout-space-large {
        margin-bottom:96px
    }
}

@media(max-width: 766px) {
    .ti_p-layout-space-large.ti_p-page-responsive,.ti_p-page-responsive .ti_p-layout-space-large {
        margin-bottom:48px
    }
}

.ti_p-layout-space-medium {
    margin-bottom: 64px
}

@media(min-width: 767px)and (max-width:1239px) {
    .ti_p-layout-space-medium.ti_p-page-responsive,.ti_p-page-responsive .ti_p-layout-space-medium {
        margin-bottom:64px
    }
}

@media(max-width: 766px) {
    .ti_p-layout-space-medium.ti_p-page-responsive,.ti_p-page-responsive .ti_p-layout-space-medium {
        margin-bottom:32px
    }
}

.ti_p-layout-space-small {
    margin-bottom: 48px
}

@media(min-width: 767px)and (max-width:1239px) {
    .ti_p-layout-space-small.ti_p-page-responsive,.ti_p-page-responsive .ti_p-layout-space-small {
        margin-bottom:48px
    }
}

@media(max-width: 766px) {
    .ti_p-layout-space-small.ti_p-page-responsive,.ti_p-page-responsive .ti_p-layout-space-small {
        margin-bottom:24px
    }
}

@media(max-width: 766px) {
    .ti_p-layout-space-small-only-on-phone {
        margin-bottom:24px
    }
}

.ti_p-layout-space-top-large {
    margin-top: 96px
}

@media(min-width: 767px)and (max-width:1239px) {
    .ti_p-layout-space-top-large.ti_p-page-responsive,.ti_p-page-responsive .ti_p-layout-space-top-large {
        margin-top:96px
    }
}

@media(max-width: 766px) {
    .ti_p-layout-space-top-large.ti_p-page-responsive,.ti_p-page-responsive .ti_p-layout-space-top-large {
        margin-top:48px
    }
}

.ti_p-layout-space-top-medium {
    margin-top: 64px
}

@media(min-width: 767px)and (max-width:1239px) {
    .ti_p-layout-space-top-medium.ti_p-page-responsive,.ti_p-page-responsive .ti_p-layout-space-top-medium {
        margin-top:64px
    }
}

@media(max-width: 766px) {
    .ti_p-layout-space-top-medium.ti_p-page-responsive,.ti_p-page-responsive .ti_p-layout-space-top-medium {
        margin-top:32px
    }
}

.ti_p-layout-space-top-small {
    margin-top: 48px
}

@media(min-width: 767px)and (max-width:1239px) {
    .ti_p-layout-space-top-small.ti_p-page-responsive,.ti_p-page-responsive .ti_p-layout-space-top-small {
        margin-top:48px
    }
}

@media(max-width: 766px) {
    .ti_p-layout-space-top-small.ti_p-page-responsive,.ti_p-page-responsive .ti_p-layout-space-top-small {
        margin-top:24px
    }
}

.ti_p-layout-padding-large {
    padding-top: 64px;
    padding-bottom: 64px
}

@media(min-width: 767px)and (max-width:1239px) {
    .ti_p-layout-padding-large.ti_p-page-responsive,.ti_p-page-responsive .ti_p-layout-padding-large {
        padding-top:64px;
        padding-bottom: 64px
    }
}

@media(max-width: 766px) {
    .ti_p-layout-padding-large.ti_p-page-responsive,.ti_p-page-responsive .ti_p-layout-padding-large {
        padding-top:24px;
        padding-bottom: 24px
    }
}

.ti_p-layout-padding-small {
    padding-top: 32px;
    padding-bottom: 32px
}

@media(min-width: 767px)and (max-width:1239px) {
    .ti_p-layout-padding-small.ti_p-page-responsive,.ti_p-page-responsive .ti_p-layout-padding-small {
        padding-top:32px;
        padding-bottom: 32px
    }
}

@media(max-width: 766px) {
    .ti_p-layout-padding-small.ti_p-page-responsive,.ti_p-page-responsive .ti_p-layout-padding-small {
        padding-top:16px;
        padding-bottom: 16px
    }
}

.ti_p-layout-card-fullWidth-padding {
    padding: 8px
}

@media(max-width: 766px) {
    .ti_p-layout-card-fullWidth-padding.ti_p-page-responsive,.ti_p-page-responsive .ti_p-layout-card-fullWidth-padding {
        padding:0
    }
}

.ti_p-card-layout-edgetoedge {
    margin-left: -32px!important;
    margin-right: -32px!important;
    padding: 0 30px
}

@media(max-width: 766px) {
    .ti_p-card-layout-edgetoedge {
        margin-left:-13px!important;
        margin-right: -16px!important;
        padding: 0
    }
}



.has-focusable.btn1:focus,.has-focusable.button:focus,.has-focusable.ti-button:focus,button.has-focusable:focus,input.has-focusable[type=button]:focus {
    animation: focus-highlight linear 1s infinite alternate;
    outline: 0
}



.mod-download.btn1,.mod-download.button,.mod-download.button.btnA,.mod-download.button.mod-nostyle,.mod-download.button.red,.mod-download.ti-button,.mod-download.ti-button.mod-nostyle,.mod-download.ti-button.mod-primary,.mod-download.ti-button.mod-reversed,button.mod-download,input.mod-download[type=button] {
    position: relative
}

.mod-download.btn1 input[type=file],.mod-download.button input[type=file],.mod-download.button.btnA input[type=file],.mod-download.button.mod-nostyle input[type=file],.mod-download.button.red input[type=file],.mod-download.ti-button input[type=file],.mod-download.ti-button.mod-nostyle input[type=file],.mod-download.ti-button.mod-primary input[type=file],.mod-download.ti-button.mod-reversed input[type=file],button.mod-download input[type=file],input.mod-download[type=button] input[type=file] {
    position: absolute;
    z-index: -1;
    width: calc(100% + 2px);
    height: calc(100% + 2px);
    left: -1px;
    top: -1px;
    border-radius: 2px
}




.btn1 .ti_icon,.button.btnA .ti_icon,.button.red .ti_icon,.ti-button.mod-primary .ti_icon {
    fill: var(--pl-button-primary-text-color,#fff)
}

.btn1:hover,.button.btnA:hover,.button.red:hover,.ti-button.mod-primary:hover {
    color: var(--pl-button-primary-text-color-hover,#fff);
    background-color: var(--pl-button-primary-color-hover,#e00);
    border-color: var(--pl-button-primary-color-hover,#e00)
}

.btn1:hover .ti_icon,.button.btnA:hover .ti_icon,.button.red:hover .ti_icon,.ti-button.mod-primary:hover .ti_icon {
    fill: var(--pl-button-primary-text-color-hover,#fff)
}

.btn1.disabled,.btn1.is-disabled,.btn1[disabled],.button.btnA.disabled,.button.btnA.is-disabled,.button.btnA[disabled],.button.red.disabled,.button.red.is-disabled,.button.red[disabled],.ti-button.mod-primary.disabled,.ti-button.mod-primary.is-disabled,.ti-button.mod-primary[disabled] {
    color: var(--pl-button-disabled-color-reverse,#f7f7f7);
    background-color: var(--pl-button-disabled-color,#ccc);
    border-color: var(--pl-button-disabled-color,#ccc)
}

.btn1.disabled:hover,.btn1.is-disabled:hover,.btn1[disabled]:hover,.button.btnA.disabled:hover,.button.btnA.is-disabled:hover,.button.btnA[disabled]:hover,.button.red.disabled:hover,.button.red.is-disabled:hover,.button.red[disabled]:hover,.ti-button.mod-primary.disabled:hover,.ti-button.mod-primary.is-disabled:hover,.ti-button.mod-primary[disabled]:hover {
    color: var(--pl-button-disabled-color-reverse,#f7f7f7);
    background-color: var(--pl-button-disabled-color,#ccc);
    border-color: var(--pl-button-disabled-color,#ccc);
    text-decoration: none;
    cursor: not-allowed
}

.btn1.disabled .ti_icon,.btn1.is-disabled .ti_icon,.btn1[disabled] .ti_icon,.button.btnA.disabled .ti_icon,.button.btnA.is-disabled .ti_icon,.button.btnA[disabled] .ti_icon,.button.red.disabled .ti_icon,.button.red.is-disabled .ti_icon,.button.red[disabled] .ti_icon,.ti-button.mod-primary.disabled .ti_icon,.ti-button.mod-primary.is-disabled .ti_icon,.ti-button.mod-primary[disabled] .ti_icon {
    fill: var(--pl-button-disabled-color-reverse,#f7f7f7)
}

.ti-button.mod-reversed {
    color: var(--pl-button-reversed-text,#fff);
    background-color: rgba(0,0,0,0);
    border-color: var(--pl-button-reversed-color,#fff);
    font-weight: 600
}

.ti-button.mod-reversed .ti_icon {
    fill: var(--pl-button-reversed-text,#fff)
}

.ti-button.mod-reversed:hover {
    color: var(--pl-button-reversed-text-hover,#555);
    background-color: var(--pl-button-reversed-color-hover,#fff);
    border-color: var(--pl-button-reversed-color-hover,#fff)
}

.ti-button.mod-reversed:hover .ti_icon {
    fill: var(--pl-button-reversed-text-hover,#555)
}

.ti-button.mod-reversed.disabled,.ti-button.mod-reversed.is-disabled,.ti-button.mod-reversed[disabled] {
    color: var(--pl-button-disabled-color-reverse,#f7f7f7);
    background-color: var(--pl-button-disabled-color,#ccc);
    border-color: var(--pl-button-disabled-color,#ccc)
}

.ti-button.mod-reversed.disabled:hover,.ti-button.mod-reversed.is-disabled:hover,.ti-button.mod-reversed[disabled]:hover {
    color: var(--pl-button-disabled-color-reverse,#f7f7f7);
    background-color: var(--pl-button-disabled-color,#ccc);
    border-color: var(--pl-button-disabled-color,#ccc);
    text-decoration: none;
    cursor: not-allowed
}

.ti-button.mod-reversed.disabled .ti_icon,.ti-button.mod-reversed.is-disabled .ti_icon,.ti-button.mod-reversed[disabled] .ti_icon {
    fill: var(--pl-button-disabled-color-reverse,#f7f7f7)
}

.ti-button.mod-reversed .ti-svg-icon {
    filter: brightness(0) saturate(100%) invert(100%) sepia(9%) saturate(530%) hue-rotate(245deg) brightness(115%) contrast(100%)
}

.ti-button.mod-reversed:hover .ti-svg-icon {
    filter: invert(17%) sepia(0) saturate(213%) hue-rotate(135deg) brightness(95%) contrast(88%)
}

.button.mod-nostyle,.ti-button.mod-nostyle {
    color: var(--pl-link-color-primary,#007c8c);
    background-color: rgba(0,0,0,0);
    border-color: transparent;
    font-weight: 400
}

.button.mod-nostyle .ti_icon,.ti-button.mod-nostyle .ti_icon {
    fill: var(--pl-link-color-primary,#007c8c)
}

.button.mod-nostyle:hover,.ti-button.mod-nostyle:hover {
    color: var(--pl-link-color-primary,#007c8c);
    background-color: rgba(0,0,0,0);
    border-color: transparent
}

.button.mod-nostyle:hover .ti_icon,.ti-button.mod-nostyle:hover .ti_icon {
    fill: var(--pl-link-color-primary,#007c8c)
}

.button.mod-nostyle.disabled,.button.mod-nostyle.is-disabled,.button.mod-nostyle[disabled],.ti-button.mod-nostyle.disabled,.ti-button.mod-nostyle.is-disabled,.ti-button.mod-nostyle[disabled] {
    color: var(--pl-button-disabled-color,#ccc);
    background-color: rgba(0,0,0,0);
    border-color: transparent
}

.button.mod-nostyle.disabled:hover,.button.mod-nostyle.is-disabled:hover,.button.mod-nostyle[disabled]:hover,.ti-button.mod-nostyle.disabled:hover,.ti-button.mod-nostyle.is-disabled:hover,.ti-button.mod-nostyle[disabled]:hover {
    color: var(--pl-button-disabled-color,#ccc);
    background-color: rgba(0,0,0,0);
    border-color: transparent;
    text-decoration: none;
    cursor: not-allowed
}

.button.mod-nostyle.disabled .ti_icon,.button.mod-nostyle.is-disabled .ti_icon,.button.mod-nostyle[disabled] .ti_icon,.ti-button.mod-nostyle.disabled .ti_icon,.ti-button.mod-nostyle.is-disabled .ti_icon,.ti-button.mod-nostyle[disabled] .ti_icon {
    fill: var(--pl-button-disabled-color,#ccc)
}

.button.mod-nostyle:hover,.ti-button.mod-nostyle:hover {
    text-decoration: underline
}

.button.lrg,.ti-button.mod-large {
    padding: .75rem 1.75rem
}

.ti-button.mod-compact {
    padding: 5px 8px;
    line-height: 20px;
    min-height: 32px
}

.ti-button.mod-fullWidth {
    width: 100%;
    text-align: center;
    margin-bottom: 16px
}

@media(max-width: 766px) {
    .ti-button.mod-fullWidth-on-phone {
        width:100%;
        text-align: center
    }
}



.ti_p-button-set {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: flex-start;
    margin-bottom: -16px
}

.ti_p-button-set .ti-button:not(.mod-fullWidth) {
    margin: 0;
    margin-right: 16px;
    margin-bottom: 16px
}

.ti_p-button-set .ti-button:not(.mod-fullWidth):last-child {
    margin-right: 0
}

.ti_p-button-set ti-button:not(.mod-fullWidth) {
    margin: 0;
    margin-right: 16px;
    margin-bottom: 16px
}

.ti_p-button-set ti-button:not(.mod-fullWidth):last-child {
    margin-right: 0
}

@media(max-width: 766px) {
    .ti_p-button-set.mod-stacked-on-phone {
        flex-direction:column
    }

    .ti_p-button-set.mod-stacked-on-phone .ti-button {
        margin-right: 0;
        width: 100%
    }

    .ti_p-button-set.mod-stacked-on-phone ti-button {
        margin-right: 0;
        width: 100%
    }
}

.ti_p-card {
    display: block;
    position: relative;
    padding: var(--ti_c-card-padding,16px);
    background-color: var(--ti_c-card-background-color,var(--pl-container-background-color-primary,#fff));
    color: var(--ti_c-card-color,var(--pl-text-color-primary,#555));
    box-shadow: 0 0 1px 1px rgba(0,0,0,.05),0 2px 4px -1px rgba(0,0,0,.16),0 4px 5px 0 rgba(0,0,0,.1),0 1px 10px 0 rgba(0,0,0,.08)
}

@media(min-width: 767px) {
    .ti_p-card {
        --ti_c-card-padding:24px
    }
}

.ti_p-card::before {
    content: "";
    display: block;
    position: absolute;
    inset-inline-start: 0;
    inset-block-start: 0;
    background-color: var(--ti_c-card-border-color,none);
    block-size: var(--ti_c-card-block-size,0);
    inline-size: var(--ti_c-card-inline-size,0)
}

.ti_p-card a {
    color: var(--ti_c-card-link-color,var(--pl-link-color-primary,#007c8c))
}

.ti_p-card-link:is(a,button),.ti_p-card__link:is(a,button) {
    display: block;
    position: absolute;
    inset: 0;
    text-indent: -9999px;
    background-color: rgba(0,0,0,0)!important;
    border: 0 none!important;
    padding: 0!important;
    width: 100%!important;
    height: 100%!important
}

.ti_p-card-link:is(a,button)::after,.ti_p-card__link:is(a,button)::after {
    content: "";
    position: absolute;
    z-index: -1;
    inset: 0;
    box-shadow: 0 0 1px 1px rgba(0,0,0,.05),0 5px 5px -3px rgba(0,0,0,.16),0 8px 10px 1px rgba(0,0,0,.1),0 3px 14px 2px rgba(0,0,0,.08);
    opacity: 0;
    transition: opacity .3s ease-in-out 0s
}

.ti_p-card-link:is(a,button):focus::after,.ti_p-card-link:is(a,button):hover::after,.ti_p-card__link:is(a,button):focus::after,.ti_p-card__link:is(a,button):hover::after {
    opacity: 1
}

.ti_p-card-link:is(a,button)~:is(a,button,ti-button),.ti_p-card__link:is(a,button)~:is(a,button,ti-button) {
    position: relative;
    z-index: 1
}

@media(min-width: 767px) {
    .ti_p-card--padding-large,.ti_p-card.mod-card-padding-large {
        --ti_c-card-padding:32px
    }
}

@media(min-width: 767px) {
    .ti_p-card--padding-small,.ti_p-card.mod-card-padding-small {
        --ti_c-card-padding:16px
    }
}

.ti_p-card--color-primary,.ti_p-card.mod-card-color-primary {
    --ti_c-card-background-color: var(--pl-container-background-color-primary, #ffffff);
    --ti_c-card-color: var(--pl-text-color-primary, #555555)
}

.ti_p-card--color-secondary,.ti_p-card.mod-card-color-secondary {
    --ti_c-card-background-color: #f7f7f7;
    --ti_c-card-color: var(--pl-text-color-primary, #555555)
}

.ti_p-card--color-tertiary,.ti_p-card.mod-card-color-tertiary {
    --ti_c-card-background-color: var(--pl-container-background-color-tertiary, #555555);
    --ti_c-card-color: var(--pl-text-color-primary-contrast, #ffffff);
    --ti_c-card-link-color: var(--pl-link-color-primary-contrast, #ffffff)
}

.ti_p-card--border-color-primary,.ti_p-card.mod-card-border-color-primary {
    --ti_c-card-border-color: var(--pl-element-color-primary, #cc0000)
}

.ti_p-card--border-color-secondary,.ti_p-card.mod-card-border-color-secondary {
    --ti_c-card-border-color: var(--pl-element-color-tertiary, #007c8c)
}

.ti_p-card--border-position-block-start,.ti_p-card.mod-card-border-block-start {
    --ti_c-card-block-size: 2px;
    --ti_c-card-inline-size: 100%
}

.ti_p-card--border-position-inline-start,.ti_p-card.mod-card-border-inline-start {
    --ti_c-card-block-size: 100%;
    --ti_c-card-inline-size: 3px
}

.ti_cta .more,.ti_section-cta {
    display: inline-flex;
    line-height: 20px;
    margin-bottom: 1rem
}

.ti_section-cta {
    background: 0 0;
    padding: 0
}

.ti_cta .ti_icon,.ti_section-cta .ti_icon {
    margin-left: .25rem;
    margin-top: 1px
}

.ti_divider {
    border: 0;
    margin: 63px 0 2rem 0
}

.ti_divider.mod-primary {
    position: relative;
    height: 16px
}

.ti_divider.mod-primary::after,.ti_divider.mod-primary::before {
    position: absolute;
    width: 100%;
    content: ""
}

.ti_divider.mod-primary::before {
    top: -16px;
    height: 32px;
    background: radial-gradient(ellipse at center,rgba(0,0,0,.2) 0,rgba(0,0,0,0) 75%)
}

.ti_divider.mod-primary::after {
    top: -16px;
    height: 16px;
    background: var(--pl-page-background-color-primary,#fff)
}

.divider-secondary,.ti_divider.mod-secondary {
    margin-block:16px;border-bottom: 1px solid var(--pl-divider-color-secondary,#e8e8e8);
    background-image: none
}

.borderLeft,.ti_divider-vertical {
    border-left: 1px solid var(--pl-divider-color-secondary,#e8e8e8);
    margin-left: 16px;
    padding-left: 16px
}

.ti_divider-vertical:first-child {
    border-left: none;
    margin-left: 0;
    padding-left: 0
}

.ti_divider.mod-alt {
    height: 1px;
    border: 0;
    background-image: linear-gradient(to right,rgba(0,0,0,0),rgba(0,0,0,.5),rgba(0,0,0,0));
    margin: -8px 0 calc(16px - 1px) 0
}

.ti-filter-buttons a,.ti-filter-buttons span {
    white-space: normal;
    color: #555;
    font-weight: 400;
    border: 1px solid #555
}

.ti-filter-buttons a {
    padding-right: 2rem;
    position: relative
}

.ti-filter-buttons a::after {
    position: absolute;
    top: .42em;
    right: .5rem;
    width: 1rem;
    height: 1rem;
    content: "✕";
    text-align: center;
    color: #aaa;
    font-size: 1em
}

.ti-filter-buttons a:hover {
    color: #aaa;
    background-color: #f7f7f7;
    border: 1px solid #aaa;
    cursor: pointer
}

.ti-filter-buttons a:hover::after {
    color: #555
}

.ti-filter-buttons span {
    cursor: default
}

.ti-filter-buttons span:hover {
    background-color: #fff;
    color: #555;
    border: 1px solid #555
}

.ti-filter-buttons ul {
    margin-top: 0;
    padding-top: .5rem;
    list-style: none
}

.ti-filter-buttons ul::after {
    content: ""!important;
    display: block!important;
    clear: both!important
}

.ti-filter-buttons>ul {
    margin-left: 0
}

.ti-filter-buttons li a::before {
    position: relative;
    left: -1.75rem;
    top: -.5rem;
    width: .5rem;
    border-left: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    content: "";
    line-height: 1rem
}

.form-label,.ti_p-form-label {
    color: var(--pl-input-text-color,#555);
    font-weight: 600;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    padding-top: 1em;
    margin-bottom: 5px;
    display: block
}




select,textarea {
    margin-bottom: 0;
    width: auto;
    height: 32px;
    padding: 0 8px;
    border: 1px solid var(--pl-input-border-color,#ccc);
    background-color: var(--pl-input-background-color,#fff);
    border-radius: 0!important;
    box-sizing: border-box
}

select[disabled],textarea[disabled] {
    color: var(--pl-input-text-color-disabled,#999);
    border-color: var(--pl-input-border-color-disabled,#ccc);
    background-color: var(--pl-input-background-color-disabled,#e8e8e8);
    cursor: not-allowed
}

select[readonly],textarea[readonly] {
    border: none;
    cursor: not-allowed;
    padding-left: 0
}

select {
    width: auto
}

select::-ms-expand {
    margin-left: .5rem;
    margin-right: -.5rem
}

textarea {
    padding: 7px;
    width: 100%;
    min-height: 150px;
    resize: vertical
}

select[multiple] {
    min-height: 150px
}

select,textarea {
    color: var(--pl-input-text-color,#555);
    font-size: 14px
}

optgroup {
    font-family: inherit
}

optgroup::before {
    background-color: var(--pl-input-background-color-disabled,#e8e8e8);
    font-family: inherit;
    font-weight: 600;
    padding: 0 .2em;
    width: 100%
}

optgroup[disabled] option,optgroup[disabled]::before,option[disabled] {
    color: var(--pl-input-text-color-disabled,#999);
    font-weight: 400
}

::-ms-clear {
    display: none
}


.ti-form .required,.webform-form .required {
    color: var(--pl-error-color,#c00);
    font-weight: 600
}

.error-check {
    position: relative;
    padding: .25em 0 0 24px;
    color: var(--pl-error-color,#c00)
}

.error-check .ti_icon {
    position: absolute;
    top: 2px;
    left: 0
}

.ti-custom-checkbox,.ti-custom-radio {
    box-sizing: border-box;
    position: absolute;
    outline: 0;
    opacity: 0
}

.ti-custom-checkbox-label,.ti-custom-radio-label {
    position: relative;
    display: inline-block;
    padding-left: 28px;
    line-height: 20px;
    margin-bottom: 8px;
    margin-right: 16px;
    cursor: pointer
}

.ti-custom-checkbox-label::before,.ti-custom-radio-label::before {
    box-sizing: border-box;
    position: absolute;
    top: 1px;
    left: 0;
    content: "";
    background: var(--pl-input-background-color,#fff);
    display: block;
    width: 18px;
    height: 18px;
    transition: all .1s cubic-bezier(.4,0,.2,1)
}

.ti-custom-checkbox-label::before {
    border-radius: 3px;
    border: 2px solid var(--pl-input-element-color,#555)
}

.ti-custom-checkbox:checked+.ti-custom-checkbox-label::before {
    background: var(--pl-input-element-color,#555);
    border: 2px solid var(--pl-input-element-color,#555)
}

.ti-custom-checkbox:checked+.ti-custom-checkbox-label::after {
    width: 1em;
    height: .6em;
    content: "";
    transform: rotate(-45deg);
    border-bottom: 2px solid var(--pl-input-background-color,#fff);
    border-left: 2px solid var(--pl-input-background-color,#fff);
    box-sizing: border-box;
    position: absolute;
    top: 4px;
    left: 3px;
    width: 12px;
    height: 8px
}

.ti-custom-checkbox:focus+.ti-custom-checkbox-label::before {
    outline: 1px dotted #000;
    outline-offset: 2px
}

.ti-custom-radio-label::before {
    border-radius: 50%;
    border: 2px solid var(--pl-input-element-color,#555)
}

.ti-custom-radio:checked+.ti-custom-radio-label::before {
    background: var(--pl-input-element-color,#555);
    border: 2px solid var(--pl-input-element-color,#555)
}

.ti-custom-radio:checked+.ti-custom-radio-label::after {
    box-sizing: border-box;
    position: absolute;
    top: 3px;
    left: 2px;
    width: 14px;
    height: 14px;
    content: "";
    border-radius: 50%;
    background-color: var(--pl-input-element-color,#555);
    border: 2px solid var(--pl-input-background-color,#fff)
}

.ti-custom-radio:focus+.ti-custom-radio-label::before {
    outline: 1px dotted #000;
    outline-offset: 2px
}

.ti-custom-checkbox[disabled]+.ti-custom-checkbox-label,.ti-custom-radio[disabled]+.ti-custom-radio-label {
    cursor: not-allowed;
    color: var(--pl-text-color-disabled,#aaa)
}

.ti-custom-checkbox[disabled]+.ti-custom-checkbox-label::before {
    border-color: var(--pl-input-element-color-disabled,#aaa)
}

.ti-custom-checkbox[disabled]+.ti-custom-checkbox-label::after {
    background-color: var(--pl-input-element-color-disabled,#aaa)
}

.ti-custom-checkbox[disabled]:checked+.ti-custom-checkbox-label::before {
    background-color: var(--pl-input-element-color-disabled,#aaa)
}

.ti-custom-radio[disabled]+.ti-custom-radio-label::before {
    border-color: var(--pl-input-element-color-disabled,#aaa)
}

.ti-custom-radio[disabled]+.ti-custom-radio-label::after {
    background-color: var(--pl-input-element-color-disabled,#aaa)
}

.toggle-buttons {
    display: flex
}

.toggle-buttons label {
    min-width: 60px;
    font-weight: 400;
    text-align: center;
    text-shadow: none;
    padding: 6px 14px;
    transition: background-color .1s linear;
    background-color: var(--pl-container-background-color-secondary,#f7f7f7);
    border-style: solid;
    border-width: 1px 1px 1px 0;
    border-color: var(--pl-input-border-color,#ccc);
    color: var(--pl-text-color-primary,#555);
    cursor: pointer
}

.toggle-buttons label:first-of-type {
    border-radius: 2px 0 0 2px;
    border-left-width: 1px
}

.toggle-buttons label:last-of-type {
    border-radius: 0 2px 2px 0;
    border-right-width: 1px
}

.toggle-buttons input {
    position: absolute;
    clip: rect(0,0,0,0);
    height: 1px;
    width: 1px;
    border: 0;
    overflow: hidden
}

.toggle-buttons input:checked+label {
    background-color: var(--pl-input-element-color,#555);
    border-color: var(--pl-input-element-color,#555);
    color: var(--pl-text-color-primary-contrast,#fff)
}

.toggle-buttons input:checked+label::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    width: 0;
    padding-top: 0;
    border-radius: 100%;
    background-color: rgba(236,240,241,.2);
    transform: translate(-50%,-50%)
}

.toggle-buttons input:checked:focus+label {
    position: relative;
    overflow: hidden
}

.toggle-buttons input:checked:focus+label::after {
    animation: focus-btn ease-in-out 2s infinite
}


.ti_p-custom-select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    display: inline-block;
    width: auto;
    max-width: 100%;
    height: 32px;
    padding: 0 calc(.5rem + 28px) 0 .5rem;
    line-height: 30px;
    font-size: 14px;
    background-image: url(https://www.ti.com/assets/icons/ti_icons-objects/chevron-down.svg);
    background-position: right 6px top 6px;
    background-size: 18px;
    background-repeat: no-repeat;
    cursor: pointer
}

.ti_p-custom-select::-ms-expand {
    display: none
}

select.ti-phone-country-code {
    flex-grow: 0;
    flex-shrink: 0;
    min-width: 4rem;
    max-width: 6rem
}

input[type=tel].ti-phone-number {
    flex-grow: 1;
    min-width: 1rem;
    width: auto
}

input.ti-phone-extension {
    flex-grow: 0;
    max-width: 5rem
}

.ti_language-select {
    position: absolute;
    left: 1240px;
    transform: translate(-100%);
    margin-bottom: 1rem
}

ul.lined,ul.ti_p-list-lined {
    margin-left: 0;
    list-style: none
}

ul.lined>li,ul.ti_p-list-lined>li {
    margin: 0;
    padding: 8px 0 calc(8px - 1px) 0;
    border-bottom: 1px solid var(--pl-divider-color-secondary,#e8e8e8);
    background: no-repeat 0 .5rem
}

ul.lined>li:first-child,ul.ti_p-list-lined>li:first-child {
    border-top: 1px solid var(--pl-divider-color-secondary,#e8e8e8)
}

ul.lined.mod-no-top-line>li:first-child,ul.ti_p-list-lined.mod-no-top-line>li:first-child {
    border-top: 0
}

ul.lined.mod-no-bottom-line>li:last-child,ul.ti_p-list-lined.mod-no-bottom-line>li:last-child {
    border-bottom: 0
}

ul.lined.icons>li>a,ul.lined.mod-icons>li>a,ul.ti_p-list-lined.icons>li>a,ul.ti_p-list-lined.mod-icons>li>a {
    display: inline-flex;
    align-items: center;
    line-height: 28px
}

ul.lined.icons>li>a>.ti_icon,ul.lined.mod-icons>li>a>.ti_icon,ul.ti_p-list-lined.icons>li>a>.ti_icon,ul.ti_p-list-lined.mod-icons>li>a>.ti_icon {
    margin-right: 8px
}

ul.lined p:last-child,ul.ti_p-list-lined p:last-child {
    margin-bottom: 0
}

.ti-label {
    font-size: 12px;
    line-height: 16px;
    text-transform: uppercase;
    font-weight: 400;
    color: var(--pl-text-color-primary,#555)
}

.ti-label * {
    color: inherit
}

@keyframes clockwise {
    100% {
        transform: rotate(360deg) translateZ(0)
    }
}

@keyframes counter-clockwise {
    100% {
        transform: rotate(-360deg) translateZ(0)
    }
}

.ti-loader {
    padding-bottom: 1rem
}

.ti-loader .ti-loader-spinner {
    animation: clockwise .75s linear infinite;
    border: .25rem solid;
    border-color: var(--pl-element-color-tertiary,#007c8c) var(--pl-element-color-tertiary,#007c8c) var(--pl-element-color-tertiary,#007c8c) var(--pl-container-background-color-secondary-variant,#e8e8e8);
    border-radius: 100%;
    height: 3rem;
    width: 3rem;
    margin: 0 auto
}

.ti-loader.mod-fullpage {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: 20000;
    background-color: rgba(var(--pl-page-background-color-primary,#fff),.8)
}

.ti-loader.mod-fullpage .ti-loader-spinner {
    position: relative;
    top: 40%
}

.spinner,.spinner-icon {
    animation: clockwise .75s linear infinite;
    border: .25rem solid;
    border-color: var(--pl-element-color-tertiary,#007c8c) var(--pl-element-color-tertiary,#007c8c) var(--pl-element-color-tertiary,#007c8c) var(--pl-container-background-color-secondary-variant,#e8e8e8);
    border-radius: 100%;
    height: 3rem;
    width: 3rem;
    margin: 0 auto
}

.spinner-target {
    position: relative
}

.spinner-target .spinner-container {
    position: absolute;
    z-index: 10;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: rgba(255,255,255,.6) none repeat scroll 0 0
}

.spinner-target .spinner {
    margin: 300px auto
}

.ti_p-newBadge {
    color: var(--pl-text-color-accent,#c00)!important;
    font-size: 12px!important;
    line-height: 20px!important;
    font-weight: 600!important;
    text-transform: uppercase!important
}

.ti_p-newBadge.mod-table::before {
    content: "–";
    color: var(--pl-text-color-primary,#555);
    margin: 0 4px;
    text-decoration: none!important
}

.ti_p-newBadge.mod-inline {
    margin-right: 8px;
    padding-left: calc(.5em + 4px);
    position: relative
}

.ti_p-newBadge.mod-inline::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    width: .5em;
    border-top: 1px solid var(--pl-text-color-primary,#555)
}

.ti_searchButton-icon {
    display: inline-block
}

.ti_searchButton {
    display: none
}

.ti_searchField.mod-crossref-search {
    width: 450px
}

.ti_sectionTitle>p {
    margin: 0;
    padding: 0;
    line-height: inherit;
    font-size: inherit;
    font-weight: inherit
}

.ti-styledList {
    margin-bottom: calc(2rem + 3px);
    margin-left: 0;
    padding-left: 0;
    counter-reset: listcount
}

.ti-styledList>dt,.ti-styledList>li {
    position: relative;
    margin: 0;
    padding: 0 0 1rem 3em;
    list-style: none
}

.ti-styledList>dt::before,.ti-styledList>li::before {
    position: absolute;
    top: 0;
    left: 0;
    content: counter(listcount);
    counter-increment: listcount;
    box-sizing: border-box;
    width: 2em;
    height: 2em;
    border-radius: 50%;
    line-height: 2em;
    text-align: center;
    color: var(--pl-text-color-primary-contrast,#fff);
    background: var(--pl-element-color-secondary-darker,#333);
    font-weight: 600;
    font-family: inherit
}

.ti-styledList>dd {
    margin: 0 0 2rem 0;
    padding: 0 0 0 3em
}

.ti-styledList .ti-styledList-title {
    line-height: 2em
}

.ti-styledList h2.ti-styledList-title {
    line-height: 1.25em
}

.ti-styledList h3.ti-styledList-title {
    line-height: 1.43em
}

.ti-styledList h4.ti-styledList-title {
    line-height: 1.67em
}

.ti-styledList.mod-styledList-roman>dt::before,.ti-styledList.mod-styledList-roman>li::before {
    content: counter(listcount,upper-roman);
    font-family: Rockwell,"Rockwell Nova","Roboto Slab","DejaVu Serif","Sitka Small",serif;
    font-weight: 400
}

.ti-styledList.mod-styledList-alpha>dt::before,.ti-styledList.mod-styledList-alpha>li::before {
    content: counter(listcount,lower-alpha)
}

.ti-styledList>.is-untouched {
    color: var(--pl-text-color-disabled,#aaa)
}

.ti-styledList>.is-untouched::before {
    color: var(--pl-text-color-primary-contrast,#fff);
    background: var(--pl-element-color-disabled,#ccc)
}

.ti-styledList>.is-checked::before {
    content: "";
    color: var(--pl-text-color-primary-contrast,#fff);
    background: var(--pl-element-color-tertiary,#007c8c)
}

.ti-styledList>.is-checked::after {
    position: absolute;
    top: .6em;
    left: 1.5em;
    width: 1em;
    height: .6em;
    content: "";
    transform: rotate(-45deg);
    border-bottom: 2px solid var(--pl-text-color-primary-contrast,#fff);
    border-left: 2px solid var(--pl-text-color-primary-contrast,#fff)
}

.ti-styledList.mod-styledList-stepHorizontal {
    display: flex;
    align-items: flex-start;
    justify-content: space-between
}

.ti-styledList.mod-styledList-stepHorizontal.mod-styledList-stepLined {
    background-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAMLCwgAAACH5BAAAAAAALAAAAAABAAEAAAICRAEAOw==);
    background-repeat: repeat-x;
    background-position: 0 1em
}

.ti-styledList.mod-styledList-stepHorizontal>li {
    display: flex;
    flex: 0 1 auto;
    align-items: flex-start;
    margin: 0 2em 0 -1em;
    padding: 0 1em 0 4em;
    background-color: var(--pl-page-background-color-primary,#fff)
}

.ti-styledList.mod-styledList-stepHorizontal>li::before {
    left: 1em
}

.ti-styledList.mod-styledList-stepHorizontal>li:last-child {
    margin-right: 0;
    padding-right: 0
}

.ti-styledList.mod-styledList-stepVertical.mod-styledList-stepLined>li:not(:last-child) {
    background-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAMLCwgAAACH5BAAAAAAALAAAAAABAAEAAAICRAEAOw==);
    background-repeat: repeat-y;
    background-position: 1em 0
}

.ti-styledList.mod-styledList-stepVertical>.is-checked::after {
    left: .5em
}

.ti-styledList dd .ti-styledList,.ti-styledList li .ti-styledList {
    padding-top: 2em
}

.ti-circle {
    position: relative;
    display: inline-block;
    margin: 0 1em;
    box-sizing: border-box;
    width: 2em;
    height: 2em;
    border-radius: 50%;
    line-height: 2em;
    text-align: center;
    color: var(--pl-text-color-primary-contrast,#fff);
    background: var(--pl-element-color-secondary-darker,#333);
    font-weight: 600;
    font-family: inherit
}

.ti-circle.mod-circle-first {
    margin-left: 0
}

.ti-circle>.icon-wordreplace {
    padding: 0 1em
}

.ti-circle>.icon-wordreplace::after {
    line-height: 1.4em
}

.ti-circle.mod-circle-big {
    font-size: 1.6em
}

.ti_icon {
    display: inline-block;
    vertical-align: middle;
    fill: var(--pl-text-color-primary,#555)
}

.ti_icon .ti_icon-readerText {
    border: 0!important;
    clip: rect(0 0 0 0)!important;
    -webkit-clip-path: inset(50%)!important;
    clip-path: inset(50%)!important;
    height: 1px!important;
    margin: -1px!important;
    overflow: hidden!important;
    padding: 0!important;
    position: absolute!important;
    white-space: nowrap!important;
    width: 1px!important
}

.ti_icon .ti_icon-readerText.is-active,.ti_icon .ti_icon-readerText.is-focusable {
    clip: auto;
    -webkit-clip-path: none;
    clip-path: none;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
    white-space: inherit
}

.ti_icon svg {
    display: block;
    width: 24px;
    height: 24px;
    stroke-width: 0
}

.ti_icon.mod-size-s svg {
    width: 18px;
    height: 18px
}

.ti_icon.mod-size-m svg {
    width: 24px;
    height: 24px
}

.ti_icon.mod-size-l svg {
    width: 36px;
    height: 36px
}

.ti_icon.mod-size-xl svg {
    width: 48px;
    height: 48px
}

.ti_icon.mod-color1 {
    fill: var(--pl-text-color-primary,#555)
}

.ti_icon.mod-color2 {
    fill: var(--pl-link-color-primary,#007c8c)
}

.ti_icon.mod-color3 {
    fill: var(--pl-element-color-primary,#c00)
}

.ti_icon.mod-disabled {
    fill: var(--pl-element-color-disabled,#ccc)
}

.ti_icon.mod-reversed {
    fill: var(--pl-text-color-primary-contrast,#fff)
}

.ti_icon.mod-circle {
    border-radius: 100%
}

.ti_icon.mod-circle svg {
    transform: scale(.75)
}

.ti_icon.mod-circle.mod-color1 {
    background-color: var(--pl-text-color-primary,#555);
    fill: var(--pl-text-color-primary-contrast,#fff)
}

.ti_icon.mod-circle.mod-color2 {
    background-color: var(--pl-link-color-primary,#007c8c);
    fill: var(--pl-text-color-primary-contrast,#fff)
}

.ti_icon.mod-circle.mod-color3 {
    background-color: var(--pl-element-color-primary,#c00);
    fill: var(--pl-text-color-primary-contrast,#fff)
}

.ti_icon.mod-circle.mod-disabled {
    background-color: var(--pl-element-color-disabled,#ccc);
    fill: var(--pl-text-color-primary-contrast,#fff)
}

.ti_icon.mod-circle.mod-reversed {
    background-color: var(--pl-text-color-primary-contrast,#fff);
    fill: var(--pl-text-color-primary-contrast,#fff)
}

.ti-iconBg {
    background-repeat: no-repeat;
    background-position: 0 0
}

.ti-iconBg.mod-size-s {
    background-size: 18px;
    min-width: 18px;
    min-height: 18px;
    line-height: 18px
}

.ti-iconBg.mod-size-s span {
    margin-left: 22px
}

.ti-iconBg.mod-size-m {
    background-size: 24px;
    min-width: 24px;
    min-height: 24px;
    line-height: 24px
}

.ti-iconBg.mod-size-m span {
    margin-left: 28px
}

.ti-iconBg.mod-size-l {
    background-size: 36px;
    min-width: 36px;
    min-height: 36px;
    line-height: 36px
}

.ti-iconBg.mod-size-l span {
    margin-left: 40px
}

.ti-iconBg.mod-size-xl {
    background-size: 48px;
    min-width: 48px;
    min-height: 48px;
    line-height: 48px
}

.ti-iconBg.mod-size-xl span {
    margin-left: 52px
}

.ti-iconBg.mod-size-s.mod-color2 {
    background-position: 0 -18px
}

.ti-iconBg.mod-size-s.mod-color3 {
    background-position: 0 -36px
}

.ti-iconBg.mod-size-s.mod-disabled {
    background-position: 0 -54px
}

.ti-iconBg.mod-size-s.mod-reversed {
    background-position: 0 -72px
}

.ti-iconBg.mod-size-m.mod-color2 {
    background-position: 0 -24px
}

.ti-iconBg.mod-size-m.mod-color3 {
    background-position: 0 -48px
}

.ti-iconBg.mod-size-m.mod-disabled {
    background-position: 0 -72px
}

.ti-iconBg.mod-size-m.mod-reversed {
    background-position: 0 -96px
}

.ti-iconBg.mod-size-l.mod-color2 {
    background-position: 0 -36px
}

.ti-iconBg.mod-size-l.mod-color3 {
    background-position: 0 -72px
}

.ti-iconBg.mod-size-l.mod-disabled {
    background-position: 0 -108px
}

.ti-iconBg.mod-size-l.mod-reversed {
    background-position: 0 -144px
}

.ti-iconBg.mod-size-xl.mod-color2 {
    background-position: 0 -48px
}

.ti-iconBg.mod-size-xl.mod-color3 {
    background-position: 0 -96px
}

.ti-iconBg.mod-size-xl.mod-disabled {
    background-position: 0 -144px
}

.ti-iconBg.mod-size-xl.mod-reversed {
    background-position: 0 -192px
}

.ti_p-tag {
    background: var(--pl-element-color-primary,#c00);
    color: var(--pl-text-color-primary-contrast,#fff);
    line-height: 23px;
    border-radius: 1rem;
    padding: 2px 10px;
    font-weight: 400;
    white-space: nowrap
}

.ti_p-tag.mod-grey {
    background: #555
}

.ti_p-tag.mod-grey-reversed {
    color: #555;
    border: 1px solid #555;
    background-color: #fff
}

.ti_p-tag.mod-green {
    background: #37a145
}

.ti_p-tag.mod-yellow {
    background: #ffa358
}

.ti_p-tag.mod-notification {
    display: inline-block;
    line-height: 1;
    padding: 2px 5px;
    min-width: 1em;
    text-align: center;
    font-size: 14px;
    line-height: 14px
}

.ti-tag {
    font-size: 12px;
    line-height: 16px;
    text-transform: uppercase;
    border-color: #b9b9b9;
    font-weight: 300;
    color: #333;
    display: inline-block;
    padding: 2px .5rem 0;
    white-space: nowrap;
    border-width: 1px;
    border-style: solid;
    border-radius: 2px;
    margin: 0 .75rem 1rem 0
}

.ti-tag.mod-button {
    background-color: rgba(0,0,0,0);
    cursor: pointer
}

.ti-tag.mod-button:hover {
    color: var(--pl-element-color-tertiary,#007c8c);
    text-decoration: none
}

.ti-tooltip-content {
    position: absolute;
    z-index: 3;
    display: none;
    white-space: pre-wrap;
    max-width: 350px;
    min-width: 250px;
    padding: 16px;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    color: var(--pl-text-color-primary,#555);
    background-color: var(--pl-container-background-color-primary,#fff);
    border-radius: 0;
    box-shadow: 0 0 1px 1px rgba(0,0,0,.05),0 2px 4px -1px rgba(0,0,0,.16),0 4px 5px 0 rgba(0,0,0,.1),0 1px 10px 0 rgba(0,0,0,.08);
    transform: translateX(24px) translateY(-10px)
}

.ti-tooltip-content::after {
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid var(--pl-container-background-color-primary,#fff);
    border-top: 0;
    transform: rotate(-90deg);
    top: 16px;
    left: -11px;
    content: "";
    display: inline-block;
    height: 0;
    width: 0;
    position: absolute
}

.ti-tooltip-content::before {
    position: absolute;
    display: inline-block;
    border-left: 9px solid transparent;
    border-right: 9px solid transparent;
    border-bottom: 9px solid #ddd;
    border-top: 0;
    transform: rotate(-90deg);
    top: 16px;
    left: -13px;
    content: "";
    height: 0;
    width: 0
}

.ti-tooltip-trigger.mod-click,.ti-tooltip-trigger.mod-hover {
    cursor: pointer
}

.ti-tooltip-checkbox:checked+.ti-tooltip-content,.ti-tooltip-trigger.mod-focus:focus+.ti-tooltip-content,.ti-tooltip-trigger.mod-hover:hover+.ti-tooltip-content {
    display: inline-block;
    z-index: 3;
    opacity: 1;
    transform: translateX(12px) translateY(-10px);
    animation: tooltip-show cubic-bezier(0,0,.2,1) 150ms
}

@keyframes tooltip-show {
    0% {
        pointer-events: none;
        transform: translateX(24px) translateY(-10px);
        opacity: 0
    }

    99% {
        pointer-events: initial
    }

    100% {
        transform: translate(12px) translateY(-10px);
        opacity: 1;
        pointer-events: initial
    }
}

.tooltip .tooltip-content {
    position: absolute;
    color: var(--pl-text-color-primary-contrast,#fff);
    background-color: var(--pl-container-background-color-tertiary,#555);
    font-size: 12px;
    font-weight: 400;
    line-height: 20px;
    padding: 8px 16px;
    opacity: 0;
    max-width: 500px;
    max-height: 0;
    margin: 0;
    transition: opacity .2s,max-height .2s,margin .2s;
    box-shadow: 0 0 1px 1px rgba(0,0,0,.05),0 3px 1px -2px rgba(0,0,0,.16),0 2px 2px 0 rgba(0,0,0,.1),0 1px 5px 0 rgba(0,0,0,.08)
}

.tooltip a+.tooltip-content,.tooltip img+.tooltip-content {
    margin-top: 8px;
    z-index: -1
}

.tooltip a:hover+.tooltip-content,.tooltip img:hover+.tooltip-content,.tooltip input:focus+.tooltip-content,.tooltip textarea:focus+.tooltip-content {
    opacity: 1;
    max-height: 200px;
    margin-left: 24px;
    z-index: 1
}

.ti_m-error-container {
    text-align: center;
    margin: 96px 0
}

.ti_m-error-container p {
    font-size: 16px
}

.ti_m-error-container .more {
    display: inline-flex;
    align-items: center
}

.ti_m-error-container .ti_m-error-img-container {
    display: table;
    margin: 64px auto;
    font-size: 16px
}

.ti_m-error-container .ti_m-error-img {
    justify-content: center;
    display: flex;
    align-items: center
}

.ti_m-error-container .ti_m-error-img-line {
    fill: none;
    stroke: #000;
    stroke-width: 3px;
    stroke-linejoin: round;
    display: table-cell
}

.ti_m-error-container .ti_m-error-img-rect {
    color: #fff;
    font-weight: 600;
    width: auto;
    padding: 12px;
    min-width: 4rem;
    display: table-cell
}

.ti_m-error-container .ti_m-error-img-rect-red {
    background-color: #c00
}

.ti_m-error-container .ti_m-error-img-rect-teal {
    background-color: #007c8c
}

.collapsible {
    margin-bottom: 2rem
}

.collapsible .collapsible-item {
    border: 1px solid transparent;
    border-width: 1px 0
}

.collapsible .collapsible-item .collapsible-item-trigger {
    clear: both;
    margin: 0;
    padding: .75rem .75rem;
    cursor: pointer;
    transition: background .5s;
    background: 0 0
}

.collapsible .collapsible-item .collapsible-item-trigger:hover {
    background: var(--pl-container-background-color-secondary,#f7f7f7)
}

.collapsible .collapsible-item .collapsible-item-trigger .ti_icon {
    margin-right: .5rem;
    border-radius: 2px;
    float: right
}

.collapsible .collapsible-item .collapsible-item-trigger .ti_icon svg {
    transition: transform .15s ease-in-out
}

.collapsible .collapsible-item .collapsible-item-content {
    display: none;
    margin: .8em
}

.collapsible .collapsible-item h2,.collapsible .collapsible-item h3 {
    font-size: 16px;
    line-height: 24px
}

.collapsible .collapsible-item h4,.collapsible .collapsible-item h5 {
    font-size: 14px
}

.collapsible .collapsible-item.is-expanded {
    border: 1px solid var(--pl-divider-color-secondary,#e8e8e8);
    border-width: 1px 0
}

.collapsible .collapsible-item.is-expanded+.is-expanded {
    border-top: none
}

.collapsible .collapsible-item.is-expanded .collapsible-item-trigger {
    background: 0 0
}

.collapsible .collapsible-item.is-expanded .collapsible-item-trigger:hover {
    background: 0 0
}

.collapsible .collapsible-item.is-expanded .collapsible-item-trigger .ti_icon svg {
    transform: rotate(180deg)
}

.collapsible.mod-collapsible-bg .collapsible-item .collapsible-item-trigger {
    background: var(--pl-container-background-color-secondary,#f7f7f7)
}

.collapsible.mod-collapsible-bg .collapsible-item .collapsible-item-trigger:hover {
    background: var(--pl-container-background-color-secondary-variant,#e8e8e8)
}

.collapsible.mod-collapsible-bg .collapsible-item.is-expanded .collapsible-item-trigger {
    background: rgba(0,0,0,0)
}

.collapsible.mod-collapsible-toolbox .collapsible-item .collapsible-item-trigger {
    background: var(--pl-container-background-color-secondary,#f7f7f7)
}

.collapsible.mod-collapsible-toolbox .collapsible-item .collapsible-item-trigger:hover {
    background: var(--pl-container-background-color-secondary-variant,#e8e8e8)
}

.collapsible.mod-collapsible-toolbox .collapsible-item .collapsible-item-trigger .ti_icon {
    float: right;
    margin-right: 0
}

.collapsible.mod-collapsible-toolbox .collapsible-item ul.collapsible-item-content {
    margin: 0 0 -1px 0;
    padding: 0
}

.collapsible.mod-collapsible-toolbox .collapsible-item ul.collapsible-item-content li {
    padding: .6em .8em
}

.collapsible.mod-collapsible-toolbox .collapsible-item .collapsible-item-content {
    margin: .8em;
    padding: 0
}

.collapsible.mod-collapsible-toolbox .collapsible-item.is-expanded {
    border-color: transparent
}

.collapsible.mod-collapsible-toolbox .collapsible-item.is-expanded .collapsible-item-trigger {
    background: var(--pl-container-background-color-secondary,#f7f7f7)
}

.collapsible.mod-collapsible-toolbox .collapsible-item.is-expanded .collapsible-item-trigger:hover {
    background: var(--pl-container-background-color-secondary-variant,#e8e8e8)
}

.collapsible.mod-collapsible-toolbox .collapsible-item.is-expanded .collapsible-item-trigger .ti_icon {
    background: rgba(0,0,0,0);
    fill: var(--pl-element-color-secondary,#555)
}

.collapsible.mod-collapsible-text .collapsible-item .collapsible-item-trigger {
    position: relative;
    width: 100%;
    height: 4em;
    margin: -3.5em 0 1em 0;
    padding: 0;
    cursor: pointer;
    transition: background .5s;
    border-bottom: 1px solid var(--pl-divider-color-secondary,#e8e8e8);
    background: linear-gradient(to bottom,rgba(255,255,255,0) 0,#fff 100%)
}

.collapsible.mod-collapsible-text .collapsible-item .collapsible-item-trigger::before {
    position: absolute;
    z-index: 3;
    bottom: -.5em;
    left: 50%;
    display: block;
    width: auto;
    margin: 0 0 0 -1em;
    padding: 0 0 0 .4em;
    color: var(--pl-link-color-primary,#007c8c);
    background: var(--pl-container-background-color-primary,#fff)
}

.collapsible.mod-collapsible-text .collapsible-item .collapsible-item-trigger span {
    position: relative;
    z-index: 2;
    top: 3.2em;
    left: 50%;
    display: inline-block;
    padding: 0 .6em;
    color: var(--pl-link-color-primary,#007c8c);
    background-color: var(--pl-container-background-color-primary,#fff)
}

.collapsible.mod-collapsible-text .collapsible-item .collapsible-item-trigger:hover {
    border-color: var(--pl-divider-color-primary-contrast,#999)
}

.collapsible.mod-collapsible-text .collapsible-item .collapsible-item-trigger:hover span,.collapsible.mod-collapsible-text .collapsible-item .collapsible-item-trigger:hover::before {
    color: var(--pl-element-color-primary,#c00)
}

.collapsible.mod-collapsible-text .collapsible-item .collapsible-item-trigger .collapsible-item-trigger-less {
    display: none
}

.collapsible.mod-collapsible-text .collapsible-item .collapsible-item-trigger .collapsible-item-trigger-more {
    display: inline-block
}

.collapsible.mod-collapsible-text .collapsible-item .collapsible-item-content {
    margin: 0
}

.collapsible.mod-collapsible-text .collapsible-item p:last-child::after {
    display: inline-block;
    content: "..";
    transition: opacity .3s
}

.collapsible.mod-collapsible-text .collapsible-item.is-expanded {
    border-color: transparent
}

.collapsible.mod-collapsible-text .collapsible-item.is-expanded .collapsible-item-trigger {
    background: 0 0;
    filter: initial
}

.collapsible.mod-collapsible-text .collapsible-item.is-expanded .collapsible-item-trigger .collapsible-item-trigger-less {
    display: inline-block
}

.collapsible.mod-collapsible-text .collapsible-item.is-expanded .collapsible-item-trigger .collapsible-item-trigger-more {
    display: none
}

.collapsible.mod-collapsible-text .collapsible-item.is-expanded .collapsible-item-trigger:hover {
    background: 0 0;
    filter: initial
}

.collapsible.mod-collapsible-text .collapsible-item.is-expanded p:last-child::after {
    opacity: 0
}

.collapsible.mod-collapsible-text.mod-collapsible-textsmall .collapsible-item .collapsible-item-trigger {
    border-bottom: 0
}

.collapsible.mod-collapsible-text.mod-collapsible-textsmall .collapsible-item .collapsible-item-trigger span {
    left: 0;
    padding: 0 0 0 1.2em
}

.collapsible.mod-collapsible-text.mod-collapsible-textsmall .collapsible-item .collapsible-item-trigger::before {
    bottom: -.4em;
    left: 0;
    margin: 0;
    padding: 0
}

.js-accordion-expand {
    float: right;
    padding: .5rem 0;
    cursor: pointer;
    color: var(--pl-element-color-tertiary,#007c8c)
}

.js-accordion-expand:hover {
    text-decoration: underline
}

.tblstandard .collapsible .trigger::before {
    margin: .5em 0 0 0;
    content: "less";
    color: var(--pl-link-color-primary,#007c8c);
    background: var(--pl-container-background-color-primary,#fff);
    font-family: inherit;
    font-size: .9em
}

.tblstandard .collapsible.collapsed .trigger::before {
    content: "... more"
}

.tblstandard .collapsible .click::before {
    content: "...";
    color: var(--pl-link-color-primary,#007c8c);
    background: var(--pl-container-background-color-primary,#fff);
    font-family: inherit
}

.ti_alert {
    display: flex;
    overflow: hidden;
    min-height: 7em;
    margin: 2rem 0;
    padding: 1rem calc(1.5rem - 3px);
    border-left: 3px solid var(--pl-element-color-tertiary,#007c8c);
    background-color: var(--pl-container-background-color-secondary,#f7f7f7);
    position: relative
}

.ti_alert>.ti_icon {
    margin-right: 1rem;
    margin-top: 2px
}

.ti_alert.mod-primary {
    border-color: var(--pl-element-color-tertiary,#007c8c)
}

.ti_alert.mod-primary>.ti_icon {
    fill: var(--pl-element-color-tertiary,#007c8c)
}

.ti_alert.mod-secondary {
    border-color: var(--pl-element-color-secondary-darker,#333)
}

.ti_alert.mod-secondary>.ti_icon {
    fill: var(--pl-element-color-secondary-darker,#333)
}

.ti_alert.mod-error {
    border-color: var(--pl-error-color,#c00)
}

.ti_alert.mod-error>.ti_icon {
    fill: var(--pl-error-color,#c00)
}

.ti_alert.mod-warning {
    border-color: var(--pl-warning-color,#ffa358)
}

.ti_alert.mod-warning>.ti_icon {
    fill: var(--pl-warning-color,#ffa358)
}

.ti_alert.mod-success {
    border-color: var(--pl-success-color,#37a145)
}

.ti_alert.mod-success>.ti_icon {
    fill: var(--pl-success-color,#37a145)
}

.ti_alert::before {
    display: none
}

.ti_alert ol,.ti_alert p,.ti_alert ul {
    margin: 0 0 .8rem 0
}

.ti_alert ol,.ti_alert ul {
    list-style-position: inside
}

.ti_alert :last-child {
    margin: 0
}

.ti_alert .ti_alert-close {
    position: absolute;
    display: block;
    top: .5rem;
    right: .5rem;
    color: var(--pl-element-color-secondary,#555);
    width: 2em;
    height: 2em;
    line-height: 2em;
    font-size: 1em;
    text-align: center;
    border-radius: 50%
}

.ti_alert .ti_alert-close .ti_icon {
    fill: var(--pl-element-color-secondary,#555)
}

.ti_alert .ti_alert-close:hover {
    text-decoration: none;
    cursor: pointer
}

.ti_alert .ti_alert-close:hover .ti_icon {
    fill: var(--pl-element-color-secondary-darker,#333)
}

.btn-backToTop,.btn-backToTop:visited {
    position: fixed;
    z-index: 2100;
    right: 0;
    bottom: 50%;
    display: none;
    padding: .5em 0;
    cursor: pointer;
    text-align: center;
    opacity: .4;
    color: var(--pl-element-color-contrast,#fff);
    background-color: var(--pl-element-color-secondary,#555);
    font-size: 1.8em
}

.btn-backToTop .ti_icon,.btn-backToTop:visited .ti_icon {
    display: block
}

.btn-backToTop span,.btn-backToTop:visited span {
    position: relative;
    bottom: 0;
    left: 0;
    display: block;
    padding: 0;
    font-size: 12px;
    font-weight: 600
}

.btn-backToTop:hover,.btn-backToTop:visited:hover {
    opacity: 1;
    background-color: var(--pl-element-color-primary,#c00);
    text-decoration: none
}

.ti_p-bigNumberTeaser {
    position: relative;
    padding-block:96px}

.ti_p-bigNumberTeaser-background,.ti_p-bigNumberTeaser::after {
    content: "";
    position: absolute;
    inset: 0;
    margin-inline:-28px}

@media(min-width: 1240px) {
    .ti_p-bigNumberTeaser-background,.ti_p-bigNumberTeaser::after {
        margin-inline:calc(-50vw + 592px)
    }
}

@media(max-width: 766px) {
    .ti_p-bigNumberTeaser-background,.ti_p-bigNumberTeaser::after {
        margin-inline:-16px
    }
}

.ti_p-bigNumberTeaser::after {
    z-index: -1;
    background-color: #111;
    border-bottom: 1px solid rgba(255,255,255,.65)
}

@media(max-width: 1239px) {
    .ti_p-bigNumberTeaser {
        padding-block:48px
    }
}

@media(max-width: 766px) {
    .ti_p-bigNumberTeaser {
        padding-block:64px
    }
}

.ti_p-bigNumberTeaser-background {
    z-index: 0;
    background-size: cover;
    background-position: center;
    mix-blend-mode: luminosity;
    opacity: .3
}

.ti_p-bigNumberTeaser-grid {
    --_grid-columns: 1;
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: repeat(var(--_grid-columns),minmax(150px,1fr));
    -moz-column-gap: 28px;
    column-gap: 28px;
    row-gap: 48px
}

.ti_p-bigNumberTeaser--4col .ti_p-bigNumberTeaser-grid {
    --_grid-columns: 4
}

.ti_p-bigNumberTeaser--3col .ti_p-bigNumberTeaser-grid {
    --_grid-columns: 3
}

@media(max-width: 1239px) {
    .ti_p-bigNumberTeaser-grid {
        row-gap:32px
    }
}

@media(max-width: 766px) {
    :not(.ti_p-bigNumberTeaser--1col-phone) .ti_p-bigNumberTeaser-grid {
        --_grid-columns:2
    }

    .ti_p-bigNumberTeaser--1col-phone .ti_p-bigNumberTeaser-grid {
        --_grid-columns: 1
    }
}

.ti_p-bigNumberTeaser-item {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    text-align: center;
    color: #fff
}

.ti_p-bigNumberTeaser-number {
    font-size: 64px;
    line-height: 96px;
    font-weight: 300
}

@media(max-width: 1239px) {
    .ti_p-bigNumberTeaser-number {
        font-size:48px;
        line-height: 60px
    }
}

.ti_p-bigNumberTeaser-caption {
    font-size: 18px;
    line-height: 28px;
    margin-bottom: 0!important
}

@media(max-width: 1239px) {
    .ti_p-bigNumberTeaser-caption {
        font-size:14px;
        line-height: 24px;
        margin-bottom: 0!important
    }
}

.ti_p-breadcrumb {
    display: flex;
    flex-wrap: wrap
}

@media(max-width: 766px) {
    .ti_p-breadcrumb {
        flex-wrap:nowrap;
        overflow-x: auto
    }
}

.ti_p-breadcrumb .ti_p-breadcrumb-section {
    position: relative;
    display: flex;
    white-space: nowrap;
    color: var(--pl-text-color-primary,#555);
    font-size: 14px;
    line-height: 28px
}

.ti_p-breadcrumb .ti_p-breadcrumb-section:not(:first-child)::before {
    font-family: inherit;
    align-self: flex-start;
    line-height: 28px;
    content: "/";
    text-align: center;
    color: var(--pl-text-color-secondary-contrast,#ccc);
    width: 24px
}

.ti_p-breadcrumb .ti_p-breadcrumb-section a,.ti_p-breadcrumb .ti_p-breadcrumb-section>span {
    display: inline-block;
    text-decoration: none;
    color: var(--pl-text-color-primary,#555);
    font-size: 14px;
    line-height: 28px
}

.ti_p-breadcrumb .ti_p-breadcrumb-section a:hover {
    text-decoration: underline
}

.ti_p-breadcrumb .ti_p-breadcrumb-section a:focus {
    text-decoration: underline
}

.ti_p-breadcrumb .ti_p-breadcrumb-section p {
    display: inline
}

.ti_chapterNavContainer {
    height: 4rem;
    margin-bottom: 3rem
}

.ti_chapterNav {
    background: var(--pl-container-background-color-secondary,#f7f7f7)
}

.ti_chapterNav-list {
    display: flex;
    margin: 0;
    padding: 0 1rem
}

.ti_chapterNav-list:blank {
    display: none
}

.ti_chapterNav.is-sticky {
    position: fixed;
    z-index: 100;
    top: 0;
    left: 0;
    width: 100%;
    box-shadow: 0 0 1px 1px rgba(0,0,0,.05),0 7px 9px -4px rgba(0,0,0,.16),0 14px 21px 2px rgba(0,0,0,.1),0 5px 26px 4px rgba(0,0,0,.08)
}

.ti_chapterNav.is-sticky .ti_chapterNav-list {
    width: 1240px;
    margin: 0 auto;
    padding: 0 28px
}

.ti_chapterNav:blank {
    display: none
}

.ti_chapterNav-item {
    display: flex;
    align-items: center;
    margin: 0;
    padding: 0;
    background: 0;
    flex: 0 1 auto
}

.ti_chapterNav-item::after {
    margin: 0 1rem;
    content: "|";
    color: var(--pl-text-color-secondary-contrast,#ccc)
}

.ti_chapterNav-item:last-child::after {
    display: none
}

.ti_chapterNav-link {
    overflow: hidden;
    max-width: 250px;
    padding: 1.5rem 0;
    white-space: nowrap;
    text-overflow: ellipsis;
    line-height: 1em
}

.ti_chapterNav-item.is-active .ti_chapterNav-link {
    padding: 1.5rem 0 1.4rem 0;
    color: var(--pl-link-color-accent,#c00);
    border-bottom: 2px solid var(--pl-border-color-accent,#c00);
    font-weight: 600
}

.ti_chapterNav-item.is-active .ti_chapterNav-link:hover {
    cursor: default;
    text-decoration: none
}

#searchboxheader {
    --atomic-text-lg: 16px;
    min-width: 300px;
    font-family: inherit
}

#searchboxheader .coveo-search-section {
    min-height: 36px;
    border: none
}

coveo-search-box,ti-coveo-search-box {
    margin: 0
}

atomic-search-box {
    --atomic-font-family: Roboto,Helvetica Neue,Arial Nova,Nimbus Sans,Arial,sans-serif;
    --atomic-neutral-dark: var(--pl-text-color-primary, #555555);
    --atomic-font-bold: 600
}

atomic-search-box::part(wrapper) {
    border-color: var(--pl-input-border-color,#ccc);
    border-radius: 0;
    padding: 0;
    height: 36px;
    line-height: 34px
}

atomic-search-box::part(textarea),atomic-search-box::part(textarea-spacer) {
    padding: 0;
    padding: 0 0 0 12px;
    font-family: Roboto,"Helvetica Neue","Arial Nova","Nimbus Sans",Arial,sans-serif;
    white-space: nowrap
}

atomic-search-box::part(input) {
    padding-left: 8px;
    padding-right: 8px
}

atomic-search-box::part(clear-button-wrapper),atomic-search-box::part(submit-button-wrapper) {
    padding: 0;
    background-color: #fff
}

atomic-search-box::part(clear-button-wrapper):hover,atomic-search-box::part(submit-button-wrapper):hover {
    background-color: var(--pl-input-background-color-hover,#e8e8e8)
}

atomic-search-box::part(clear-button-wrapper) {
    margin-right: 1px
}

atomic-search-box::part(submit-button-wrapper) {
    margin-right: 0
}

atomic-search-box::part(clear-button),atomic-search-box::part(submit-button) {
    height: 32px;
    width: 32px;
    border-radius: 0;
    background-color: rgba(0,0,0,0);
    background-repeat: no-repeat;
    background-position: center center;
    margin: 1px;
    background-size: 18px 18px
}

atomic-search-box::part(clear-button) {
    background-image: url('data:image/svg+xml,%3csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 192 192" fill="var(--pl-input-text-color, %23555555)"%3e%3cpath d="M152 51.28L140.72 40 96 84.72 51.28 40 40 51.28 84.72 96 40 140.72 51.28 152 96 107.28 140.72 152 152 140.72 107.28 96 152 51.28z"/%3e%3c/svg%3e')
}

atomic-search-box::part(submit-button) {
    background-image: url('data:image/svg+xml,%3csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 192 192" fill="var(--pl-input-text-color, %23555555)"%3e%3cpath d="M126.04 114.04h-6.32l-2.24-2.16a52.079 52.079 0 1 0-5.6 5.6l2.16 2.24v6.32L160 171.92 171.92 160zm-48 0a36 36 0 1 1 36-36 35.952 35.952 0 0 1-36 36z"/%3e%3c/svg%3e')
}

atomic-search-box::part(clear-icon),atomic-search-box::part(submit-icon) {
    display: none
}

atomic-search-box::part(suggestions-wrapper) {
    border-radius: 0;
    background: var(--pl-input-background-color,#fff);
    font-family: Roboto,"Helvetica Neue","Arial Nova","Nimbus Sans",Arial,sans-serif;
    border: 0;
    box-shadow: 0 0 1px 1px rgba(0,0,0,.05),0 2px 4px -1px rgba(0,0,0,.16),0 4px 5px 0 rgba(0,0,0,.1),0 1px 10px 0 rgba(0,0,0,.08);
    top: calc(100% + 1px)
}

atomic-search-box::part(recent-query-title-content) {
    font-size: 14px
}

atomic-search-box::part(recent-query-title) {
    font-weight: 400!important
}

atomic-search-box::part(recent-query-clear) {
    color: var(--pl-link-color-primary,#007c8c)
}

atomic-search-box::part(query-suggestion-content),atomic-search-box::part(recent-query-text) {
    --atomic-font-bold: 400;
    font-weight: 600
}

atomic-search-box::part(suggestion) {
    font-size: 16px;
    padding-left: 8px;
    padding-right: 8px
}

atomic-search-box::part(active-suggestion) {
    background-color: var(--pl-input-background-color-hover,#e8e8e8);
    color: var(--pl-text-color-secondary,#333)
}

atomic-search-box::part(query-suggestion-content),atomic-search-box::part(recent-query-content) {
    padding-left: 26px;
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 18px 18px
}

atomic-search-box::part(query-suggestion-content) {
    background-image: url('data:image/svg+xml,%3csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 192 192" fill="var(--pl-input-text-color, %23555555)"%3e%3cpath d="M126.04 114.04h-6.32l-2.24-2.16a52.079 52.079 0 1 0-5.6 5.6l2.16 2.24v6.32L160 171.92 171.92 160zm-48 0a36 36 0 1 1 36-36 35.952 35.952 0 0 1-36 36z"/%3e%3c/svg%3e')
}

atomic-search-box::part(recent-query-content) {
    background-image: url('data:image/svg+xml,%3csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 192 192" fill="var(--pl-input-text-color, %23555555)"%3e%3cpath d="M103.75 47h-16v54.75l35.31 35.31 12.5-11.62-31.81-31.69V47z M96 8a88 88 0 1 0 88 88A88 88 0 0 0 96 8zm71.76 93.57c0 .54-.07 1.09-.12 1.63-.09.9-.21 1.78-.33 2.66 0 .28-.06.56-.11.84-.16 1.07-.35 2.14-.55 3.2a1.55 1.55 0 0 0 0 .21 72 72 0 0 1-140.48 3.27v-.06a81.61 81.61 0 0 1-.73-3.26l-.09-.52c-.18-1-.36-1.91-.5-2.88-.05-.35-.09-.71-.13-1.06-.11-.81-.22-1.61-.3-2.42-.06-.59-.09-1.19-.14-1.78s-.1-1.18-.13-1.77Q24 97.83 24 96a72 72 0 0 1 144 0c0 1.22 0 2.43-.09 3.64-.03.65-.1 1.29-.15 1.93z"/%3e%3c/svg%3e')
}

atomic-search-box::part(query-suggestion-icon),atomic-search-box::part(recent-query-icon) {
    display: none
}

.ti_cross-reference {
    padding: 0 0 3rem
}

.ti_cross-reference .ti_disclaim {
    margin-bottom: 12px;
    line-height: 16px;
    font-size: 12px
}

#XrefSearchActionForm input {
    color: #000
}

.opAmpsCrossReferenceSearch .block_wrap {
    margin-bottom: 1rem
}

.opAmpsCrossReferenceSearch .block_wrap h4 {
    padding-top: 1rem
}

.opAmpsCrossReferenceSearch .block_wrap>span {
    margin-right: 1rem
}


.master_table {
    display: inline-block;
    width: 1008px;
    border: 1px solid #d9d9d9;
    border-top: none;
    background: gradient(top,#fffdfd,#f0f0f0)
}

.master_p {
    padding: 5px;
    color: #000;
    border: none;
    font-size: 12px;
    font-weight: 600
}

.sort {
    text-align: left;
    background: #fff
}

.highlightbg {
    background: #ffffb3
}

#match {
    margin-right: 4px;
    margin-left: 1px;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 5px;
    color: #525252;
    background: #ffffb3;
    font-size: 12px;
    font-weight: 600
}

.group1,.group3,.group4 {
    float: left;
    width: 140px;
    margin-right: 5px;
    border-right: 1px solid #d7d7d7
}

.group2 {
    float: left;
    width: 160px;
    margin-right: 5px;
    border-right: 1px solid #d7d7d7
}

.group5 {
    float: left;
    width: 200px;
    margin-right: 5px;
    border-right: 1px solid #d7d7d7
}

.group6 {
    float: left;
    width: 160px;
    margin-right: 5px
}

.cnt.less {
    position: relative;
    overflow: hidden;
    height: 240px
}

.gobtn {
    width: 19px;
    height: 20px;
    margin: 0 0 0 2px;
    padding: 0;
    cursor: pointer;
    vertical-align: middle;
    border: none;
    background: url(https://www.ti.com/lsds/media/images/mcu/submit-btn.png) no-repeat
}

.resetbutton {
    display: inline-block;
    padding: 4px 8px;
    white-space: nowrap;
    color: #fff;
    border: 1px solid silver;
    border-color: #5e5e5e;
    border-radius: 2px;
    background: #666;
    background: -moz-linear-gradient(center top,#666 5%,#111 100%);
    font-size: 11px;
    font-weight: 600
}

.resetbutton:hover {
    text-decoration: none;
    color: #fff;
    background: #111;
    background: -moz-linear-gradient(center top,#111 5%,#666 100%)
}

.resetbutton span.reset {
    display: inline-block;
    padding: 1px 0 0 19px;
    background: url(https://www.ti.com/lsds/media/images/mcu/reset.png) no-repeat 0
}

.disable_selection {
    color: #aaa9a9
}

#designSearchParams td.description {
    padding-bottom: 3em
}

#designSearchParams table.master_table {
    margin: 0;
    padding: 0
}

#designSearchParams table td {
    padding: 1px
}

#designSearchParams .cnt.less~.showMore a,#designSearchParams .showMore .showButton span,#designSearchParams .showMore~.showLess a {
    position: static;
    padding: 0
}

#designSearchParams .showMore .showButton,#designSearchParams .showMore~.showLess,#designSearchParams.cnt.less~.showMore {
    height: auto;
    margin: 0;
    text-align: left;
    font-size: inherit
}

#designSearchParams .row img {
    vertical-align: text-bottom
}

#designSearchParams table#tblSolution {
    max-width: 1008px
}

.ti_aem-ecosystemDiagram {
    display: grid;
    grid-template-columns: repeat(auto-fit,minmax(96px,1fr));
    grid-template-rows: 1fr 184px 1fr;
    padding-inline:64px;padding-block:48px;background: linear-gradient(to bottom,rgba(247,247,247,.2) 0,#f7f7f7 100%);
    border-top: 1px solid var(--pl-divider-color-secondary,#e8e8e8)
}

.ti_aem-ecosystemDiagram-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    grid-row: 2/4;
    min-width: 0
}

.ti_aem-ecosystemDiagram-img {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 184px;
    width: calc(100% - 8px);
    max-width: 120px
}

.ti_aem-ecosystemDiagram-img:after {
    content: "";
    width: 1px;
    height: 16px;
    position: absolute;
    top: initial;
    bottom: 8px;
    background-color: var(--pl-element-color-primary,#c00)
}

.ti_aem-ecosystemDiagram-img a {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    width: 100%;
    aspect-ratio: 1;
    border: 2px solid var(--pl-element-color-primary,#c00);
    border-radius: 120px;
    background-color: var(--pl-container-background-color-primary,#fff);
    box-shadow: 0 0 1px 1px rgba(0,0,0,.05),0 3px 1px -2px rgba(0,0,0,.16),0 2px 2px 0 rgba(0,0,0,.1),0 1px 5px 0 rgba(0,0,0,.08);
    transition: box-shadow linear 125ms,border-color linear 125ms
}

.ti_aem-ecosystemDiagram-img a:is(:hover,:focus) {
    box-shadow: 0 0 1px 1px rgba(0,0,0,.05),0 5px 5px -3px rgba(0,0,0,.16),0 8px 10px 1px rgba(0,0,0,.1),0 3px 14px 2px rgba(0,0,0,.08);
    border-color: var(--pl-element-color-primary-lighter,#e00)
}

.ti_aem-ecosystemDiagram-img :is(img,ti-image) {
    width: 85%;
    aspect-ratio: 1
}

.ti_aem-ecosystemDiagram-text {
    width: calc(100% + 64px);
    margin-inline:-32px}

.ti_aem-ecosystemDiagram-h {
    text-align: center;
    margin-bottom: 16px!important
}

.ti_aem-ecosystemDiagram-h a {
    color: inherit
}

.ti_aem-ecosystemDiagram-p {
    padding-inline:32px;margin-inline:-32px}

.ti_aem-ecosystemDiagram-p:last-child {
    margin-bottom: 0!important
}

.ti_aem-ecosystemDiagram-arrow {
    display: inline-block;
    -webkit-margin-start: 4px;
    margin-inline-start:4px;-webkit-margin-end: -22px;
    margin-inline-end:-22px}

.ti_aem-ecosystemDiagram-arrow .ti-svg-icon {
    transition: transform cubic-bezier(.4,0,.2,1) .1s
}

.ti_aem-ecosystemDiagram-arrow:hover .ti-svg-icon {
    --ti-svg-icon-fill-color: $pl-element-color-primary;
    transform: translateX(6px)
}

@media(min-width: 767px) {
    .ti_aem-ecosystemDiagram-item:nth-child(2n+1) {
        flex-direction:column-reverse;
        grid-row: 1/3
    }

    .ti_aem-ecosystemDiagram-item:nth-child(2n+1) .ti_aem-ecosystemDiagram-img:after {
        top: 8px;
        bottom: initial
    }
}

@media(max-width: 766px) {
    .ti_aem-ecosystemDiagram {
        display:flex;
        flex-direction: column;
        row-gap: 48px;
        padding-inline:16px;padding-block:48px}

    .ti_aem-ecosystemDiagram-item {
        display: flex;
        justify-content: center
    }

    .ti_aem-ecosystemDiagram-img {
        align-items: start;
        height: 152px
    }

    .ti_aem-ecosystemDiagram-text {
        margin-inline:0;width: 100%
    }

    .ti_aem-ecosystemDiagram-p {
        margin-inline:-32px -16px}
}

.TIDes_list {
    width: 100%;
    height: 270px;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    background-color: #fff;
    font-size: 0
}

.TIDes_list table {
    font-size: 12px
}

.TIDes_list table tr:nth-child(2n) {
    background-color: #f7f7f7
}

.TIDes_prod ul li {
    margin-bottom: 0;
    list-style-type: none;
    text-transform: capitalize
}

.TIDes_prod ul li a {
    display: block;
    padding: 0 1rem;
    line-height: 4em
}

.TIDes_prod ul li a:hover {
    background-color: #f2feff
}

.TIDes_pdf {
    width: 80px
}

.TIDes_col03 {
    width: 25%
}

.TIDes_resultHeaders {
    margin-top: 1rem;
    padding: .5em;
    color: #333;
    border-top: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-left: 1px solid #ccc;
    background-color: #e8e8e8;
    font-weight: 600
}

.TIDes_designHeader {
    text-align: left;
    font-weight: 600
}

.TIDes_downloadHeader {
    font-weight: 600
}

.tides-select {
    height: auto;
    padding: 1rem;
    background-color: #f7f7f7;
    box-shadow: 0 0 1px 1px rgba(0,0,0,.05),0 3px 1px -2px rgba(0,0,0,.16),0 2px 2px 0 rgba(0,0,0,.1),0 1px 5px 0 rgba(0,0,0,.08)
}

.tides-select #filters::after {
    content: ""!important;
    display: block!important;
    clear: both!important
}

.tides-select br.clear {
    display: none
}

.tides-select .styled_select {
    float: left;
    margin-right: 1rem
}

.tides-seltool {
    width: 95%;
    border: 1px solid #555
}

.tides-select .reset-link {
    float: left;
    line-height: 30px
}

.ti-hero {
    position: relative;
    overflow: hidden;
    margin-bottom: 3rem
}

.ti-hero h1,.ti-hero h2 {
    position: relative;
    display: inline-block;
    padding-bottom: 18px;
    font-family: inherit;
    font-weight: 300
}

.ti-hero h1 {
    font-size: 2.7em;
    margin-bottom: 0
}

.ti-hero h2 {
    font-size: 2.2em
}

.ti-hero h1::after {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 2em;
    content: "";
    border-bottom: 1px solid var(--pl-border-color-accent,#c00)
}

.ti-hero p {
    color: var(--pl-element-color-primary,#c00);
    font-size: 1.18em;
    font-weight: 300
}

.ti-hero .ti-tagline {
    margin-top: 32px;
    margin-bottom: 0;
    font-size: 1.5em
}

.ti-hero .ti-hero-top {
    padding: 20px 40px 32px
}

.ti-hero .ti-hero-bottom {
    padding: 0 40px 32px
}

.ti-hero-bottom .ti-cta {
    display: inline-block;
    margin-top: 2rem
}

.ti-hero-bottom .ti-cta+.ti-cta {
    margin-left: 2rem
}

.ti-hero .ti-overlay {
    position: relative;
    z-index: 10;
    background-color: var(--pl-container-background-color-primary,#fff);
    background-color: rgba(255,255,255,.85)
}

.ti-hero [class^=ti-position] {
    position: absolute;
    width: 50%
}

.ti-hero .ti-position-left {
    top: 50%;
    left: 0;
    transform: translateY(-50%)
}

.ti-hero .ti-position-right {
    top: 50%;
    right: 0;
    transform: translateY(-50%)
}

.ti-hero .ti-cover.ti-blur {
    position: absolute;
    z-index: 2;
    top: 0;
    width: 100%;
    height: 100%;
    filter: blur(5px)
}

.ti-hero .ti-cover {
    position: relative
}

.ti-hero .ti-cover img {
    display: block;
    width: 100%;
    max-width: 100%;
    height: auto
}

.aboutTI .ti-hero .ti-hero-top {
    position: relative;
    overflow: hidden;
    max-height: calc(48vh + 91px);
    padding: 0
}

.aboutTI .ti-hero .ti-hero-top img {
    display: block;
    width: 100%;
    max-width: 100%;
    height: auto
}

.aboutTI .ti-hero-bottom h1 {
    position: relative;
    display: inline-block;
    padding-bottom: 24px;
    font-family: inherit;
    font-weight: 400;
    margin-bottom: 2rem
}

.aboutTI .ti-hero-bottom h1::after {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 3em;
    content: "";
    border-bottom: 1px solid var(--pl-border-color-accent,#c00)
}

.aboutTI .ti-hero-bottom .ti-tagline {
    margin-bottom: 2rem
}

.aboutTI .ti-hero-bottom {
    width: 1184px;
    margin: 0 auto;
    padding: 0 6rem;
    box-sizing: content-box;
    position: relative;
    padding-top: 2rem;
    background-color: var(--pl-page-background-color-primary,#fff);
    margin-top: -91px
}

.aboutTI .ti-hero-bottom h1 {
    font-size: 34px;
    font-weight: 400;
    margin-bottom: 0
}

.aboutTI .ti-hero p {
    font-size: 14px
}

.aboutTI .ti-hero-bottom .ti-cta {
    margin-top: 0
}

.pageGroup.aboutTI {
    width: 100%;
    margin: 0
}

.pageGroup.aboutTI .pageContent {
    width: 1184px;
    margin: 0 auto;
    padding: 0 6rem;
    box-sizing: content-box
}

.pageGroup.aboutTI .portal {
    box-sizing: border-box;
    width: 100%
}

.pageGroup.aboutTI .portal>.content {
    margin-left: 0;
    padding: 0
}

.aboutTI .overview {
    text-align: left
}

.aboutTI .overview ul li {
    border: 0
}

.aboutTI .overview ul li a {
    color: var(--pl-link-color-accent,#c00)
}

.aboutTI .overview .ti_box.mod-style1 {
    padding: 20px 20px 40px 20px;
    border: 1px solid var(--pl-border-color-primary,#ccc)!important;
    background: 0!important;
    box-shadow: 0 0 0!important
}

.aboutTI .overview .ti_box.mod-style1 .ti_box-title {
    margin-bottom: 32px;
    text-align: left;
    font-weight: 300
}

.aboutTI .overview .ti_box.mod-style1 .ti_box-title a {
    position: relative;
    display: inline-block;
    padding-bottom: 16px
}

.aboutTI .overview .ti_box.mod-style1 .ti_box-title a::after {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 2em;
    content: " ";
    border-bottom: 1px solid var(--pl-border-color-accent,#c00)
}

.aboutTI .overview .ti_box.mod-style1 .ti_box-title a:hover {
    text-decoration: none
}

.aboutTI .ti-padding {
    padding: 20px 40px;
    box-shadow: 0 0 1px #000
}

.aboutTI .overview a.button.btnD {
    padding: 0 12px 0 0;
    border: 0;
    background: url(https://www.ti.com/etc/designs/ti/images/icons/iconMore.png) no-repeat 100% 60%;
    background-image: url(https://www.ti.com/etc/designs/ti/images/icons/iconMore.svg)
}

.aboutTI h3.ti_sectionTitle {
    position: relative;
    padding-bottom: 24px;
    margin-bottom: 24px;
    padding-top: 1.5rem;
    font-size: 28px;
    line-height: 36px
}

.aboutTI h3.ti_sectionTitle::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 3em;
    border-bottom: 1px solid var(--pl-border-color-accent,#c00)
}

.aboutTI .ti_chapterNavContainer {
    position: relative
}

.aboutTI .ti_chapterNav {
    width: 100%
}

.aboutTI .overviewContentText {
    margin-left: 0
}

.aboutTI .ti_chapterNav.is-sticky .ti_chapterNav-list {
    width: 1184px;
    margin: 0 auto;
    padding: 0 6rem;
    box-sizing: content-box
}

.aboutTI .pageTitleProductsApplications {
    width: 1184px;
    margin: 0 auto;
    padding: 0 6rem;
    box-sizing: content-box;
    padding-top: 3rem
}

.ti_imagearea {
    display: flex;
    flex-direction: column;
    position: relative;
    width: 100%;
    margin: 0 0 1rem 0;
    padding: 0;
    text-align: center
}

.ti_imagearea img {
    max-width: 100%
}

.ti_imagearea figcaption {
    max-width: 100%;
    padding-block:16px;text-align: left;
    color: var(--pl-text-color-primary,#555);
    border-bottom: 1px solid var(--pl-divider-color-secondary,#e8e8e8);
    font-size: 12px;
    line-height: 20px
}

.ti_imagearea figcaption p {
    font-size: inherit;
    line-height: inherit;
    color: inherit;
    margin-bottom: 12px
}

.ti_imagearea figcaption p:last-of-type {
    margin-bottom: 0
}

.ti_imagearea figcaption p:empty {
    display: none
}

.ti_imagearea figcaption:empty {
    display: none;
    border-bottom: none
}

.ti_imagearea .button-zoom {
    position: relative;
    display: inline-flex;
    overflow: hidden;
    cursor: pointer;
    border: 1px solid var(--pl-border-color-primary,#ccc)
}

.ti_imagearea .button-zoom>img {
    width: 100%
}

.ti_imagearea .button-zoom .ti_icon {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    right: -1px;
    bottom: -1px;
    display: block;
    width: 32px;
    height: 32px;
    background-color: var(--pl-container-background-color-primary,#fff);
    line-height: 32px;
    border: 1px solid var(--pl-border-color-primary,#ccc)
}

.ti_imagearea .button-zoom .ti_icon svg {
    width: 24px!important;
    height: 24px!important
}

.ti_left-nav {
    position: relative;
    z-index: 0;
    float: left;
    width: 250px;
    margin: 0 0 2rem 0;
    padding: 1rem 27px;
    border: 1px solid #e8e8e8;
    background: var(--pl-container-background-color-secondary,#f7f7f7);
    flex: 0 0 auto
}

.ti_left-nav.collapsed {
    width: auto;
    min-width: auto;
    padding: 0
}

.ti_left-nav.collapsed .ti_left-nav-collapse {
    display: none
}

.ti_left-nav.collapsed .ti_left-nav-expand {
    display: block
}

.ti_left-nav.is-collapsed {
    height: auto;
    padding: 0;
    width: auto
}

.ti_left-nav.is-collapsed .ti_left-nav-collapse {
    display: none;
    margin-left: -17px;
    margin-top: 0;
    width: auto
}

.ti_left-nav.is-collapsed .ti_left-nav-expand {
    display: block
}

.ti_left-nav.is-collapsed .ti_left-nav-container {
    display: none
}

.ti_left-nav-collapse {
    display: block;
    position: absolute;
    height: 24px;
    margin-left: 0;
    right: .5rem;
    top: 1rem;
    width: 32px
}

.ti_left-nav-expand {
    display: none;
    padding: 1rem 0;
    text-align: center;
    width: 3rem
}

.ti_left-nav-expand span {
    display: block;
    font-size: .9em;
    padding-top: .5rem
}

.ti_left-nav ul {
    list-style-type: none;
    margin: 0;
    padding: 0
}

.ti_left-nav li {
    background-image: none;
    margin: 0;
    padding: 0
}

.ti_left-nav .ti-nav-title {
    margin: 0 0 1rem 0;
    padding: 0;
    color: var(--pl-text-color-secondary,#333);
    font-size: 20px;
    line-height: 28px
}

.ti_left-nav .navItem {
    padding-top: .4em;
    padding-bottom: .4em;
    border-top: 1px dotted #e8e8e8;
    background: 0 0;
    color: var(--pl-text-color-secondary,#333);
    display: block
}

.ti_left-nav .navItem.is-active {
    color: var(--pl-link-color-accent,#c00)
}

.ti_left-nav .ti-nav-level1>.navItem {
    font-weight: 600
}

.ti_left-nav .ti-nav-level2>.navItem {
    padding-left: 1em
}

.ti_left-nav .ti-nav-level3>.navItem {
    padding-left: 3em;
    position: relative
}

.ti_left-nav .ti-nav-level3>.navItem::before {
    content: "–";
    position: absolute;
    left: 2em;
    top: .5em
}

.ti_left-nav .ti-nav-level4>.navItem {
    padding-left: 3.75em;
    position: relative;
    font-style: italic
}

.ti_left-nav .ti-nav-level4>.navItem::before {
    content: "-";
    position: absolute;
    left: 3em;
    top: .5em
}

.ti_apps-nav .ti_matched-message {
    display: inline-block
}

.ti_apps-nav .filter {
    width: 100%;
    padding-right: 2rem;
    background-image: url(https://www.ti.com/assets/icons/ti_icons-actions/filter.svg);
    background-size: 24px;
    background-position: calc(100% - .25rem) -70px;
    background-repeat: no-repeat
}

.ti_apps-nav .result-count {
    position: relative;
    margin: 1em 0
}

.ti_apps-nav #fl_resetLink {
    position: absolute;
    right: 0;
    bottom: 0;
    color: var(--pl-link-color-accent,#c00)
}

.ti_apps-nav .highlight {
    background: #fff8e9
}

.ti_apps-nav .ti_left-nav-container ul.active {
    display: block
}

.ti_apps-nav .apps-sector.ti-nav-level1>.navItem {
    font-weight: 400;
    padding-left: 1em
}

.ti_apps-nav .apps-sector.ti-nav-level2>.navItem {
    padding-left: 2em
}

.leftNavigationAuthored .ti_left-nav-container>ul:first-child>li:first-child>.navItem,.productTreeSupplementalLinks .ti_left-nav-container>ul:first-child>li:first-child>.navItem {
    border-top: none;
    margin-top: 1rem
}

.leftNavigationAuthored .ti-nav-title,.productTreeSupplementalLinks .ti-nav-title {
    margin-top: 2rem
}

.is-empty-tree .productTreeSupplementalLinks:first-child .ti-nav-title,.leftNavigationAuthored:first-child .ti-nav-title {
    margin-top: 0
}

.is-empty-tree .productTreeSupplementalLinks:first-child .ti_left-nav-container>ul:first-child>li:first-child>.navItem,.leftNavigationAuthored:first-child .ti_left-nav-container>ul:first-child>li:first-child>.navItem {
    margin-top: 0
}

.ti_m-mobileSwitch {
    top: 0;
    width: 100%;
    display: flex;
    align-items: center;
    background-color: var(--pl-container-background-color-secondary,#f7f7f7);
    border-bottom: 1px solid var(--pl-divider-color-secondary,#e8e8e8);
    padding: 0 1rem 0 2rem
}

.ti_m-mobileSwitch.is-hidden {
    display: none
}

.ti_m-mobileSwitch a {
    color: var(--pl-text-color-primary,#555);
    text-decoration: none;
    font-size: 1rem;
    line-height: 50px
}

.ti_m-mobileSwitch a:hover {
    text-decoration: none
}

.ti_m-mobileSwitch .ti_m-mobileSwitch-link {
    flex: 1
}

.ti_m-mobileSwitch .ti_m-mobileSwitch-close {
    width: 24px;
    margin-left: 4rem;
    font-size: 2rem;
    text-align: center
}

.ti_box {
    padding-bottom: 1rem;
    margin-bottom: -1px
}

.ti_box-image {
    padding: 1rem 1rem 0 1rem;
    text-align: center
}

.ti_box-image img {
    max-width: 100%;
    vertical-align: text-bottom
}

.ti_box-image.mod-fullbleed {
    padding: 0
}

.ti_box-image.mod-left {
    padding: 0 1rem 0 0
}

.ti_box-image.mod-right {
    padding: 0 0 1rem 0
}

.ti_box-content,.ti_box-cta,.ti_box-title {
    padding: 0 1rem
}

.ti_box-content p {
    max-width: 100%
}

.ti_box-content ul.lined {
    margin-bottom: 1rem
}

.ti_box-title {
    padding-top: calc(1.5rem - 1px);
    text-align: center;
    font-size: 16px;
    font-weight: 600;
    line-height: 20px
}

.ti_box-title:empty {
    margin-bottom: .25rem
}

.ti_box-content>.ti_box-title {
    padding: 1rem 0 0 0
}

.ti_box-title.mod-large {
    font-size: 24px;
    font-weight: 300;
    line-height: 32px
}

.ti_box-title.mod-small {
    font-size: 1em
}

.ti_box-title a {
    color: inherit
}

.ti_box .ti-label {
    padding: 1em 1rem 0 1rem
}

.ti_box-subtitle {
    padding-top: .4em
}

.ti_box-cta a {
    display: inline-flex;
    white-space: normal
}

.ti_box-cta a .ti_icon {
    margin-left: .25rem
}

.ti_box-cta .u-flex-row {
    justify-content: space-between
}

.ti_box-cta-link {
    padding: .5em 0
}

.ti_box-cta-button {
    padding-top: .5rem
}

.ti_box-condensed {
    margin-bottom: 1rem;
    padding: 0
}

.ti_box-condensed .ti_box-image {
    min-width: 100px;
    max-width: 150px;
    max-height: 200px;
    margin-right: 1rem;
    padding: 0
}

.ti_box-condensed .ti_box-title {
    margin: 0;
    padding: 0 0 0 1rem;
    align-self: center
}

.ti_box-literature .ti_box-title {
    margin-bottom: 1rem
}

.ti_box-literature .ti_box-cta-link,.ti_box-literature .ti_box-title,.ti_box-literature p {
    padding-left: 0
}

.ti_box-literature-left {
    float: left;
    width: 60%
}

.ti_box-literature-right {
    float: right;
    width: 40%
}

.u-sameheight {
    display: flex;
    flex-direction: row
}

.u-sameheight .ti_box {
    display: flex;
    flex-direction: column;
    height: 100%
}

.u-sameheight .ti_box-content {
    flex: 1 1 auto
}

.ti_box.mod-style1 {
    border-top: 2px solid var(--pl-element-color-tertiary,#007c8c);
    background-color: var(--pl-container-background-color-secondary,#f7f7f7);
    box-shadow: 0 0 1px 1px rgba(0,0,0,.05),0 3px 1px -2px rgba(0,0,0,.16),0 2px 2px 0 rgba(0,0,0,.1),0 1px 5px 0 rgba(0,0,0,.08)
}

.ti_box.mod-style2 {
    border-top: 2px solid var(--pl-element-color-primary,#c00);
    background-color: var(--pl-container-background-color-primary,#fff);
    box-shadow: 0 0 1px 1px rgba(0,0,0,.05),0 3px 1px -2px rgba(0,0,0,.16),0 2px 2px 0 rgba(0,0,0,.1),0 1px 5px 0 rgba(0,0,0,.08)
}

.ti_box.mod-style3 {
    text-align: center;
    background-color: var(--pl-container-background-color-primary,#fff);
    box-shadow: 0 0 1px 1px rgba(0,0,0,.05),0 3px 1px -2px rgba(0,0,0,.16),0 2px 2px 0 rgba(0,0,0,.1),0 1px 5px 0 rgba(0,0,0,.08)
}

.ti_box.mod-style3 .ti_box-content {
    text-align: left
}

.ti_box.mod-style3 .ti_divider.mod-alt {
    display: none
}

.ti_box.mod-style3 .ti_box-title {
    display: inline-block;
    margin: 0 1rem 1rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid var(--pl-border-color-accent,#c00)
}

.ti_box.mod-style4 {
    padding-bottom: 0;
    border-top: none;
    box-shadow: none
}

.ti_box.mod-style4 .ti_box-title {
    padding: 1rem 0 0 0
}

.ti_box.mod-style4 .ti_box-content,.ti_box.mod-style4 .ti_box-cta,.ti_box.mod-style4 .ti_box-image {
    padding: 0
}

.ti_box.mod-style4 .ti_box-condensed~.ti_box-content {
    padding: 0
}

.ti_box.mod-style4 .ti_box-condensed~.ti_box-cta {
    padding: 0
}

.ti_box.mod-style4 .ti_box-condensed .ti_box-title {
    padding: 0
}

.ti_box.mod-borderTop-grey {
    border-top: 2px solid var(--pl-element-color-secondary,#555);
    background-color: var(--pl-container-background-color-primary,#fff);
    min-height: 400px
}

.ti_box.mod-borderTop-grey>div {
    padding: 10px 15px
}

.ti_box.mod-borderTop-grey.mod-bg-grey {
    background-color: var(--pl-container-background-color-secondary,#f7f7f7)
}

.u-sameheight .ti_box.mod-style4>.ti_box-condensed+.ti_box-content {
    flex: none
}

.ti_box.mod-style5 {
    background-color: var(--pl-container-background-color-secondary,#f7f7f7);
    box-shadow: 0 0 1px 1px rgba(0,0,0,.05),0 3px 1px -2px rgba(0,0,0,.16),0 2px 2px 0 rgba(0,0,0,.1),0 1px 5px 0 rgba(0,0,0,.08)
}

.ti_box.mod-style6 {
    border: 1px solid #e8e8e8;
    background-color: var(--pl-container-background-color-secondary,#f7f7f7)
}

.ti_box.mod-style6 .ti_box-content p:first-of-type {
    margin-top: 1em
}

.ti_box.mod-style6 .ti_box-content ul:first-of-type {
    margin-top: 1em
}

.ti_box.mod-style6 .ti_box-content ul:first-of-type:first-child {
    border-top: none
}

.ti_box.mod-style6 .ti_box-title:empty {
    display: none
}

.ti_box.mod-style7 {
    border-top: 2px var(--pl-element-color-secondary,#555);
    background-color: var(--pl-container-background-color-primary,#fff)
}

.ti_box.mod-style8 {
    border-top: 2px var(--pl-element-color-secondary,#555);
    background-color: var(--pl-container-background-color-secondary,#f7f7f7)
}

.ti_message-box {
    display: flex;
    overflow: hidden;
    min-height: 7em;
    margin: 2rem 0;
    padding: 1rem calc(1.5rem - 3px);
    border-left: 3px solid var(--pl-element-color-tertiary,#007c8c);
    background-color: var(--pl-container-background-color-secondary,#f7f7f7);
    position: relative
}

.ti_message-box>.ti_icon {
    margin-right: 1rem;
    margin-top: 2px
}

.ti_message-box.mod-notice {
    border-color: var(--pl-element-color-tertiary,#007c8c)
}

.ti_message-box.mod-warning {
    border-color: var(--pl-error-color,#c00)
}

.ti_message-box.mod-alert {
    border-color: var(--pl-warning-color,#ffa358)
}

.ti_message-box.mod-success {
    border-color: var(--pl-success-color,#37a145)
}

.ti_message-box::before {
    display: none
}

.ti_message-box h3,.ti_message-box ol,.ti_message-box p,.ti_message-box ul {
    margin: 0 0 .8rem 0
}

.ti_message-box ol,.ti_message-box ul {
    list-style-position: inside
}

.ti_message-box :last-child {
    margin: 0
}

.ti_message-box .ti_message-box-close {
    position: absolute;
    display: block;
    top: .5rem;
    right: .5rem;
    color: var(--pl-element-color-secondary,#555);
    width: 2em;
    height: 2em;
    line-height: 2em;
    font-size: 1em;
    text-align: center;
    border-radius: 50%
}

.ti_message-box .ti_message-box-close .ti_icon {
    fill: var(--pl-element-color-secondary,#555)
}

.ti_message-box .ti_message-box-close:hover {
    text-decoration: none;
    color: #c00;
    background-color: #fee9e9
}

.ti_message-box .ti_message-box-close:hover .ti_icon {
    fill: var(--pl-element-color-secondary-darker,#333)
}

.ti_message-box .close {
    float: right;
    margin: -.5rem -.5rem 0 0;
    padding: .2rem;
    cursor: pointer;
    border-radius: 50%;
    font-size: 1.3em
}

.ti_message-box .close:hover {
    background: var(--pl-element-color-secondary,#555)
}

.ti_message-box .close::before {
    content: "✕"
}

.ti_modal {
    background: var(--pl-page-background-color-primary,#fff);
    box-shadow: 0 0 1px 1px rgba(0,0,0,.05),0 5px 5px -3px rgba(0,0,0,.16),0 8px 10px 1px rgba(0,0,0,.1),0 3px 14px 2px rgba(0,0,0,.08);
    margin-bottom: 2rem;
    position: absolute;
    z-index: 1000;
    overflow: auto
}

.ti_modal .ti_modal-title {
    padding: 1.5rem 1.5rem 0;
    margin: 0
}

.ti_modal .ti_modal-title img {
    max-width: 100%
}

.ti_modal .ti_modal-content {
    padding: 1.5rem;
    overflow: auto
}

.ti_modal .ti_modal-content :last-child {
    margin-bottom: 0
}

.ti_modal .ti_modal-close {
    cursor: pointer;
    display: block;
    position: absolute;
    right: 1rem;
    top: 1rem
}

.ti_modal .ti_modal-close+.ti_modal-content,.ti_modal .ti_modal-close+.ti_modal-title {
    padding-right: 2.5em
}

.ti_modal .ti_modal-cta {
    padding: 0 1.5rem 1.5rem
}

.ti_modal.mod-fixed {
    overflow: hidden;
    display: flex;
    flex-direction: column
}

.ti_modal.mod-fixed .ti_modal-content {
    flex-grow: 1
}

.ti_modal.mod-fixed .ti_modal-cta {
    padding-top: 1rem
}

.ti_modal-overlay {
    z-index: 4001;
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    background: rgba(0,0,0,.6)
}

.ti_modal-overlay .ti_modal {
    position: relative;
    max-height: 95%;
    max-width: 95%;
    margin: 0 auto
}

.ti_p-notifications-sidesheet {
    position: relative
}

.ti_p-notifications-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: sticky;
    z-index: 2;
    top: -16px;
    margin: -16px -16px 0 -16px;
    padding: 16px 6px 16px 16px;
    border-bottom: 1px solid #e8e8e8;
    background-color: #fff
}

@media(min-width: 766px) {
    .ti_p-notifications-header {
        padding-left:32px;
        padding-right: 22px
    }
}

.ti_p-notifications-header-title {
    margin-bottom: 0!important;
    font-size: 24px;
    line-height: 32px;
    margin-right: auto
}

.ti_p-notifications-header-close {
    width: 40px;
    height: 40px;
    border: 0;
    padding: 0;
    margin: 0;
    background-color: rgba(0,0,0,0)
}

.ti_p-notifications-header-close:hover {
    background-color: rgba(0,0,0,0)
}

.ti_p-notifications-body {
    padding-top: 24px;
    padding-bottom: 64px
}

@media(min-width: 766px) {
    .ti_p-notifications-body {
        padding-left:16px;
        padding-right: 16px
    }
}

.ti_p-notifications-list {
    margin: 0;
    list-style: none
}

.ti_p-notification {
    margin-bottom: 0
}

.ti_p-notification:not(:last-of-type) {
    border-bottom: 1px solid var(--pl-divider-color-secondary,#e8e8e8)
}

.ti_p-notification-content {
    position: relative;
    padding: 24px 0
}

.ti_p-notification-title {
    display: flex;
    font-weight: 500;
    margin-bottom: 16px
}

.ti_p-notification-title-text {
    margin-right: 16px
}

.ti_p-notification-remove {
    margin-left: auto
}

.ti_p-notification-details {
    margin-bottom: 16px
}

.ti_p-notification-details>p:last-of-type {
    margin-bottom: 0
}

.ti_p-notification-actions {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 8px
}

.ti_p-notification-action {
    margin-bottom: 8px
}

.ti_p-notification-action:not(:last-child) {
    margin-right: 8px;
    padding-right: 8px;
    border-right: 1px solid var(--pl-divider-color-primary,#ccc)
}

.ti_p-notification-date {
    color: #999
}

.ti_p-notification-confirmation {
    position: absolute;
    top: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    background-color: #fff;
    padding-inline:24px}

.ti_p-notification-confirmation-actions ti-button:not(last-of-type) {
    margin-right: 16px
}

.ti_p-onboarding-image {
    margin-bottom: 24px;
    width: 260px;
    height: 195px;
    margin-inline:auto}

.ti_p-onboarding-text {
    text-align: center;
    margin-bottom: 24px
}

.ti_p-onboarding-text>:last-child {
    margin-bottom: 0
}

.overviewHeader {
    position: relative;
    width: 100%;
    min-height: 200px;
    margin-top: 0;
    margin-bottom: 2rem;
    padding: 0 1.5rem;
    background-repeat: no-repeat;
    background-position: 100% 50%;
    background-size: cover;
    background-image: url(https://www.ti.com/etc/designs/ti/images/overview-headers/generic.jpg)
}

.overviewHeader>div {
    position: absolute;
    bottom: 1.5rem;
    width: 700px
}

.overviewHeader-heading {
    max-width: 100%;
    margin: 0 0 calc(1rem + 2px) 0;
    padding: 0
}

.overviewHeader-heading .emphasis {
    color: var(--pl-text-color-accent,#c00);
    font-weight: 400!important
}

.overviewHeader-heading .emphasis span {
    font-weight: 300!important
}

.overviewHeader-heading p {
    margin-bottom: 0;
    padding: 0
}

.overviewHeader-subHeading {
    max-width: 100%;
    margin: 0;
    padding: 0;
    font-size: 20px;
    font-weight: 300;
    line-height: 28px
}

.overviewContentText {
    margin: 0 1.4rem 2.8rem 1.4rem;
    font-size: 1.2em;
    line-height: 1.66
}

.overviewContentText p {
    font-size: 16px;
    line-height: 24px;
    margin-top: -3px;
    margin-bottom: calc(1rem + 3px)
}

.overviewHeader.mod-amplifiers {
    background-image: url(https://www.ti.com/etc/designs/ti/images/overview-headers/amplifiers.jpg)
}

.overviewHeader.mod-audio {
    background-image: url(https://www.ti.com/etc/designs/ti/images/overview-headers/audio.jpg)
}

.overviewHeader.mod-automotive {
    background-image: url(https://www.ti.com/etc/designs/ti/images/overview-headers/automotive.jpg)
}

.overviewHeader.mod-dataConverters {
    background-image: url(https://www.ti.com/etc/designs/ti/images/overview-headers/data-converters.jpg)
}

.overviewHeader.mod-dlp {
    background-image: url(https://www.ti.com/etc/designs/ti/images/overview-headers/dlp.jpg)
}

.overviewHeader.mod-industrialStrength {
    background-image: url(https://www.ti.com/etc/designs/ti/images/overview-headers/industrial.jpg)
}

.overviewHeader.mod-powerManagement {
    background-image: url(https://www.ti.com/etc/designs/ti/images/overview-headers/power-management.jpg)
}

.overviewHeader.mod-powerLogo {
    background-image: url(https://www.ti.com/etc/designs/ti/images/overview-headers/powertodoanything.jpg)
}

.overviewHeader.mod-sensingTech {
    background-image: url(https://www.ti.com/etc/designs/ti/images/overview-headers/sensors.jpg)
}

.overviewHeader.mod-clockAndTiming {
    background-image: url(https://www.ti.com/etc/designs/ti/images/overview-headers/clock-and-timing.jpg)
}

.overviewHeader.mod-interface {
    background-image: url(https://www.ti.com/etc/designs/ti/images/overview-headers/interface.jpg)
}

.overviewHeader.mod-isolation {
    background-image: url(https://www.ti.com/etc/designs/ti/images/overview-headers/isolation.jpg)
}

.overviewHeader.mod-logic {
    background-image: url(https://www.ti.com/etc/designs/ti/images/overview-headers/logic.jpg)
}

.overviewHeader.mod-motorDrives {
    background-image: url(https://www.ti.com/etc/designs/ti/images/overview-headers/motor-drives.jpg)
}

.overviewHeader.mod-sitara {
    background-image: url(https://www.ti.com/etc/designs/ti/images/overview-headers/sitara.jpg)
}

.overviewHeader.mod-processors {
    background-image: url(https://www.ti.com/etc/designs/ti/images/overview-headers/processors.jpg)
}

.overviewHeader.mod-microwave {
    background-image: url(https://www.ti.com/etc/designs/ti/images/overview-headers/rf-microwave.jpg)
}

.overviewHeader.mod-currentSensors {
    background-image: url(https://www.ti.com/etc/designs/ti/images/overview-headers/currentsensors.jpg)
}

.overviewHeader.mod-humiditySensors {
    background-image: url(https://www.ti.com/etc/designs/ti/images/overview-headers/humidity-sensors.jpg)
}

.overviewHeader.mod-magneticSensors {
    background-image: url(https://www.ti.com/etc/designs/ti/images/overview-headers/magnetic-sensors.jpg)
}

.overviewHeader.mod-mmwaveSensors {
    background-image: url(https://www.ti.com/etc/designs/ti/images/overview-headers/mmwave-sensors.jpg)
}

.overviewHeader.mod-specialtySensors {
    background-image: url(https://www.ti.com/etc/designs/ti/images/overview-headers/specialty-sensors.jpg)
}

.overviewHeader.mod-temperatureSensors {
    background-image: url(https://www.ti.com/etc/designs/ti/images/overview-headers/temperaturesensors.jpg)
}

.overviewHeader.mod-simpleLink {
    background-image: url(https://www.ti.com/etc/designs/ti/images/overview-headers/simplelink.jpg)
}

.overviewHeader.mod-switchesMultiplexers {
    background-image: url(https://www.ti.com/etc/designs/ti/images/overview-headers/switches-multiplexers.jpg)
}

.overviewHeader.mod-communicationsEquipment {
    background-image: url(https://www.ti.com/etc/designs/ti/images/overview-headers/communications-equipment.jpg)
}

.overviewHeader.mod-enterpriseSystems {
    background-image: url(https://www.ti.com/etc/designs/ti/images/overview-headers/enterprise-systems.jpg)
}

.overviewHeader.mod-appliances {
    background-image: url(https://www.ti.com/etc/designs/ti/images/overview-headers/appliances.jpg)
}

.overviewHeader.mod-buildingAutomation {
    background-image: url(https://www.ti.com/etc/designs/ti/images/overview-headers/building-automation.jpg)
}

.overviewHeader.mod-factoryAutomation {
    background-image: url(https://www.ti.com/etc/designs/ti/images/overview-headers/factory-automation.jpg)
}

.overviewHeader.mod-gridInfrastructure {
    background-image: url(https://www.ti.com/etc/designs/ti/images/overview-headers/grid-infrastructure.jpg)
}

.overviewHeader.mod-personalElectronics {
    background-image: url(https://www.ti.com/etc/designs/ti/images/overview-headers/personal-electronics.jpg)
}

.overviewHeader.mod-iot {
    background-image: url(https://www.ti.com/etc/designs/ti/images/overview-headers/internet-of-things.jpg)
}

.ti_p-pageHeader {
    display: flex;
    flex-direction: column;
    -moz-column-gap: 24px;
    column-gap: 24px;
    row-gap: 16px;
    justify-content: space-between
}

@media(min-width: 767px) {
    .ti_p-pageHeader {
        row-gap:24px;
        flex-direction: row
    }
}

.ti_p-pageHeader-content {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    row-gap: 16px
}

@media(min-width: 767px) {
    .mod-centered .ti_p-pageHeader-content {
        align-items:center
    }
}

.ti_p-pageHeader-title {
    margin-bottom: 0
}

.ti_p-pageHeader-subhead {
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;
    -moz-column-gap: 16px;
    column-gap: 16px;
    row-gap: 16px;
    line-height: 20px
}

.ti_p-pageHeader-subhead-details {
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;
    -moz-column-gap: 16px;
    column-gap: 16px;
    row-gap: 16px
}

@media(min-width: 767px) {
    .mod-centered .ti_p-pageHeader-subhead {
        justify-content:center
    }

    .mod-centered .ti_p-pageHeader-subhead-details {
        justify-content: center
    }
}

.ti-pagination {
    align-items: center;
    cursor: default;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin: 1em 0;
    width: 100%
}

.ti-pagination a {
    display: flex;
    width: 40px;
    padding: .18em 1em;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: .75em
}

.ti-pagination a:hover {
    text-decoration: none
}

@media(max-width: 766px) {
    .ti-pagination a {
        width:32px
    }
}

.ti-pagination .active {
    color: var(--pl-text-color-primary-contrast,#fff);
    border: 0;
    background-color: var(--pl-element-color-tertiary,#007c8c);
    border-radius: 2em;
    text-decoration: none;
    pointer-events: none;
    cursor: default
}

.ti-pagination .disabled {
    fill: var(--pl-element-color-disabled,#ccc);
    color: var(--pl-text-color-secondary,#333);
    pointer-events: none;
    cursor: default
}

.ti-pagination .ti_icon:hover {
    fill: var(--pl-element-color-tertiary,#007c8c)
}

.ti-pagination .ti-pagination-element {
    align-items: center;
    display: flex;
    flex-grow: 0;
    flex-shrink: 0;
    margin: 0 1rem 1rem;
    text-align: left
}

.ti-pagination .ti-pagination-element:first-of-type {
    margin-left: 0
}

.ti-pagination .ti-pagination-element:last-of-type {
    margin-right: 0
}

.ti-pagination .ti-pagination-element .ti-pagination-list {
    display: flex;
    list-style: none;
    align-items: center;
    margin-bottom: 0;
    justify-content: flex-start;
    gap: .3em
}

.ti-pagination .ti-pagination-element .ti-pagination__item {
    margin-bottom: 0;
    width: 40px;
    text-align: center
}

@media(max-width: 766px) {
    .ti-pagination .ti-pagination-element .ti-pagination__item {
        width:32px
    }
}

.ti-pagination .ti-pagination-element--pagination {
    flex-grow: 1;
    justify-content: flex-end;
    justify-self: flex-end;
    margin-left: 0;
    text-align: right
}

.ti-pagination .ti-pagination-element--pagination .ti-pagination-list {
    justify-content: flex-end
}

.ti-pagination .ti-pagination-element--pagination .ti_icon:first-child {
    margin-left: 0
}

.ti-pagination .ti-pagination-element--results:nth-last-child(n+3) {
    flex-basis: 100%;
    margin-bottom: 1rem
}

.ti-pagination .ti-pagination-element--results:nth-last-child(n+3)+.ti-pagination-element {
    margin-left: 0
}

.pqsearchwidget {
    margin-bottom: 2rem;
    padding: 1em;
    background: #f7f7f7!important;
    box-shadow: 0 0 1px 1px rgba(0,0,0,.05),0 3px 1px -2px rgba(0,0,0,.16),0 2px 2px 0 rgba(0,0,0,.1),0 1px 5px 0 rgba(0,0,0,.08)
}

.pqsearchwidget h2,.pqsearchwidget h3 {
    margin: 0 0 5px;
    color: #000
}

.pqsearchwidget h2 {
    font-size: 20px
}

.pqsearchwidget td {
    padding: .5em
}

.pqsearchwidget .verticalLine {
    height: 100px;
    border-left: 1px dotted #ccc
}

.pqsearchwidget .help {
    float: right;
    margin-top: 3px;
    margin-right: 400px;
    cursor: pointer;
    background: url(https://www.ti.com/graphics/analog/icon_help.gif) no-repeat 0 0
}

.pqsearchwidget .pqsLine {
    line-height: 1em
}

.pqsearchwidget .pqsLine .btn1 {
    background-color: #fff
}

.pqsearchwidget .pqsLine td {
    text-align: right
}

.row .cntboxS2 img {
    vertical-align: middle
}

.err {
    color: #c00
}

#dynamic .row {
    margin-right: 0;
    margin-left: 0
}

.ti_p-premiumInteractiveImg .ti_aem-premiumInteractiveImg-title {
    position: relative;
    padding-bottom: 24px;
    margin-bottom: 32px;
    text-align: center;
    text-wrap: balance
}

.ti_p-premiumInteractiveImg .ti_aem-premiumInteractiveImg-title::before {
    content: "";
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 0;
    display: block;
    width: 3em;
    height: 1px;
    background-color: var(--pl-border-color-accent,#c00)
}

.ti_p-premiumInteractiveImg .ti_p-premiumInteractiveImg-page-upper {
    margin-bottom: 24px
}

.ti_p-premiumInteractiveImg .ti_p-premiumInteractiveImg-page-lower {
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: var(--pl-divider-color-primary,#ccc);
    padding-top: 24px
}

.ti_p-premiumInteractiveImg a .ti-svg-icon {
    --ti-svg-icon-fill-color: var(--pl-link-color-primary, #007c8c);
    --ti-svg-icon-color-index: 1
}

.ti_p-premiumInteractiveImg--darkBG {
    --ti-pin-background-color: transparent;
    --ti-pin-background-color-hover: var(--pl-button-reversed-color, #ffffff);
    --ti-pin-background-color-selected: var(--pl-button-reversed-color, #ffffff);
    --ti-pin-text-color: var(--pl-button-reversed-text, #ffffff);
    --ti-pin-text-color-hover: var(--pl-button-reversed-text-hover, #555555);
    --ti-pin-text-color-selected: var(--pl-button-reversed-text-hover, #555555);
    --ti-pin-label-color: var(--pl-button-reversed-color, #ffffff);
    --ti-pin-label-color-hover: var(--pl-button-reversed-color-hover, #ffffff);
    --ti-pin-label-color-selected: var(--pl-button-reversed-color-hover, #ffffff)
}

.ti_p-premiumInteractiveImg--darkBG :is(h2,h3,h4,h5,h6) {
    --pl-text-color-secondary: var(--pl-text-color-primary-contrast, #ffffff);
    --pl-border-color-accent: var(--pl-divider-color-primary-contrast, #999999)
}

.ti_p-premiumInteractiveImg--darkBG :is(p) {
    color: var(--pl-text-color-primary-contrast,#fff)
}

.ti_p-premiumInteractiveImg--darkBG .ti_p-premiumInteractiveImg-page-lower {
    border-top-color: var(--pl-divider-color-secondary-contrast,#555)
}

.ti_p-premiumInteractiveImg--darkBG a {
    color: var(--pl-link-color-tertiary,#9bd7df)
}

.ti_p-premiumInteractiveImg--darkBG a .ti-svg-icon {
    --ti-svg-icon-fill-color: var(--pl-link-color-tertiary, #9bd7df);
    --ti-svg-icon-color-index: 8
}

.ti_p-premiumInteractiveImg--darkBG ti-slide-panel {
    --ti-slide-panel-icon-fill-color: var(--pl-text-color-primary-contrast, #ffffff);
    --ti-slide-panel-icon-color-index: 4;
    --ti-slide-panel-icon-hover-fill-color: #cccccc;
    --ti-slide-panel-icon-hover-color-index: 3;
    --ti-slide-panel-icon-disabled-fill-color: #555555;
    --ti-slide-panel-icon-disabled-color-index: 0
}

.ti_p-premiumInteractiveImg--darkBG ti-pin {
    --ti-pin-circle-color-selected: #f45555;
    --ti-pin-circle-border-color-selected: var(--pl-element-color-contrast, #ffffff)
}

@media(max-width: 1239px) {
    .ti_p-premiumInteractiveImg--darkBG ti-pin {
        --ti-pin-label-opacity:0!important
    }
}

@media(min-width: 767px) {
    .ti_p-premiumInteractiveImg ti-slide-panel {
        min-width:254px;
        display: block
    }
}

.ti_p-productCard-details :last-child {
    margin-bottom: 0!important
}

.ti_p-productCard-newBadge {
    display: block;
    height: 0;
    color: var(--pl-link-color-accent,#c00);
    font-size: 12px;
    line-height: 20px;
    font-weight: 600;
    text-transform: uppercase
}

.ti_p-productCard-image {
    width: 90%;
    margin: 20px auto 16px
}

@media(max-width: 766px) {
    .ti_p-productCard-image {
        max-width:270px
    }
}

.ti_p-productCard-family {
    display: inline-block;
    font-size: 12px;
    line-height: 16px;
    font-weight: 400;
    color: var(--pl-text-color-primary,#555);
    margin-bottom: 16px;
    text-transform: uppercase
}

.ti_p-productCard-name {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-bottom: 8px
}

.ti_p-productCard-name>a {
    word-break: break-word;
    font-size: 16px;
    line-height: 24px;
    font-weight: 600;
    margin-right: 12px
}

.ti_p-productCard-description {
    margin-bottom: 24px
}

.ti_p-productCard-price-val {
    white-space: nowrap
}

.ti_p-productCard-links {
    margin-left: 0!important;
    list-style: none
}

.ti_p-productCard-links>:last-child {
    margin-bottom: 0!important
}

@media(min-width: 767px) {
    .ti_p-productCard--horizontal .ti_p-productCard-content {
        display:flex
    }

    .ti_p-productCard--horizontal .ti_p-productCard-imageArea {
        display: grid;
        flex-shrink: 0;
        flex-basis: 200px;
        margin-right: 24px
    }

    .ti_p-productCard--horizontal .ti_p-productCard-image {
        width: 100%
    }
}

.e2eBlogForum h3 {
    margin-bottom: 0
}

.ti_rssfeed-item {
    position: relative;
    display: inline-block;
    width: 100%;
    margin-bottom: 16px;
    border-bottom: 1px dotted var(--pl-divider-color-primary,#ccc)
}

.ti_rssfeed-title {
    display: block;
    clear: both;
    margin-bottom: 8px;
    font-size: 14px
}

.ti_rssfeed-date {
    display: inline-block;
    float: left;
    padding-right: 16px;
    color: var(--pl-text-color-accent-contrast,#aaa);
    font-size: 12px;
    line-height: 16px
}

.ti_rssfeed-desc {
    margin-bottom: 16px;
    color: var(--pl-text-color-primary,#555);
    font-size: 12px;
    line-height: 16px
}

.ti_rssfeed-image {
    min-width: 33.33%;
    text-align: center
}

.ti_rssfeed-image img {
    max-height: 6em
}

.ti_rssfeed-list {
    margin-bottom: 0
}

.e2eBlogForum .ti_divider {
    margin: 16px 0
}

.ti_p-sideNav {
    -webkit-margin-after: 24px;
    margin-block-end:24px}

.ti_p-sideNav :where(ul) {
    margin: 0;
    list-style: none
}

.ti_p-sideNav :where(li) {
    -webkit-margin-after: 0;
    margin-block-end:0}

.ti_p-sideNav :where(button) {
    all: unset
}

.ti_p-sideNav :is(button,a) {
    display: inline-flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding-block:8px;line-height: 20px;
    font-size: 14px;
    color: var(--pl-text-color-primary,#555);
    background-color: rgba(0,0,0,0)
}

.ti_p-sideNav :is(button,a):is(:hover,:focus) {
    cursor: pointer;
    background-color: rgba(0,0,0,0);
    outline: revert;
    box-shadow: none
}

.ti_p-sideNav :is(button) {
    --sideNav-chevron-size: 18px;
    position: relative;
    box-sizing: border-box;
    width: 100%;
    -webkit-padding-end: calc(var(--sideNav-chevron-size) + 8px);
    padding-inline-end:calc(var(--sideNav-chevron-size) + 8px)}

.ti_p-sideNav : is(button):hover {
    text-decoration:underline
}

@media(max-width: 766px) {
    .ti_p-sideNav ul,.ti_p-sideNav ul ul {
        margin:0
    }

    .ti_p-sideNav ul>li {
        -webkit-margin-after: 0;
        margin-block-end:0}
}

@media(min-width: 1240px) {
    .ti_p-sideNav {
        margin-top:-12px
    }

    .ti_p-sideNav.is-sticky {
        position: sticky;
        top: 32px;
        margin-bottom: 96px
    }
}

@media(min-width: 767px) {
    .ti_p-sideNav-list>li {
        border-bottom:1px solid var(--pl-divider-color-secondary,#e8e8e8)
    }
}

@media(min-width: 767px) {
    .ti_p-sideNav-sublist {
        -webkit-margin-start:16px;
        margin-inline-start:16px}
}

.ti_p-sideNav-expandButton::after {
    content: "";
    display: block;
    position: absolute;
    right: 0;
    width: var(--sideNav-chevron-size);
    height: var(--sideNav-chevron-size);
    transition: transform .1s cubic-bezier(.4,0,.2,1);
    display: block;
    overflow: hidden;
    text-indent: -9999px;
    width: var(--sideNav-chevron-size);
    height: var(--sideNav-chevron-size);
    line-height: var(--sideNav-chevron-size);
    background-size: var(--sideNav-chevron-size);
    background-position-y: calc(-1*var(--sideNav-chevron-size)*0);
    background-image: url(//www.ti.com/assets/icons/ti_icons-objects/chevron-down.svg)
}

.ti_p-sideNav-expandButton[aria-expanded=true]::after {
    transform: rotate(180deg)
}

.ti_p-sideNav-link.is-active {
    color: var(--pl-link-color-accent,#c00)
}

@media(min-width: 1240px) {
    .ti_p-sideNav-list-item>:is(button,a) {
        padding-block:12px
    }

    .ti_p-sideNav-sublist-item>:is(button,a) {
        padding-block:initial;-webkit-margin-after: 12px;
        margin-block-end:12px}
}

@media(max-width: 766px) {
    .ti_p-sideNav-list-item {
        --ti-sideNav-expandMobile-padding:12px
    }

    .ti_p-sideNav-list-item>.ti_p-sideNav-expandPanel {
        padding-inline:var(--ti-sideNav-expandMobile-padding)}

    .ti_p-sideNav-list-item>: is(button,a) {
        width:100%;
        padding: var(--ti-sideNav-expandMobile-padding);
        -webkit-padding-end: calc(var(--sideNav-chevron-size) + 8px + var(--ti-sideNav-expandMobile-padding));
        padding-inline-end:calc(var(--sideNav-chevron-size) + 8px + var(--ti-sideNav-expandMobile-padding));margin-block: 2px;
        font-weight: 600;
        background-color: var(--pl-container-background-color-secondary,#f7f7f7)
    }

    .ti_p-sideNav-list-item>:is(button,a):is(.ti_p-sideNav-expandButton)::after {
        right: var(--ti-sideNav-expandMobile-padding)
    }

    .ti_p-sideNav-list-item>:is(button,a):is(:hover,:focus) {
        background-color: var(--pl-container-background-color-secondary-variant,#e8e8e8)
    }

    .ti_p-sideNav-sublist-item .ti_p-sideNav-sublist {
        -webkit-margin-start: 16px!important;
        margin-inline-start:16px!important}
}

.ti_p-sideNav-expandPanel {
    display: grid;
    transition: grid-template-rows .1s cubic-bezier(.4,0,.2,1)
}

.ti_p-sideNav-expandPanel[aria-hidden=true] {
    grid-template-rows: 0fr
}

.ti_p-sideNav-expandPanel[aria-hidden=true]>.ti_p-sideNav-sublist {
    visibility: hidden;
    overflow: hidden
}

.ti_p-sideNav-expandPanel[aria-hidden=false] {
    grid-template-rows: 1fr
}

caption,table,tbody,td,tfoot,th,thead,tr {
    margin: 0;
    padding: 0;
    vertical-align: top;
    border: 0;
    font: inherit;
    font-size: 100%
}

.ti-table {
    position: relative;
    border-collapse: collapse;
    border-top: 1px solid var(--pl-divider-color-primary,#ccc);
    width: 100%
}

.ti-table thead {
    background: var(--pl-container-background-color-secondary,#f7f7f7)
}

.ti-table th {
    border-bottom: 2px solid var(--pl-divider-color-secondary,#e8e8e8);
    text-align: left;
    vertical-align: top;
    color: var(--pl-text-color-primary,#555);
    padding: 1em .6em;
    font-size: 14px;
    font-weight: 400;
    background: var(--pl-container-background-color-secondary,#f7f7f7)
}

.ti-table th>span {
    cursor: pointer;
    display: block;
    position: relative
}

.ti-table td {
    border-bottom: 1px solid var(--pl-divider-color-secondary,#e8e8e8);
    vertical-align: top;
    padding: .6em
}

.ti-table .head.hidden {
    display: none
}

.ti-table .head.alternate {
    background: var(--pl-container-background-color-secondary,#f7f7f7);
    overflow: hidden
}

.ti-table .head.alternate button {
    padding: .5em .8em;
    margin: 0 2em 0 0;
    float: left
}

.ti-table .selected {
    background: #fffcf5
}

.ti-table .open td {
    border-bottom: none
}

.ti-table .search-parts {
    font-size: 1.125em;
    float: left;
    margin-top: .5em;
    position: relative
}

.ti-table .search-parts::before {
    position: absolute;
    right: .2em;
    top: .25em;
    font-size: 1.4em;
    content: ""
}

.ti-table .search-parts input {
    width: 14em;
    padding: .25em .3em
}


.ti-table .search-parts input.btn-reset {
    display: none
}

.ti-table .search-parts.reset::before {
    content: ""
}

.ti-table .search-parts.reset .btn-reset {
    display: block
}

.ti-table .search-parts.reset .btn-search {
    display: none
}

.ti-table .auto-complete {
    background: var(--pl-container-background-color-primary,#fff);
    position: absolute;
    z-index: 10;
    width: 100%;
    max-height: 20em;
    overflow-y: auto;
    border: 1px solid var(--pl-border-color-primary,#ccc);
    box-shadow: 3px 3px 3px rgba(200,200,200,.6);
    font-weight: 400
}

.ti-table .auto-complete ul {
    padding: 0;
    margin: 0
}

.ti-table .auto-complete li {
    background: 0 0;
    margin: 0;
    padding: .3em
}

.ti-table .auto-complete li:hover {
    background: var(--pl-container-background-color-secondary-variant,#e8e8e8)
}

.ti-table .auto-complete li span {
    background: #fff8e9
}

.ti-table .auto-complete li.active {
    background: var(--pl-container-background-color-secondary-variant,#e8e8e8)
}

.ti-table col.hilighted {
    background: var(--pl-container-background-color-primary,#fff);
    animation: fadeOut 4s 2s forwards
}

.ti-table th.hilighted {
    background: var(--pl-container-background-color-primary,#fff);
    animation: fadeOut 4s 2s forwards
}

.ti-table td.hilighted {
    background: var(--pl-container-background-color-primary,#fff)
}

.ti-table.sortable .head.alternate {
    background: var(--pl-container-background-color-secondary,#f7f7f7)
}

.ti-table.sortable th.sort-ascend::before,.ti-table.sortable th.sort-descend::before {
    position: absolute;
    left: 0;
    color: var(--pl-element-color-tertiary,#007c8c);
    font-size: 25px;
    font-weight: 600;
    top: 4px;
    padding: 4px
}

.ti-table.sortable th.sort-ascend::before {
    content: "ꜛ"
}

.ti-table.sortable th.sort-descend::before {
    content: "ꜜ"
}

.ti-table.sortable tbody tr.selected {
    background: #fffcf5
}

.ti-table.sortable col.hilighted,.ti-table.sortable td.hilighted,.ti-table.sortable th.hilighted {
    background: #f2feff
}

.tblstandard,.ti_table {
    margin-bottom: 4rem;
    border-spacing: 0;
    border-collapse: collapse
}

.tblstandard.mod-fullWidth,.ti_table.mod-fullWidth {
    min-width: 100%
}

.tblstandard td,.tblstandard th,.ti_table td,.ti_table th {
    padding: .6em;
    text-align: left;
    border-bottom: 1px solid var(--pl-divider-color-secondary,#e8e8e8)
}

.tblstandard td.u-text-center,.tblstandard th.u-text-center,.ti_table td.u-text-center,.ti_table th.u-text-center {
    text-align: center
}

.tblstandard .icon-wordreplace,.ti_table .icon-wordreplace {
    display: inline
}

.tblstandard .ti_table-headercolumn,.ti_table .ti_table-headercolumn {
    background: 0 0
}

.ti_table.mod-comparison {
    empty-cells: show;
    border-collapse: separate;
    border-top: none
}

.ti_table.mod-comparison td,.ti_table.mod-comparison th {
    border: 0;
    border-bottom: 1px solid var(--pl-divider-color-secondary,#e8e8e8)
}

.ti_table.mod-comparison thead,.ti_table.mod-comparison thead th {
    background: 0 0!important
}

.ti_table.mod-comparison thead th {
    border-top: none
}

.ti_table.mod-comparison thead th div {
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.ti_table.mod-comparison td.u-text-left {
    text-align: left
}

.ti_table.mod-comparison td.u-text-right {
    text-align: right
}

.ti_table.mod-comparison p {
    text-align: left
}

.ti_table.mod-comparison p:last-child {
    margin-bottom: 0
}

.ti_table.mod-comparison img {
    max-width: 115px;
    margin-bottom: 32px
}

.ti_table-title {
    text-align: left
}

.ti_table-row.mod-subheader th {
    text-align: left;
    color: var(--pl-text-color-secondary,#333);
    background-color: var(--pl-container-background-color-secondary,#f7f7f7);
    text-transform: uppercase;
    font-size: 12px;
    border-bottom: 1px solid var(--pl-divider-color-primary,#ccc);
    position: relative
}

.ti_table-row.mod-subheader th::before {
    content: "";
    position: absolute;
    top: -1px;
    left: 0;
    height: 1px;
    width: 100%;
    background-color: var(--pl-divider-color-primary,#ccc)
}

.ti_table-subheader {
    margin: 0;
    font-size: 12px;
    padding: 0;
    line-height: 20px;
    font-weight: 400
}

@media(max-width: 766px) {
    .ti_table-subheader {
        margin:0!important;
        font-size: 12px!important;
        font-weight: 400!important
    }
}

.ti_table-row.mod-cta a {
    display: block;
    margin: .5em 0
}

.ti_table-row.mod-footnote td {
    padding-top: 1rem;
    border: none
}

.ti_table-row.mod-centered td,.ti_table-row.mod-centered th {
    text-align: center
}

.ti_table-headercolumn {
    min-width: 100px;
    font-weight: 600
}

.ti_table th.header {
    cursor: pointer
}

.ti_table th .sorting-icons {
    display: none
}

.ti_table.js-table-sortable thead tr:last-child th .sorting-icons {
    display: inline-block
}

.ti_table th.headerSortDown:before,.ti_table th.headerSortUp:before {
    margin-right: .5em;
    font-weight: 600;
    line-height: 1.2em
}

.ti_table th.headerSortDown svg,.ti_table th.headerSortUp svg {
    fill: var(--pl-element-color-secondary,#555)
}

.ti_table tr.ti_table-row th {
    font-weight: 600
}

.ti_table tr.ti_table-row.mod-heading3 th {
    background: var(--pl-element-color-secondary,#555);
    border-top: 1px solid var(--pl-border-color-secondary,#333);
    border-bottom: 1px solid var(--pl-border-color-secondary,#333);
    color: var(--pl-text-color-primary-contrast,#fff);
    font-weight: 600
}

.ti_table tr.ti_table-row.mod-heading3 th a {
    color: var(--pl-text-color-primary-contrast,#fff)
}

.ti_table tr.ti_table-row.mod-heading3 th .svg {
    fill: var(--pl-text-color-primary-contrast,#fff)
}

.ti_table tr.ti_table-row.mod-heading2 th {
    background: var(--pl-container-background-color-secondary-variant,#e8e8e8);
    color: var(--pl-text-color-secondary,#333);
    font-weight: 600;
    border-bottom: 1px solid var(--pl-divider-color-primary,#ccc)!important
}

.ti_table tr.ti_table-row.mod-heading1 th {
    background: var(--pl-container-background-color-secondary,#f7f7f7);
    color: var(--pl-text-color-primary,#555);
    position: relative;
    border-bottom: 1px solid var(--pl-divider-color-primary,#ccc)!important
}

.ti_table .ti_icon.arrow-down,.ti_table .ti_icon.arrow-up {
    display: none
}

.ti_table th.headerSortDown .ti_icon.arrow-up,.ti_table th.headerSortDown .ti_icon.sorting-arrows {
    display: none
}

.ti_table th.headerSortDown .ti_icon.arrow-down,.ti_table th.headerSortUp .ti_icon.sorting-arrows {
    display: none
}

.ti_table th.headerSortDown .ti_icon.arrow-down,.ti_table th.headerSortUp .ti_icon.arrow-up {
    display: inline-block
}

.ti_table .ti_icon.arrow-down.mod-size-s svg,.ti_table .ti_icon.arrow-up.mod-size-s svg {
    padding: 2px
}

.ti-sticky-container {
    position: fixed;
    z-index: 3;
    display: none
}

.ti_table-text-right {
    float: right;
    text-align: right
}

.ti_table-pagination {
    padding-bottom: .25em
}

.tab,.ti_tabs {
    position: relative;
    z-index: 0;
    top: calc(-1rem + 3px);
    display: inline-block;
    overflow: visible;
    width: calc(100% - 56px);
    margin-bottom: calc(1.5rem - 1px);
    margin-left: 28px;
    margin-right: 28px;
    border-bottom: 1px solid #555
}

.tab a,.ti_tabs a {
    cursor: pointer;
    text-decoration: none;
    color: #333
}

.tab a:hover,.ti_tabs a:hover {
    text-decoration: none
}

.tab ul,.ti_tabs ul {
    display: flex;
    align-items: stretch;
    margin: 0;
    padding: 0 2rem;
    list-style: none
}

.tab ul::after,.tab ul::before,.ti_tabs ul::after,.ti_tabs ul::before {
    display: table;
    content: ""
}

.tab ul::after,.ti_tabs ul::after {
    clear: both
}

.tab li,.ti_tabs li {
    position: relative;
    float: left;
    margin: 0 1rem 0 -.5rem;
    padding: .75rem .25rem .5rem .75rem;
    line-height: 16px;
    list-style: none;
    color: #ccc;
    background-image: url(https://www.ti.com/etc/designs/ti/images/ui/iconTab.svg);
    background-repeat: no-repeat;
    background-position: 0 0
}

.tab li::after,.ti_tabs li::after {
    position: absolute;
    top: 0;
    right: -24px;
    width: 24px;
    height: 100%;
    content: "";
    background-image: url(https://www.ti.com/etc/designs/ti/images/ui/iconTab.svg);
    background-repeat: no-repeat;
    background-position: 100% 0
}

.tab .active,.tab .is-active,.ti_tabs .active,.ti_tabs .is-active {
    z-index: 1;
    background-position: 0 -120px;
    font-weight: 600
}

.tab .active::after,.tab .is-active::after,.ti_tabs .active::after,.ti_tabs .is-active::after {
    background-position: 100% -120px
}

.tab .active a,.tab .is-active a,.ti_tabs .active a,.ti_tabs .is-active a {
    color: #fff
}

.tab+.content,.ti_tabs+.content {
    margin-top: -2px
}

.ti_subTabNav {
    width: auto;
    height: 36px;
    margin: -37px 28px calc(3px + 2rem) 28px;
    background-color: #555
}

.ti_subTabNav ul {
    float: left;
    width: auto;
    margin: 0;
    padding-top: 0;
    list-style: none
}

.ti_subTabNav li {
    position: relative;
    float: left;
    margin: 0;
    padding: .5rem .75rem;
    list-style: none;
    transition: border-bottom .2s;
    background-color: #555;
    background-image: none
}

.ti_subTabNav li:hover,.ti_subTabNav li:hover span {
    transition: background-color .4s;
    border-bottom: 3px solid #9bd7df;
    background-color: #707070
}

.ti_subTabNav li:hover span {
    border-bottom: 0
}

.ti_subTabNav .is-active {
    transition: border-bottom .2s;
    border-bottom: 3px solid #e00;
    font-weight: 600
}

.ti_subTabNav .is-active,.ti_subTabNav li:hover {
    margin-bottom: 0
}

.ti_subTabNav a {
    color: #fff!important
}

.ti_subTabNav a:hover {
    text-decoration: none
}

.ti_subTabNav .sub-tab-sub-menu {
    width: 6em;
    margin: 0;
    padding: .5em 1em 1em;
    height: 2.9em
}

.ti_subTabNav .sub-tab-sub-menu .ti_icon {
    position: relative;
    top: .2em
}

.ti_subTabNav .sub-tab-sub-menu:hover {
    transition: background-color .4s;
    background-color: #707070
}

.ti_subTabNav .sub-tab-sub-menu>p {
    margin: 0;
    padding: 0 0 .7em 0;
    line-height: 1.8
}

.ti_subTabNav .sub-tab-sub-menu ul {
    position: relative;
    top: 0
}

.ti_subTabNav .sub-tab-sub-menu ul.show {
    opacity: 1;
    transition: opacity .4s
}

.ti_subTabNav .sub-tab-sub-menu.is-expanded svg {
    transform: rotate(180deg);
    transition: transform .15s ease-in-out
}

.sub-tab-anchor li {
    float: left;
    background-image: none
}

.sub-tab-anchor::before {
    margin: 0 1em;
    content: " | "
}

.sub-tab-anchor:first-child::before {
    margin: .25em;
    content: ""
}

.sub-tab-sub-menu {
    position: relative;
    float: left;
    width: 12%;
    margin: 0 .8em;
    padding: .2em .1em;
    cursor: pointer;
    text-align: right;
    white-space: nowrap;
    color: #fff;
    font-size: .96em
}

.sub-tab-sub-menu ul {
    position: absolute;
    top: 107%;
    left: -1.02em;
    overflow: hidden;
    width: 0!important;
    height: 0;
    transition-delay: 0;
    transition-timing-function: ease;
    transition-duration: .1s;
    opacity: 0
}

.sub-tab-sub-menu ul.show {
    width: auto!important;
    height: auto;
    transition-delay: 0;
    transition-timing-function: ease;
    transition-duration: .1s;
    opacity: 1
}

.sub-tab-sub-menu ul li {
    width: 229px;
    margin: 0;
    text-align: left
}

.sub-tab-sub-menu ul li:hover,.sub-tab-sub-menu ul li:hover span {
    border-bottom: 0
}

.sub-tab-sub-menu button {
    margin: auto;
    outline: 0
}

.sub-tab-sub-menu p {
    display: block;
    float: left;
    width: 30%;
    margin: .5em 0 0 .4em;
    text-align: left
}

.sub-tab-sub-menu i.icon-wordreplace {
    float: left;
    margin: .15em 0 0;
    padding: .1em 0
}

.sub-tab-sub-menu i.icon-wordreplace:after {
    margin: 0 0 -.1em 0
}

.sub-tab-sub-menu button .icon-wordreplace {
    font-size: 1em
}

@media all and (-ms-high-contrast:none),(-ms-high-contrast:active) {
    .tab,.ti_tabs {
        top: 0;
        margin-bottom: 32px
    }
}

.ti_techdocssearch {
    position: relative;
    display: inline-block;
    width: 850px;
    margin-bottom: 2rem;
    padding: 1em;
    background: var(--pl-container-background-color-secondary,#f7f7f7);
    box-shadow: 0 0 1px 1px rgba(0,0,0,.05),0 3px 1px -2px rgba(0,0,0,.16),0 2px 2px 0 rgba(0,0,0,.1),0 1px 5px 0 rgba(0,0,0,.08)
}

.ti_techdocssearch ul {
    margin: 0 0 1em 1em;
    padding: 0;
    list-style-type: none
}

.ti_techdocssearch ul li {
    margin-bottom: 1em;
    padding: 0;
    background: 0 0
}

.ti_techdocssearch ul .slctdeslct {
    float: right
}

.ti_techdocssearch ul input[type=radio] {
    margin: 3px 3px 0 5px
}

.ti_techdocssearch .leftcol {
    float: left;
    width: 400px;
    padding-right: 20px;
    border-right: 1px solid var(--pl-divider-color-primary,#ccc)
}

.ti_techdocssearch .rtcol {
    position: absolute;
    top: 100px;
    left: 420px;
    float: left;
    width: 400px
}

.ti_techdocssearch .btm-row {
    width: 100%;
    padding: 1em;
    background: var(--pl-container-background-color-secondary,#f7f7f7)
}


.ti_techdocssearch select {
    width: 100%;
    margin: .2em 0
}

.ti_techdocssearch-filter {
    padding-top: 5px
}

.ti_techdocssearch-filter select {
    width: 90%
}

.ti_techdocssearch-title {
    margin: 0
}

.ti_techdocssearch-title h2 {
    margin-left: .6em
}

.ti_techdocssearch-main::after {
    content: ""!important;
    display: block!important;
    clear: both!important
}

.ti_techdocssearch-disclaim {
    float: right;
    margin-top: 0;
    font-size: .9em
}

.ti_p-iconText {
    display: inline-flex;
    flex-flow: row nowrap;
    align-items: flex-start;
    min-height: 20px;
    line-height: 20px
}

.ti_p-iconText .ti_p-iconText-icon {
    height: 20px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    overflow: visible;
    flex-shrink: 0;
    -webkit-margin-start: 4px;
    margin-inline-start:4px}

.ti_p-iconText .ti_p-iconText-icon:first-child {
    -webkit-margin-end: 8px;
    margin-inline-end:8px;-webkit-margin-start: 0;
    margin-inline-start:0}

.ti_p-iconText .ti_p-iconText-icon:last-child {
    align-self: center;
    -webkit-margin-start: 8px;
    margin-inline-start:8px}

.ti_p-iconText.mod-medium-icon {
    min-height: 24px;
    line-height: 24px
}

.ti_p-iconText.mod-medium-icon .ti_p-iconText-icon {
    height: 24px
}

.ti_p-iconText.mod-large-icon {
    min-height: 36px;
    line-height: 36px
}

.ti_p-iconText.mod-large-icon .ti_p-iconText-icon {
    height: 36px
}

.ti_p-iconText.ti_p-iconText--trailing {
    display: block;
    -webkit-padding-end: 28px;
    padding-inline-end:28px}

.ti_p-iconText.ti_p-iconText--trailing .ti_p-iconText-icon {
    display: inline-block;
    -webkit-margin-start: 8px;
    margin-inline-start:8px;-webkit-margin-end: -28px;
    margin-inline-end:-28px}

@media(max-width: 766px) {
    .ti_p-iconText .ti_p-iconText {
        min-height:24px;
        line-height: 24px
    }

    .ti_p-iconText .ti_p-iconText .ti_p-iconText-icon {
        height: 24px
    }
}

.video {
    margin-bottom: 2rem
}

#entryDesc {
    height: 50px;
    margin: .5em 0 1em
}

.galleryThumbTitle {
    overflow: hidden;
    width: 160px;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: .8em
}

.hand img {
    border: 1px solid silver
}

.galleryRelatedBox {
    overflow: auto;
    height: 281px;
    padding: .5em;
    border: solid 1px silver;
    background: #fff
}

.tagDesc {
    overflow: auto;
    height: 40px;
    margin: .5em 0 1em
}

.durDesc,.postDesc,.viewDesc {
    overflow: auto;
    margin: .5em 0 1em
}

.videoContainer {
    border: 1px solid silver
}

.ti_videoS .bc-player-SyZQ91bel_default {
    width: auto;
    height: auto;
    min-height: 120px;
    padding-top: 35%;
    border: 1px solid #aaa
}

.ti_videoH {
    display: flex;
    height: auto;
    flex: 1 1 0
}

.ti_videoH>.ti_player,.ti_videoH>.ti_playlist {
    display: flex
}

.ti_videoH .vjs-playlist {
    height: 350px;
    margin: 0;
    border: 1px solid #aaa;
    border-left: none
}

.ti_videoH .bc-player-BJMvlwjfl_default {
    position: relative;
    overflow: hidden;
    box-sizing: border-box;
    width: 100%;
    height: 350px;
    min-height: 120px;
    border: 1px solid #aaa;
    border-right: none
}

.ti_videoH .ti_playlist {
    display: flex;
    max-width: 40%
}

.ti_videoH .ti_player {
    display: flex;
    flex: 1 1 75%
}

.ti_videoV {
    height: auto
}

.ti_videoV .vjs-playlist {
    min-width: 0;
    height: auto;
    max-height: 330px;
    margin: 0;
    border: 1px solid #aaa;
    border-top: none
}

.ti_videoV .bc-player-BJMvlwjfl_default {
    box-sizing: border-box;
    width: auto;
    height: auto;
    min-height: 120px;
    padding-top: 57%;
    border: 1px solid #aaa;
    border-bottom: none
}

.ti_playlist .vjs-playlist {
    background-color: #fff
}

.ti_playlist .vjs-playlist .vjs-selected .vjs-playlist-thumbnail::before {
    display: none
}

.ti_playlist .vjs-playlist .vjs-selected .vjs-playlist-thumbnail>img {
    border: 3px solid #0bc
}

.ti_playlist .vjs-playlist .vjs-playlist-item {
    text-align: left;
    background-color: #fff;
    font-family: inherit
}

.ti_playlist .vjs-playlist .vjs-playlist-item:focus .vjs-playlist-thumbnail:before,.ti_playlist .vjs-playlist .vjs-playlist-item:hover .vjs-playlist-thumbnail:before {
    top: 20px;
    left: 44.5px;
    width: 32px;
    height: 28px;
    color: #fff;
    border-radius: 0;
    background-color: rgba(90,90,90,.75);
    font-size: 22px;
    line-height: 28px
}

.ti_playlist .vjs-playlist .vjs-playlist-item .vjs-playlist-description {
    line-height: 16px
}

.video-js :before {
    font-family: VideoJS,sans-serif
}

button.vjs-button:focus,button.vjs-button:hover {
    background: rgba(0,0,0,0)
}

.vjs-mouse.vjs-playlist cite {
    font-weight: 600!important
}

.aboutTI .video .ti_player .video-js {
    aspect-ratio: 16/9;
    width: 100%;
    height: 100%
}

.ee-components-view {
    padding: 0;
    border: 1px solid var(--pl-border-color-primary,#ccc);
    margin: 2rem 0
}

.ee-components-view-center {
    padding: 0
}

@media(min-width: 600px) {
    .ee-template:not([data-presentation=below])[data-presentation=collapsible] .ee-template-featured,.ee-template:not([data-presentation=below])[data-presentation=collapsible] .ee-template-info-outer-footer-inner,.ee-template:not([data-presentation=below])[data-presentation=collapsible] .ee-template-info-outer-header-inner,.ee-template:not([data-presentation=below])[data-presentation=collapsible] .ee-template-info-outer-info:not([data-info-placement=right]) {
        padding-right:0;
        transition: width .3s ease
    }

    .ee-template:not([data-presentation=below]) .ee-template-featured,.ee-template:not([data-presentation=below]) .ee-template-info-outer-footer-inner,.ee-template:not([data-presentation=below]) .ee-template-info-outer-header-inner,.ee-template:not([data-presentation=below]) .ee-template-info-outer-info:not([data-info-placement=right]) {
        width: 75%;
        padding-right: 0
    }

    .ee-template:not([data-presentation=below]) .ee-template-playlist {
        position: absolute;
        margin: 0;
        padding: 10px;
        border: none;
        width: 25%;
        left: 75%;
        top: 0;
        bottom: 0;
        overflow: auto
    }
}

@media(max-width: 450px) {
    .ee-components-style-videoTitle {
        font-size:20px!important;
        line-height: 24px!important;
        font-weight: 300;
        color: var(--pl-text-color-secondary,#333);
        margin-bottom: .75rem
    }
}

.ee-components-video-list-item:not(:last-child) {
    margin-bottom: 4px
}

.ee-components-video-info {
    padding: 1.5rem;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px
}

.ee-components-style-nowPlaying {
    background-color: var(--pl-element-color-primary,#c00);
    color: var(--pl-text-color-primary-contrast,#fff);
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    text-transform: uppercase;
    padding: 6px 10px
}

.ee-components-thumbnail:focus,.ee-components-thumbnail:hover {
    outline: 1px solid var(--pl-border-color-accent,#c00);
    outline-offset: -1px;
    z-index: 1000
}

.ee-components-play-button-watched {
    background-color: var(--pl-element-color-primary,#c00);
    color: var(--pl-text-color-primary-contrast,#fff);
    padding: 6px 10px;
    text-transform: uppercase;
    font-size: 12px
}

.ee-components-style-overlay {
    color: var(--pl-text-color-primary-contrast,#fff);
    background-color: rgba(0,0,0,.7);
    font-size: 14px;
    font-weight: 400
}

.ee-components-style-videoTitle {
    font-size: 20px!important;
    line-height: 28px!important;
    font-weight: 300!important;
    color: var(--pl-text-color-secondary,#333);
    margin-bottom: .75rem
}

.ee-components-thumbnail {
    position: relative;
    cursor: pointer;
    width: 100%;
    background-color: #fff;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    background-origin: content-box;
    background-clip: content-box;
    padding: 0;
    border: 1px solid var(--pl-border-color-primary,#ccc)
}

.ee-components-video-info-duration {
    font-size: 14px;
    line-height: 20px;
    color: var(--pl-text-color-primary,#555);
    opacity: .81!important
}

.ee-components-video-info-description,.ee-components-video-info-download,.ee-components-video-info-related-link {
    margin-top: 8px;
    font-size: 14px;
    color: var(--pl-text-color-primary,#555);
    line-height: 20px;
    white-space: pre-wrap
}

.ee-components-style-anchor {
    color: var(--pl-link-color-primary,#007c8c);
    text-decoration: none
}

.ee-components-style-anchor:hover {
    text-decoration: underline
}

.ee-components-video-thumbnail[data-info-placement=overlay] .ee-components-video-info {
    position: absolute;
    top: auto;
    right: auto;
    bottom: 0;
    left: 0;
    display: inline-block;
    white-space: nowrap;
    padding: 0;
    max-width: 100%;
    width: 100%
}

.ee-components-video-info-name-content {
    font-size: 14px;
    font-weight: 400
}

.a-decelerate,.a-ease-out {
    transition: all,cubic-bezier(0,0,.2,1),150ms
}

.a-accelerate {
    transition: all,cubic-bezier(.4,0,1,1),.1s
}

.a-smooth {
    transition: all,cubic-bezier(.4,0,.2,1),150ms
}

.a-fade-in {
    animation: fadeIn 150ms cubic-bezier(0,0,.2,1) forwards
}

.a-fade-out {
    animation: fadeOut 75ms cubic-bezier(.4,0,1,1) forwards;
    pointer-events: none
}

.a-side-menu-open {
    animation: menu-enter-view 150ms cubic-bezier(0,0,.2,1) forwards
}

.a-side-menu-close {
    animation: menu-exit-view .1s cubic-bezier(.4,0,1,1) forwards
}

.a-slide-enter-up {
    animation: slideUp 150ms cubic-bezier(0,0,.2,1),fadeIn 150ms forwards
}

.a-slide-exit-down {
    animation: slideDown .1s cubic-bezier(.4,0,1,1),fadeOut .1s forwards;
    pointer-events: none
}

.a-slide-enter-right {
    animation: slideRight 150ms cubic-bezier(0,0,.2,1),fadeIn 150ms forwards
}

.a-slide-exit-left {
    animation: slideLeft .1s cubic-bezier(.4,0,1,1),fadeOut .1s forwards;
    pointer-events: none
}

@keyframes focus-highlight {
    from {
        box-shadow: 0 0 0 3px #bee7ec
    }

    to {
        box-shadow: 0 0 0 3px rgba(190,231,236,.25)
    }
}

@keyframes focus-btn {
    from {
        width: 75%;
        padding-top: 65%
    }

    70% {
        width: 85%;
        padding-top: 75%
    }

    to {
        width: 75%;
        padding-top: 65%
    }
}

@keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fadeOut {
    from {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes slideUp {
    0% {
        transform: translateY(15px)
    }

    100% {
        transform: translateY(0)
    }
}

@keyframes slideDown {
    0% {
        transform: translateY(0)
    }

    100% {
        transform: translateY(15px)
    }
}

@keyframes slideRight {
    0% {
        transform: translateX(-15px)
    }

    100% {
        transform: translateX(0)
    }
}

@keyframes slideLeft {
    0% {
        transform: translateX(0)
    }

    100% {
        transform: translateX(-15px)
    }
}

@keyframes menu-enter-view {
    0% {
        transform: translateX(-100%)
    }

    100% {
        transform: translateX(0)
    }
}

@keyframes menu-exit-view {
    0% {
        transform: translateX(0);
        display: block
    }

    99% {
        display: block
    }

    100% {
        transform: translateX(-100%);
        display: none
    }
}

.u-clearfix::after {
    content: ""!important;
    display: block!important;
    clear: both!important
}

.u-hidden-visually {
    border: 0!important;
    clip: rect(0 0 0 0)!important;
    -webkit-clip-path: inset(50%)!important;
    clip-path: inset(50%)!important;
    height: 1px!important;
    margin: -1px!important;
    overflow: hidden!important;
    padding: 0!important;
    position: absolute!important;
    white-space: nowrap!important;
    width: 1px!important
}

.u-hidden-visually.is-active,.u-hidden-visually.is-focusable {
    clip: auto;
    -webkit-clip-path: none;
    clip-path: none;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
    white-space: inherit
}

.u-invisible {
    visibility: hidden
}

.u-fullWidth {
    width: 100%!important
}

@media(max-width: 766px) {
    .u-fullWidth-only-on-phone {
        width:100%!important
    }
}

.u-minWidth-0 {
    min-width: 0!important
}

@media(max-width: 766px) {
    .u-maxWidth-thumbnail-only-on-phone {
        max-width:calc(60vw - 32px)!important
    }
}

.u-fullHeight {
    height: 100%!important
}

.u-centered-minHeight {
    min-height: 60%!important
}

.u-border-box {
    box-sizing: border-box
}

.u-content-box {
    box-sizing: content-box
}

.u-block,.u-show {
    display: block!important
}

.u-hidden {
    display: none!important
}

.u-hidden-when-empty:empty {
    display: none
}

.u-inline {
    display: inline!important
}

.u-inline-block {
    display: inline-block!important
}

.u-inline-flex {
    display: inline-flex!important
}

.u-pull-left {
    float: left
}

.u-pull-right {
    float: right
}

.u-overflow-x {
    overflow-x: auto
}

.u-overflow-y {
    overflow-y: auto
}

.u-overflow-hidden {
    overflow: hidden
}

.u-overflow-x-hidden {
    overflow-x: hidden
}

.u-center-block {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.u-pos-relative {
    position: relative
}

.u-pos-absolute {
    position: absolute
}

.u-pos-fixed {
    position: fixed
}

.u-zindex-1 {
    z-index: 1
}

.u-isolate {
    isolation: isolate
}

.u-sticky {
    position: sticky
}

.u-cursor-pointer {
    cursor: pointer
}

.u-svgObjectLink {
    position: relative;
    display: inline-block
}

.u-svgObjectLink::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.u-lastchild-nospace>:last-child {
    margin-bottom: 0!important
}

.u-columnCount-2,.u-columnCount-3 {
    -moz-column-gap: 56px;
    column-gap: 56px
}

.u-columnCount-2 ul li,.u-columnCount-3 ul li {
    -moz-column-break-inside: avoid;
    break-inside: avoid-column;
    page-break-inside: avoid
}

.u-columnCount-2 {
    -moz-column-count: 2;
    column-count: 2
}

.u-columnCount-3 {
    -moz-column-count: 3;
    column-count: 3
}

@media(max-width: 766px) {
    .u-columnCount-phone-1 {
        -moz-column-count:1;
        column-count: 1
    }
}

.u-avoid-break-inside {
    -moz-column-break-inside: avoid;
    break-inside: avoid-column;
    page-break-inside: avoid
}

.u-navlist {
    display: flex;
    margin: 0;
    padding-left: 0;
    list-style: none
}

.u-navlist li {
    margin-right: 16px
}

.u-list-unstyled {
    margin-left: 0!important;
    list-style: none!important
}

.u-list-unstyled.mod-nospace>li {
    margin: 0!important
}

.u-list-style-none {
    list-style: none!important
}

.u-divide-y>* {
    border-top: 1px solid var(--pl-divider-color-secondary,#e8e8e8)
}

.u-divide-y>li {
    margin: 0!important;
    padding: calc(8px - 1px) 0 8px 0!important
}

.u-divide-y.mod-extra-padding>li {
    padding: calc(16px - 1px) 0 16px 0!important
}

.u-divide-y:not(.mod-no-bottom-line)>:last-child {
    border-bottom: 1px solid var(--pl-divider-color-secondary,#e8e8e8)
}

.u-divide-y.mod-dotted-line>* {
    border-top: 1px dotted var(--pl-divider-color-secondary,#e8e8e8)
}

.u-divide-y.mod-dotted-line:not(.mod-no-bottom-line)>:last-child {
    border-bottom: 1px dotted var(--pl-divider-color-secondary,#e8e8e8)
}

.u-divide-y.mod-no-top-line>:first-child {
    border-top: 0
}

@media(max-width: 766px) {
    .u-divide-y.mod-not-on-phone>* {
        border-top:0;
        border-bottom: 0
    }
}

.u-text-center {
    text-align: center!important
}

.u-text-left {
    text-align: left
}

.u-text-right {
    text-align: right!important
}

@media(max-width: 766px) {
    .u-text-left-only-on-phone {
        text-align:left!important
    }
}

@media(max-width: 766px) {
    .u-text-right-only-on-phone {
        text-align:right!important
    }
}

.u-text-justify {
    text-align: justify!important
}

.u-text-vcenter {
    vertical-align: middle!important
}

.u-text-nowrap {
    white-space: nowrap
}

.u-text-wrap {
    white-space: normal
}

.u-text-balance {
    text-wrap: balance
}

.u-text-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.u-text-breakword {
    word-break: break-word
}

.u-text-breakall {
    word-break: break-all
}

.u-text-lowercase {
    text-transform: lowercase!important
}

.u-text-uppercase {
    text-transform: uppercase!important
}

.u-text-capitalize {
    text-transform: capitalize!important
}

.u-text-strikethrough {
    text-decoration: line-through!important
}

.u-text-strikethrough:is(a):is(:hover,:focus) {
    text-decoration: line-through underline!important
}

.u-text-underline {
    text-decoration: underline!important
}

.u-text-underline:is(a):is(:hover,:focus) {
    -webkit-text-decoration: underline double!important;
    text-decoration: underline double!important
}

.u-text-nodecoration {
    text-decoration: none!important
}

.u-font-label {
    font-size: 12px;
    line-height: 16px;
    text-transform: uppercase;
    font-weight: 400;
    color: var(--pl-text-color-primary,#555)
}

.u-font-label * {
    color: inherit
}

.u-font-weight-light {
    font-weight: 300!important
}

.u-font-weight-normal {
    font-weight: 400!important
}

.u-font-weight-heavy {
    font-weight: 600!important
}

.u-font-size-1,.u-font-size-small {
    font-size: 12px!important
}

.u-font-size-2,.u-font-size-medium {
    font-size: 14px!important
}

.u-font-size-3,.u-font-size-large {
    font-size: 16px!important
}

.u-font-size-4 {
    font-size: 20px!important
}

.u-font-size-5 {
    font-size: 24px!important
}

.u-font-size-6 {
    font-size: 28px!important
}

.u-font-size-7 {
    font-size: 34px!important
}

.u-line-height-1 {
    line-height: 16px!important
}

.u-line-height-2 {
    line-height: 20px!important
}

.u-line-height-3 {
    line-height: 24px!important
}

.u-line-height-4 {
    line-height: 28px!important
}

.u-line-height-5 {
    line-height: 32px!important
}

.u-line-height-6 {
    line-height: 36px!important
}

.u-line-height-7 {
    line-height: 40px!important
}

.u-line-height-100 {
    line-height: 100%!important
}

[class*=u-header-underline] {
    position: relative;
    padding-bottom: 24px;
    margin-bottom: 24px
}

[class*=u-header-underline]::before {
    content: "";
    position: absolute;
    bottom: 0;
    display: block;
    width: 3em;
    height: 1px;
    background-color: var(--pl-border-color-accent,#c00)
}

@media(min-width: 767px) {
    .u-header-underline-centered,.u-header-underline.mod-centered-line {
        text-align:center
    }

    .u-header-underline-centered::before,.u-header-underline.mod-centered-line::before {
        left: 50%;
        transform: translateX(-50%)
    }
}

.u-language-cn {
    font-family: Roboto,"Helvetica Neue","Arial Nova","Nimbus Sans",Arial,"Noto Sans SC","Noto Sans CJK SC","Source Han Sans SC","PingFang SC","Hiragino Sans GB","Heiti SC","Microsoft YaHei","WenQuanYi Micro Hei",sans-serif
}

.u-language-tw {
    font-family: Roboto,"Helvetica Neue","Arial Nova","Nimbus Sans",Arial,"Noto Sans TC","Noto Sans CJK TC","Source Han Sans TC","PingFang TC","Heiti TC","Microsoft JhengHei","Apple LiGothic",sans-serif
}

.u-language-jp {
    font-family: Roboto,"Helvetica Neue","Arial Nova","Nimbus Sans",Arial,"Noto Sans JP","Hiragino Kaku Gothic ProN","Hiragino Sans","Yu Gothic",Meiryo,"MS Gothic",sans-serif
}

.u-language-ko {
    font-family: Roboto,"Helvetica Neue","Arial Nova","Nimbus Sans",Arial,"Noto Sans KR","Apple SD Gothic Neo","Malgun Gothic",Gulim,Dotum,sans-serif
}

.u-trailing-colon:after {
    content: ":"
}

.u-comma-separated:not(:last-of-type):after {
    content: ","
}

.u-flex {
    display: flex
}

.u-flex.mod-inline {
    display: inline-flex
}

.u-flex.mod-row {
    flex-direction: row
}

.u-flex.mod-column {
    flex-direction: column
}

@media(max-width: 766px) {
    .u-flex.mod-column-only-on-phone {
        flex-direction:column
    }
}

.u-flex.mod-wrap {
    flex-wrap: wrap
}

.u-flex.mod-justify-start {
    justify-content: flex-start
}

.u-flex.mod-justify-end {
    justify-content: flex-end
}

.u-flex.mod-justify-center {
    justify-content: center
}

.u-flex.mod-justify-spaceBetween {
    justify-content: space-between
}

.u-flex.mod-justify-spaceAround {
    justify-content: space-around
}

.u-flex.mod-align-stretch {
    align-items: stretch
}

.u-flex.mod-align-start {
    align-items: flex-start
}

.u-flex.mod-align-end {
    align-items: flex-end
}

.u-flex.mod-align-center {
    align-items: center
}

.u-flex.mod-align-baseline {
    align-items: baseline
}

.u-flex.mod-content-stretch {
    align-content: stretch
}

.u-flex.mod-content-start {
    align-content: flex-start
}

.u-flex.mod-content-end {
    align-content: flex-end
}

.u-flex.mod-content-center {
    align-content: center
}

.u-flex.mod-content-spaceBetween {
    align-content: space-between
}

.u-flex.mod-content-spaceAround {
    align-content: space-around
}

@media(max-width: 766px) {
    .u-flex.mod-wrapReverse-phone {
        flex-wrap:wrap-reverse!important
    }
}

.u-flex-item.mod-basis-0 {
    flex-basis: 0
}

.u-flex-item.mod-basis-100 {
    flex-basis: 100%
}

@media all and (-ms-high-contrast:none),(-ms-high-contrast:active) {
    .u-flex-item.mod-ie-basis-auto {
        flex-basis: auto!important
    }
}

.u-flex-item.mod-item-grow {
    flex-grow: 1
}

.u-flex-item.mod-item-noshrink {
    flex-shrink: 0
}

.u-flex-item.mod-align-stretch {
    align-self: stretch
}

.u-flex-item.mod-align-start {
    align-self: flex-start
}

.u-flex-item.mod-align-end {
    align-self: flex-end
}

.u-flex-item.mod-align-center {
    align-self: center
}

@media(max-width: 1239px) {
    .u-flex-item.mod-reorder-tablet {
        order:-1
    }
}

@media(max-width: 766px) {
    .u-flex-item.mod-reorder-phone {
        order:-1
    }
}

:where(.u-padding-auto) {
    padding: auto!important
}

.u-padding-vertical-auto {
    padding-top: auto!important;
    padding-bottom: auto!important
}

.u-padding-horizontal-auto {
    padding-left: auto!important;
    padding-right: auto!important
}

.u-padding-top-auto {
    padding-top: auto!important
}

.u-padding-bottom-auto {
    padding-bottom: auto!important
}

.u-padding-left-auto {
    padding-left: auto!important
}

.u-padding-right-auto {
    padding-right: auto!important
}

:where(.u-padding-0) {
    padding: 0!important
}

.u-padding-vertical-0 {
    padding-top: 0!important;
    padding-bottom: 0!important
}

.u-padding-horizontal-0 {
    padding-left: 0!important;
    padding-right: 0!important
}

.u-padding-top-0 {
    padding-top: 0!important
}

.u-padding-bottom-0 {
    padding-bottom: 0!important
}

.u-padding-left-0 {
    padding-left: 0!important
}

.u-padding-right-0 {
    padding-right: 0!important
}

:where(.u-padding-1) {
    padding: 4px!important
}

.u-padding-vertical-1 {
    padding-top: 4px!important;
    padding-bottom: 4px!important
}

.u-padding-horizontal-1 {
    padding-left: 4px!important;
    padding-right: 4px!important
}

.u-padding-top-1 {
    padding-top: 4px!important
}

.u-padding-bottom-1 {
    padding-bottom: 4px!important
}

.u-padding-left-1 {
    padding-left: 4px!important
}

.u-padding-right-1 {
    padding-right: 4px!important
}

:where(.u-padding-2) {
    padding: 8px!important
}

.u-padding-vertical-2 {
    padding-top: 8px!important;
    padding-bottom: 8px!important
}

.u-padding-horizontal-2 {
    padding-left: 8px!important;
    padding-right: 8px!important
}

.u-padding-top-2 {
    padding-top: 8px!important
}

.u-padding-bottom-2 {
    padding-bottom: 8px!important
}

.u-padding-left-2 {
    padding-left: 8px!important
}

.u-padding-right-2 {
    padding-right: 8px!important
}

:where(.u-padding-3) {
    padding: 12px!important
}

.u-padding-vertical-3 {
    padding-top: 12px!important;
    padding-bottom: 12px!important
}

.u-padding-horizontal-3 {
    padding-left: 12px!important;
    padding-right: 12px!important
}

.u-padding-top-3 {
    padding-top: 12px!important
}

.u-padding-bottom-3 {
    padding-bottom: 12px!important
}

.u-padding-left-3 {
    padding-left: 12px!important
}

.u-padding-right-3 {
    padding-right: 12px!important
}

:where(.u-padding-4) {
    padding: 16px!important
}

.u-padding-vertical-4 {
    padding-top: 16px!important;
    padding-bottom: 16px!important
}

.u-padding-horizontal-4 {
    padding-left: 16px!important;
    padding-right: 16px!important
}

.u-padding-top-4 {
    padding-top: 16px!important
}

.u-padding-bottom-4 {
    padding-bottom: 16px!important
}

.u-padding-left-4 {
    padding-left: 16px!important
}

.u-padding-right-4 {
    padding-right: 16px!important
}

:where(.u-padding-6) {
    padding: 24px!important
}

.u-padding-vertical-6 {
    padding-top: 24px!important;
    padding-bottom: 24px!important
}

.u-padding-horizontal-6 {
    padding-left: 24px!important;
    padding-right: 24px!important
}

.u-padding-top-6 {
    padding-top: 24px!important
}

.u-padding-bottom-6 {
    padding-bottom: 24px!important
}

.u-padding-left-6 {
    padding-left: 24px!important
}

.u-padding-right-6 {
    padding-right: 24px!important
}

:where(.u-padding-8) {
    padding: 32px!important
}

.u-padding-vertical-8 {
    padding-top: 32px!important;
    padding-bottom: 32px!important
}

.u-padding-horizontal-8 {
    padding-left: 32px!important;
    padding-right: 32px!important
}

.u-padding-top-8 {
    padding-top: 32px!important
}

.u-padding-bottom-8 {
    padding-bottom: 32px!important
}

.u-padding-left-8 {
    padding-left: 32px!important
}

.u-padding-right-8 {
    padding-right: 32px!important
}

:where(.u-padding-12) {
    padding: 48px!important
}

.u-padding-vertical-12 {
    padding-top: 48px!important;
    padding-bottom: 48px!important
}

.u-padding-horizontal-12 {
    padding-left: 48px!important;
    padding-right: 48px!important
}

.u-padding-top-12 {
    padding-top: 48px!important
}

.u-padding-bottom-12 {
    padding-bottom: 48px!important
}

.u-padding-left-12 {
    padding-left: 48px!important
}

.u-padding-right-12 {
    padding-right: 48px!important
}

:where(.u-padding-16) {
    padding: 64px!important
}

.u-padding-vertical-16 {
    padding-top: 64px!important;
    padding-bottom: 64px!important
}

.u-padding-horizontal-16 {
    padding-left: 64px!important;
    padding-right: 64px!important
}

.u-padding-top-16 {
    padding-top: 64px!important
}

.u-padding-bottom-16 {
    padding-bottom: 64px!important
}

.u-padding-left-16 {
    padding-left: 64px!important
}

.u-padding-right-16 {
    padding-right: 64px!important
}

:where(.u-padding-24) {
    padding: 96px!important
}

.u-padding-vertical-24 {
    padding-top: 96px!important;
    padding-bottom: 96px!important
}

.u-padding-horizontal-24 {
    padding-left: 96px!important;
    padding-right: 96px!important
}

.u-padding-top-24 {
    padding-top: 96px!important
}

.u-padding-bottom-24 {
    padding-bottom: 96px!important
}

.u-padding-left-24 {
    padding-left: 96px!important
}

.u-padding-right-24 {
    padding-right: 96px!important
}

:where(.u-margin-auto) {
    margin: auto!important
}

.u-margin-vertical-auto {
    margin-top: auto!important;
    margin-bottom: auto!important
}

.u-margin-horizontal-auto {
    margin-left: auto!important;
    margin-right: auto!important
}

.u-margin-top-auto {
    margin-top: auto!important
}

.u-margin-bottom-auto {
    margin-bottom: auto!important
}

.u-margin-left-auto {
    margin-left: auto!important
}

.u-margin-right-auto {
    margin-right: auto!important
}

:where(.u-margin-0) {
    margin: 0!important
}

.u-margin-vertical-0 {
    margin-top: 0!important;
    margin-bottom: 0!important
}

.u-margin-horizontal-0 {
    margin-left: 0!important;
    margin-right: 0!important
}

.u-margin-top-0 {
    margin-top: 0!important
}

.u-margin-bottom-0 {
    margin-bottom: 0!important
}

.u-margin-left-0 {
    margin-left: 0!important
}

.u-margin-right-0 {
    margin-right: 0!important
}

:where(.u-margin-1) {
    margin: 4px!important
}

.u-margin-vertical-1 {
    margin-top: 4px!important;
    margin-bottom: 4px!important
}

.u-margin-horizontal-1 {
    margin-left: 4px!important;
    margin-right: 4px!important
}

.u-margin-top-1 {
    margin-top: 4px!important
}

.u-margin-bottom-1 {
    margin-bottom: 4px!important
}

.u-margin-left-1 {
    margin-left: 4px!important
}

.u-margin-right-1 {
    margin-right: 4px!important
}

:where(.u-margin-2) {
    margin: 8px!important
}

.u-margin-vertical-2 {
    margin-top: 8px!important;
    margin-bottom: 8px!important
}

.u-margin-horizontal-2 {
    margin-left: 8px!important;
    margin-right: 8px!important
}

.u-margin-top-2 {
    margin-top: 8px!important
}

.u-margin-bottom-2 {
    margin-bottom: 8px!important
}

.u-margin-left-2 {
    margin-left: 8px!important
}

.u-margin-right-2 {
    margin-right: 8px!important
}

:where(.u-margin-3) {
    margin: 12px!important
}

.u-margin-vertical-3 {
    margin-top: 12px!important;
    margin-bottom: 12px!important
}

.u-margin-horizontal-3 {
    margin-left: 12px!important;
    margin-right: 12px!important
}

.u-margin-top-3 {
    margin-top: 12px!important
}

.u-margin-bottom-3 {
    margin-bottom: 12px!important
}

.u-margin-left-3 {
    margin-left: 12px!important
}

.u-margin-right-3 {
    margin-right: 12px!important
}

:where(.u-margin-4) {
    margin: 16px!important
}

.u-margin-vertical-4 {
    margin-top: 16px!important;
    margin-bottom: 16px!important
}

.u-margin-horizontal-4 {
    margin-left: 16px!important;
    margin-right: 16px!important
}

.u-margin-top-4 {
    margin-top: 16px!important
}

.u-margin-bottom-4 {
    margin-bottom: 16px!important
}

.u-margin-left-4 {
    margin-left: 16px!important
}

.u-margin-right-4 {
    margin-right: 16px!important
}

:where(.u-margin-6) {
    margin: 24px!important
}

.u-margin-vertical-6 {
    margin-top: 24px!important;
    margin-bottom: 24px!important
}

.u-margin-horizontal-6 {
    margin-left: 24px!important;
    margin-right: 24px!important
}

.u-margin-top-6 {
    margin-top: 24px!important
}

.u-margin-bottom-6 {
    margin-bottom: 24px!important
}

.u-margin-left-6 {
    margin-left: 24px!important
}

.u-margin-right-6 {
    margin-right: 24px!important
}

:where(.u-margin-8) {
    margin: 32px!important
}

.u-margin-vertical-8 {
    margin-top: 32px!important;
    margin-bottom: 32px!important
}

.u-margin-horizontal-8 {
    margin-left: 32px!important;
    margin-right: 32px!important
}

.u-margin-top-8 {
    margin-top: 32px!important
}

.u-margin-bottom-8 {
    margin-bottom: 32px!important
}

.u-margin-left-8 {
    margin-left: 32px!important
}

.u-margin-right-8 {
    margin-right: 32px!important
}

:where(.u-margin-12) {
    margin: 48px!important
}

.u-margin-vertical-12 {
    margin-top: 48px!important;
    margin-bottom: 48px!important
}

.u-margin-horizontal-12 {
    margin-left: 48px!important;
    margin-right: 48px!important
}

.u-margin-top-12 {
    margin-top: 48px!important
}

.u-margin-bottom-12 {
    margin-bottom: 48px!important
}

.u-margin-left-12 {
    margin-left: 48px!important
}

.u-margin-right-12 {
    margin-right: 48px!important
}

:where(.u-margin-16) {
    margin: 64px!important
}

.u-margin-vertical-16 {
    margin-top: 64px!important;
    margin-bottom: 64px!important
}

.u-margin-horizontal-16 {
    margin-left: 64px!important;
    margin-right: 64px!important
}

.u-margin-top-16 {
    margin-top: 64px!important
}

.u-margin-bottom-16 {
    margin-bottom: 64px!important
}

.u-margin-left-16 {
    margin-left: 64px!important
}

.u-margin-right-16 {
    margin-right: 64px!important
}

:where(.u-margin-24) {
    margin: 96px!important
}

.u-margin-vertical-24 {
    margin-top: 96px!important;
    margin-bottom: 96px!important
}

.u-margin-horizontal-24 {
    margin-left: 96px!important;
    margin-right: 96px!important
}

.u-margin-top-24 {
    margin-top: 96px!important
}

.u-margin-bottom-24 {
    margin-bottom: 96px!important
}

.u-margin-left-24 {
    margin-left: 96px!important
}

.u-margin-right-24 {
    margin-right: 96px!important
}

.u-gap-auto {
    gap: auto
}

.u-row-gap-auto {
    row-gap: auto
}

.u-column-gap-auto {
    -moz-column-gap: auto;
    column-gap: auto
}

.u-gap-0 {
    gap: 0
}

.u-row-gap-0 {
    row-gap: 0
}

.u-column-gap-0 {
    -moz-column-gap: 0;
    column-gap: 0
}

.u-gap-1 {
    gap: 4px
}

.u-row-gap-1 {
    row-gap: 4px
}

.u-column-gap-1 {
    -moz-column-gap: 4px;
    column-gap: 4px
}

.u-gap-2 {
    gap: 8px
}

.u-row-gap-2 {
    row-gap: 8px
}

.u-column-gap-2 {
    -moz-column-gap: 8px;
    column-gap: 8px
}

.u-gap-3 {
    gap: 12px
}

.u-row-gap-3 {
    row-gap: 12px
}

.u-column-gap-3 {
    -moz-column-gap: 12px;
    column-gap: 12px
}

.u-gap-4 {
    gap: 16px
}

.u-row-gap-4 {
    row-gap: 16px
}

.u-column-gap-4 {
    -moz-column-gap: 16px;
    column-gap: 16px
}

.u-gap-6 {
    gap: 24px
}

.u-row-gap-6 {
    row-gap: 24px
}

.u-column-gap-6 {
    -moz-column-gap: 24px;
    column-gap: 24px
}

.u-gap-8 {
    gap: 32px
}

.u-row-gap-8 {
    row-gap: 32px
}

.u-column-gap-8 {
    -moz-column-gap: 32px;
    column-gap: 32px
}

.u-gap-12 {
    gap: 48px
}

.u-row-gap-12 {
    row-gap: 48px
}

.u-column-gap-12 {
    -moz-column-gap: 48px;
    column-gap: 48px
}

.u-gap-16 {
    gap: 64px
}

.u-row-gap-16 {
    row-gap: 64px
}

.u-column-gap-16 {
    -moz-column-gap: 64px;
    column-gap: 64px
}

.u-gap-24 {
    gap: 96px
}

.u-row-gap-24 {
    row-gap: 96px
}

.u-column-gap-24 {
    -moz-column-gap: 96px;
    column-gap: 96px
}

.u-force-page-margins {
    padding-inline:28px}

@media(max-width: 766px) {
    .u-force-page-margins {
        padding-inline:16px
    }
}

.u-clear-header-space {
    margin-top: -16px!important
}

.u-clear-footer-space {
    margin-bottom: -96px!important
}

@media(max-width: 766px) {
    .u-clear-footer-space {
        margin-bottom:-48px!important
    }
}

@media(max-width: 766px) {
    .u-clear-footer-space-only-on-phone {
        margin-bottom:-48px!important
    }
}

.u-clear-layout-space-large-before {
    margin-top: -96px!important
}

@media(max-width: 1239px) {
    .u-clear-layout-space-large-before {
        margin-top:-96px!important
    }
}

@media(max-width: 766px) {
    .u-clear-layout-space-large-before {
        margin-top:-48px!important
    }
}

.u-cardBorder-top-teal {
    border-top-style: solid;
    border-top-width: 2px;
    border-top-color: var(--pl-element-color-tertiary,#007c8c)
}

.u-cardBorder-top-red {
    border-top-style: solid;
    border-top-width: 2px;
    border-top-color: var(--pl-element-color-primary,#c00)
}

.u-cardBorder-left-teal {
    border-left-style: solid;
    border-left-width: 3px;
    border-left-color: var(--pl-element-color-tertiary,#007c8c)
}

.u-cardBorder-left-red {
    border-left-style: solid;
    border-left-width: 3px;
    border-left-color: var(--pl-element-color-primary,#c00)
}

.u-cardBorder-left-charcoal {
    border-left-style: solid;
    border-left-width: 3px;
    border-left-color: var(--pl-element-color-secondary-darker,#333)
}

.u-image.mod-aspect {
    display: block;
    width: 100%;
    position: relative;
    height: 0;
    padding: 100% 0 0 0;
    overflow: hidden
}

.u-image.mod-aspect.mod-rectangle {
    padding: 56.25% 0 0 0
}

.u-image.mod-aspect>img {
    position: absolute;
    display: block;
    max-width: 100%;
    max-height: 100%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto
}

.u-image.mod-aspect.mod-cover>img {
    max-width: initial;
    left: -200%;
    right: -200%;
    top: -200%;
    bottom: -200%
}

.u-image.mod-zoom {
    border: 1px solid var(--pl-border-color-primary,#ccc);
    padding-top: calc(100% - 1px)
}

.u-image.mod-zoom.mod-rectangle {
    padding-top: calc(56.25% - 1px)
}

.u-image.mod-zoom::after {
    content: "";
    display: block;
    position: absolute;
    right: -1px;
    bottom: -1px;
    width: 32px;
    height: 32px;
    background-color: var(--pl-container-background-color-primary,#fff);
    background-image: url(https://www.ti.com/assets/icons/ti_icons-actions/zoom-in.svg);
    background-repeat: no-repeat;
    background-position: 3px 3px;
    background-size: 24px;
    border: 1px solid var(--pl-border-color-primary,#ccc)
}

.u-image-border:where(img) {
    border: 1px solid var(--pl-element-border-color,#ccc)
}

.u-image-border:where(ti-image:not([zoom])) {
    --ti-image-border-width: 1px
}

.u-filter-inverted:is(ti-image) {
    --ti-image-filter: brightness(0) saturate(100%) invert(1);
    --ti-image-fill-color: #ffffff
}

.u-filter-inverted:not(:is(ti-image)) {
    filter: brightness(0) saturate(100%) invert(1)
}

.u-view-maxWidth {
    max-width: 1440px
}

.u-border-rounded {
    border-radius: 2px
}

.u-border-circle {
    border-radius: 50%
}

.u-boxShadow-1 {
    box-shadow: 0 0 1px 1px rgba(0,0,0,.05),0 3px 1px -2px rgba(0,0,0,.16),0 2px 2px 0 rgba(0,0,0,.1),0 1px 5px 0 rgba(0,0,0,.08)
}

.u-boxShadow-2 {
    box-shadow: 0 0 1px 1px rgba(0,0,0,.05),0 2px 4px -1px rgba(0,0,0,.16),0 4px 5px 0 rgba(0,0,0,.1),0 1px 10px 0 rgba(0,0,0,.08)
}

.u-boxShadow-3 {
    box-shadow: 0 0 1px 1px rgba(0,0,0,.05),0 5px 5px -3px rgba(0,0,0,.16),0 8px 10px 1px rgba(0,0,0,.1),0 3px 14px 2px rgba(0,0,0,.08)
}

.u-boxShadow-4 {
    box-shadow: 0 0 1px 1px rgba(0,0,0,.05),0 7px 9px -4px rgba(0,0,0,.16),0 14px 21px 2px rgba(0,0,0,.1),0 5px 26px 4px rgba(0,0,0,.08)
}

.u-bgColor-teal1 {
    background-color: #f2feff!important
}

.u-bgColor-teal2 {
    background-color: #e5f7fa!important
}

.u-bgColor-teal3 {
    background-color: #bee7ec!important
}

.u-bgColor-teal4 {
    background-color: #9bd7df!important
}

.u-bgColor-teal5 {
    background-color: #007c8c!important
}

.u-bgColor-teal6 {
    background-color: #00525d!important
}

.u-bgColor-red1 {
    background-color: #fff5f5!important
}

.u-bgColor-red2 {
    background-color: #fee9e9!important
}

.u-bgColor-red3 {
    background-color: #fbaeae!important
}

.u-bgColor-red4 {
    background-color: #e00!important
}

.u-bgColor-red5 {
    background-color: #c00!important
}

.u-bgColor-red6 {
    background-color: #a40000!important
}

.u-bgColor-white {
    background-color: #fff!important
}

.u-bgColor-grey1 {
    background-color: #f7f7f7!important
}

.u-bgColor-grey2 {
    background-color: #e8e8e8!important
}

.u-bgColor-grey3 {
    background-color: #ccc!important
}

.u-bgColor-grey4 {
    background-color: #b9b9b9!important
}

.u-bgColor-grey5 {
    background-color: #aaa!important
}

.u-bgColor-grey6 {
    background-color: #999!important
}

.u-bgColor-grey7 {
    background-color: #555!important
}

.u-bgColor-grey8 {
    background-color: #333!important
}

.u-bgColor-black {
    background-color: #000!important
}

.u-bgColor-yellow1 {
    background-color: #fffcf5!important
}

.u-bgColor-yellow2 {
    background-color: #fff8e9!important
}

.u-bgColor-yellow3 {
    background-color: #ffc758!important
}

.u-bgColor-yellow4 {
    background-color: #ffa358!important
}

.u-bgColor-hoverhighlight {
    background: #f2feff!important
}

.u-bgColor-gradient-lightGrey {
    background: linear-gradient(35deg,#f7f7f7 0,#fafafa 100%)!important
}

.u-bgColor-gradient-darkGrey {
    background: linear-gradient(35deg,#333 35%,#555 100%)!important
}

.u-bgColor-gradient-blackGrey {
    background: linear-gradient(35deg,#000 0,#333 100%)!important
}

.u-bgColor-gradient-red {
    background: linear-gradient(35deg,#a40000 35%,#c00 100%)!important
}

.u-color-teal1 {
    color: #f2feff!important;
    fill: #f2feff!important
}

.u-color-teal2 {
    color: #e5f7fa!important;
    fill: #e5f7fa!important
}

.u-color-teal3 {
    color: #bee7ec!important;
    fill: #bee7ec!important
}

.u-color-teal4 {
    color: #9bd7df!important;
    fill: #9bd7df!important
}

.u-color-teal5 {
    color: #007c8c!important;
    fill: #007c8c!important
}

.u-color-teal6 {
    color: #00525d!important;
    fill: #00525d!important
}

.u-color-red1 {
    color: #fff5f5!important;
    fill: #fff5f5!important
}

.u-color-red2 {
    color: #fee9e9!important;
    fill: #fee9e9!important
}

.u-color-red3 {
    color: #fbaeae!important;
    fill: #fbaeae!important
}

.u-color-red4 {
    color: #e00!important;
    fill: #e00!important
}

.u-color-red5 {
    color: #c00!important;
    fill: #c00!important
}

.u-color-red6 {
    color: #a40000!important;
    fill: #a40000!important
}

.u-color-white {
    color: #fff!important;
    fill: #fff!important
}

.u-color-grey1 {
    color: #f7f7f7!important;
    fill: #f7f7f7!important
}

.u-color-grey2 {
    color: #e8e8e8!important;
    fill: #e8e8e8!important
}

.u-color-grey3 {
    color: #ccc!important;
    fill: #ccc!important
}

.u-color-grey4 {
    color: #b9b9b9!important;
    fill: #b9b9b9!important
}

.u-color-grey5 {
    color: #aaa!important;
    fill: #aaa!important
}

.u-color-grey6 {
    color: #999!important;
    fill: #999!important
}

.u-color-grey7 {
    color: #555!important;
    fill: #555!important
}

.u-color-grey8 {
    color: #333!important;
    fill: #333!important
}

.u-color-black {
    color: #000!important;
    fill: #000!important
}

.u-color-yellow1 {
    color: #fffcf5!important;
    fill: #fffcf5!important
}

.u-color-yellow2 {
    color: #fff8e9!important;
    fill: #fff8e9!important
}

.u-color-yellow3 {
    color: #ffc758!important;
    fill: #ffc758!important
}

.u-color-yellow4 {
    color: #ffa358!important;
    fill: #ffa358!important
}

.u-color-green {
    color: #37a145!important;
    fill: #37a145!important
}

.clear::after {
    content: ""!important;
    display: block!important;
    clear: both!important
}

.hidden {
    display: none!important
}

.flleft {
    float: left
}

.flright {
    float: right
}

.no-style {
    margin-left: 0!important;
    list-style: none!important
}

.no-style.mod-nospace>li {
    margin: 0!important
}

.center {
    text-align: center!important
}

.right {
    text-align: right!important
}

.nowrap {
    white-space: nowrap
}

.u-padding-vertical-auto {
    padding-top: auto!important;
    padding-bottom: auto!important
}

.u-padding-horizontal-auto {
    padding-left: auto!important;
    padding-right: auto!important
}

.u-padding-top-auto {
    padding-top: auto!important
}

.u-padding-bottom-auto {
    padding-bottom: auto!important
}

.u-padding-left-auto {
    padding-left: auto!important
}

.u-padding-right-auto {
    padding-right: auto!important
}

:where(.u-padding-0) {
    padding: 0!important
}

.u-padding-vertical-0 {
    padding-top: 0!important;
    padding-bottom: 0!important
}

.u-padding-horizontal-0 {
    padding-left: 0!important;
    padding-right: 0!important
}

.u-padding-top-0 {
    padding-top: 0!important
}

.u-padding-bottom-0 {
    padding-bottom: 0!important
}

.u-padding-left-0 {
    padding-left: 0!important
}

.u-padding-right-0 {
    padding-right: 0!important
}

:where(.u-padding-xs) {
    padding: 4px!important
}

.u-padding-vertical-xs {
    padding-top: 4px!important;
    padding-bottom: 4px!important
}

.u-padding-horizontal-xs {
    padding-left: 4px!important;
    padding-right: 4px!important
}

.u-padding-top-xs {
    padding-top: 4px!important
}

.u-padding-bottom-xs {
    padding-bottom: 4px!important
}

.u-padding-left-xs {
    padding-left: 4px!important
}

.u-padding-right-xs {
    padding-right: 4px!important
}

:where(.u-padding-s) {
    padding: 8px!important
}

.u-padding-vertical-s {
    padding-top: 8px!important;
    padding-bottom: 8px!important
}

.u-padding-horizontal-s {
    padding-left: 8px!important;
    padding-right: 8px!important
}

.u-padding-top-s {
    padding-top: 8px!important
}

.u-padding-bottom-s {
    padding-bottom: 8px!important
}

.u-padding-left-s {
    padding-left: 8px!important
}

.u-padding-right-s {
    padding-right: 8px!important
}

:where(.u-padding-m) {
    padding: 16px!important
}

.u-padding-vertical-m {
    padding-top: 16px!important;
    padding-bottom: 16px!important
}

.u-padding-horizontal-m {
    padding-left: 16px!important;
    padding-right: 16px!important
}

.u-padding-top-m {
    padding-top: 16px!important
}

.u-padding-bottom-m {
    padding-bottom: 16px!important
}

.u-padding-left-m {
    padding-left: 16px!important
}

.u-padding-right-m {
    padding-right: 16px!important
}

:where(.u-padding-l) {
    padding: 24px!important
}

.u-padding-vertical-l {
    padding-top: 24px!important;
    padding-bottom: 24px!important
}

.u-padding-horizontal-l {
    padding-left: 24px!important;
    padding-right: 24px!important
}

.u-padding-top-l {
    padding-top: 24px!important
}

.u-padding-bottom-l {
    padding-bottom: 24px!important
}

.u-padding-left-l {
    padding-left: 24px!important
}

.u-padding-right-l {
    padding-right: 24px!important
}

:where(.u-padding-xl) {
    padding: 32px!important
}

.u-padding-vertical-xl {
    padding-top: 32px!important;
    padding-bottom: 32px!important
}

.u-padding-horizontal-xl {
    padding-left: 32px!important;
    padding-right: 32px!important
}

.u-padding-top-xl {
    padding-top: 32px!important
}

.u-padding-bottom-xl {
    padding-bottom: 32px!important
}

.u-padding-left-xl {
    padding-left: 32px!important
}

.u-padding-right-xl {
    padding-right: 32px!important
}

:where(.u-padding-xxl) {
    padding: 48px!important
}

.u-padding-vertical-xxl {
    padding-top: 48px!important;
    padding-bottom: 48px!important
}

.u-padding-horizontal-xxl {
    padding-left: 48px!important;
    padding-right: 48px!important
}

.u-padding-top-xxl {
    padding-top: 48px!important
}

.u-padding-bottom-xxl {
    padding-bottom: 48px!important
}

.u-padding-left-xxl {
    padding-left: 48px!important
}

.u-padding-right-xxl {
    padding-right: 48px!important
}

:where(.u-padding-xxxl) {
    padding: 64px!important
}

.u-padding-vertical-xxxl {
    padding-top: 64px!important;
    padding-bottom: 64px!important
}

.u-padding-horizontal-xxxl {
    padding-left: 64px!important;
    padding-right: 64px!important
}

.u-padding-top-xxxl {
    padding-top: 64px!important
}

.u-padding-bottom-xxxl {
    padding-bottom: 64px!important
}

.u-padding-left-xxxl {
    padding-left: 64px!important
}

.u-padding-right-xxxl {
    padding-right: 64px!important
}

:where(.u-padding-xxxxl) {
    padding: 96px!important
}

.u-padding-vertical-xxxxl {
    padding-top: 96px!important;
    padding-bottom: 96px!important
}

.u-padding-horizontal-xxxxl {
    padding-left: 96px!important;
    padding-right: 96px!important
}

.u-padding-top-xxxxl {
    padding-top: 96px!important
}

.u-padding-bottom-xxxxl {
    padding-bottom: 96px!important
}

.u-padding-left-xxxxl {
    padding-left: 96px!important
}

.u-padding-right-xxxxl {
    padding-right: 96px!important
}

.u-margin-vertical-auto {
    margin-top: auto!important;
    margin-bottom: auto!important
}

.u-margin-horizontal-auto {
    margin-left: auto!important;
    margin-right: auto!important
}

.u-margin-top-auto {
    margin-top: auto!important
}

.u-margin-bottom-auto {
    margin-bottom: auto!important
}

.u-margin-left-auto {
    margin-left: auto!important
}

.u-margin-right-auto {
    margin-right: auto!important
}

:where(.u-margin-0) {
    margin: 0!important
}

.u-margin-vertical-0 {
    margin-top: 0!important;
    margin-bottom: 0!important
}

.u-margin-horizontal-0 {
    margin-left: 0!important;
    margin-right: 0!important
}

.u-margin-top-0 {
    margin-top: 0!important
}

.u-margin-bottom-0 {
    margin-bottom: 0!important
}

.u-margin-left-0 {
    margin-left: 0!important
}

.u-margin-right-0 {
    margin-right: 0!important
}

:where(.u-margin-xs) {
    margin: 4px!important
}

.u-margin-vertical-xs {
    margin-top: 4px!important;
    margin-bottom: 4px!important
}

.u-margin-horizontal-xs {
    margin-left: 4px!important;
    margin-right: 4px!important
}

.u-margin-top-xs {
    margin-top: 4px!important
}

.u-margin-bottom-xs {
    margin-bottom: 4px!important
}

.u-margin-left-xs {
    margin-left: 4px!important
}

.u-margin-right-xs {
    margin-right: 4px!important
}

:where(.u-margin-s) {
    margin: 8px!important
}

.u-margin-vertical-s {
    margin-top: 8px!important;
    margin-bottom: 8px!important
}

.u-margin-horizontal-s {
    margin-left: 8px!important;
    margin-right: 8px!important
}

.u-margin-top-s {
    margin-top: 8px!important
}

.u-margin-bottom-s {
    margin-bottom: 8px!important
}

.u-margin-left-s {
    margin-left: 8px!important
}

.u-margin-right-s {
    margin-right: 8px!important
}

:where(.u-margin-m) {
    margin: 16px!important
}

.u-margin-vertical-m {
    margin-top: 16px!important;
    margin-bottom: 16px!important
}

.u-margin-horizontal-m {
    margin-left: 16px!important;
    margin-right: 16px!important
}

.u-margin-top-m {
    margin-top: 16px!important
}

.u-margin-bottom-m {
    margin-bottom: 16px!important
}

.u-margin-left-m {
    margin-left: 16px!important
}

.u-margin-right-m {
    margin-right: 16px!important
}

:where(.u-margin-l) {
    margin: 24px!important
}

.u-margin-vertical-l {
    margin-top: 24px!important;
    margin-bottom: 24px!important
}

.u-margin-horizontal-l {
    margin-left: 24px!important;
    margin-right: 24px!important
}

.u-margin-top-l {
    margin-top: 24px!important
}

.u-margin-bottom-l {
    margin-bottom: 24px!important
}

.u-margin-left-l {
    margin-left: 24px!important
}

.u-margin-right-l {
    margin-right: 24px!important
}

:where(.u-margin-xl) {
    margin: 32px!important
}

.u-margin-vertical-xl {
    margin-top: 32px!important;
    margin-bottom: 32px!important
}

.u-margin-horizontal-xl {
    margin-left: 32px!important;
    margin-right: 32px!important
}

.u-margin-top-xl {
    margin-top: 32px!important
}

.u-margin-bottom-xl {
    margin-bottom: 32px!important
}

.u-margin-left-xl {
    margin-left: 32px!important
}

.u-margin-right-xl {
    margin-right: 32px!important
}

:where(.u-margin-xxl) {
    margin: 48px!important
}

.u-margin-vertical-xxl {
    margin-top: 48px!important;
    margin-bottom: 48px!important
}

.u-margin-horizontal-xxl {
    margin-left: 48px!important;
    margin-right: 48px!important
}

.u-margin-top-xxl {
    margin-top: 48px!important
}

.u-margin-bottom-xxl {
    margin-bottom: 48px!important
}

.u-margin-left-xxl {
    margin-left: 48px!important
}

.u-margin-right-xxl {
    margin-right: 48px!important
}

:where(.u-margin-xxxl) {
    margin: 64px!important
}

.u-margin-vertical-xxxl {
    margin-top: 64px!important;
    margin-bottom: 64px!important
}

.u-margin-horizontal-xxxl {
    margin-left: 64px!important;
    margin-right: 64px!important
}

.u-margin-top-xxxl {
    margin-top: 64px!important
}

.u-margin-bottom-xxxl {
    margin-bottom: 64px!important
}

.u-margin-left-xxxl {
    margin-left: 64px!important
}

.u-margin-right-xxxl {
    margin-right: 64px!important
}

:where(.u-margin-xxxxl) {
    margin: 96px!important
}

.u-margin-vertical-xxxxl {
    margin-top: 96px!important;
    margin-bottom: 96px!important
}

.u-margin-horizontal-xxxxl {
    margin-left: 96px!important;
    margin-right: 96px!important
}

.u-margin-top-xxxxl {
    margin-top: 96px!important
}

.u-margin-bottom-xxxxl {
    margin-bottom: 96px!important
}

.u-margin-left-xxxxl {
    margin-left: 96px!important
}

.u-margin-right-xxxxl {
    margin-right: 96px!important
}

:not(.ti_p-row)>.ti_p-col {
    width: 100%
}

.paged-form-container {
    margin: -8px;
    padding: 8px
}

#tiLibrary .material-icons::before {
    display: inline-block;
    vertical-align: middle
}

#tiLibrary .gpnLinks::before {
    content: ""!important;
    display: inline-block;
    width: 16px;
    height: 16px;
    position: relative;
    top: 2px;
    background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"%3E%3Cpath d="M3.9,12C3.9,10.29 5.29,8.9 7,8.9H11V7H7A5,5 0 0,0 2,12A5,5 0 0,0 7,17H11V15.1H7C5.29,15.1 3.9,13.71 3.9,12M8,13H16V11H8V13M17,7H13V8.9H17C18.71,8.9 20.1,10.29 20.1,12C20.1,13.71 18.71,15.1 17,15.1H13V17H17A5,5 0 0,0 22,12A5,5 0 0,0 17,7Z" /%3E%3C/svg%3E');
    background-size: 16px;
    background-position: 50% 50%
}

.same-height,.u-flex-row,.u-sameheight {
    display: flex;
    flex-direction: row
}

.u-flex-column {
    display: flex;
    flex-direction: column
}

.u-flex-fill {
    flex: 1 1 auto
}

.u-flex-shrink {
    flex: 0 1 auto
}

.breadcrumb,.breadcrumbs {
    padding: 0 28px .5rem;
    color: #999;
    font-size: 14px;
    line-height: 28px;
    cursor: default
}

.breadcrumb a,.breadcrumb span,.breadcrumbs a,.breadcrumbs span {
    margin: 0 .25rem;
    color: #555;
    font-family: inherit
}

.breadcrumb a,.breadcrumbs a {
    color: #555
}

.breadcrumb a:first-child,.breadcrumbs a:first-child {
    margin-left: 0
}

.breadcrumb a::after,.breadcrumbs a::after {
    display: inline-block;
    padding: 0 .25em;
    vertical-align: middle;
    color: #555
}

#tiHeader>br {
    display: none
}

#tiHeader .sub a.more {
    background: 0 0;
    display: inline-flex;
    padding-right: 0;
    align-items: center
}

#tiHeader .sub a.more::after {
    content: "";
    display: inline-block;
    width: 18px;
    height: 18px;
    background-image: url(https://www.ti.com/assets/icons/ti_icons-objects/arrow-right.svg);
    background-position: 0 -36px;
    background-size: 18px;
    background-repeat: no-repeat;
    margin-left: .25rem
}

#tiHeader .cartItem li.border-bottom a {
    display: inline-block
}

#tiHeader .cartItem ul+p {
    margin-top: 1rem
}

#bottomcontent,#maincontainer,#pgmargin {
    margin-left: 2rem
}

#pgmargin {
    margin-right: 2rem;
    padding-top: 1rem
}

#pgmargin h1 {
    padding-top: 1rem
}

#pgmargin h1:first-child {
    padding-top: 0
}

#bottomcontent {
    margin-top: 2rem
}

.clear {
    clear: both
}

.tblstandard {
    border-top: initial
}

.tblstandard th {
    background: #e8e8e8;
    font-weight: 600
}

.tblstandard li {
    list-style: none
}

.ti-chapter-nav {
    margin-bottom: 20px;
    background-color: var(--pl-container-background-color-secondary,#f7f7f7);
    position: relative;
    z-index: 10
}

.ti-chapter-nav::after {
    content: ""!important;
    display: block!important;
    clear: both!important
}

.ti-chapter-nav ul {
    position: relative;
    z-index: 5;
    display: block;
    list-style: none;
    margin: 0;
    padding: 20px 0;
    float: left
}

.ti-chapter-nav ul li {
    display: inline-block;
    height: 32px;
    background: 0 0;
    margin: 0 20px;
    padding: 0;
    position: relative
}

.ti-chapter-nav ul li a {
    font-size: 1em;
    line-height: 32px;
    height: 32px;
    display: block;
    color: #156;
    position: relative
}

.ti-chapter-nav ul li a:visited {
    color: #333
}

.ti-chapter-nav ul li:after {
    content: "|";
    position: absolute;
    right: -24px;
    top: 5px;
    color: #ccc
}

.ti-chapter-nav ul li:last-child:after {
    content: ""
}

.ti-chapter-nav ul li.active a {
    color: #c00;
    font-weight: 700
}

.ti-chapter-nav ul li.active a:hover {
    cursor: default;
    text-decoration: none
}

.ti-chapter-nav ul li.active a:after {
    content: " ";
    border-bottom: 2px solid #c00;
    width: 100%;
    padding: 0 5px;
    position: absolute;
    left: -5px;
    bottom: -20px
}

.ti-chapter-nav ul.ti-nav-show {
    display: block
}

.ti-chapter-nav .ti-chapter-nav-left {
    float: left
}

.ti-chapter-nav h1 {
    font-size: 1em;
    position: relative;
    top: 12px;
    margin-left: 20px
}

.ti-chapter-nav .nav-flip {
    float: right;
    padding: 20px 20px 0 0
}

.ti-chapter-nav .button {
    background: #fff
}

body.ti-nav-sticky .ti-chapter-nav {
    position: fixed;
    width: 100%;
    left: 0;
    top: 0;
    z-index: 10002;
    border-top: 0
}

#filter {
    padding: 20px 20px 0
}

.sticky>.inner {
    margin-left: 22%
}

.scroll-spy-section {
    padding-top: 50px
}

.softwareTable {
    margin: 0
}

#toggleFoldersDropDown li {
    list-style: none
}

td .breadcrumbs {
    padding-left: .5rem
}

#Datasheet {
    padding-left: 2rem
}

#Datasheet li {
    list-style: none
}

#galleryLeft {
    display: flex
}

#galleryLeft li {
    list-style: none
}

#galleryLeft #navigation li.selected {
    border-color: #aaa
}

.relProd {
    clear: both
}

.folder.product .pageContent {
    padding: 0 2rem;
    display: block
}

.folder.product .pageContent1 {
    float: left;
    width: 70%
}

.folder.product .pageContent2 {
    float: right;
    width: 30%;
    padding: 0 0 0 3rem
}

.ti-productpath-ribbon {
    margin: 0 2rem
}

.ti-productpath-ribbon.pageTitle .keyDocument li {
    list-style: none
}

.tab {
    margin: 0;
    top: 0
}

.folder.product .alert-message {
    display: flex;
    flex-direction: column;
    overflow: hidden;
    min-height: 7em;
    margin: 2rem 0;
    padding: 1rem;
    border: 1px solid #bee7ec;
    border-radius: .35rem;
    background-color: #f2feff;
    position: relative
}

#relEnds.relEnd .list li {
    background: 0 0
}

.showMore .showContent {
    max-height: 200px;
    overflow: hidden
}

.showMore .showButton {
    font-size: .9em;
    border-top: 1px solid #e0e0e0;
    text-align: center;
    height: 1px;
    margin: 1.5rem 0 0 0
}

.showMore .showButton span {
    position: relative;
    top: -.8em;
    background: #fff;
    color: var(--pl-link-color-primary,#007c8c);
    padding: 0 .5em;
    border-radius: 2px;
    cursor: pointer;
    z-index: 1
}

.showMore.showLess .showContent {
    max-height: none
}

.anchor {
    border-bottom: 1px solid silver;
    padding: 1em 0 .7em 0
}

.anchor ul {
    margin: 0;
    padding: 0 2em;
    padding: 0 2rem
}

.anchor li {
    list-style: none;
    background: 0 0;
    color: silver;
    float: left;
    margin: 0;
    padding: 0
}

.anchor li:after {
    content: "|";
    padding: 0 .5em
}

.anchor li:last-child:after {
    content: none
}

.anchor li.active a {
    background: #555;
    color: #fff;
    padding: 1px 10px
}

#parametrics .tblstandard {
    table-layout: initial;
    position: relative;
    border-top: 1px solid #e0e0e0;
    border-left: 1px solid #e0e0e0;
    font-size: 1em;
    margin: 0 0 1em 0
}

#parametrics .tblstandard td,#parametrics .tblstandard th {
    background: #fff;
    border-right: 1px solid #e0e0e0;
    border-bottom: 1px solid #e0e0e0;
    vertical-align: top;
    padding: .5em
}

#parametrics .tblstandard td.image,#parametrics .tblstandard th.image {
    vertical-align: middle;
    text-align: center
}

#parametrics .tblstandard th {
    background: #e8e8e8;
    text-align: left;
    vertical-align: middle;
    color: #555
}

#parametrics #paramsName.tblstandard td,#parametrics #paramsName.tblstandard th {
    border-right: none
}

.ti-designs-section .TIdevices li,.ti-designs-section .designList li,.ti-designs-section li.download,.ti-designs-section li.pdf {
    list-style: none
}

.ti-designs-section .TIdevices {
    margin-left: 1rem
}

.tblstandard,.ti_table {
    margin-bottom: 2rem;
    table-layout: fixed;
    border-spacing: 0;
    border-collapse: collapse
}

.tblstandard.mod-fullWidth,.ti_table.mod-fullWidth {
    min-width: 100%
}

.tblstandard td,.tblstandard th,.ti_table td,.ti_table th {
    padding: .5em;
    text-align: left;
    border: 1px solid #ccc
}

.tblstandard td.u-text-center,.tblstandard th.u-text-center,.ti_table td.u-text-center,.ti_table th.u-text-center {
    text-align: center
}

.tblstandard .icon-wordreplace,.ti_table .icon-wordreplace {
    display: inline
}

.tblstandard a .icon-wordreplace,.ti_table a .icon-wordreplace {
    color: var(--pl-link-color-primary,#007c8c)!important
}

.ti_table.mod-comparison {
    empty-cells: show;
    border-collapse: separate
}

.ti_table.mod-comparison td,.ti_table.mod-comparison th {
    border: 0;
    border-top: 1px solid #ccc
}

.ti_table.mod-comparison thead th {
    border-top: none
}

.ti_table.mod-comparison td {
    text-align: center
}

.ti_table.mod-comparison td.u-text-left {
    text-align: left
}

.ti_table.mod-comparison td.u-text-right {
    text-align: right
}

.ti_table.mod-comparison p {
    text-align: left
}

.ti_table.mod-comparison p:last-child {
    margin-bottom: 0
}

.ti_table.mod-comparison img {
    max-width: 115px
}

.ti_table.mod-comparison tbody th[rowspan] {
    vertical-align: middle
}

.ti_table-title {
    text-align: left
}

.ti_table-title>p {
    margin: 0;
    padding: 0;
    font-size: inherit;
    line-height: inherit;
    font-weight: inherit
}

.primaryLink .ti_cta .more {
    display: inline-block
}

.ti_table-row.mod-heading3 th {
    color: #fff;
    background-color: #00525d;
    font-weight: 600
}

.ti_table-row.mod-heading3 th a {
    color: #fff
}

.ti_table-row.mod-heading2 th {
    color: #333;
    background-color: #b9b9b9;
    font-weight: 600
}

.ti_table-row.mod-heading1 th {
    color: #333;
    background-color: #e8e8e8;
    font-weight: 600
}

.ti_table-row.mod-subheader th {
    text-align: left;
    color: #333;
    border-top: 1px solid var(--pl-divider-color-primary,#ccc);
    background-color: var(--pl-container-background-color-secondary,#f7f7f7);
    font-weight: 600
}

.ti_table-subheader {
    margin: 0;
    padding: 0;
    font-size: 1em
}

.ti_table-row.mod-cta a {
    display: block;
    margin: .5em 0
}

.ti_table-row.mod-footnote td {
    padding-top: 1rem;
    border: none;
    font-size: .8em
}

.ti_table-row.mod-centered td,.ti_table-row.mod-centered th {
    text-align: center
}

.ti_table-headercolumn {
    min-width: 100px;
    font-weight: 600
}

.ti_table th.header {
    cursor: pointer
}

.ti_table th.header:hover {
    background-color: var(--pl-container-background-color-secondary,#f7f7f7)
}

.ti_table th .sorting-icons {
    display: none
}

.ti_table.js-table-sortable thead tr:last-child th .sorting-icons {
    display: inline-block
}

.ti_table th.headerSortDown:before,.ti_table th.headerSortUp:before {
    margin-right: .5em;
    font-weight: 600;
    line-height: 1.2em
}

.ti_table tr.ti_table-row.mod-heading3 th.headerSortDown,.ti_table tr.ti_table-row.mod-heading3 th.headerSortUp {
    background-color: var(--pl-element-color-tertiary,#007c8c)
}

.ti_table tr.ti_table-row.mod-heading3 th.headerSortDown:before,.ti_table tr.ti_table-row.mod-heading3 th.headerSortUp:before {
    color: #fff
}

.ti_table tr.ti_table-row.mod-heading2 th.headerSortDown,.ti_table tr.ti_table-row.mod-heading2 th.headerSortUp {
    background-color: #ccc
}

.ti_table tr.ti_table-row.mod-heading2 th.headerSortDown:before,.ti_table tr.ti_table-row.mod-heading2 th.headerSortUp:before {
    color: #555
}

.ti_table tr.ti_table-row.mod-heading1 th.headerSortDown,.ti_table tr.ti_table-row.mod-heading1 th.headerSortUp {
    background-color: var(--pl-container-background-color-secondary,#f7f7f7)
}

.ti_table tr.ti_table-row.mod-heading1 th.headerSortDown:before,.ti_table tr.ti_table-row.mod-heading1 th.headerSortUp:before {
    color: #333
}

.ti_table .ti_icon.arrow-down,.ti_table .ti_icon.arrow-up {
    display: none
}

.ti_table th.headerSortDown .ti_icon.arrow-up,.ti_table th.headerSortDown .ti_icon.sorting-arrows {
    display: none
}

.ti_table th.headerSortDown .ti_icon.arrow-down,.ti_table th.headerSortUp .ti_icon.sorting-arrows {
    display: none
}

.ti_table th.headerSortDown .ti_icon.arrow-down,.ti_table th.headerSortUp .ti_icon.arrow-up {
    display: inline-block
}

.ti_table .ti_icon.arrow-down.mod-size-s svg,.ti_table .ti_icon.arrow-up.mod-size-s svg {
    padding: 2px
}

.ti-sticky-container {
    position: fixed;
    z-index: 3;
    display: none
}

.ti_table-text-right {
    float: right;
    text-align: right
}

.ti_table-pagination {
    padding-bottom: .25em
}

.ti_pagination {
    margin: 1em 0;
    text-align: right;
    cursor: default
}

.ti_pagination a {
    padding: .2em .75em;
    margin: 0 0 0 .75em
}

.ti_pagination a:hover {
    text-decoration: none
}

.ti_pagination a.active {
    color: #fff;
    border: 0;
    background-color: #0bc;
    border-radius: 2px;
    margin: 0 0 0 .75em;
    padding: .4em .75em;
    text-decoration: none;
    pointer-events: none;
    cursor: default
}

.ti_pagination a.disabled {
    fill: #ccc;
    color: #333;
    pointer-events: none;
    cursor: default
}

.ti_pagination a.ti_icon {
    margin-bottom: 2px
}

.ti_pagination a.ti_icon:hover {
    fill: #007c8c
}

.ti_pagination div.SumoSelect {
    vertical-align: middle
}

.ti_pagination div.SumoSelect>.CaptionCont>span {
    padding-right: 1em
}

.ti_pagination p.SelectBox>span {
    margin: 0
}

.ti_pagination span:nth-of-type(2) {
    margin: 0 1em 0 2.5em
}

.ti_icon-readerText {
    border: 0!important;
    clip: rect(0 0 0 0)!important;
    -webkit-clip-path: inset(50%)!important;
    clip-path: inset(50%)!important;
    height: 1px!important;
    margin: -1px!important;
    overflow: hidden!important;
    padding: 0!important;
    position: absolute!important;
    white-space: nowrap!important;
    width: 1px!important
}

.filter-buttons {
    display: inline-block;
    width: 100%;
    border-bottom: 1px dotted #ccc
}

.filter-buttons button {
    padding-right: 2.3em;
    text-align: left;
    white-space: normal;
    color: var(--pl-link-color-primary,#007c8c)
}

.filter-buttons button:hover {
    cursor: default;
    color: #aaa;
    border: 1px solid #e8e8e8;
    background-color: #f7f7f7
}

.filter-buttons button.close:before {
    float: right;
    margin: 0 -1.5em 0 0;
    padding: 3px 0 0 .75rem;
    content: "✖";
    color: #aaa;
    font-size: 1em
}

.filter-buttons button.close:hover:before {
    color: #555
}

.filter-buttons button.more:before {
    float: right;
    content: "›";
    font-size: 1em
}

.filter-buttons span.button {
    color: #555;
    background-color: #fff;
    font-weight: 400;
    border: 1px solid #555;
    cursor: default
}

.filter-buttons span.button:hover {
    background-color: #fff;
    color: #555;
    border: 1px solid #555
}

.filter-buttons button.button {
    color: #555;
    background-color: #fff;
    font-weight: 400;
    border: 1px solid #555;
    white-space: normal!important;
    cursor: pointer
}

.filter-buttons button.button:focus,.filter-buttons button.button:hover {
    background-color: #f7f7f7;
    color: #aaa;
    border: 1px solid #aaa
}

.filter-buttons ul {
    margin: 0;
    padding-top: .5rem;
    list-style-type: none
}

.filter-buttons ul::after {
    content: ""!important;
    display: block!important;
    clear: both!important
}

.filter-buttons ul>ul {
    margin-left: 1em
}

.filter-buttons ul li {
    float: left;
    margin-left: 0;
    background: 0 0
}

.filter-buttons ul li ul li {
    padding-left: 1.4rem;
    background: rgba(0,0,0,0) url(https://www.ti.com/assets/images/hierarchy-indicator.png) no-repeat scroll .5em -.25em
}

.myTI #addAlertli {
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: center;
    flex-wrap: wrap
}

.myTI #addAlertli .row {
    width: 100%;
    margin-left: 115px
}

.myTI #addAlertli .row .error-check {
    margin-top: 6px
}

.myTI #addAlertli label {
    width: 115px
}

.myTI #addAlertli input {
    width: 190px;
    margin-right: .5rem
}

.myTI #addAlertli ul {
    top: 32px;
    left: 115px;
    width: 190px
}

.myTI ul.autoComplete {
    padding: 0;
    position: absolute;
    display: none;
    overflow: auto;
    max-height: 14.7em;
    background: #fff;
    border: 1px solid silver;
    border-radius: .2em;
    margin: 0;
    z-index: 1001
}

.myTI ul.autoComplete li {
    background-image: none;
    display: block;
    padding: 0 .4em;
    margin: 0;
    line-height: 2em;
    border-bottom: 1px dotted silver;
    cursor: pointer
}

.myTI ul.autoComplete.active {
    display: block
}

.myTI ul.autoComplete li:hover {
    background: #ebf5f7
}

.myTI ul.autoComplete li:last-child {
    border: none
}

.ti_p-tag.mod-secondary {
    background: #007c8c
}

.ti_p-tag.mod-tertiary {
    background: #555
}

html.zh-cn body,html.zh-cn button,html.zh-cn input,html.zh-cn select,html.zh-cn table,html.zh-cn textarea,html[lang*=zh] body,html[lang*=zh] button,html[lang*=zh] input,html[lang*=zh] select,html[lang*=zh] table,html[lang*=zh] textarea {
    font-family: Roboto,"Helvetica Neue","Arial Nova","Nimbus Sans",Arial,"Noto Sans SC","Noto Sans CJK SC","Source Han Sans SC","PingFang SC","Hiragino Sans GB","Heiti SC","Microsoft YaHei","WenQuanYi Micro Hei",sans-serif
}

html.zh-cn .sub#sub_language,html[lang*=zh] .sub#sub_language {
    letter-spacing: normal
}

.u-lang-zh,[lang*=zh] {
    font-family: Roboto,"Helvetica Neue","Arial Nova","Nimbus Sans",Arial,"Noto Sans SC","Noto Sans CJK SC","Source Han Sans SC","PingFang SC","Hiragino Sans GB","Heiti SC","Microsoft YaHei","WenQuanYi Micro Hei",sans-serif
}

html.ja-jp body,html.ja-jp button,html.ja-jp input,html.ja-jp select,html.ja-jp table,html.ja-jp textarea,html[lang*=ja] body,html[lang*=ja] button,html[lang*=ja] input,html[lang*=ja] select,html[lang*=ja] table,html[lang*=ja] textarea {
    font-family: Roboto,"Helvetica Neue","Arial Nova","Nimbus Sans",Arial,"Noto Sans JP","Hiragino Kaku Gothic ProN","Hiragino Sans","Yu Gothic",Meiryo,"MS Gothic",sans-serif
}

.u-lang-ja,[lang*=ja] {
    font-family: Roboto,"Helvetica Neue","Arial Nova","Nimbus Sans",Arial,"Noto Sans JP","Hiragino Kaku Gothic ProN","Hiragino Sans","Yu Gothic",Meiryo,"MS Gothic",sans-serif
}

html.ko-kr body,html.ko-kr button,html.ko-kr input,html.ko-kr select,html.ko-kr table,html.ko-kr textarea,html[lang*=ko] body,html[lang*=ko] button,html[lang*=ko] input,html[lang*=ko] select,html[lang*=ko] table,html[lang*=ko] textarea {
    font-family: Roboto,"Helvetica Neue","Arial Nova","Nimbus Sans",Arial,"Noto Sans KR","Apple SD Gothic Neo","Malgun Gothic",Gulim,Dotum,sans-serif
}

.u-lang-ko,[lang*=ko] {
    font-family: Roboto,"Helvetica Neue","Arial Nova","Nimbus Sans",Arial,"Noto Sans KR","Apple SD Gothic Neo","Malgun Gothic",Gulim,Dotum,sans-serif
}

@media print {
    *,:after,:before {
        background: rgba(0,0,0,0)!important;
        color: #000!important;
        box-shadow: none!important;
        text-shadow: none!important
    }

    a,a:visited {
        text-decoration: underline
    }

    a[href]:after {
        content: " (" attr(href) ")"
    }

    abbr[title]:after {
        content: " (" attr(title) ")"
    }

    a[href^="#"]:after,a[href^="javascript:"]:after {
        content: ""
    }

    pre {
        white-space: pre-wrap!important
    }

    blockquote,pre {
        border: 1px solid #999;
        page-break-inside: avoid
    }

    thead {
        display: table-header-group
    }

    img,tr {
        page-break-inside: avoid
    }

    h2,h3,p {
        orphans: 3;
        widows: 3
    }

    h2,h3 {
        page-break-after: avoid
    }

    #tiResponsiveHeader {
        display: none
    }
}
.ti_ocb img {
    max-width: 100%;
    height: auto
}

.ti_ocb .u-header-4 ti-svg-icon {
    position: relative;
    top: -2px
}

@media (min-width: 767px) {
    .ti_ocb-pdp-content-main {
        order:1
    }
}

.ti_ocb-pdp-header-image {
    padding: 0 24px 24px
}

@media (min-width: 767px) {
    .ti_ocb-pdp-header-image {
        padding:0
    }
}

.ti_ocb-pdp-header-image img {
    width: 100%;
    max-width: 300px
}

.ti_ocb-pdp-header-image img:before {
    font-family: inherit;
    white-space: normal
}

.ti_ocb-pdp-product-title {
    order: 0
}

.ti_p-page-responsive h1.ti_ocb-pdp-product-title {
    font-weight: 400
}

@media (max-width: 766px) {
    .ti_p-page-responsive h1.ti_ocb-pdp-product-title {
        font-weight:400
    }
}

.ti_ocb-pdp-purchasing-options {
    line-height: 20px;
    order: 1
}

@media (min-width: 767px) {
    .ti_ocb-pdp-purchasing-options {
        order:2
    }
}

.ti_ocb-pdp-short-description {
    order: 2
}

@media (min-width: 767px) {
    .ti_ocb-pdp-short-description {
        order:1
    }
}

.ti_ocb-pdp-same-as {
    order: 3
}

.ti_ocb-data-sheets {
    border-top: 1px solid #e8e8e8;
    display: flex;
    flex-direction: column
}

@media (min-width: 767px) {
    .ti_ocb-data-sheets {
        flex-direction:row
    }
}

h4.ti_ocb-data-sheets-label {
    font-size: 12px;
    line-height: 16px;
    text-transform: uppercase;
    font-weight: 400;
    color: #555;
    line-height: 24px;
    white-space: nowrap
}

@media (min-width: 767px) {
    h4.ti_ocb-data-sheets-label {
        line-height:20px
    }
}

.ti_ocb-pdp-td-title {
    font-weight: 500;
    line-height: 20px;
    display: block;
    margin-bottom: 4px
}

.ti_ocb-add-to-samples-cart,ti-add-to-samples-cart {
    margin-top: 12px
}

@media (min-width: 767px) {
    .ti_ocb-add-to-samples-cart,ti-add-to-samples-cart {
        margin-top:24px
    }
}

.ti_ocb-additional-options header {
    line-height: 20px
}

.ti_ocb-additional-options .ti-table tr:last-child td {
    border-bottom: 0;
    padding-bottom: 0
}

.ti_ocb--samples .main-header {
    margin-bottom: 16px
}

.ti_ocb--samples .main-header .header-lead {
    padding: 16px 32px;
    height: 70px;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.ti_ocb--samples .main-header .logo-wrapper {
    margin-right: 50px
}

.ti_ocb--samples .main-header .logo-wrapper img {
    height: 36px;
    width: auto;
    display: block
}

.ti_ocb--samples .main-header .search-bar,.ti_ocb--samples .main-header .search-wrapper {
    flex-grow: 1
}

.ti_ocb--samples .main-header .search-bar form,.ti_ocb--samples .main-header .search-wrapper form {
    display: flex
}

.ti_ocb--samples .main-header .search-filter-wrapper select {
    background-color: #f9f9f9;
    border-color: #e0e0e0;
    padding-right: 4px;
    border-right-width: 0;
    border-radius: 4px 0 0 4px!important
}

.ti_ocb--samples .main-header .samples-search {
    position: relative;
    display: flex;
    flex-grow: 1
}

.ti_ocb--samples .main-header .search-field {
    border: 1px solid #e0e0e0;
    padding-left: 12px;
    padding-right: 40px;
    flex-grow: 1;
    width: 100%;
    max-width: 200px;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    border-radius: 4px!important;
    box-shadow: rgba(0,0,0,.075) 0 1px 1px 0 inset
}

.ti_ocb--samples .main-header .search-filter-wrapper+.samples-search .search-field {
    border-radius: 0 4px 4px 0!important
}

.ti_ocb--samples .main-header .search-button {
    border: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    background-image: none;
    height: 32px;
    min-height: 0
}

.ti_ocb--samples .main-header .search-button:hover,.ti_ocb--samples .main-header .search-button[disabled]:hover {
    background-color: transparent
}

.ti_ocb--samples .main-header .search-button ti-svg-icon {
    opacity: .3
}

.ti_ocb--samples .main-header .ui-autocomplete {
    position: absolute;
    top: 32px;
    left: 0;
    background-color: #fff;
    border: 1px solid #e0e0e0;
    border-top: 0;
    list-style: none;
    padding: 0 .4rem;
    position: absolute;
    width: 100%;
    max-width: 200px;
    z-index: 1030;
    margin: 0;
    box-shadow: 0 5px 10px rgba(0,0,0,.2)
}

.ti_ocb--samples .main-header .ui-autocomplete li {
    padding: 0;
    margin: 0
}

.ti_ocb--samples .main-header .nav-account-area {
    display: flex;
    color: #007c8c
}

.ti_ocb--samples .main-header .nav-account-area ul {
    list-style: none;
    margin: 0;
    display: flex
}

.ti_ocb--samples .main-header .nav-account-area li {
    margin-bottom: 0
}

.ti_ocb--samples .header-nav a {
    color: #fff;
    font-weight: 500
}

.ti_ocb--samples .header-nav a:hover {
    text-decoration: none
}

.ti_ocb--samples .header-nav li {
    list-style: none
}

@media (min-width: 767px) {
    .ti_ocb--samples .header-nav .m-menu-toggle {
        display:none
    }
}

@media (min-width: 767px) {
    .ti_ocb--samples .header-nav .ti_ocb--samples-nav-icon {
        transform:scale(.75)
    }
}

.ti_ocb--samples .header-nav .nav-list {
    background-color: #c00;
    display: flex;
    list-style: none;
    margin-bottom: 0;
    padding: 0 24px;
    height: 42px;
    position: relative;
    width: 100%;
    margin: 0;
    color: #fff;
    list-style: none;
    justify-content: space-between;
    align-items: center
}

.ti_ocb--samples .header-nav .nav-list ul {
    display: flex;
    padding: 0;
    margin: 0
}

.ti_ocb--samples .header-nav .nav-list ul li {
    padding: 0 8px
}

.ti_ocb--samples .header-nav .nav-list li {
    margin: 0;
    display: flex;
    align-items: center
}

.ti_ocb--samples .header-nav .nav-list li.nav-root-site {
    font-size: 20px;
    padding-right: 0
}

.ti_ocb--samples #js-header-nav__main {
    display: none
}

@media (min-width: 767px) {
    .ti_ocb--samples #js-header-nav__main {
        display:flex
    }
}

@media (max-width: 766px) {
    .ti_ocb--samples #js-header-nav__main.is-visible {
        position:absolute;
        top: 42px;
        display: block;
        background: #f0f0f0;
        left: 0;
        right: 0;
        box-shadow: 0 0 1px 1px rgba(0,0,0,.05),0 3px 1px -2px rgba(0,0,0,.16),0 2px 2px 0 rgba(0,0,0,.1),0 1px 5px 0 rgba(0,0,0,.08);
        z-index: 200
    }

    .ti_ocb--samples #js-header-nav__main.is-visible .nav-item {
        border-top: 1px dotted #b9b9b9;
        padding: 0
    }

    .ti_ocb--samples #js-header-nav__main.is-visible a {
        padding: 0 24px;
        color: #333;
        line-height: 40px;
        display: block;
        width: 100%
    }

    .ti_ocb--samples #js-header-nav__main.is-visible a:hover {
        background: #e0e0e0
    }
}

.ti_ocb--samples .m-toggled-search {
    display: none;
    background: #f9f9f9;
    padding: 12px 24px
}

@media (max-width: 1239px) {
    .ti_ocb--samples .m-toggled-search.is-visible {
        display:block
    }
}

.ti_ocb--samples .main-footer {
    padding: 0 24px 24px
}

.ti_ocb--samples .main-footer p {
    font-size: 12px;
    margin-bottom: 12px
}

.ti_ocb--samples .main-footer,.ti_ocb--samples .main-footer a {
    color: #b9b9b9
}

.ti_ocb--samples .main-footer a:hover {
    color: #c00
}

.ti_ocb--samples .main-footer .footer-body {
    padding-top: 24px;
    border-top: 1px solid #e0e0e0;
    display: flex
}

.ti_ocb--samples .main-footer .footer-body__main {
    flex-grow: 1
}

.ti_ocb--samples .main-footer .footer-body__social {
    flex-shrink: 0
}

@media (max-width: 766px) {
    .ti_ocb--samples .main-footer .footer-body__social {
        display:none
    }
}

.ti_ocb--samples .main-footer .footer-body__social li+li {
    margin-left: 12px
}

.ti_ocb--samples .table-mini-cart {
    width: 100%
}

.ti_ocb--samples .table-mini-cart td {
    vertical-align: top;
    border-bottom: 1px solid #e0e0e0;
    padding: 8px
}

.ti_ocb--samples .table-mini-cart tr:last-child td {
    border-bottom: none
}

.ti_ocb--samples .table-mini-cart .mini-cart-thumb img {
    max-width: 48px
}

.ti_ocb--samples-b2b .main-header .search-wrapper form {
    flex-grow: 1;
    padding-right: 100px
}

.ti_ocb--samples-b2b .main-header .search-field {
    max-width: none
}

.ti_ocb--samples-b2b .main-header .ui-autocomplete {
    max-width: none
}
body {
    font-family: Helvetica, Arial, Tahoma, sans-serif;
    background-color: #ffffff;
}
.ti-product-status-link-hide {
    font-size: 14px;
    line-height: 20px;
    color: var(--pl-text-color-primary, #555555);
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center;
    text-decoration: none;
}
[data-lid="status_badge"] {
    display: flex;
    align-items: center;
}
[appearance="plain-grey"] {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 24px;
    box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.05), 0 3px 1px -2px rgba(0, 0, 0, 0.16), 0 2px 2px 0 rgba(0, 0, 0, 0.1), 0 1px 5px 0 rgba(0, 0, 0, 0.08);
    background-color:  #f7f7f7;
    display: flex;
    height: 100%;
    position: relative;
}
.ti_p-row{
 max-width: none  !important;
}
.table-box td {
    width: 50%;
}
.price-list {
    display: flex;

}
.price-list >div {
    text-align: right;
    width: 50%;
}
.price-list >div:first-child {
    text-align: left;
}
.submit.form-box input  {
    height: 32px;
    width: 100%;
    border: 1px solid #ccc;
    padding: 0 8px;
}
.submit.form-box .ti-button {
    width: 100%;height: 32px;padding: 0 10px;display: flex;justify-content: center;align-items: center;margin: 8px 0 12px;
    font-size: 14px;
}