#fd,
#fd .dark {
    --fd-toolbar-text: rgba(var(--fd-gray-800), 1);
    --fd-toolbar-bg: rgba(var(--fd-white), 1)
}

#fd .fd-toolbar {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    font-size: var(--fd-font-size-sm);
    line-height: calc(var(--fd-root-font-size)*1.5);
    color: var(--fd-toolbar-text);
    /* font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji */
}

#fd .fd-toolbar__item {
    position: relative;
    display: flex;
    flex: 1 0 auto;
    align-items: center
}

#fd .fd-toolbar__item:focus {
    outline: 2px solid transparent;
    outline-offset: 2px
}

#fd .fd-toolbar__item--home {
    flex: 0 1 auto
}

#fd .fd-toolbar__item--home+.fd-toolbar__item--submenu {
    padding-left: 0
}

#fd .fd-toolbar__item--search {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 99;
    display: none;
    order: 2;
    width: 100%;
    padding-right: var(--fd-spacing-xs)
}

#fd .fd-toolbar__item--action {
    position: static;
    flex: 0 1 auto;
    margin-left: auto
}

#fd .fd-toolbar__item--action .fd-toolbar__o-nav>*+* {
    margin-left: var(--fd-spacing-xs)
}

#fd .fd-toolbar__item--mobile-toggle,
#fd .fd-toolbar__item--submenu {
    display: none
}

#fd .fd-toolbar__item--submenu .fd-toolbar__o-nav>*+* {
    margin-left: var(--fd-spacing-3xs)
}

#fd .fd-toolbar__link-text {
    display: none
}

#fd .fd-toolbar__submenu {
    font-size: 0
}

#fd .fd-toolbar__submenu>div {
    position: relative;
    display: inline-block;
    vertical-align: middle
}

#fd .fd-toolbar__submenu-link {
    display: block;
    font-size: var(--fd-font-size--01)
}

#fd .fd-toolbar__submenu-link i {
    display: none
}

#fd .fd-toolbar .is-active .fd-toolbar__link:not(.no-active-state),
#fd .fd-toolbar .is-active .fd-toolbar__submenu-link {
    --tw-bg-opacity: 1;
    background-color: var(--fd-primary-50-hex, rgba(var(--fd-primary-50), var(--tw-bg-opacity)));
    --tw-text-opacity: 1;
    color: var(--fd-primary-500-hex, rgba(var(--fd-primary-500), var(--tw-text-opacity)))
}

/* #fd .fd-toolbar__link {
    position: relative;
    display: inline-flex;
    cursor: pointer;
    align-items: center;
    justify-content: center;
    border-radius: var(--fd-border-radius-md);
    border: 1px solid transparent;
    background-color: transparent;
    padding: var(--fd-spacing-xs) var(--fd-spacing-sm);
    vertical-align: middle;
    font-size: var(--fd-font-size-sm);
    line-height: var(--fd-line-height-sm);
    text-decoration: none;
    transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
    transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
    transition-duration: .15s;
    transition-duration: .2s;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    color: var(--fd-toolbar-text);
    outline: 2px solid transparent;
    outline-offset: 2px
} */
#fd .fd-toolbar__link {
    position: relative;
    display: inline-flex;
    cursor: pointer;
    align-items: center;
    justify-content: center;
    border-radius: var(--fd-border-radius-md);
    border: 1px solid transparent;
    background-color: #ffe502;
    padding: var(--fd-spacing-xs) var(--fd-spacing-sm);
    vertical-align: middle;
    font-size: var(--fd-font-size-sm);
    line-height: var(--fd-line-height-sm);
    text-decoration: none;
    margin: 2px;
    transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
    transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
    transition-duration: .15s;
    transition-duration: .2s;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    color: var(--fd-toolbar-text);
    outline: 2px solid transparent;
    outline-offset: 2px
}

#fd .fd-toolbar__link:hover {
    --tw-bg-opacity: 1;
    background-color: var(--fd-gray-100-hex, rgba(var(--fd-gray-100), var(--tw-bg-opacity)))
}

#fd .fd-toolbar__link:focus {
    outline: 2px solid transparent;
    outline-offset: 2px
}

#fd .fd-toolbar__link>i {
    line-height: var(--fd-line-height-sm)
}

#fd .fd-toolbar__link:active,
#fd .fd-toolbar__link:focus,
#fd .fd-toolbar__link:hover {
    text-decoration: none
}

#fd .fd-toolbar__link.is-composer {
    --tw-bg-opacity: 1;
    background-color: var(--fd-primary-500-hex, rgba(var(--fd-primary-500), var(--tw-bg-opacity)));
    --tw-text-opacity: 1;
    color: var(--fd-color-inverse-hex, rgba(var(--fd-color-inverse), var(--tw-text-opacity)))
}

#fd .fd-toolbar__link.has-new .fd-toolbar__link-bubble {
    display: block
}

#fd .fd-toolbar__link.has-avatar {
    padding: 0;
    border-color: transparent
}

