[data-v-358bdcb8]:root {
    --color-brand-primary: #0278c9;
    --color-brand-orange: #ff8300;
    --color-brand-dark: #02325a;
    --color-brand-lime: #b8c05b;
    --color-brand-light-blue: #f2f8fc;
    --color-white: #fff;
    --color-gray: #ccc;
    --color-gray-dark: #404040;
    --color-gray-darker: #a3a3a3;
    --color-gray-light: #cccccc80;
    --color-gray-lighter: #f2f2f2
}

.tag-icon-container.active[data-v-358bdcb8] *,
.tag-icon-container[data-v-358bdcb8]:hover * {
    --tw-text-opacity: 1;
    color: rgb(255 131 0/var(--tw-text-opacity, 1))
}

.tag-icon-container.active .tag-icon[data-v-358bdcb8],
.tag-icon-container:hover .tag-icon[data-v-358bdcb8] {
    --tw-border-opacity: 1;
    border-color: rgb(255 131 0/var(--tw-border-opacity, 1))
}

.tag-icon-container .tag-icon[data-v-358bdcb8]:before {
    font-size: 3.75rem;
    line-height: 1
}

.fade-enter-active[data-v-358bdcb8],
.fade-leave-active[data-v-358bdcb8] {
    transition: opacity .5s ease
}

.fade-enter-from[data-v-358bdcb8],
.fade-leave-to[data-v-358bdcb8] {
    opacity: 0
}

.procedure-slide[data-v-358bdcb8] {
    align-items: flex-start
}

.procedure-slide a[data-v-358bdcb8] {
    background: linear-gradient(112deg, #02325a 25%, #0278c9)
}

.new-tabs a.--active[data-v-358bdcb8]:after {
    view-transition-name: active-nav-elem-vue
}

[data-v-358bdcb8]::view-transition-new(active-nav-elem-vue),
[data-v-358bdcb8]::view-transition-old(active-nav-elem-vue) {
    height: 100%
}

:root {
    --color-brand-primary: #0278c9;
    --color-brand-orange: #ff8300;
    --color-brand-dark: #02325a;
    --color-brand-lime: #b8c05b;
    --color-brand-light-blue: #f2f8fc;
    --color-white: #fff;
    --color-gray: #ccc;
    --color-gray-dark: #404040;
    --color-gray-darker: #a3a3a3;
    --color-gray-light: #cccccc80;
    --color-gray-lighter: #f2f2f2
}

.carousel__next {
    height: 50px;
    right: -50px;
    width: 50px
}

.carousel__next--disabled {
    display: none
}

.carousel__prev {
    height: 50px;
    left: -50px;
    width: 50px
}

.carousel__prev--disabled {
    display: none
}

.application-tooltip .techData a {
    color: #ff8300;
    text-decoration: underline
}

.application-tooltip .techData table {
    table-layout: fixed;
    width: 100%
}

.application-tooltip .techData td,
.application-tooltip .techData th {
    width: 50%
}

.procedure-slider .carousel__icon {
    fill: #ff8300
}

.procedure-slider .carousel__next--disabled,
.procedure-slider .carousel__prev--disabled {
    display: flex
}