#fd .fd-toolbar__link.has-avatar:before {
    position: absolute;
    top: 50%;
    right: 0;
    display: none;
    width: .5em;
    height: .5em;
    vertical-align: top;
    content: "";
    border-style: solid;
    border-width: .1em .1em 0 0;
    transform: translateY(-50%) rotate(135deg)
}

#fd .fd-toolbar__link.has-avatar:active,
#fd .fd-toolbar__link.has-avatar:focus,
#fd .fd-toolbar__link.has-avatar:hover {
    background-color: transparent !important;
    border-color: transparent
}

#fd .fd-toolbar__link-bubble {
    position: absolute;
    top: 0;
    right: 0;
    display: none;
    width: .5rem;
    height: .5rem;
    overflow: hidden;
    font-size: 10px;
    font-weight: 700;
    line-height: .5rem;
    color: transparent;
    text-align: center;
    --tw-bg-opacity: 1;
    background-color: var(--fd-primary-500-hex, rgba(var(--fd-primary-500), var(--tw-bg-opacity)));
    border-radius: 50%
}

#fd .fd-toolbar__avatar {
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
    padding-left: var(--fd-spacing-xs);
    padding-right: var(--fd-spacing-xs)
}

#fd .fd-toolbar__avatar .o-avatar {
    width: calc(var(--fd-root-font-size)*2);
    height: calc(var(--fd-root-font-size)*2)
}

#fd .fd-toolbar__icon {
    --tw-text-opacity: 1;
    color: var(--fd-gray-500-hex, rgba(var(--fd-gray-500), var(--tw-text-opacity)))
}

#fd .fd-toolbar__o-nav {
    display: flex;
    align-items: center
}

#fd .fd-toolbar__search {
    position: relative;
    display: flex;
    width: 100%;
    height: 100%
}

#fd .fd-toolbar__search-form {
    display: flex;
    align-items: center;
    width: 100%;
    margin: 0;
    background-color: var(--fd-toolbar-bg)
}

#fd .fd-toolbar__search-form>*+* {
    margin-left: calc(var(--fd-spacing)*1)
}

#fd .fd-toolbar__search-box {
    display: flex;
    flex: 1
}

#fd .fd-toolbar__search-input {
    display: flex;
    flex: 1;
    width: 100%;
    height: auto;
    margin: 0;
    font-size: var(--fd-font-size--02);
    line-height: 1.25rem;
    color: var(--fd-toolbar-text);
    background-color: var(--fd-toolbar-bg);
    border: 0 solid transparent;
    border-top: 0;
    box-shadow: none
}

#fd .fd-toolbar__search-input:focus {
    outline: none;
    outline-offset: 0;
    border-style: none !important
}

#fd .fd-toolbar__search-input:focus:focus {
    border-color: transparent !important;
    --tw-ring-offset-color: transparent !important
}

#fd .fd-toolbar__search-select .o-select-group {
    height: 40px;
    border-radius: 0
}

#fd .fd-toolbar__search-select select {
    height: 100%;
    border-top: 0;
    border-bottom: 0;
    border-radius: 0;
    box-shadow: none
}

#fd .fd-toolbar__search-select select:focus {
    box-shadow: none
}

#fd .fd-toolbar__search-close-btn a {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--fd-toolbar-text);
    text-align: center;
    border: 1px solid transparent;
    padding: var(--fd-spacing-xs);
    line-height: var(--fd-line-height-sm);
    text-decoration: none;
    outline: 2px solid transparent;
    outline-offset: 2px
}

#fd .fd-toolbar__search-close-btn a>i {
    line-height: var(--fd-line-height-xs)
}

#fd .fd-toolbar__search-dropdown {
    top: 100%;
    right: 0;
    width: 262px
}

#fd .fd-toolbar__search .btn-toolbar-search {
    box-shadow: none
}

#fd .fd-toolbar-btn {
    -webkit-appearance: none;
    display: inline-flex;
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none;
    align-items: center;
    justify-content: center;
    border-radius: var(--fd-border-radius-md);
    background-color: transparent;
    padding: var(--fd-spacing-xs) var(--fd-spacing-md);
    vertical-align: middle;
    font-size: var(--fd-font-size-sm);
    font-weight: 700;
    line-height: var(--fd-line-height-sm);
    text-decoration: none;
    transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
    transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
    transition-duration: .15s;
    transition-duration: .2s;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    --tw-border-opacity: 1;
    border: 1px solid var(--fd-gray-400-hex, rgba(var(--fd-gray-400), var(--tw-border-opacity)));
    --tw-bg-opacity: 1;
    background-color: var(--fd-white-hex, rgba(var(--fd-white), var(--tw-bg-opacity)));
    --tw-text-opacity: 1;
    color: var(--fd-gray-800-hex, rgba(var(--fd-gray-800), var(--tw-text-opacity)))
}

#fd .fd-toolbar-btn:hover {
    --tw-bg-opacity: 1;
    background-color: var(--fd-gray-100-hex, rgba(var(--fd-gray-100), var(--tw-bg-opacity)))
}

#fd .fd-toolbar-btn:focus {
    outline: 2px solid transparent;
    outline-offset: 2px;
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 transparent);
    --tw-ring-offset-width: 2px;
    --tw-ring-opacity: 1;
    --tw-ring-color: var(--fd-primary-100-hex, rgba(var(--fd-primary-100), var(--tw-ring-opacity)));
    --tw-ring-offset-color: rgb(var(--fd-primary-100))
}

#fd .fd-toolbar-btn>i {
    line-height: var(--fd-line-height-sm)
}

#fd .fd-toolbar-divider {
    margin-top: var(--fd-spacing-sm);
    --tw-border-opacity: 1;
    border-color: var(--fd-gray-200-hex, rgba(var(--fd-gray-200), var(--tw-border-opacity)));
    border-top: 1px var(--fd-gray-200-hex, rgba(var(--fd-gray-200), var(--tw-border-opacity)));
    border-style: solid
}

#fd .fd-toolbar--search-on .fd-toolbar__item--search {
    display: flex
}

#fd .fd-toolbar--search-on .fd-toolbar__item--action,
#fd .fd-toolbar--search-on .fd-toolbar__item--home,
#fd .fd-toolbar--search-on .fd-toolbar__item--submenu {
    visibility: hidden
}

#fd .fd-navbar-submenu-toggle,
#fd .fd-toolbar-mobile-toggle,
#fd.is-mobile .fd-toolbar .fd-toolbar__item--submenu,
#fd.is-mobile .fd-toolbar .fd-toolbar__o-nav-item.is-user,
#fd.is-tablet .fd-toolbar .fd-toolbar__item--submenu,
#fd.is-tablet .fd-toolbar .fd-toolbar__o-nav-item.is-user {
    display: none
}

#fd.is-mobile .fd-toolbar .fd-toolbar__item--mobile-toggle,
#fd.is-mobile .fd-toolbar .fd-toolbar__item--submenu-dropdown,
#fd.is-tablet .fd-toolbar .fd-toolbar__item--mobile-toggle,
#fd.is-tablet .fd-toolbar .fd-toolbar__item--submenu-dropdown {
    display: flex
}

#fd.is-mobile .fd-toolbar__link,
#fd.is-tablet .fd-toolbar__link {
    padding-left: var(--fd-spacing-sm);
    padding-right: var(--fd-spacing-sm)
}

#fd.is-mobile .fd-toolbar .fd-toolbar__item--action .fd-toolbar__o-nav>*+*,
#fd.is-tablet .fd-toolbar .fd-toolbar__item--action .fd-toolbar__o-nav>*+* {
    margin-left: var(--fd-spacing-2xs)
}

#fd.is-mobile .fd-toolbar .fd-toolbar-mobile-toggle,
#fd.is-tablet .fd-toolbar .fd-toolbar-mobile-toggle {
    display: block
}

#fd .body.mm-wrapper_opened {
    -webkit-overflow-scrolling: auto
}

#fd .fd-toolbar #fd-canvas {
    display: none
}

#fd-canvas {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    z-index: 2147483647;
    height: 100%;
    max-height: none;
    font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 13px;
    transform: inherit
}

#fd-canvas .mm-navbar>.fas {
    display: flex
}

#fd-canvas .fa,
#fd-canvas .fas {
    font-weight: 900
}

#fd-canvas .fa,
#fd-canvas .far,
#fd-canvas .fas {
    font-family: Font Awesome\ 5 Free
}

#fd-canvas .fa,
#fd-canvas .fab,
#fd-canvas .fad,
#fd-canvas .fal,
#fd-canvas .far,
#fd-canvas .fas {
    display: inline-block;
    font-style: normal;
    font-feature-settings: normal;
    font-variant: normal;
    line-height: 1;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    text-rendering: auto
}

#fd-canvas .fa-rss-square:before {
    content: "\f143"
}

#fd-canvas .fa-at:before {
    content: "\f1fa"
}

#fd .mm-listitem__text {
    padding-top: 12px;
    padding-bottom: 12px
}

#fd .mm-divider {
    padding-top: 10px;
    padding-bottom: 8px;
    background-color: #434343 !important
}

#fd .mm-divider:before {
    background-color: rgba(0, 0, 0, .05)
}

#fd .body .mm-searchfield__input input {
    box-sizing: border-box;
    display: block;
    width: 100%;
    max-width: 100%;
    height: 30px !important;
    min-height: unset !important;
    max-height: unset !important;
    padding: 8px !important;
    margin: 0 !important;
    font: inherit;
    font-size: medium !important;
    line-height: 30px !important;
    border: none !important;
    border-radius: 4px;
    outline: none !important;
    box-shadow: none !important
}

#fd .body .mm-searchfield__input input,
#fd .body .mm-searchfield__input input:focus,
#fd .body .mm-searchfield__input input:hover {
    color: #999 !important;
    background-color: #434343 !important
}

@media (min-width:768px) {
    #fd .fd-toolbar__item--submenu {
        display: flex
    }
}