@font-face {
    font-family: "Inter";
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: local(""), url("../fonts/inter/inter-v8-latin-regular.woff2") format("woff2"), url("../fonts/inter/inter-v8-latin-regular.woff") format("woff")
}

@font-face {
    font-family: "Inter";
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: local(""), url("../fonts/inter/inter-v8-latin-600.woff2") format("woff2"), url("../fonts/inter/inter-v8-latin-600.woff") format("woff")
}

#fd,
#fd-lightbox,
.tribute-container,
.tippy-box,
.tippy-box[data-theme~=fd-dark],
.si-theme-foundry {
    --fd-root-font-size: 20px;
    --fd-spacing: var(--fd-root-font-size);
    --fd-font-family-sans: 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-font-family-serif: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
    --fd-font-family-fontawesome: "Font Awesome 5 Free";
    --fd-spacing-px: 1px;
    --fd-spacing-no: 0;
    --fd-spacing-3xs: calc(var(--fd-spacing) * .125);
    --fd-spacing-2xs: calc(var(--fd-spacing) * .25);
    --fd-spacing-xs: calc(var(--fd-spacing) * .5);
    --fd-spacing-sm: calc(var(--fd-spacing) * .75);
    --fd-spacing-md: calc(var(--fd-spacing) * 1);
    --fd-spacing-lg: calc(var(--fd-spacing) * 1.25);
    --fd-spacing-xl: calc(var(--fd-spacing) * 1.5);
    --fd-spacing-2xl: calc(var(--fd-spacing) * 2);
    --fd-spacing-3xl: calc(var(--fd-spacing) * 2.5);
    --fd-spacing-4xl: calc(var(--fd-spacing) * 3);
    --fd-spacing-5xl: calc(var(--fd-spacing) * 4);
    --fd-line-height-1: 1;
    --fd-line-height-2xs: calc(var(--fd-root-font-size) * .75);
    --fd-line-height-xs: calc(var(--fd-root-font-size) * 1);
    --fd-line-height-sm: calc(var(--fd-root-font-size) * 1.25);
    --fd-line-height-md: calc(var(--fd-root-font-size) * 1.5);
    --fd-line-height-lg: calc(var(--fd-root-font-size) * 1.75);
    --fd-line-height-xl: calc(var(--fd-root-font-size) * 2);
    --fd-line-height-2xl: calc(var(--fd-root-font-size) * 2.25);
    --fd-line-height-3xl: calc(var(--fd-root-font-size) * 2.5);
    --fd-line-height-4xl: calc(var(--fd-root-font-size) * 3);
    --fd-font-size-2xs: calc(var(--fd-root-font-size) * 1);
    --fd-font-size-xs: calc(var(--fd-root-font-size) * .75);
    --fd-font-size-sm: calc(var(--fd-root-font-size) * .875);
    --fd-font-size-md: calc(var(--fd-root-font-size) * 1);
    --fd-font-size-lg: calc(var(--fd-root-font-size) * 1.125);
    --fd-font-size-xl: calc(var(--fd-root-font-size) * 1.25);
    --fd-font-size-2xl: calc(var(--fd-root-font-size) * 1.5);
    --fd-font-size-3xl: calc(var(--fd-root-font-size) * 1.875);
    --fd-font-size-4xl: calc(var(--fd-root-font-size) * 2.25);
    --fd-font-size-5xl: calc(var(--fd-root-font-size) * 2.5);
    --fd-border-radius-no: 0;
    --fd-border-radius-sm: calc(var(--fd-spacing) * .25);
    --fd-border-radius-md: calc(var(--fd-spacing) * .5);
    --fd-border-radius-lg: calc(var(--fd-spacing) * 1);
    --fd-border-radius-full: calc(var(--fd-spacing) * 9999);
    --fd-black: 16, 16, 16;
    --fd-white: 255, 255, 255;
    --fd-transparent: transparent;
    --fd-color-inverse: 255, 255, 255;
    --fd-gray-50: 249, 249, 249;
    --fd-gray-100: 244, 244, 244;
    --fd-gray-200: 229, 229, 229;
    --fd-gray-300: 212, 212, 212;
    --fd-gray-400: 163, 163, 163;
    --fd-gray-500: 119, 119, 119;
    --fd-gray-600: 90, 90, 90;
    --fd-gray-700: 48, 48, 48;
    --fd-gray-800: 34, 34, 34;
    --fd-gray-900: 25, 25, 25;
    --fd-primary-50: 246, 248, 254;
    --fd-primary-100: 237, 241, 252;
    --fd-primary-200: 211, 220, 248;
    --fd-primary-300: 184, 199, 243;
    --fd-primary-400: 131, 156, 235;
    --fd-primary-500: 78, 114, 226;
    --fd-primary-600: 70, 103, 203;
    --fd-primary-700: 59, 86, 170;
    --fd-primary-800: 47, 68, 136;
    --fd-primary-900: 38, 56, 111;
    --fd-ui-link: rgba(var(--fd-primary-500), 1);
    --fd-success-50: 236, 253, 245;
    --fd-success-100: 209, 250, 229;
    --fd-success-200: 167, 243, 208;
    --fd-success-300: 110, 231, 183;
    --fd-success-400: 52, 211, 153;
    --fd-success-500: 0, 165, 118;
    --fd-success-600: 4, 142, 99;
    --fd-success-700: 4, 120, 87;
    --fd-success-800: 6, 95, 70;
    --fd-success-900: 6, 78, 59;
    --fd-info-50: 248, 249, 251;
    --fd-info-100: 241, 244, 246;
    --fd-info-200: 220, 227, 234;
    --fd-info-300: 198, 210, 221;
    --fd-info-400: 156, 177, 195;
    --fd-info-500: 113, 143, 169;
    --fd-info-600: 102, 129, 152;
    --fd-info-700: 85, 107, 127;
    --fd-info-800: 68, 86, 101;
    --fd-info-900: 55, 70, 83;
    --fd-warning-50: 255, 250, 245;
    --fd-warning-100: 255, 244, 236;
    --fd-warning-200: 254, 228, 206;
    --fd-warning-300: 253, 211, 177;
    --fd-warning-400: 252, 179, 119;
    --fd-warning-500: 251, 146, 60;
    --fd-warning-600: 226, 131, 54;
    --fd-warning-700: 188, 110, 45;
    --fd-warning-800: 151, 88, 36;
    --fd-warning-900: 123, 72, 29;
    --fd-danger-50: 255, 241, 242;
    --fd-danger-100: 255, 228, 230;
    --fd-danger-200: 254, 205, 211;
    --fd-danger-300: 253, 164, 175;
    --fd-danger-400: 251, 113, 133;
    --fd-danger-500: 244, 63, 94;
    --fd-danger-600: 225, 29, 72;
    --fd-danger-700: 190, 18, 60;
    --fd-danger-800: 159, 18, 57;
    --fd-danger-900: 136, 19, 55;
    --tw-ring-inset: var(--tw-empty,
            /*!*/
            /*!*/
        );
    --tw-ring-offset-width: 0;
    --tw-ring-offset-color: #fff;
    --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(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    --giphy-txt: rgba(var(--fd-gray-500), 1);
    --fd-tippy-text: rgba(var(--fd-white), 1);
    --fd-tippy-bg: rgba(var(--fd-black), 1)
}

#fd .dark,
.tribute-container.dark,
.tippy-box[data-theme~=fd-light] {
    --fd-white: 16, 16, 16;
    --fd-black: 255, 255, 255;
    --fd-gray-50: 25, 25, 25;
    --fd-gray-100: 33, 33, 33;
    --fd-gray-200: 48, 48, 48;
    --fd-gray-300: 90, 90, 90;
    --fd-gray-400: 119, 119, 119;
    --fd-gray-500: 163, 163, 163;
    --fd-gray-600: 212, 212, 212;
    --fd-gray-700: 229, 229, 229;
    --fd-gray-800: 244, 244, 244;
    --fd-gray-900: 249, 249, 249;
    --fd-primary-50: 15, 26, 59;
    --fd-primary-100: 24, 38, 77;
    --fd-primary-200: 47, 68, 136;
    --fd-primary-300: 59, 86, 170;
    --fd-primary-400: 70, 103, 203;
    --fd-primary-500: 78, 114, 226;
    --fd-primary-600: 105, 141, 239;
    --fd-primary-700: 184, 199, 243;
    --fd-primary-800: 211, 220, 248;
    --fd-primary-900: 237, 241, 252;
    --fd-success-50: 7, 50, 39;
    --fd-success-100: 4, 63, 47;
    --fd-success-200: 6, 95, 70;
    --fd-success-300: 4, 120, 87;
    --fd-success-400: 4, 142, 99;
    --fd-success-500: 0, 165, 118;
    --fd-success-600: 3, 188, 140;
    --fd-success-700: 167 243, 208;
    --fd-success-800: 209, 250, 229;
    --fd-success-900: 236, 253, 245;
    --fd-info-50: 19, 31, 42;
    --fd-info-100: 36, 49, 60;
    --fd-info-200: 68, 86, 101;
    --fd-info-300: 85, 107, 127;
    --fd-info-400: 102, 129, 152;
    --fd-info-500: 127, 156, 180;
    --fd-info-600: 145, 172, 194;
    --fd-info-700: 220, 227, 234;
    --fd-info-800: 241, 244, 246;
    --fd-info-900: 248, 249, 251;
    --fd-warning-50: 54, 28, 8;
    --fd-warning-100: 78, 42, 12;
    --fd-warning-200: 151, 88, 36;
    --fd-warning-300: 188, 110, 45;
    --fd-warning-400: 226, 131, 54;
    --fd-warning-500: 251, 146, 60;
    --fd-warning-600: 255, 158, 79;
    --fd-warning-700: 253, 211, 177;
    --fd-warning-800: 254, 228, 206;
    --fd-warning-900: 255, 244, 236;
    --fd-danger-50: 57, 11, 25;
    --fd-danger-100: 79, 12, 34;
    --fd-danger-200: 136, 19, 55;
    --fd-danger-300: 159, 18, 57;
    --fd-danger-400: 192, 34, 73;
    --fd-danger-500: 215, 71, 96;
    --fd-danger-600: 227, 102, 124;
    --fd-danger-700: 254, 205, 211;
    --fd-danger-800: 255, 228, 230;
    --fd-danger-900: 255, 241, 242;
    --tw-ring-inset: var(--tw-empty,
            /*!*/
            /*!*/
        );
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgba(59, 130, 246, 0.5);
    --tw-ring-offset-shadow: 0 0 transparent;
    --tw-ring-shadow: 0 0 transparent;
    --tw-shadow: 0 0 transparent;
    --giphy-txt: rgba(var(--fd-gray-500), 1);
    --fd-tippy-text: rgba(var(--fd-white), 1);
    --fd-tippy-bg: rgba(var(--fd-black), 1)
}

#fd .si-theme-foundry {
    --fd-primary-50: 246, 248, 254;
    --fd-primary-100: 237, 241, 252;
    --fd-primary-200: 211, 220, 248;
    --fd-primary-300: 184, 199, 243;
    --fd-primary-400: 131, 156, 235;
    --fd-primary-500: 78, 114, 226;
    --fd-primary-600: 70, 103, 203;
    --fd-primary-700: 59, 86, 170;
    --fd-primary-800: 47, 68, 136;
    --fd-primary-900: 38, 56, 111
        /* "#26386F"*/
}

#fd .si-theme-foundry.dark {
    --fd-primary-50: 15, 26, 59;
    --fd-primary-100: 24, 38, 77;
    --fd-primary-200: 47, 68, 136;
    --fd-primary-300: 59, 86, 170;
    --fd-primary-400: 70, 103, 203;
    --fd-primary-500: 78, 114, 226;
    --fd-primary-600: 105, 141, 239;
    --fd-primary-700: 184, 199, 243;
    --fd-primary-800: 211, 220, 248;
    --fd-primary-900: 237, 241, 252
}

#fd .si-theme-blue-violet {
    --fd-primary-50: 243, 233, 252;
    --fd-primary-100: 231, 211, 249;
    --fd-primary-200: 220, 191, 246;
    --fd-primary-300: 184, 127, 237;
    --fd-primary-400: 160, 84, 231;
    --fd-primary-500: 138, 43, 226;
    --fd-primary-600: 110, 34, 180;
    --fd-primary-700: 82, 25, 134;
    --fd-primary-800: 55, 17, 90;
    --fd-primary-900: 34, 10, 56
        /* #220A38*/
}

#fd .si-theme-blue-violet.dark {
    --fd-primary-900: 243, 233, 252;
    --fd-primary-800: 231, 211, 249;
    --fd-primary-700: 220, 191, 246;
    --fd-primary-600: 184, 127, 237;
    --fd-primary-500: 160, 84, 231;
    --fd-primary-400: 138, 43, 226;
    --fd-primary-300: 110, 34, 180;
    --fd-primary-200: 82, 25, 134;
    --fd-primary-100: 55, 17, 90;
    --fd-primary-50: 34, 10, 56
}

#fd .si-theme-teal {
    --fd-primary-50: 229, 242, 242;
    --fd-primary-100: 203, 229, 229;
    --fd-primary-200: 179, 217, 217;
    --fd-primary-300: 102, 178, 178;
    --fd-primary-400: 50, 152, 152;
    --fd-primary-500: 0, 128, 128;
    --fd-primary-600: 0, 102, 102;
    --fd-primary-700: 0, 76, 76;
    --fd-primary-800: 0, 51, 51;
    --fd-primary-900: 0, 32, 32
        /* #002020*/
}

#fd .si-theme-teal.dark {
    --fd-primary-900: 229, 242, 242;
    --fd-primary-800: 203, 229, 229;
    --fd-primary-700: 179, 217, 217;
    --fd-primary-600: 102, 178, 178;
    --fd-primary-500: 50, 152, 152;
    --fd-primary-400: 0, 128, 128;
    --fd-primary-300: 0, 102, 102;
    --fd-primary-200: 0, 76, 76;
    --fd-primary-100: 0, 51, 51;
    --fd-primary-50: 0, 32, 32
}

#fd .si-theme-tomato {
    --fd-primary-50: 255, 239, 236;
    --fd-primary-100: 255, 223, 217;
    --fd-primary-200: 255, 208, 200;
    --fd-primary-300: 255, 161, 144;
    --fd-primary-400: 255, 129, 107;
    --fd-primary-500: 255, 99, 71;
    --fd-primary-600: 204, 79, 56;
    --fd-primary-700: 152, 59, 42;
    --fd-primary-800: 102, 39, 28;
    --fd-primary-900: 64, 24, 17
        /* #401811*/
}

#fd .si-theme-tomato.dark {
    --fd-primary-900: 255, 239, 236;
    --fd-primary-800: 255, 223, 217;
    --fd-primary-700: 255, 208, 200;
    --fd-primary-600: 255, 161, 144;
    --fd-primary-500: 255, 129, 107;
    --fd-primary-400: 255, 99, 71;
    --fd-primary-300: 204, 79, 56;
    --fd-primary-200: 152, 59, 42;
    --fd-primary-100: 102, 39, 28;
    --fd-primary-50: 64, 24, 17
}

#fd .si-theme-dodger-blue {
    --fd-primary-50: 232, 243, 255;
    --fd-primary-100: 209, 232, 255;
    --fd-primary-200: 187, 221, 255;
    --fd-primary-300: 184, 127, 237;
    --fd-primary-400: 74, 165, 255;
    --fd-primary-500: 30, 144, 255;
    --fd-primary-600: 24, 115, 204;
    --fd-primary-700: 17, 85, 152;
    --fd-primary-800: 12, 57, 102;
    --fd-primary-900: 7, 36, 64
        /* #072440*/
}

#fd .si-theme-dodger-blue.dark {
    --fd-primary-900: 232, 243, 255;
    --fd-primary-800: 209, 232, 255;
    --fd-primary-700: 187, 221, 255;
    --fd-primary-600: 120, 188, 255;
    --fd-primary-500: 74, 165, 255;
    --fd-primary-400: 30, 144, 255;
    --fd-primary-300: 24, 115, 204;
    --fd-primary-200: 17, 85, 152;
    --fd-primary-100: 12, 57, 102;
    --fd-primary-50: 7, 36, 64
}

#fd .filter {
    --tw-blur: var(--tw-empty,
            /*!*/
            /*!*/
        );
    --tw-brightness: var(--tw-empty,
            /*!*/
            /*!*/
        );
    --tw-contrast: var(--tw-empty,
            /*!*/
            /*!*/
        );
    --tw-grayscale: var(--tw-empty,
            /*!*/
            /*!*/
        );
    --tw-hue-rotate: var(--tw-empty,
            /*!*/
            /*!*/
        );
    --tw-invert: var(--tw-empty,
            /*!*/
            /*!*/
        );
    --tw-saturate: var(--tw-empty,
            /*!*/
            /*!*/
        );
    --tw-sepia: var(--tw-empty,
            /*!*/
            /*!*/
        );
    --tw-drop-shadow: var(--tw-empty,
            /*!*/
            /*!*/
        );
    --tw-filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
    --tw-ring-inset: var(--tw-empty,
            /*!*/
            /*!*/
        );
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgba(59, 130, 246, 0.5);
    --tw-ring-offset-shadow: 0 0 transparent;
    --tw-ring-shadow: 0 0 transparent;
    --tw-shadow: 0 0 transparent
}

#fd * {
    -webkit-tap-highlight-color: transparent
}

#fd {
    line-height: var(--fd-line-height-sm);
    text-align: right;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    direction: rtl
}

#fd *,
#fd *::before,
#fd *::after {
    box-sizing: border-box;
    border-style: solid;
    border-width: 0
}

#fd iframe {
    padding: 0;
    margin: 0
}

#fd img,
#fd input {
    min-width: 0;
    max-width: 100%;
    min-height: 0;
    margin: 0
}

#fd blockquote,
#fd nav,
#fd article,
#fd footer,
#fd form {
    position: static;
    display: block;
    float: none;
    width: auto;
    height: auto;
    padding: 0;
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    text-align: inherit;
    text-shadow: none;
    background: none;
    border: 0;
    outline: 0
}

#fd input,
#fd button,
#fd select,
#fd textarea {
    font-family: var(--fd-font-family-sans)
}

#fd img {
    vertical-align: middle;
    border: 0
}

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

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

#fd a.fd-link:link {
    text-decoration: none
}

#fd blockquote,
#fd li {
    line-height: var(--si-line-height)
}

#fd button,
#fd [role=button] {
    cursor: pointer
}

#fd select {
    word-wrap: normal
}

#fd [list]::-webkit-calendar-picker-indicator {
    display: none
}

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

#fd button:not(:disabled),
#fd [type=button]:not(:disabled),
#fd [type=reset]:not(:disabled),
#fd [type=submit]:not(:disabled) {
    cursor: pointer
}

#fd ::-moz-focus-inner {
    padding: 0;
    border-style: none
}

#fd input,
#fd textarea {
    direction: rtl;
    unicode-bidi: embed
}

#fd .container {
    width: 100%
}

#fd input[type=text]:focus,
#fd input[type=email]:focus,
#fd input[type=url]:focus,
#fd input[type=password]:focus,
#fd input[type=number]:focus,
#fd input[type=date]:focus,
#fd input[type=datetime-local]:focus,
#fd input[type=month]:focus,
#fd input[type=search]:focus,
#fd input[type=tel]:focus,
#fd input[type=time]:focus,
#fd input[type=week]:focus,
#fd [multiple]:focus,
#fd textarea:focus,
#fd select:focus {
    --tw-border-opacity: 1;
    border-color: var(--fd-primary-500-hex, rgba(var(--fd-primary-500), var(--tw-border-opacity)));
    outline: 2px solid transparent;
    outline-offset: 2px;
    --tw-ring-color: transparent
}

#fd input::placeholder,
#fd textarea::placeholder {
    --tw-text-opacity: 1;
    color: var(--fd-gray-300-hex, rgba(var(--fd-gray-300), var(--tw-text-opacity)));
    opacity: 1
}

#fd ::-webkit-datetime-edit-fields-wrapper {
    padding: 0
}

#fd ::-webkit-date-and-time-value {
    min-height: 1.5em
}

#fd [multiple] {
    padding-left: .75rem;
    background-image: initial;
    background-repeat: unset;
    background-position: initial;
    background-size: initial;
    -webkit-print-color-adjust: unset;
    color-adjust: unset
}

#fd [type=file] {
    padding: 0;
    font-size: unset;
    line-height: inherit;
    background: unset;
    border-color: inherit;
    border-width: 0;
    border-radius: 0
}

#fd [type=file]:focus {
    outline: 1px auto -webkit-focus-ring-color
}

#fd .o-form-check {
    display: flex;
    line-height: var(--fd-line-height-sm);
    margin: 0;
    align-items: center
}

#fd .o-form-check__text {
    margin-top: 0;
    margin-bottom: 0;
    margin-right: var(--fd-spacing-xs);
    -webkit-user-select: none;
    user-select: none;
    font-size: var(--fd-font-size-sm);
    line-height: var(--fd-line-height-sm);
    --tw-text-opacity: 1;
    color: var(--fd-gray-800-hex, rgba(var(--fd-gray-800), var(--tw-text-opacity)))
}

@supports(-webkit-appearance: none) or (-moz-appearance: none) {

    #fd input[type=checkbox].fd-custom-check,
    #fd input[type=radio].fd-custom-radio {
        position: relative;
        display: inline-block;
        height: 16px;
        margin: 0;
        vertical-align: top;
        cursor: pointer
    }

    #fd input[type=checkbox].fd-custom-check,
    #fd input[type=radio].fd-custom-radio {
        flex-shrink: 0
    }

    #fd input[type=checkbox].fd-custom-check,
    #fd input[type=radio].fd-custom-radio {
        border-width: 1px
    }

    #fd input[type=checkbox].fd-custom-check,
    #fd input[type=radio].fd-custom-radio {
        border-style: solid
    }

    #fd input[type=checkbox].fd-custom-check,
    #fd input[type=radio].fd-custom-radio {
        --tw-border-opacity: 1;
        border-color: var(--fd-gray-300-hex, rgba(var(--fd-gray-300), var(--tw-border-opacity)))
    }

    #fd input[type=checkbox].fd-custom-check,
    #fd input[type=radio].fd-custom-radio {
        --tw-bg-opacity: 1;
        background-color: var(--fd-white-hex, rgba(var(--fd-white), var(--tw-bg-opacity)))
    }

    #fd input[type=checkbox].fd-custom-check,
    #fd input[type=radio].fd-custom-radio {
        outline: none;
        transition: background .3s, border-color .3s, box-shadow .2s;
        -webkit-appearance: none;
        -moz-appearance: none
    }

    #fd input[type=checkbox].fd-custom-check:after,
    #fd input[type=radio].fd-custom-radio:after {
        position: absolute;
        top: 0;
        right: 0;
        display: block;
        content: "";
        transition: transform var(--d-t, 0.3s) var(--d-t-e, ease-in), opacity var(--d-o, 0.2s)
    }

    #fd input[type=checkbox].fd-custom-check:checked,
    #fd input[type=radio].fd-custom-radio:checked {
        --d-o: .3s;
        --d-t: .3s
    }

    #fd input[type=checkbox].fd-custom-check:checked,
    #fd input[type=radio].fd-custom-radio:checked {
        --tw-border-opacity: 1;
        border-color: var(--fd-primary-500-hex, rgba(var(--fd-primary-500), var(--tw-border-opacity)))
    }

    #fd input[type=checkbox].fd-custom-check:checked,
    #fd input[type=radio].fd-custom-radio:checked {
        --tw-bg-opacity: 1;
        background-color: var(--fd-primary-500-hex, rgba(var(--fd-primary-500), var(--tw-bg-opacity)))
    }

    #fd input[type=checkbox].fd-custom-check:disabled,
    #fd input[type=radio].fd-custom-radio:disabled {
        --tw-border-opacity: 1;
        border-color: var(--fd-gray-200-hex, rgba(var(--fd-gray-200), var(--tw-border-opacity)))
    }

    #fd input[type=checkbox].fd-custom-check:disabled,
    #fd input[type=radio].fd-custom-radio:disabled {
        --tw-bg-opacity: 1;
        background-color: var(--fd-white-hex, rgba(var(--fd-white), var(--tw-bg-opacity)))
    }

    #fd input[type=checkbox].fd-custom-check:disabled,
    #fd input[type=radio].fd-custom-radio:disabled {
        cursor: not-allowed;
        opacity: .9
    }

    #fd input[type=checkbox].fd-custom-check:disabled:checked,
    #fd input[type=radio].fd-custom-radio:disabled:checked {
        --tw-border-opacity: 1;
        border-color: var(--fd-gray-200-hex, rgba(var(--fd-gray-200), var(--tw-border-opacity)))
    }

    #fd input[type=checkbox].fd-custom-check:disabled:checked,
    #fd input[type=radio].fd-custom-radio:disabled:checked {
        --tw-bg-opacity: 1;
        background-color: var(--fd-gray-200-hex, rgba(var(--fd-gray-200), var(--tw-bg-opacity)))
    }

    #fd input[type=checkbox].fd-custom-check:disabled:checked:after,
    #fd input[type=radio].fd-custom-radio:disabled:checked:after {
        --tw-border-opacity: 1;
        border-color: var(--fd-gray-300-hex, rgba(var(--fd-gray-300), var(--tw-border-opacity)))
    }

    #fd input[type=checkbox].fd-custom-check:disabled+label,
    #fd input[type=radio].fd-custom-radio:disabled+label {
        cursor: not-allowed
    }

    #fd input[type=checkbox].fd-custom-check:focus:not(:checked):not(:disabled),
    #fd input[type=checkbox].fd-custom-check:hover:not(:checked):not(:disabled),
    #fd input[type=radio].fd-custom-radio:focus:not(:checked):not(:disabled),
    #fd input[type=radio].fd-custom-radio:hover:not(:checked):not(:disabled) {
        --tw-border-opacity: 1;
        border-color: var(--fd-primary-500-hex, rgba(var(--fd-primary-500), var(--tw-border-opacity)))
    }

    #fd input[type=checkbox].fd-custom-check:focus,
    #fd input[type=radio].fd-custom-radio:focus {
        --tw-border-opacity: 1;
        border-color: var(--fd-primary-500-hex, rgba(var(--fd-primary-500), var(--tw-border-opacity)))
    }

    #fd input[type=checkbox].fd-custom-check:focus,
    #fd input[type=radio].fd-custom-radio:focus {
        box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
    }

    #fd input[type=checkbox].fd-custom-check:not(.is-switch),
    #fd input[type=radio].fd-custom-radio:not(.is-switch) {
        width: 16px
    }

    #fd input[type=checkbox].fd-custom-check:not(.is-switch):after,
    #fd input[type=radio].fd-custom-radio:not(.is-switch):after {
        opacity: var(--o, 0)
    }

    #fd input[type=checkbox].fd-custom-check:not(.is-switch):checked,
    #fd input[type=radio].fd-custom-radio:not(.is-switch):checked {
        --o: 1
    }

    #fd input[type=checkbox].fd-custom-check+label,
    #fd input[type=radio].fd-custom-radio+label {
        cursor: pointer
    }

    #fd input[type=checkbox].fd-custom-check:not(.is-switch) {
        border-radius: var(--fd-border-radius-sm)
    }

    #fd input[type=checkbox].fd-custom-check:not(.is-switch):after {
        top: 2px;
        right: 5px;
        width: 5px;
        height: 8px;
        border: 2px solid rgba(var(--fd-color-inverse), 1);
        border-top: 0;
        border-left: 0;
        transform: rotate(var(--r, 30deg))
    }

    #fd input[type=checkbox].fd-custom-check:not(.is-switch):checked {
        --r: 43deg
    }

    #fd input[type=checkbox].fd-custom-check.is-switch {
        width: 36px;
        border-radius: 16px
    }

    #fd input[type=checkbox].fd-custom-check.is-switch {
        --tw-border-opacity: 1;
        border-color: var(--fd-gray-500-hex, rgba(var(--fd-gray-500), var(--tw-border-opacity)))
    }

    #fd input[type=checkbox].fd-custom-check.is-switch {
        --tw-bg-opacity: 1;
        background-color: var(--fd-gray-500-hex, rgba(var(--fd-gray-500), var(--tw-bg-opacity)))
    }

    #fd input[type=checkbox].fd-custom-check.is-switch:after {
        top: 1px;
        right: 1px;
        width: 12px;
        height: 12px;
        border-radius: 50%;
        transform: translateX(var(--x, 0))
    }

    #fd input[type=checkbox].fd-custom-check.is-switch:after {
        --tw-bg-opacity: 1;
        background-color: var(--fd-color-inverse-hex, rgba(var(--fd-color-inverse), var(--tw-bg-opacity)))
    }

    #fd input[type=checkbox].fd-custom-check.is-switch:checked {
        --x: 19px
    }

    #fd input[type=checkbox].fd-custom-check.is-switch:checked {
        --tw-border-opacity: 1;
        border-color: var(--fd-primary-500-hex, rgba(var(--fd-primary-500), var(--tw-border-opacity)))
    }

    #fd input[type=checkbox].fd-custom-check.is-switch:checked {
        --tw-bg-opacity: 1;
        background-color: var(--fd-primary-500-hex, rgba(var(--fd-primary-500), var(--tw-bg-opacity)))
    }

    #fd input[type=checkbox].fd-custom-check.is-switch:checked:disabled {
        --tw-border-opacity: 1;
        border-color: var(--fd-primary-200-hex, rgba(var(--fd-primary-200), var(--tw-border-opacity)))
    }

    #fd input[type=checkbox].fd-custom-check.is-switch:checked:disabled {
        --tw-bg-opacity: 1;
        background-color: var(--fd-primary-200-hex, rgba(var(--fd-primary-200), var(--tw-bg-opacity)))
    }

    #fd input[type=checkbox].fd-custom-check.is-switch:disabled {
        --tw-border-opacity: 1;
        border-color: var(--fd-gray-200-hex, rgba(var(--fd-gray-200), var(--tw-border-opacity)))
    }

    #fd input[type=checkbox].fd-custom-check.is-switch:disabled {
        --tw-bg-opacity: 1;
        background-color: var(--fd-gray-200-hex, rgba(var(--fd-gray-200), var(--tw-bg-opacity)))
    }

    #fd input[type=radio].fd-custom-radio {
        border-radius: 50%
    }

    #fd input[type=radio].fd-custom-radio:after {
        top: 0;
        right: 0;
        width: 14px;
        height: 14px
    }

    #fd input[type=radio].fd-custom-radio:after {
        --tw-bg-opacity: 1;
        background-color: var(--fd-color-inverse-hex, rgba(var(--fd-color-inverse), var(--tw-bg-opacity)))
    }

    #fd input[type=radio].fd-custom-radio:after {
        border-radius: 50%;
        opacity: 0;
        transform: scale(var(--s, 0.7))
    }

    #fd input[type=radio].fd-custom-radio:checked {
        --s: .575
    }

    #fd input[type=radio].fd-custom-radio:checked:disabled:after {
        --tw-bg-opacity: 1;
        background-color: var(--fd-gray-300-hex, rgba(var(--fd-gray-300), var(--tw-bg-opacity)))
    }
}

#fd .fd-custom-check:disabled~.o-form-check__text,
#fd .fd-custom-check[disabled]~.o-form-check__text,
#fd .fd-custom-radio:disabled~.o-form-check__text,
#fd .fd-custom-radio[disabled]~.o-form-check__text {
    --tw-text-opacity: 1;
    color: var(--fd-gray-300-hex, rgba(var(--fd-gray-300), var(--tw-text-opacity)))
}

#fd .sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0
}

#fd .not-sr-only {
    position: static;
    width: auto;
    height: auto;
    padding: 0;
    margin: 0;
    overflow: visible;
    clip: auto;
    white-space: normal
}

[dir=rtl] #fd .fa-angle-left,
[dir=rtl] #fd .fa-angle-right,
[dir=rtl] #fd .fa-angle-double-left,
[dir=rtl] #fd .fa-angle-double-right,
[dir=rtl] #fd .fa-hand-o-up,
[dir=rtl] #fd .fa-hand-o-down,
[dir=rtl] #fd .fa-adjust,
[dir=rtl] #fd .fa-ban,
[dir=rtl] #fd .fa-barcode,
[dir=rtl] #fd .fa-bed,
[dir=rtl] #fd .fa-beer,
[dir=rtl] #fd .fa-bell-slash,
[dir=rtl] #fd .fa-bell-slash-o,
[dir=rtl] #fd .fa-bicycle,
[dir=rtl] #fd .fa-bolt,
[dir=rtl] #fd .fa-bomb,
[dir=rtl] #fd .fa-book,
[dir=rtl] #fd .fa-area-chart,
[dir=rtl] #fd .fa-bar-chart,
[dir=rtl] #fd .fa-bar-chart-o,
[dir=rtl] #fd .fa-line-chart,
[dir=rtl] #fd .fa-pie-chart,
[dir=rtl] #fd .fa-expand,
[dir=rtl] #fd .fa-compress,
[dir=rtl] #fd .fa-bullhorn,
[dir=rtl] #fd .fa-spinner,
[dir=rtl] #fd .fa-star-half,
[dir=rtl] #fd .fa-star-half-empty,
[dir=rtl] #fd .fa-star-half-full,
[dir=rtl] #fd .fa-star-half-o,
[dir=rtl] #fd .raty-star-half-o,
[dir=rtl] #fd .o-blockquote blockquote::before {
    transform: scale(-1, 1)
}

#fd .ps {
    position: relative;
    overflow: hidden !important;
    touch-action: auto;
    overflow-anchor: none;
    -ms-overflow-style: none
}

#fd .ps__rail-x {
    position: absolute;
    bottom: 0px;
    display: none;
    height: 15px;
    opacity: 0;
    transition: background-color .2s linear, opacity .2s linear
}

#fd .ps__rail-y {
    position: absolute;
    left: 0;
    display: none;
    width: 15px;
    opacity: 0;
    transition: background-color .2s linear, opacity .2s linear
}

#fd .ps--active-x>.ps__rail-x,
#fd .ps--active-y>.ps__rail-y {
    display: block;
    background-color: transparent
}

#fd .ps:hover>.ps__rail-x,
#fd .ps:hover>.ps__rail-y,
#fd .ps--focus>.ps__rail-x,
#fd .ps--focus>.ps__rail-y,
#fd .ps--scrolling-x>.ps__rail-x,
#fd .ps--scrolling-y>.ps__rail-y {
    opacity: .6
}

#fd .ps .ps__rail-x:hover,
#fd .ps .ps__rail-y:hover,
#fd .ps .ps__rail-x:focus,
#fd .ps .ps__rail-y:focus,
#fd .ps .ps__rail-x.ps--clicking,
#fd .ps .ps__rail-y.ps--clicking {
    background-color: rgba(var(--fd-gray-50), 1);
    opacity: .9
}

#fd .ps__thumb-x {
    position: absolute;
    bottom: 2px;
    height: 6px;
    background-color: rgba(var(--fd-gray-400), 1);
    border-radius: 6px;
    transition: background-color .2s linear, height .2s ease-in-out
}

#fd .ps__thumb-y {
    position: absolute;
    left: 2px;
    width: 6px;
    background-color: rgba(var(--fd-gray-400), 1);
    border-radius: 6px;
    transition: background-color .2s linear, width .2s ease-in-out
}

#fd .ps__rail-x:hover>.ps__thumb-x,
#fd .ps__rail-x:focus>.ps__thumb-x,
#fd .ps__rail-x.ps--clicking .ps__thumb-x {
    height: 11px;
    background-color: rgba(var(--fd-gray-400), 1)
}

#fd .ps__rail-y:hover>.ps__thumb-y,
#fd .ps__rail-y:focus>.ps__thumb-y,
#fd .ps__rail-y.ps--clicking .ps__thumb-y {
    width: 11px;
    background-color: rgba(var(--fd-gray-400), 1)
}

@supports(-ms-overflow-style: none) {
    #fd .ps {
        overflow: auto !important
    }
}

.tippy-box {
    line-height: var(--fd-line-height-sm)
}

.tippy-box[data-theme~=fd-dark],
.tippy-box[data-theme~=fd-light] {
    border-radius: var(--fd-border-radius-md);
    background-color: transparent;
    --tw-shadow: 0 2px 4px -2px rgba(0, 0, 0, 0.04), 0 5px 10px -1px rgba(0, 0, 0, 0.08);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.tippy-box[data-theme~=fd-dark] .tippy-arrow,
.tippy-box[data-theme~=fd-light] .tippy-arrow {
    --tw-text-opacity: 1;
    color: var(--fd-gray-700-hex, rgba(var(--fd-gray-700), var(--tw-text-opacity)))
}

.tippy-box[data-theme~=fd-dark]>.tippy-svg-arrow,
.tippy-box[data-theme~=fd-light]>.tippy-svg-arrow {
    fill: var(--fd-tippy-bg)
}

.tippy-box[data-theme~=fd-dark][data-placement^=top]>.tippy-arrow::before {
    border-top-color: rgba(var(--fd-gray-700), 1)
}

.tippy-box[data-theme~=fd-dark][data-placement^=bottom]>.tippy-arrow::before {
    border-bottom-color: rgba(var(--fd-gray-700), 1)
}

.tippy-box[data-theme~=fd-dark][data-placement^=left]>.tippy-arrow::before {
    border-right-color: rgba(var(--fd-gray-700), 1)
}

.tippy-box[data-theme~=fd-dark][data-placement^=right]>.tippy-arrow::before {
    border-left-color: rgba(var(--fd-gray-700), 1)
}

.tippy-box[data-theme~=fd-dark] .tippy-content,
.tippy-box[data-theme~=fd-light] .tippy-content {
    padding: 0
}

.tippy-box[data-placement^=top]>.tippy-svg-arrow {
    bottom: 0
}

.tippy-box[data-placement^=top]>.tippy-svg-arrow::after,
.tippy-box[data-placement^=top]>.tippy-svg-arrow>svg {
    top: 16px;
    transform: rotate(-180deg)
}

.tippy-box[data-placement^=bottom]>.tippy-svg-arrow {
    top: 0
}

.tippy-box[data-placement^=bottom]>.tippy-svg-arrow>svg {
    bottom: 16px
}

.tippy-box[data-placement^=left]>.tippy-svg-arrow {
    left: 0
}

.tippy-box[data-placement^=left]>.tippy-svg-arrow::after,
.tippy-box[data-placement^=left]>.tippy-svg-arrow>svg {
    top: calc(50% - 3px);
    right: 11px;
    transform: rotate(-90deg)
}

.tippy-box[data-placement^=right]>.tippy-svg-arrow {
    right: 0
}

.tippy-box[data-placement^=right]>.tippy-svg-arrow::after,
.tippy-box[data-placement^=right]>.tippy-svg-arrow>svg {
    top: calc(50% - 3px);
    left: 11px;
    transform: rotate(90deg)
}

.tippy-svg-arrow {
    position: absolute;
    width: 16px;
    height: 16px;
    text-align: initial
}

.tippy-svg-arrow>svg {
    position: absolute
}

@font-face {
    font-family: "raty-font";
    font-style: normal;
    font-weight: normal;
    src: url("vendor/raty/fonts/raty-font.eot?13822802");
    src: url("vendor/raty/fonts/raty-font.eot?13822802#iefix") format("embedded-opentype"), url("vendor/raty/fonts/raty-font.woff2?13822802") format("woff2"), url("vendor/raty/fonts/raty-font.woff?13822802") format("woff"), url("vendor/raty/fonts/raty-font.ttf?13822802") format("truetype"), url("vendor/raty/fonts/raty-font.svg?13822802#raty-font") format("svg")
}

#fd .fd-rating {
    display: flex
}

#fd .fd-rating>*+* {
    margin-right: var(--fd-spacing-3xs)
}

#fd .raty {
    display: inline-block;
    font-family: raty-font;
    font-size: inherit;
    font-style: normal;
    transform: translate(0, 0);
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    --tw-text-opacity: 1;
    color: var(--fd-gray-500-hex, rgba(var(--fd-gray-500), var(--tw-text-opacity)))
}

#fd .raty-star:before {
    content: ""
}

#fd .raty-star-o:before {
    content: ""
}

#fd .raty-star-half-o:before {
    content: ""
}

#fd .raty-star--on {
    --tw-text-opacity: 1;
    color: var(--fd-warning-500-hex, rgba(var(--fd-warning-500), var(--tw-text-opacity)))
}

#fd .emoji-picker img {
    display: block
}

#fd .emoji-content {
    position: relative;
    flex-grow: 1;
    min-width: 280px;
    height: 200px;
    padding: var(--fd-spacing-xs);
    overflow-y: auto
}

#fd .emoji-search-wrapper {
    padding: var(--fd-spacing-xs);
    border-bottom: 1px solid rgba(var(--fd-gray-200), 1)
}

#fd .emoji-search {
    width: 100%
}

#fd .emoji-content-wrapper {
    display: flex;
    flex-direction: column
}

#fd .emoji-picker {
    display: flex;
    flex-direction: column;
    margin: 0;
    overflow: hidden
}

#fd .emoji-selectables {
    display: grid;
    grid-template-columns: repeat(8, minmax(0, 1fr));
    grid-gap: var(--fd-spacing-xs);
    gap: var(--fd-spacing-xs);
    padding: 0 var(--fd-spacing-xs);
    line-height: var(--fd-line-height-md);
    -webkit-user-select: none;
    user-select: none;
    background-color: rgba(var(--fd-gray-50), 1);
    border-bottom: 1px solid rgba(var(--fd-gray-200), 1)
}

#fd .emoji-selectables span {
    padding: var(--fd-spacing-xs) var(--fd-spacing-xs);
    font-size: 24px;
    color: rgba(var(--fd-gray-500), 1);
    text-align: center;
    cursor: pointer;
    border-bottom: 1px solid transparent
}

#fd .emoji-selectables span.is-active {
    border-bottom: 1px solid rgba(var(--fd-primary-500), 1)
}

#fd .emoji-selectables span.is-active img {
    filter: none
}

#fd .emoji-selectables span img {
    display: flex;
    align-items: center;
    width: 25px;
    filter: grayscale(100%)
}

#fd .picker-emoji-content {
    flex-wrap: wrap;
    justify-content: center
}

#fd .emoji-content span {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: var(--fd-spacing-xs);
    font-size: 24px;
    line-height: var(--fd-line-height-md);
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none
}

#fd .emoji-content span:hover {
    border-radius: var(--fd-border-radius-md);
    transform: scale(1.1)
}

#fd .picker-emoji-content {
    display: none
}

#fd .picker-emoji-content.is-active {
    display: grid;
    grid-template-columns: repeat(8, minmax(0, 1fr));
    grid-gap: var(--fd-spacing-xs);
    gap: var(--fd-spacing-xs)
}

#fd .picker-emoji-sel.face {
    font-size: 10px;
    color: aliceblue
}

#fd .emoji-content span img {
    width: 32px;
    height: 32px
}

#fd .picker-emoji-content::-webkit-scrollbar-thumb {
    height: 10px;
    background-color: #65b88d;
    border-radius: 100px
}

#fd .picker-emoji-content::-webkit-scrollbar-track {
    background-color: #303841
}

#fd .picker-emoji-content::-webkit-scrollbar {
    width: 6px
}

#fd .fd-giphy-container {
    position: relative;
    display: flex
}

#fd .fd-giphy-container__wrap {
    position: relative;
    display: block;
    max-width: 320px;
    overflow: hidden;
    border-radius: var(--fd-border-radius-md)
}

#fd .fd-giphy-container__wrap img {
    border-radius: var(--fd-border-radius-md);
    max-width: 100%
}

#fd .fdi.fa-giphy:before {
    font-family: "fa giphy";
    font-style: normal;
    font-weight: 400;
    content: ""
}

@font-face {
    font-family: "fa giphy";
    font-style: normal;
    font-weight: normal;
    src: url("vendor/fa-giphy/fa-giphy.eot?811st4");
    src: url("vendor/fa-giphy/fa-giphy.eot?811st4#iefix") format("embedded-opentype"), url("vendor/fa-giphy/fa-giphy.ttf?811st4") format("truetype"), url("vendor/fa-giphy/fa-giphy.woff?811st4") format("woff"), url("vendor/fa-giphy/fa-giphy.svg?811st4#icomoon") format("svg");
    font-display: block
}

/*!
 * animate.css - https://animate.style/
 * Version - 4.1.1
 * Licensed under the Hippocratic License 2.1 - http://firstdonoharm.dev
 *
 * Copyright (c) 2022 Animate.css
 */
:root {
    --animate-duration: 1s;
    --animate-delay: 1s;
    --animate-repeat: 1
}

#fd .fd-animate__animated {
    animation-duration: 1s;
    animation-duration: var(--animate-duration);
    animation-fill-mode: both
}

#fd .fd-animate__animated.fd-animate__infinite {
    animation-iteration-count: infinite
}

#fd .fd-animate__animated.fd-animate__repeat-1 {
    animation-iteration-count: 1;
    animation-iteration-count: var(--animate-repeat)
}

#fd .fd-animate__animated.fd-animate__repeat-2 {
    animation-iteration-count: calc(1 * 2);
    animation-iteration-count: calc(var(--animate-repeat) * 2)
}

#fd .fd-animate__animated.fd-animate__repeat-3 {
    animation-iteration-count: calc(1 * 3);
    animation-iteration-count: calc(var(--animate-repeat) * 3)
}

#fd .fd-animate__animated.fd-animate__delay-1s {
    animation-delay: 1s;
    animation-delay: var(--animate-delay)
}

#fd .fd-animate__animated.fd-animate__delay-2s {
    animation-delay: calc(1s * 2);
    animation-delay: calc(var(--animate-delay) * 2)
}

#fd .fd-animate__animated.fd-animate__delay-3s {
    animation-delay: calc(1s * 3);
    animation-delay: calc(var(--animate-delay) * 3)
}

#fd .fd-animate__animated.fd-animate__delay-4s {
    animation-delay: calc(1s * 4);
    animation-delay: calc(var(--animate-delay) * 4)
}

#fd .fd-animate__animated.fd-animate__delay-5s {
    animation-delay: calc(1s * 5);
    animation-delay: calc(var(--animate-delay) * 5)
}

#fd .fd-animate__animated.fd-animate__faster {
    animation-duration: calc(1s / 2);
    animation-duration: calc(var(--animate-duration) / 2)
}

#fd .fd-animate__animated.fd-animate__fast {
    animation-duration: calc(1s * 0.8);
    animation-duration: calc(var(--animate-duration) * 0.8)
}

#fd .fd-animate__animated.fd-animate__slow {
    animation-duration: calc(1s * 2);
    animation-duration: calc(var(--animate-duration) * 2)
}

#fd .fd-animate__animated.fd-animate__slower {
    animation-duration: calc(1s * 3);
    animation-duration: calc(var(--animate-duration) * 3)
}

@keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

#fd .fd-animate__fadeIn {
    animation-name: fadeIn
}

@keyframes fadeInDown {
    from {
        opacity: 0;
        transform: translate3d(0, -100%, 0)
    }

    to {
        opacity: 1;
        transform: translate3d(0, 0, 0)
    }
}

#fd .fd-animate__fadeInDown {
    animation-name: fadeInDown
}

@keyframes fadeInDownBig {
    from {
        opacity: 0;
        transform: translate3d(0, -2000px, 0)
    }

    to {
        opacity: 1;
        transform: translate3d(0, 0, 0)
    }
}

#fd .fd-animate__fadeInDownBig {
    animation-name: fadeInDownBig
}

@keyframes fadeInLeft {
    from {
        opacity: 0;
        transform: translate3d(100%, 0, 0)
    }

    to {
        opacity: 1;
        transform: translate3d(0, 0, 0)
    }
}

#fd .fd-animate__fadeInLeft {
    animation-name: fadeInLeft
}

@keyframes fadeInLeftBig {
    from {
        opacity: 0;
        transform: translate3d(2000px, 0, 0)
    }

    to {
        opacity: 1;
        transform: translate3d(0, 0, 0)
    }
}

#fd .fd-animate__fadeInLeftBig {
    animation-name: fadeInLeftBig
}

@keyframes fadeInRight {
    from {
        opacity: 0;
        transform: translate3d(-100%, 0, 0)
    }

    to {
        opacity: 1;
        transform: translate3d(0, 0, 0)
    }
}

#fd .fd-animate__fadeInRight {
    animation-name: fadeInRight
}

@keyframes fadeInRightBig {
    from {
        opacity: 0;
        transform: translate3d(-2000px, 0, 0)
    }

    to {
        opacity: 1;
        transform: translate3d(0, 0, 0)
    }
}

#fd .fd-animate__fadeInRightBig {
    animation-name: fadeInRightBig
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translate3d(0, 100%, 0)
    }

    to {
        opacity: 1;
        transform: translate3d(0, 0, 0)
    }
}

#fd .fd-animate__fadeInUp {
    animation-name: fadeInUp
}

@keyframes fadeInUpBig {
    from {
        opacity: 0;
        transform: translate3d(0, 2000px, 0)
    }

    to {
        opacity: 1;
        transform: translate3d(0, 0, 0)
    }
}

#fd .fd-animate__fadeInUpBig {
    animation-name: fadeInUpBig
}

@keyframes fadeInTopLeft {
    from {
        opacity: 0;
        transform: translate3d(100%, -100%, 0)
    }

    to {
        opacity: 1;
        transform: translate3d(0, 0, 0)
    }
}

#fd .fd-animate__fadeInTopLeft {
    animation-name: fadeInTopLeft
}

@keyframes fadeInTopRight {
    from {
        opacity: 0;
        transform: translate3d(-100%, -100%, 0)
    }

    to {
        opacity: 1;
        transform: translate3d(0, 0, 0)
    }
}

#fd .fd-animate__fadeInTopRight {
    animation-name: fadeInTopRight
}

@keyframes fadeInBottomLeft {
    from {
        opacity: 0;
        transform: translate3d(100%, 100%, 0)
    }

    to {
        opacity: 1;
        transform: translate3d(0, 0, 0)
    }
}

#fd .fd-animate__fadeInBottomLeft {
    animation-name: fadeInBottomLeft
}

@keyframes fadeInBottomRight {
    from {
        opacity: 0;
        transform: translate3d(-100%, 100%, 0)
    }

    to {
        opacity: 1;
        transform: translate3d(0, 0, 0)
    }
}

#fd .fd-animate__fadeInBottomRight {
    animation-name: fadeInBottomRight
}

@keyframes fadeOut {
    from {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

#fd .fd-animate__fadeOut {
    animation-name: fadeOut
}

@keyframes fadeOutDown {
    from {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: translate3d(0, 100%, 0)
    }
}

#fd .fd-animate__fadeOutDown {
    animation-name: fadeOutDown
}

@keyframes fadeOutDownBig {
    from {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: translate3d(0, 2000px, 0)
    }
}

#fd .fd-animate__fadeOutDownBig {
    animation-name: fadeOutDownBig
}

@keyframes fadeOutLeft {
    from {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: translate3d(100%, 0, 0)
    }
}

#fd .fd-animate__fadeOutLeft {
    animation-name: fadeOutLeft
}

@keyframes fadeOutLeftBig {
    from {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: translate3d(2000px, 0, 0)
    }
}

#fd .fd-animate__fadeOutLeftBig {
    animation-name: fadeOutLeftBig
}

@keyframes fadeOutRight {
    from {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: translate3d(-100%, 0, 0)
    }
}

#fd .fd-animate__fadeOutRight {
    animation-name: fadeOutRight
}

@keyframes fadeOutRightBig {
    from {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: translate3d(-2000px, 0, 0)
    }
}

#fd .fd-animate__fadeOutRightBig {
    animation-name: fadeOutRightBig
}

@keyframes fadeOutUp {
    from {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: translate3d(0, -100%, 0)
    }
}

#fd .fd-animate__fadeOutUp {
    animation-name: fadeOutUp
}

@keyframes fadeOutUpBig {
    from {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: translate3d(0, -2000px, 0)
    }
}

#fd .fd-animate__fadeOutUpBig {
    animation-name: fadeOutUpBig
}

@keyframes fadeOutTopLeft {
    from {
        opacity: 1;
        transform: translate3d(0, 0, 0)
    }

    to {
        opacity: 0;
        transform: translate3d(100%, -100%, 0)
    }
}

#fd .fd-animate__fadeOutTopLeft {
    animation-name: fadeOutTopLeft
}

@keyframes fadeOutTopRight {
    from {
        opacity: 1;
        transform: translate3d(0, 0, 0)
    }

    to {
        opacity: 0;
        transform: translate3d(-100%, -100%, 0)
    }
}

#fd .fd-animate__fadeOutTopRight {
    animation-name: fadeOutTopRight
}

@keyframes fadeOutBottomRight {
    from {
        opacity: 1;
        transform: translate3d(0, 0, 0)
    }

    to {
        opacity: 0;
        transform: translate3d(-100%, 100%, 0)
    }
}

#fd .fd-animate__fadeOutBottomRight {
    animation-name: fadeOutBottomRight
}

@keyframes fadeOutBottomLeft {
    from {
        opacity: 1;
        transform: translate3d(0, 0, 0)
    }

    to {
        opacity: 0;
        transform: translate3d(100%, 100%, 0)
    }
}

#fd .fd-animate__fadeOutBottomLeft {
    animation-name: fadeOutBottomLeft
}

@keyframes slideInDown {
    from {
        visibility: visible;
        transform: translate3d(0, -100%, 0)
    }

    to {
        transform: translate3d(0, 0, 0)
    }
}

#fd .fd-animate__slideInDown {
    animation-name: slideInDown
}

@keyframes slideInLeft {
    from {
        visibility: visible;
        transform: translate3d(100%, 0, 0)
    }

    to {
        transform: translate3d(0, 0, 0)
    }
}

#fd .fd-animate__slideInLeft {
    animation-name: slideInLeft
}

@keyframes slideInRight {
    from {
        visibility: visible;
        transform: translate3d(-100%, 0, 0)
    }

    to {
        transform: translate3d(0, 0, 0)
    }
}

#fd .fd-animate__slideInRight {
    animation-name: slideInRight
}

@keyframes slideInUp {
    from {
        visibility: visible;
        transform: translate3d(0, 100%, 0)
    }

    to {
        transform: translate3d(0, 0, 0)
    }
}

#fd .fd-animate__slideInUp {
    animation-name: slideInUp
}

@keyframes slideOutDown {
    from {
        transform: translate3d(0, 0, 0)
    }

    to {
        visibility: hidden;
        transform: translate3d(0, 100%, 0)
    }
}

#fd .fd-animate__slideOutDown {
    animation-name: slideOutDown
}

@keyframes slideOutLeft {
    from {
        transform: translate3d(0, 0, 0)
    }

    to {
        visibility: hidden;
        transform: translate3d(100%, 0, 0)
    }
}

#fd .fd-animate__slideOutLeft {
    animation-name: slideOutLeft
}

@keyframes slideOutRight {
    from {
        transform: translate3d(0, 0, 0)
    }

    to {
        visibility: hidden;
        transform: translate3d(-100%, 0, 0)
    }
}

#fd .fd-animate__slideOutRight {
    animation-name: slideOutRight
}

@keyframes slideOutUp {
    from {
        transform: translate3d(0, 0, 0)
    }

    to {
        visibility: hidden;
        transform: translate3d(0, -100%, 0)
    }
}

#fd .fd-animate__slideOutUp {
    animation-name: slideOutUp
}

#fd .o-btn {
    --fd-color-loader: rgba(var(--fd-gray-300), 1);
    --fd-bg-loader: rgba(var(--fd-gray-300), .5);
    -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);
    border-width: 1px;
    border-style: solid;
    background-color: transparent;
    padding-right: var(--fd-spacing-md);
    padding-left: var(--fd-spacing-md);
    padding-top: var(--fd-spacing-xs);
    padding-bottom: var(--fd-spacing-xs);
    vertical-align: middle;
    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";
    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-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
    transition-duration: 200ms;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1)
}

#fd .o-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 #0000);
    --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 .o-btn>i {
    line-height: inherit
}

#fd .o-btn--default {
    --tw-border-opacity: 1;
    border-color: 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 .o-btn--default:hover {
    --tw-bg-opacity: 1;
    background-color: var(--fd-gray-100-hex, rgba(var(--fd-gray-100), var(--tw-bg-opacity)))
}

#fd .o-btn--default:disabled {
    --tw-border-opacity: 1;
    border-color: var(--fd-gray-100-hex, rgba(var(--fd-gray-100), var(--tw-border-opacity)));
    --tw-bg-opacity: 1;
    background-color: var(--fd-gray-100-hex, rgba(var(--fd-gray-100), var(--tw-bg-opacity)));
    --tw-text-opacity: 1;
    color: var(--fd-gray-300-hex, rgba(var(--fd-gray-300), var(--tw-text-opacity)))
}

#fd .o-btn--primary {
    --tw-border-opacity: 1;
    border-color: var(--fd-primary-500-hex, rgba(var(--fd-primary-500), var(--tw-border-opacity)));
    --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 .o-btn--primary:hover {
    --tw-bg-opacity: 1;
    background-color: var(--fd-primary-600-hex, rgba(var(--fd-primary-600), var(--tw-bg-opacity)))
}

#fd .o-btn--success {
    --tw-border-opacity: 1;
    border-color: var(--fd-success-500-hex, rgba(var(--fd-success-500), var(--tw-border-opacity)));
    --tw-bg-opacity: 1;
    background-color: var(--fd-success-500-hex, rgba(var(--fd-success-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 .o-btn--success:hover {
    --tw-bg-opacity: 1;
    background-color: var(--fd-success-600-hex, rgba(var(--fd-success-600), var(--tw-bg-opacity)))
}

#fd .o-btn--danger {
    --tw-border-opacity: 1;
    border-color: var(--fd-danger-500-hex, rgba(var(--fd-danger-500), var(--tw-border-opacity)));
    --tw-bg-opacity: 1;
    background-color: var(--fd-danger-500-hex, rgba(var(--fd-danger-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 .o-btn--danger:hover {
    --tw-bg-opacity: 1;
    background-color: var(--fd-danger-600-hex, rgba(var(--fd-danger-600), var(--tw-bg-opacity)))
}

#fd .o-btn--info {
    --tw-border-opacity: 1;
    border-color: var(--fd-info-500-hex, rgba(var(--fd-info-500), var(--tw-border-opacity)));
    --tw-bg-opacity: 1;
    background-color: var(--fd-info-500-hex, rgba(var(--fd-info-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 .o-btn--info:hover {
    --tw-bg-opacity: 1;
    background-color: var(--fd-info-600-hex, rgba(var(--fd-info-600), var(--tw-bg-opacity)))
}

#fd .o-btn--warning {
    --tw-border-opacity: 1;
    border-color: var(--fd-warning-500-hex, rgba(var(--fd-warning-500), var(--tw-border-opacity)));
    --tw-bg-opacity: 1;
    background-color: var(--fd-warning-500-hex, rgba(var(--fd-warning-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 .o-btn--warning:hover {
    --tw-bg-opacity: 1;
    background-color: var(--fd-warning-600-hex, rgba(var(--fd-warning-600), var(--tw-bg-opacity)))
}

#fd .o-btn--default:disabled,
#fd .o-btn--primary:disabled,
#fd .o-btn--success:disabled,
#fd .o-btn--danger:disabled,
#fd .o-btn--info:disabled,
#fd .o-btn--warning:disabled {
    --tw-border-opacity: 1;
    border-color: var(--fd-gray-100-hex, rgba(var(--fd-gray-100), var(--tw-border-opacity)));
    --tw-bg-opacity: 1;
    background-color: var(--fd-gray-100-hex, rgba(var(--fd-gray-100), var(--tw-bg-opacity)));
    --tw-text-opacity: 1;
    color: var(--fd-gray-300-hex, rgba(var(--fd-gray-300), var(--tw-text-opacity)))
}

#fd .o-btn--default-o {
    --tw-border-opacity: 1;
    border-color: var(--fd-gray-300-hex, rgba(var(--fd-gray-300), var(--tw-border-opacity)));
    background-color: transparent;
    --tw-text-opacity: 1;
    color: var(--fd-gray-800-hex, rgba(var(--fd-gray-800), var(--tw-text-opacity)))
}

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

#fd .o-btn--primary-o {
    --tw-border-opacity: 1;
    border-color: var(--fd-primary-500-hex, rgba(var(--fd-primary-500), var(--tw-border-opacity)));
    background-color: transparent;
    --tw-text-opacity: 1;
    color: var(--fd-primary-500-hex, rgba(var(--fd-primary-500), var(--tw-text-opacity)))
}

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

#fd .o-btn--success-o {
    --tw-border-opacity: 1;
    border-color: var(--fd-success-500-hex, rgba(var(--fd-success-500), var(--tw-border-opacity)));
    background-color: transparent;
    --tw-text-opacity: 1;
    color: var(--fd-success-500-hex, rgba(var(--fd-success-500), var(--tw-text-opacity)))
}

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

#fd .o-btn--danger-o {
    --tw-border-opacity: 1;
    border-color: var(--fd-danger-500-hex, rgba(var(--fd-danger-500), var(--tw-border-opacity)));
    background-color: transparent;
    --tw-text-opacity: 1;
    color: var(--fd-danger-500-hex, rgba(var(--fd-danger-500), var(--tw-text-opacity)))
}

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

#fd .o-btn--info-o {
    --tw-border-opacity: 1;
    border-color: var(--fd-info-500-hex, rgba(var(--fd-info-500), var(--tw-border-opacity)));
    background-color: transparent;
    --tw-text-opacity: 1;
    color: var(--fd-info-500-hex, rgba(var(--fd-info-500), var(--tw-text-opacity)))
}

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

#fd .o-btn--warning-o {
    --tw-border-opacity: 1;
    border-color: var(--fd-warning-500-hex, rgba(var(--fd-warning-500), var(--tw-border-opacity)));
    background-color: transparent;
    --tw-text-opacity: 1;
    color: var(--fd-warning-500-hex, rgba(var(--fd-warning-500), var(--tw-text-opacity)))
}

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

#fd .o-btn--default-o,
#fd .o-btn--primary-o,
#fd .o-btn--success-o,
#fd .o-btn--danger-o,
#fd .o-btn--info-o,
#fd .o-btn--warning-o {
    cursor: pointer
}

#fd .o-btn--default-o:disabled,
#fd .o-btn--primary-o:disabled,
#fd .o-btn--success-o:disabled,
#fd .o-btn--danger-o:disabled,
#fd .o-btn--info-o:disabled,
#fd .o-btn--warning-o:disabled {
    --tw-border-opacity: 1;
    border-color: var(--fd-gray-200-hex, rgba(var(--fd-gray-200), var(--tw-border-opacity)));
    background-color: transparent;
    --tw-text-opacity: 1;
    color: var(--fd-gray-300-hex, rgba(var(--fd-gray-300), var(--tw-text-opacity)))
}

#fd .o-btn--default-ghost {
    border-color: transparent;
    background-color: transparent;
    --tw-text-opacity: 1;
    color: var(--fd-gray-800-hex, rgba(var(--fd-gray-800), var(--tw-text-opacity)))
}

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

#fd .o-btn--primary-ghost {
    border-color: transparent;
    background-color: transparent;
    --tw-text-opacity: 1;
    color: var(--fd-primary-500-hex, rgba(var(--fd-primary-500), var(--tw-text-opacity)))
}

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

#fd .o-btn--success-ghost {
    border-color: transparent;
    background-color: transparent;
    --tw-text-opacity: 1;
    color: var(--fd-success-500-hex, rgba(var(--fd-success-500), var(--tw-text-opacity)))
}

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

#fd .o-btn--danger-ghost {
    border-color: transparent;
    background-color: transparent;
    --tw-text-opacity: 1;
    color: var(--fd-danger-500-hex, rgba(var(--fd-danger-500), var(--tw-text-opacity)))
}

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

#fd .o-btn--info-ghost {
    border-color: transparent;
    background-color: transparent;
    --tw-text-opacity: 1;
    color: var(--fd-info-500-hex, rgba(var(--fd-info-500), var(--tw-text-opacity)))
}

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

#fd .o-btn--warning-ghost {
    border-color: transparent;
    background-color: transparent;
    --tw-text-opacity: 1;
    color: var(--fd-warning-500-hex, rgba(var(--fd-warning-500), var(--tw-text-opacity)))
}

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

#fd .o-btn--default-ghost:disabled,
#fd .o-btn--primary-ghost:disabled,
#fd .o-btn--success-ghost:disabled,
#fd .o-btn--danger-ghost:disabled,
#fd .o-btn--info-ghost:disabled,
#fd .o-btn--warning-ghost:disabled {
    border-color: transparent;
    background-color: transparent;
    --tw-text-opacity: 1;
    color: var(--fd-gray-300-hex, rgba(var(--fd-gray-300), var(--tw-text-opacity)))
}

#fd .o-btn--facebook {
    color: #fff;
    background: #4267b2;
    border-color: #4267b2
}

#fd .o-btn--facebook:hover {
    background-color: #375694
}

#fd .o-btn--twitter {
    color: #fff;
    background: #339aed;
    border-color: #339aed
}

#fd .o-btn--twitter:hover {
    background-color: #1487e3
}

#fd .o-btn--linkedin {
    color: #fff;
    background: #0a66c2;
    border-color: #0a66c2
}

#fd .o-btn--linkedin:hover {
    background-color: #084d92
}

#fd .o-btn--twitch {
    color: #fff;
    background: #5f48a0;
    border-color: #5f48a0
}

#fd .o-btn--twitch:hover {
    background-color: #4e3b84
}

#fd .o-btn--apple--d {
    color: #fff;
    background: #000;
    border-color: #000
}

#fd .o-btn--apple--d:hover {
    background-color: #000
}

#fd .o-btn--apple--l {
    color: #000;
    background: #fff;
    border-color: #000
}

#fd .o-btn--apple--l:hover {
    background-color: #fff
}

#fd .o-btn--google {
    color: #000;
    background: #fff;
    --tw-border-opacity: 1;
    border-color: var(--fd-gray-300-hex, rgba(var(--fd-gray-300), var(--tw-border-opacity)))
}

#fd .o-btn--google img,
#fd .o-btn--google svg {
    display: inline-block;
    margin-left: var(--fd-spacing-3xs)
}

#fd .o-btn--xing {
    color: #fff;
    background: #006567;
    border-color: #006567
}

#fd .o-btn--xing:hover {
    background-color: #003d3e
}

#fd .o-btn--vk {
    color: #fff;
    background: #4c75a3;
    border-color: #4c75a3
}

#fd .o-btn--vk:hover {
    background-color: #3f6187
}

#fd .o-btn--pinterest {
    color: #fff;
    background: #c61118;
    border-color: #c61118
}

#fd .o-btn--pinterest:hover {
    background-color: #a00e13
}

#fd .o-btn--reddit {
    color: #fff;
    background: #386a9c;
    border-color: #386a9c
}

#fd .o-btn--reddit:hover {
    background-color: #2d567e
}

#fd .o-btn--pocket {
    color: #fff;
    background: #ef3e56;
    border-color: #ef3e56
}

#fd .o-btn--pocket:hover {
    background-color: #ec1835
}

#fd .o-btn--email {
    color: #fff;
    background: #333;
    border-color: #333
}

#fd .o-btn--email:hover {
    background-color: #1f1f1f
}

#fd .o-btn.is-loading {
    position: relative;
    color: transparent !important;
    text-shadow: none !important;
    pointer-events: auto;
    cursor: not-allowed;
    opacity: 1;
    transition: all 0s linear, opacity .1s ease
}

#fd .o-btn.is-loading:before {
    position: absolute;
    top: 50%;
    right: 50%;
    width: 16px;
    height: 16px;
    margin: -8px -8px 0 0;
    content: "";
    border-radius: 500rem;
    border-width: 2px;
    border-style: solid;
    --tw-border-opacity: 1;
    border-color: var(--fd-primary-500-hex, rgba(var(--fd-primary-500), var(--tw-border-opacity)))
}

#fd .o-btn.is-loading:after {
    position: absolute;
    top: 50%;
    right: 50%;
    width: 16px;
    height: 16px;
    margin: -8px -8px 0 0;
    content: "";
    border-style: solid;
    border-width: 2px;
    border-top-color: rgba(var(--fd-gray-300), 1);
    border-left-color: transparent;
    border-bottom-color: transparent;
    border-right-color: transparent;
    border-radius: 500rem;
    box-shadow: 0 0 0 1px transparent;
    animation: o-btn-spin-keyframe .6s linear;
    animation-iteration-count: infinite
}

@keyframes o-btn-spin-keyframe {
    from {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(-360deg)
    }
}

#fd .color-choice {
    display: inline-block;
    width: 30px;
    height: 30px;
    cursor: pointer;
    border-radius: 50%;
    --tw-bg-opacity: 1;
    background-color: var(--fd-primary-500-hex, rgba(var(--fd-primary-500), var(--tw-bg-opacity)))
}

#fd .color-choice:hover {
    opacity: .5
}

#fd .color-theme-container {
    position: fixed;
    top: 83px;
    left: 0;
    z-index: 1000;
    padding: 8px 16px;
    background-color: white;
    border: 1px solid #dedede
}

#fd .test-btn-bg {
    --tw-bg-opacity: 1;
    background-color: var(--fd-primary-50-hex, rgba(var(--fd-primary-50), var(--tw-bg-opacity)))
}

#fd .dark .test-btn-bg {
    --tw-bg-opacity: 1;
    background-color: var(--fd-white-hex, rgba(var(--fd-white), var(--tw-bg-opacity)))
}

#fd .o-btn-group,
#fd .o-btn-group-vertical {
    position: relative;
    display: inline-flex;
    vertical-align: middle
}

#fd .o-btn-group>.o-btn,
#fd .o-btn-group-vertical>.o-btn {
    position: relative;
    flex: 1 1 auto
}

#fd .o-btn-group>.o-btn-check:checked+.o-btn,
#fd .o-btn-group>.o-btn-check:focus+.o-btn,
#fd .o-btn-group>.o-btn:hover,
#fd .o-btn-group>.o-btn:focus,
#fd .o-btn-group>.o-btn:active,
#fd .o-btn-group>.o-btn.active,
#fd .o-btn-group-vertical>.o-btn-check:checked+.o-btn,
#fd .o-btn-group-vertical>.o-btn-check:focus+.o-btn,
#fd .o-btn-group-vertical>.o-btn:hover,
#fd .o-btn-group-vertical>.o-btn:focus,
#fd .o-btn-group-vertical>.o-btn:active,
#fd .o-btn-group-vertical>.o-btn.active {
    z-index: 1
}

#fd .o-btn-toolbar {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start
}

#fd .o-btn-toolbar .o-input-group {
    width: auto
}

#fd .o-btn-group>.o-btn:not(:last-child):not(.dropdown-toggle),
#fd .o-btn-group>.o-btn:not(:last-child):not(.dropdown-toggle_),
#fd .o-btn-group>.o-btn-group:not(:last-child)>.o-btn {
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px
}

#fd .o-btn-group>.o-btn:nth-child(n+3),
#fd .o-btn-group>:not(.o-btn-check)+.o-btn,
#fd .o-btn-group>.o-btn-group:not(:first-child)>.o-btn {
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px
}

#fd .dropdown-toggle-split::after,
#fd .dropup .dropdown-toggle-split::after,
#fd .dropright .dropdown-toggle-split::after {
    margin-right: 0
}

#fd .dropleft .dropdown-toggle-split::before {
    margin-left: 0
}

#fd .o-btn-group.show .dropdown-toggle.o-btn-link,
#fd .o-btn-group.show .o-dropdown-toggle.o-btn-link {
    --tw-shadow: 0 0 #0000;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

#fd .o-btn-group-vertical {
    flex-direction: column;
    align-items: flex-start;
    justify-content: center
}

#fd .o-btn-group-vertical>.o-btn,
#fd .o-btn-group-vertical>.o-btn-group {
    width: 100%
}

#fd .o-btn-group-vertical>.o-btn:not(:last-child):not(.dropdown-toggle),
#fd .o-btn-group-vertical>.o-btn:not(:last-child):not(.o-dropdown-toggle),
#fd .o-btn-group-vertical>.o-btn-group:not(:last-child)>.o-btn {
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px
}

#fd .o-btn-group-vertical>.o-btn:not(:first-child),
#fd .o-btn-group-vertical>.o-btn-group:not(:first-child)>.o-btn {
    border-top-right-radius: 0px;
    border-top-left-radius: 0px
}

#fd .o-form-group {
    position: relative
}

#fd .o-form-label {
    font-size: var(--fd-font-size-md);
    line-height: var(--fd-line-height-sm);
    --tw-text-opacity: 1;
    color: var(--fd-gray-700-hex, rgba(var(--fd-gray-700), var(--tw-text-opacity)))
}

#fd .o-form-control {
    position: relative;
    display: block;
    width: 100%;
    border-radius: var(--fd-border-radius-md);
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: var(--fd-gray-300-hex, rgba(var(--fd-gray-300), var(--tw-border-opacity)));
    --tw-bg-opacity: 1;
    background-color: var(--fd-white-hex, rgba(var(--fd-white), var(--tw-bg-opacity)));
    padding-top: var(--fd-spacing-xs);
    padding-bottom: var(--fd-spacing-xs);
    padding-right: var(--fd-spacing-md);
    padding-left: var(--fd-spacing-md);
    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";
    font-size: var(--fd-font-size-sm);
    line-height: var(--fd-line-height-sm);
    --tw-shadow: 0 0 #0000;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    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-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
    margin: 0;
    -webkit-appearance: none;
    appearance: none
}

#fd .o-form-control:hover {
    --tw-border-opacity: 1;
    border-color: var(--fd-gray-500-hex, rgba(var(--fd-gray-500), var(--tw-border-opacity)))
}

#fd .o-form-control {
    --tw-text-opacity: 1 !important;
    color: var(--fd-gray-800-hex, rgba(var(--fd-gray-800), var(--tw-text-opacity))) !important;
    height: initial
}

#fd .o-form-control:focus {
    --tw-border-opacity: 1 !important;
    border-color: var(--fd-primary-500-hex, rgba(var(--fd-primary-500), var(--tw-border-opacity))) !important;
    outline: 2px solid transparent !important;
    outline-offset: 2px !important;
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important;
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important;
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000) !important;
    --tw-ring-opacity: 1 !important;
    --tw-ring-color: var(--fd-primary-100-hex, rgba(var(--fd-primary-100), var(--tw-ring-opacity))) !important;
    --tw-ring-offset-color: rgb(var(--fd-primary-100)) !important
}

#fd .o-form-control[readonly] {
    cursor: default !important;
    --tw-border-opacity: 1 !important;
    border-color: var(--fd-gray-300-hex, rgba(var(--fd-gray-300), var(--tw-border-opacity))) !important;
    --tw-text-opacity: 1 !important;
    color: var(--fd-gray-400-hex, rgba(var(--fd-gray-400), var(--tw-text-opacity))) !important
}

#fd .o-form-control[readonly]:hover {
    --tw-border-opacity: 1 !important;
    border-color: var(--fd-gray-400-hex, rgba(var(--fd-gray-400), var(--tw-border-opacity))) !important
}

#fd .o-form-control:disabled {
    --tw-border-opacity: 1;
    border-color: var(--fd-gray-200-hex, rgba(var(--fd-gray-200), var(--tw-border-opacity)));
    --tw-bg-opacity: 1;
    background-color: var(--fd-gray-50-hex, rgba(var(--fd-gray-50), var(--tw-bg-opacity)));
    --tw-text-opacity: 1 !important;
    color: var(--fd-gray-400-hex, rgba(var(--fd-gray-400), var(--tw-text-opacity))) !important
}

#fd .o-form-control:disabled::placeholder {
    --tw-placeholder-opacity: 1 !important;
    color: var(--fd-gray-300-hex, rgba(var(--fd-gray-300), var(--tw-placeholder-opacity))) !important
}

#fd .o-form-control[readonly].flatpickr-input {
    --tw-text-opacity: 1 !important;
    color: var(--fd-gray-500-hex, rgba(var(--fd-gray-500), var(--tw-text-opacity))) !important
}

#fd .o-form-control[readonly].flatpickr-input::placeholder {
    --tw-placeholder-opacity: 1 !important;
    color: var(--fd-gray-500-hex, rgba(var(--fd-gray-500), var(--tw-placeholder-opacity))) !important
}

#fd .o-form-control:-internal-autofill-selected {
    color: rgb(0, 0, 0) !important;
    background-color: rgb(255, 255, 255) !important;
    background-image: none !important
}

#fd select.o-form-control {
    padding-left: 2.5rem;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: left .5rem center;
    background-size: 1.5em 1.5em;
    -webkit-print-color-adjust: exact;
    color-adjust: exact;
    -webkit-appearance: none !important;
    appearance: none !important
}

#fd select.o-form-control[multiple],
#fd .o-form-control[size]:not([size="1"]) {
    padding-left: .75rem;
    background-image: none;
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px
}

#fd .o-form-helper-text {
    margin-top: var(--fd-spacing-xs);
    font-size: var(--fd-font-size-sm);
    --tw-text-opacity: 1;
    color: var(--fd-gray-500-hex, rgba(var(--fd-gray-500), var(--tw-text-opacity)))
}

#fd .o-select-group:hover {
    --tw-border-opacity: 1;
    border-color: var(--fd-gray-500-hex, rgba(var(--fd-gray-500), var(--tw-border-opacity)))
}

#fd .has-error .o-form-label,
#fd .has-error .o-form-helper-text {
    --tw-text-opacity: 1;
    color: var(--fd-danger-500-hex, rgba(var(--fd-danger-500), var(--tw-text-opacity)))
}

#fd .has-error .o-form-control {
    --tw-border-opacity: 1;
    border-color: var(--fd-danger-500-hex, rgba(var(--fd-danger-500), var(--tw-border-opacity)))
}

#fd .toggle-checkbox:checked {
    background: #fff;
    --tw-ring-opacity: 0
}

#fd .toggle-checkbox:checked:focus {
    --tw-ring-opacity: 0
}

#fd .toggle-checkbox:checked {
    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-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
    transition-duration: 300ms;
    transition-timing-function: cubic-bezier(0.4, 0, 1, 1)
}

#fd .toggle-checkbox:checked+.toggle-label {
    --tw-bg-opacity: 1;
    background-color: var(--fd-primary-500-hex, rgba(var(--fd-primary-500), var(--tw-bg-opacity)))
}

#fd .mycomponent {
    color: blue
}

#fd .mycomponent:hover .mycomponent__part {
    --tw-text-opacity: 1;
    color: var(--fd-danger-500-hex, rgba(var(--fd-danger-500), var(--tw-text-opacity)))
}

#fd .o-input-group {
    position: relative;
    display: flex;
    flex-wrap: nowrap;
    align-items: stretch;
    width: 100%
}

#fd .o-input-group>.o-form-control,
#fd .o-input-group>.o-form-select,
#fd .o-input-group>.o-form-file {
    position: relative;
    flex: 1 1 auto;
    width: 1%;
    min-width: 0
}

#fd .o-input-group>.o-form-control:focus,
#fd .o-input-group>.o-form-select:focus,
#fd .o-input-group>.o-form-file .o-form-file-input:focus~.o-form-file-label {
    z-index: 3
}

#fd .o-input-group>.o-form-file>.o-form-file-input:focus {
    z-index: 4
}

#fd .o-input-group>.o-form-file:not(:last-child)>.o-form-file-label {
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px
}

#fd .o-input-group>.o-form-file:not(:first-child)>.o-form-file-label {
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px
}

#fd .o-input-group .o-btn {
    position: relative;
    z-index: 2
}

#fd .o-input-group .o-btn:focus {
    z-index: 3
}

#fd .o-input-group>:not(:last-child):not(.dropdown-toggle):not(.dropdown-menu),
#fd .o-input-group>:not(:last-child):not(.dropdown-toggle_):not(.dropdown-menu),
#fd .o-input-group>.dropdown-toggle_:nth-last-child(n+3)>.dropdown-toggle:nth-last-child(n+3) {
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px
}

#fd .o-input-group>:not(:first-child):not(.dropdown-menu) {
    margin-right: -1px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px
}

#fd .o-form-group--ifta {
    position: relative
}

#fd .o-form-group--ifta .o-form-label {
    z-index: 2;
    touch-action: manipulation;
    pointer-events: none;
    position: absolute;
    right: var(--fd-spacing-md);
    top: var(--fd-spacing-sm);
    margin-bottom: 0;
    font-size: var(--fd-font-size-xs);
    line-height: var(--fd-line-height-xs);
    --tw-text-opacity: 1;
    color: var(--fd-gray-500-hex, rgba(var(--fd-gray-500), var(--tw-text-opacity)));
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
    transition-duration: 300ms;
    transition-timing-function: linear
}

#fd .o-form-group--ifta .o-form-control {
    box-shadow: none;
    padding-right: var(--fd-spacing-md);
    padding-left: var(--fd-spacing-md);
    padding-top: var(--fd-spacing-2xl);
    padding-bottom: var(--fd-spacing-sm);
    font-size: var(--fd-font-size-sm)
}

#fd .o-form-group--ifta .o-select-group {
    --tw-bg-opacity: 1;
    background-color: var(--fd-white-hex, rgba(var(--fd-white), var(--tw-bg-opacity)));
    border-radius: var(--fd-border-radius-md);
    border-width: 1px;
    border-style: solid;
    --tw-border-opacity: 1;
    border-color: var(--fd-gray-300-hex, rgba(var(--fd-gray-300), var(--tw-border-opacity)))
}

#fd .o-form-group--ifta.is-focused .o-select-group {
    --tw-border-opacity: 1 !important;
    border-color: var(--fd-primary-500-hex, rgba(var(--fd-primary-500), var(--tw-border-opacity))) !important;
    outline: 2px solid transparent !important;
    outline-offset: 2px !important;
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important;
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important;
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000) !important;
    --tw-ring-offset-color: rgb(var(--fd-primary-100)) !important;
    --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(3px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important;
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
    --tw-ring-opacity: 0.85;
    --tw-ring-color: rgba(var(--fd-primary-100), var(--tw-ring-opacity))
}

#fd .o-form-group--ifta .o-select-group .o-form-control {
    z-index: 3;
    height: auto !important;
    min-height: auto;
    padding-top: var(--fd-spacing-2xl);
    padding-right: var(--fd-spacing-sm);
    padding-bottom: var(--fd-spacing-sm);
    padding-left: 0;
    background-color: transparent;
    border: none;
    -webkit-appearance: none !important;
    appearance: none !important
}

#fd .o-form-group--ifta .o-select-group .o-form-control:focus {
    border-color: transparent !important;
    outline: 2px solid transparent !important;
    outline-offset: 2px !important;
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important;
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important;
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000) !important;
    --tw-ring-offset-color: transparent !important
}

#fd .o-form-group--ifta .o-select-group .o-form-control {
    --tw-ring-opacity: 0
}

#fd .o-form-group--ifta.has-error .o-select-group {
    border-color: rgba(var(--fd-danger-500), 1)
}

#fd .o-form-group--ifta ::-webkit-input-placeholder {
    --tw-text-opacity: 1 !important;
    color: var(--fd-gray-500-hex, rgba(var(--fd-gray-500), var(--tw-text-opacity))) !important
}

#fd .o-form-group--ifta :-moz-placeholder {
    --tw-text-opacity: 1 !important;
    color: var(--fd-gray-500-hex, rgba(var(--fd-gray-500), var(--tw-text-opacity))) !important
}

#fd .o-form-group--ifta ::-moz-placeholder {
    --tw-text-opacity: 1 !important;
    color: var(--fd-gray-500-hex, rgba(var(--fd-gray-500), var(--tw-text-opacity))) !important
}

#fd .o-form-group--ifta :-ms-input-placeholder {
    --tw-text-opacity: 1 !important;
    color: var(--fd-gray-500-hex, rgba(var(--fd-gray-500), var(--tw-text-opacity))) !important
}

#fd .o-form-group__icon {
    position: absolute;
    z-index: 2;
    cursor: pointer;
    bottom: var(--fd-spacing-sm);
    font-size: var(--fd-font-size-sm);
    line-height: var(--fd-line-height-sm);
    --tw-text-opacity: 1;
    color: var(--fd-gray-500-hex, rgba(var(--fd-gray-500), var(--tw-text-opacity)));
    outline: 2px solid transparent;
    outline-offset: 2px
}

#fd .o-form-group--ifta.has-leading-icon .o-form-group__icon {
    left: auto;
    right: calc(var(--fd-spacing) * 1)
}

#fd .o-form-group--ifta.has-leading-icon .o-form-control {
    padding-right: calc(var(--fd-spacing) * 2.25)
}

#fd .o-form-group--ifta.has-leading-icon.has-trailing-icon .o-form-group__icon {
    left: auto;
    right: calc(var(--fd-spacing) * 1)
}

#fd .o-form-group--ifta.has-leading-icon.has-trailing-icon .o-form-group__icon~.o-form-group__icon {
    left: calc(var(--fd-spacing) * 1);
    right: auto
}

#fd .o-form-group--ifta.has-leading-icon.is-filled .o-form-label,
#fd .o-form-group--ifta.has-leading-icon.is-focused .o-form-label {
    right: calc(var(--fd-spacing) * 1)
}

#fd .o-form-group--ifta.has-trailing-icon .o-form-group__icon {
    left: calc(var(--fd-spacing) * 1);
    right: auto
}

#fd .o-form-group--ifta.has-trailing-icon .o-form-control {
    padding-left: calc(var(--fd-spacing) * 2)
}

#fd .o-onoffswitch {
    position: relative;
    width: 36px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none
}

#fd .o-onoffswitch__checkbox {
    display: none
}

#fd .o-onoffswitch__label {
    display: block;
    height: 16px;
    padding: 0;
    overflow: hidden;
    line-height: 16px;
    cursor: pointer;
    border: 1px solid #ccc;
    border-radius: 16px;
    transition: background-color .3s ease-in;
    --tw-border-opacity: 1;
    border-color: var(--fd-gray-500-hex, rgba(var(--fd-gray-500), var(--tw-border-opacity)));
    --tw-bg-opacity: 1;
    background-color: var(--fd-gray-500-hex, rgba(var(--fd-gray-500), var(--tw-bg-opacity)))
}

#fd .o-onoffswitch__label:before {
    position: absolute;
    top: 0;
    left: 20px;
    bottom: 0;
    display: block;
    width: 16px;
    height: 16px;
    margin: 0px;
    content: "";
    background: #fff;
    border: 2px solid #ccc;
    border-radius: 16px;
    transition: all .3s ease-in 0s;
    --tw-border-opacity: 1;
    border-color: var(--fd-gray-500-hex, rgba(var(--fd-gray-500), var(--tw-border-opacity)));
    --tw-bg-opacity: 1;
    background-color: var(--fd-white-hex, rgba(var(--fd-white), var(--tw-bg-opacity)))
}

#fd .o-onoffswitch__checkbox:checked+.o-onoffswitch__label {
    background-color: rgba(var(--fd-primary-500), 1)
}

#fd .o-onoffswitch__checkbox:checked+.o-onoffswitch__label,
#fd .o-onoffswitch__checkbox:checked+.o-onoffswitch__label:before {
    border-color: rgba(var(--fd-primary-500), 1)
}

#fd .o-onoffswitch__checkbox:checked+.o-onoffswitch__label:before {
    left: 0px
}

#fd .o-onoffswitch__label:focus {
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
    --tw-border-opacity: 1;
    border-color: var(--fd-primary-500-hex, rgba(var(--fd-primary-500), var(--tw-border-opacity)))
}

#fd .o-onoffswitch__checkbox:disabled+.o-onoffswitch__label {
    --tw-border-opacity: 1;
    border-color: var(--fd-gray-200-hex, rgba(var(--fd-gray-200), var(--tw-border-opacity)));
    --tw-bg-opacity: 1;
    background-color: var(--fd-gray-200-hex, rgba(var(--fd-gray-200), var(--tw-bg-opacity)));
    cursor: not-allowed
}

#fd .o-onoffswitch__checkbox:disabled+.o-onoffswitch__label:before {
    --tw-border-opacity: 1;
    border-color: var(--fd-gray-200-hex, rgba(var(--fd-gray-200), var(--tw-border-opacity)))
}

#fd .o-progress {
    --bar-height: 4px;
    height: var(--bar-height);
    position: relative;
    display: block;
    width: 100%;
    --tw-bg-opacity: 1;
    background-color: var(--fd-primary-200-hex, rgba(var(--fd-primary-200), var(--tw-bg-opacity)))
}

#fd .o-progress__bar {
    height: var(--bar-height);
    display: block;
    --tw-bg-opacity: 1;
    background-color: var(--fd-primary-500-hex, rgba(var(--fd-primary-500), var(--tw-bg-opacity)))
}

#fd .o-blockquote {
    position: relative
}

#fd .o-blockquote blockquote {
    position: relative;
    background-color: rgba(var(--fd-white), 1);
    border-radius: var(--fd-border-radius-md);
    border-width: 1px;
    border-style: solid;
    --tw-border-opacity: 1;
    border-color: var(--fd-gray-200-hex, rgba(var(--fd-gray-200), var(--tw-border-opacity)));
    --tw-bg-opacity: 1;
    background-color: var(--fd-white-hex, rgba(var(--fd-white), var(--tw-bg-opacity)));
    padding: var(--fd-spacing-md);
    padding-right: var(--fd-spacing-4xl);
    font-size: var(--fd-font-size-md);
    line-height: var(--fd-line-height-md);
    --tw-text-opacity: 1;
    color: var(--fd-gray-500-hex, rgba(var(--fd-gray-500), var(--tw-text-opacity)));
    box-shadow: var(--fd-spacing-xs) var(--fd-spacing-xs) 0 rgba(var(--fd-gray-100), 1)
}

#fd .o-blockquote blockquote p,
#fd .o-blockquote blockquote div {
    font-size: var(--fd-font-size-md);
    line-height: var(--fd-line-height-md);
    --tw-text-opacity: 1;
    color: var(--fd-gray-500-hex, rgba(var(--fd-gray-500), var(--tw-text-opacity)))
}

#fd .o-blockquote blockquote cite {
    margin-top: var(--fd-spacing-md);
    font-size: var(--fd-font-size-xs);
    line-height: var(--fd-line-height-xs);
    --tw-text-opacity: 1;
    color: var(--fd-gray-500-hex, rgba(var(--fd-gray-500), var(--tw-text-opacity)))
}

#fd .o-blockquote blockquote:before {
    position: absolute;
    display: block;
    font-family: "Font Awesome 5 Free";
    font-style: normal;
    font-weight: 900;
    content: "";
    top: var(--fd-spacing-md);
    right: var(--fd-spacing-md);
    font-size: var(--fd-font-size-md);
    line-height: var(--fd-line-height-md);
    --tw-text-opacity: 1;
    color: var(--fd-gray-400-hex, rgba(var(--fd-gray-400), var(--tw-text-opacity)))
}

#fd .o-blockquote-markup {
    position: relative;
    background-color: rgba(var(--fd-white), 1);
    border-radius: var(--fd-border-radius-md);
    border-width: 1px;
    border-style: solid;
    --tw-border-opacity: 1;
    border-color: var(--fd-gray-200-hex, rgba(var(--fd-gray-200), var(--tw-border-opacity)));
    --tw-bg-opacity: 1;
    background-color: var(--fd-white-hex, rgba(var(--fd-white), var(--tw-bg-opacity)));
    padding: var(--fd-spacing-md);
    padding-right: var(--fd-spacing-4xl);
    font-size: var(--fd-font-size-md);
    line-height: var(--fd-line-height-md);
    --tw-text-opacity: 1;
    color: var(--fd-gray-500-hex, rgba(var(--fd-gray-500), var(--tw-text-opacity)));
    box-shadow: var(--fd-spacing-xs) var(--fd-spacing-xs) 0 rgba(var(--fd-gray-100), 1)
}

#fd .o-blockquote-markup p,
#fd .o-blockquote-markup div {
    font-size: var(--fd-font-size-md);
    line-height: var(--fd-line-height-md);
    --tw-text-opacity: 1;
    color: var(--fd-gray-500-hex, rgba(var(--fd-gray-500), var(--tw-text-opacity)))
}

#fd .o-blockquote-markup:before {
    position: absolute;
    display: block;
    font-family: "Font Awesome 5 Free";
    font-style: normal;
    font-weight: 900;
    content: "";
    top: var(--fd-spacing-md);
    right: var(--fd-spacing-md);
    font-size: var(--fd-font-size-md);
    line-height: var(--fd-line-height-md);
    --tw-text-opacity: 1;
    color: var(--fd-gray-400-hex, rgba(var(--fd-gray-400), var(--tw-text-opacity)))
}

#fd .o-blockquote-markup cite {
    margin-top: var(--fd-spacing-md);
    font-size: var(--fd-font-size-xs);
    line-height: var(--fd-line-height-xs);
    --tw-text-opacity: 1;
    color: var(--fd-gray-500-hex, rgba(var(--fd-gray-500), var(--tw-text-opacity)))
}

#fd .o-table-wrapper {
    position: relative;
    max-inline-size: 100%;
    scroll-snap-type: inline mandatory;
    scroll-behavior: smooth
}

#fd .o-table {
    width: 100%;
    border-spacing: 0;
    border-collapse: collapse;
    --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 .o-table th:not([scope=row]):first-child {
    right: 0;
    z-index: 3
}

#fd .o-table th {
    position: sticky;
    top: 0;
    z-index: 2;
    white-space: nowrap;
    border-bottom-width: 1px;
    --tw-border-opacity: 1;
    border-color: var(--fd-gray-200-hex, rgba(var(--fd-gray-200), var(--tw-border-opacity)))
}

#fd .o-table th[scope=row] {
    position: sticky;
    right: 0;
    z-index: 1
}

#fd .o-table tr {
    border-top-width: 1px;
    --tw-border-opacity: 1;
    border-color: var(--fd-gray-300-hex, rgba(var(--fd-gray-300), var(--tw-border-opacity)))
}

#fd .o-table tr:hover {
    --tw-bg-opacity: 1;
    background-color: var(--fd-gray-50-hex, rgba(var(--fd-gray-50), var(--tw-bg-opacity)))
}

#fd .o-table .is-active {
    --tw-bg-opacity: 1;
    background-color: var(--fd-gray-100-hex, rgba(var(--fd-gray-100), var(--tw-bg-opacity)))
}

#fd .o-table--bordered>:not(caption)>* {
    border-top-width: 1px;
    border-bottom-width: 1px;
    --tw-border-opacity: 1;
    border-color: var(--fd-gray-200-hex, rgba(var(--fd-gray-200), var(--tw-border-opacity)))
}

#fd .o-table--bordered>:not(caption)>*>* {
    border-right-width: 1px;
    border-left-width: 1px;
    --tw-border-opacity: 1;
    border-color: var(--fd-gray-200-hex, rgba(var(--fd-gray-200), var(--tw-border-opacity)))
}

#fd .o-table--borderless>:not(caption)>* {
    border-top-width: 0
}

#fd .o-table--borderless>:not(caption)>*>* {
    border-bottom-width: 0
}

#fd .o-rank {
    --bar-height: 2px;
    height: var(--bar-height);
    position: relative;
    display: block;
    width: 100%;
    --tw-bg-opacity: 1;
    background-color: var(--fd-gray-300-hex, rgba(var(--fd-gray-300), var(--tw-bg-opacity)))
}

#fd .o-rank__bar {
    height: var(--bar-height);
    display: block;
    --tw-bg-opacity: 1;
    background-color: var(--fd-success-500-hex, rgba(var(--fd-success-500), var(--tw-bg-opacity)))
}

#fd .o-auto-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(var(--o-auto-grid-min-size, 16rem), 1fr));
    grid-gap: 1rem
}

#fd .o-avatar {
    position: relative;
    display: inline-flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    background: transparent;
    border-radius: 5px;
    --tw-shadow: 0 0 #0000;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    --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 #0000);
    --tw-ring-color: transparent;
    --tw-ring-offset-width: 2px;
    --tw-ring-offset-color: transparent
        /* States*/
}

#fd .o-avatar.is-mobile .o-avatar__mobile {
    display: flex
}

#fd .o-avatar.is-online {
    background-color: #fff;
    --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 #0000);
    --tw-ring-opacity: 1;
    --tw-ring-color: var(--fd-success-500-hex, rgba(var(--fd-success-500), var(--tw-ring-opacity)));
    --tw-ring-offset-width: 2px;
    --tw-ring-offset-color: rgb(var(--fd-color-inverse))
}

#fd .o-avatar.is-offline {
    --tw-ring-opacity: 1;
    --tw-ring-color: var(--fd-gray-400-hex, rgba(var(--fd-gray-400), var(--tw-ring-opacity)));
    --tw-ring-offset-color: rgb(var(--fd-color-inverse))
}

#fd .o-avatar--rounded,
#fd .o-avatar--rounded .o-avatar__content,
#fd .o-avatar--rounded .o-avatar__content img {
    border-radius: 50%
}

#fd .o-avatar--rounded .o-avatar__mobile {
    top: -0.125em;
    left: -0.25em
}

#fd .o-avatar--rounded .o-avatar__action {
    left: 0;
    bottom: 0
}

#fd .o-avatar--sm {
    width: 24px;
    height: 24px;
    font-size: 12px;
    line-height: 1
}

#fd .o-avatar--md {
    width: 32px;
    height: 32px;
    font-size: 16px;
    line-height: 1
}

#fd .o-avatar--lg {
    width: 64px;
    height: 64px;
    font-size: 18px;
    line-height: 1
}

#fd .o-avatar--xl {
    width: 120px;
    height: 120px;
    font-size: 24px;
    line-height: 1
}

#fd .o-avatar__content {
    display: flex;
    flex-grow: 1;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    overflow: hidden;
    color: #fff;
    text-align: center;
    border-radius: var(--fd-border-radius-sm)
}

#fd .o-avatar__content img {
    border-radius: var(--fd-border-radius-sm);
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    object-fit: cover
}

#fd .o-avatar__mobile {
    position: absolute;
    top: -0.5em;
    left: -0.625em;
    z-index: 2;
    display: none;
    align-items: center;
    justify-content: center;
    width: 1.2em;
    height: 1.2em;
    --tw-text-opacity: 1;
    color: var(--fd-success-500-hex, rgba(var(--fd-success-500), var(--tw-text-opacity)));
    background-color: #fff;
    border-radius: 50%
}

#fd .o-avatar__mobile:before {
    display: inline-block;
    font-family: var(--fd-font-family-fontawesome);
    font-size: .75em;
    font-weight: 900;
    content: ""
}

#fd .o-avatar__action {
    position: absolute;
    left: -0.625em;
    bottom: -0.5em;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1.5em;
    height: 1.5em;
    font-size: .625em;
    line-height: 1;
    background-color: #fff;
    border-radius: 50%
}

#fd .o-avatar__action,
#fd .o-avatar__action .dropdown-toggle_ {
    --tw-text-opacity: 1;
    color: var(--fd-gray-400-hex, rgba(var(--fd-gray-400), var(--tw-text-opacity)))
}

#fd .o-avatar__remove-tag {
    z-index: 2;
    line-height: 1
}

#fd .o-avatar__remove-tag>a {
    display: inline-block;
    width: 16px;
    height: 16px;
    line-height: 16px;
    color: #fff;
    text-align: center;
    --tw-bg-opacity: 1;
    background-color: var(--fd-danger-500-hex, rgba(var(--fd-danger-500), var(--tw-bg-opacity)));
    border-radius: 50%
}

#fd .o-avatar__remove-tag>a i {
    display: inline-block;
    width: 16px;
    height: 16px;
    font-size: 9px;
    line-height: inherit;
    text-align: center;
    vertical-align: top
}

#fd .o-avatar-action {
    position: relative;
    display: inline-block
}

#fd .o-avatar-action__remove-tag {
    position: absolute;
    top: -4px;
    left: -4px;
    z-index: 2;
    line-height: 1
}

#fd .o-avatar-action__remove-tag>a {
    display: inline-block;
    width: 16px;
    height: 16px;
    line-height: 16px;
    color: #fff;
    text-align: center;
    border-radius: 50%;
    --tw-bg-opacity: 1;
    background-color: var(--fd-danger-500-hex, rgba(var(--fd-danger-500), var(--tw-bg-opacity)))
}

#fd .o-avatar-action__remove-tag>a i {
    display: inline-block;
    width: 16px;
    height: 16px;
    font-size: 9px;
    line-height: inherit;
    text-align: center;
    vertical-align: top
}

#fd .o-avatar-action:before {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    width: 400px;
    font-size: 20px;
    color: red;
    text-align: right
}

#fd .o-avatar-list__item {
    display: inline-block
}

#fd .o-alert {
    position: relative;
    border-radius: var(--fd-border-radius-md);
    padding: var(--fd-spacing-md);
    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";
    font-size: var(--fd-font-size-xs);
    overflow: hidden;
    text-shadow: none;
    border: 1px solid transparent
}

#fd .o-alert__heading {
    margin-top: 0;
    color: inherit
}

#fd .o-alert--link {
    font-weight: 700
}

#fd .o-alert>p,
#fd .o-alert>ul {
    margin-bottom: 0
}

#fd .o-alert>p+p {
    margin-top: 5px
}

#fd .o-alert__close {
    font-size: 18px;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-decoration: none;
    text-shadow: 0 1px 0 #fff
}

#fd .o-alert__close .material-icons {
    font-size: 18px
}

#fd button.o-alert__close {
    padding: 0;
    cursor: pointer;
    background: rgba(0, 0, 0, 0) none repeat scroll 100% 0;
    border: 0 none
}

#fd .o-alert--dismissible .o-alert__close {
    position: relative;
    top: 0px;
    color: inherit
}

#fd .o-alert--success {
    color: rgba(var(--fd-success-500), 1);
    background-color: rgba(var(--fd-success-50), 1);
    border-color: rgba(var(--fd-success-500), 1)
}

#fd .o-alert--success .o-alert__close {
    color: rgba(var(--fd-success-500), 1)
}

#fd .o-alert--info {
    color: rgba(var(--fd-info-500), 1);
    background-color: rgba(var(--fd-info-50), 1);
    border-color: rgba(var(--fd-info-500), 1)
}

#fd .o-alert--info .o-alert__close {
    color: rgba(var(--fd-info-500), 1)
}

#fd .o-alert--warning {
    color: rgba(var(--fd-warning-500), 1);
    background-color: rgba(var(--fd-warning-50), 1);
    border-color: rgba(var(--fd-warning-500), 1)
}

#fd .o-alert--warning .o-alert__close {
    color: rgba(var(--fd-warning-500), 1)
}

#fd .o-alert--danger {
    color: rgba(var(--fd-danger-500), 1);
    background-color: rgba(var(--fd-danger-50), 1);
    border-color: rgba(var(--fd-danger-500), 1)
}

#fd .o-alert--danger .o-alert__close {
    color: rgba(var(--fd-danger-500), 1)
}

#fd .o-label {
    position: relative;
    display: inline-flex;
    align-items: center;
    border-radius: var(--fd-border-radius-md);
    padding-top: var(--fd-spacing-3xs);
    padding-bottom: var(--fd-spacing-3xs);
    padding-right: var(--fd-spacing-xs);
    padding-left: var(--fd-spacing-xs);
    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";
    font-size: var(--fd-font-size-xs);
    line-height: var(--fd-line-height-xs);
    overflow: hidden;
    text-shadow: none;
    border: 1px solid transparent
}

#fd .o-tooltip {
    border-radius: var(--fd-border-radius-md);
    padding: var(--fd-spacing-xs);
    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";
    font-size: var(--fd-font-size-xs);
    color: var(--fd-tippy-text);
    background: var(--fd-tippy-bg)
}

#fd .o-tooltip--lg {
    padding: var(--fd-spacing-md)
}

#fd .o-popover {
    border-radius: var(--fd-border-radius-md);
    --tw-bg-opacity: 1;
    background-color: var(--fd-white-hex, rgba(var(--fd-white), var(--tw-bg-opacity)));
    padding: var(--fd-spacing-md);
    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";
    font-size: var(--fd-font-size-xs);
    --tw-text-opacity: 1;
    color: var(--fd-gray-800-hex, rgba(var(--fd-gray-800), var(--tw-text-opacity)))
}

#fd .o-dropdown {
    width: 96vw;
    border-radius: var(--fd-border-radius-md);
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: var(--fd-gray-200-hex, rgba(var(--fd-gray-200), var(--tw-border-opacity)));
    --tw-bg-opacity: 1;
    background-color: var(--fd-white-hex, rgba(var(--fd-white), var(--tw-bg-opacity)));
    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";
    font-size: var(--fd-font-size-sm);
    --tw-text-opacity: 1;
    color: var(--fd-gray-500-hex, rgba(var(--fd-gray-500), var(--tw-text-opacity)));
    --tw-shadow: 0 2px 4px -2px rgba(0, 0, 0, 0.04), 0 5px 10px -1px rgba(0, 0, 0, 0.08);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

#fd .o-dropdown__hd {
    border-top-right-radius: var(--fd-border-radius-md);
    border-top-left-radius: var(--fd-border-radius-md)
}

#fd .o-dropdown__ft {
    border-bottom-right-radius: var(--fd-border-radius-md);
    border-bottom-left-radius: var(--fd-border-radius-md)
}

#fd .o-dropdown-nav {
    position: relative;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    opacity: 1;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    font-size: var(--fd-font-size-sm)
}

#fd .o-dropdown-nav__media {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1rem;
    height: 1rem;
    text-align: center;
    vertical-align: middle;
    margin-left: var(--fd-spacing-md);
    line-height: var(--fd-line-height-sm);
    --tw-text-opacity: 1;
    color: var(--fd-gray-500-hex, rgba(var(--fd-gray-500), var(--tw-text-opacity)))
}

#fd .o-dropdown-nav__item {
    display: flex;
    align-items: center;
    padding: 0;
    border-radius: var(--fd-border-radius-md);
    line-height: var(--fd-line-height-sm);
    --tw-text-opacity: 1;
    color: var(--fd-gray-800-hex, rgba(var(--fd-gray-800), var(--tw-text-opacity)));
    outline: 2px solid transparent;
    outline-offset: 2px
}

#fd .o-dropdown-nav__item.is-active {
    --tw-bg-opacity: 1;
    background-color: var(--fd-gray-100-hex, rgba(var(--fd-gray-100), var(--tw-bg-opacity)));
    --tw-text-opacity: 1;
    color: var(--fd-gray-600-hex, rgba(var(--fd-gray-600), var(--tw-text-opacity)))
}

#fd .o-dropdown-nav__item.is-acitve,
#fd .o-dropdown-nav__item:hover {
    --tw-bg-opacity: 1;
    background-color: var(--fd-gray-100-hex, rgba(var(--fd-gray-100), var(--tw-bg-opacity)))
}

#fd .o-dropdown-nav>li:not(.active):hover {
    --tw-bg-opacity: 1;
    background-color: var(--fd-gray-100-hex, rgba(var(--fd-gray-100), var(--tw-bg-opacity)))
}

#fd .o-dropdown-nav__link {
    display: flex;
    flex-grow: 1;
    padding-left: 1rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    align-items: center;
    padding-right: var(--fd-spacing-xs);
    padding-left: var(--fd-spacing-xs);
    padding-top: var(--fd-spacing-sm);
    padding-bottom: var(--fd-spacing-sm);
    line-height: var(--fd-line-height-xs);
    --tw-text-opacity: 1;
    color: var(--fd-gray-800-hex, rgba(var(--fd-gray-800), var(--tw-text-opacity)));
    text-decoration: none;
    outline: 2px solid transparent;
    outline-offset: 2px
}

#fd .o-dropdown-nav__link:focus {
    outline: 2px solid transparent;
    outline-offset: 2px
}

#fd .o-dropdown-nav__text {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

#fd .o-dropdown-nav__toggle {
    padding-right: var(--fd-spacing-md);
    padding-left: var(--fd-spacing-md);
    --tw-text-opacity: 1;
    color: var(--fd-gray-800-hex, rgba(var(--fd-gray-800), var(--tw-text-opacity)))
}

#fd .o-dropdown-nav--parent>li:hover,
#fd .o-dropdown-nav--nested>li:hover {
    background-color: var(--si-basic--200)
}

#fd .o-dropdown-nav--parent.has-submenu>li:hover,
#fd .o-dropdown-nav--nested.has-submenu>li:hover {
    background-color: transparent
}

#fd .o-aspect-ratio {
    --aspect-ratio: 16/9;
    --max-width: 100%;
    position: relative;
    display: inline-block;
    width: 100%;
    max-width: var(--max-width)
}

#fd .o-aspect-ratio:before {
    display: block;
    padding-bottom: calc(100% / (var(--aspect-ratio)));
    content: ""
}

#fd .o-aspect-ratio>:first-child,
#fd .o-aspect-ratio img,
#fd .o-aspect-ratio iframe {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    object-fit: cover;
    z-index: 20
}

#fd .o-aspect-ratio--contain>:first-child {
    background-size: contain;
    background-position: center;
    object-fit: contain
}

#fd .o-aspect-ratio__loader {
    position: absolute !important;
    top: 0 !important;
    right: 0 !important;
    z-index: 10 !important;
    display: flex !important;
    height: 100% !important;
    width: 100% !important;
    align-items: center !important;
    justify-content: center !important
}

#fd .o-pagination {
    position: relative;
    margin: 0;
    overflow: hidden;
    list-style: none;
    display: flex;
    align-items: center;
    --tw-bg-opacity: 1;
    background-color: var(--fd-white-hex, rgba(var(--fd-white), var(--tw-bg-opacity)))
}

#fd .o-pagination__btn {
    position: relative;
    display: inline-flex;
    align-items: center;
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: var(--fd-gray-200-hex, rgba(var(--fd-gray-200), var(--tw-border-opacity)));
    --tw-bg-opacity: 1;
    background-color: var(--fd-white-hex, rgba(var(--fd-white), var(--tw-bg-opacity)));
    padding-right: var(--fd-spacing-sm);
    padding-left: var(--fd-spacing-sm);
    padding-top: var(--fd-spacing-xs);
    padding-bottom: var(--fd-spacing-xs);
    font-size: var(--fd-font-size-sm);
    line-height: var(--fd-line-height-sm);
    --tw-text-opacity: 1;
    color: var(--fd-gray-500-hex, rgba(var(--fd-gray-500), var(--tw-text-opacity)));
    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-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
    transition-duration: 150ms;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1)
}

#fd .o-pagination__btn:hover {
    --tw-bg-opacity: 1;
    background-color: var(--fd-gray-100-hex, rgba(var(--fd-gray-100), var(--tw-bg-opacity)));
    --tw-text-opacity: 1;
    color: var(--fd-gray-500-hex, rgba(var(--fd-gray-500), var(--tw-text-opacity)));
    text-decoration: none;
    outline: 2px solid transparent;
    outline-offset: 2px
}

#fd .o-pagination__btn:focus {
    z-index: 10;
    outline: 2px solid transparent;
    outline-offset: 2px
}

#fd .o-pagination__btn:disabled {
    --tw-bg-opacity: 1;
    background-color: var(--fd-gray-100-hex, rgba(var(--fd-gray-100), var(--tw-bg-opacity)));
    --tw-text-opacity: 1;
    color: var(--fd-gray-300-hex, rgba(var(--fd-gray-300), var(--tw-text-opacity)))
}

#fd .o-pager {
    display: flex;
    justify-content: space-between
}

#fd .o-tab {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none
}

#fd .o-tab__item {
    text-decoration: none;
    flex-shrink: 0;
    outline: 2px solid transparent;
    outline-offset: 2px
}

#fd .o-tab__link {
    display: block;
    flex-shrink: 0;
    white-space: nowrap;
    font-size: var(--fd-font-size-sm);
    line-height: var(--fd-line-height-sm);
    --tw-text-opacity: 1;
    color: var(--fd-gray-500-hex, rgba(var(--fd-gray-500), var(--tw-text-opacity)));
    text-decoration: none;
    outline: 2px solid transparent;
    outline-offset: 2px
}

#fd .o-tab--line .o-tab__item.is-active .o-tab__link {
    --tw-text-opacity: 1;
    color: var(--fd-primary-500-hex, rgba(var(--fd-primary-500), var(--tw-text-opacity)))
}

#fd .o-tab--line .o-tab__link {
    padding-right: var(--fd-spacing-md);
    padding-left: var(--fd-spacing-md);
    padding-top: var(--fd-spacing-sm);
    padding-bottom: var(--fd-spacing-sm);
    --tw-text-opacity: 1;
    color: var(--fd-gray-500-hex, rgba(var(--fd-gray-500), var(--tw-text-opacity)))
}

#fd .o-tab--line .o-tab__link:hover {
    --tw-text-opacity: 1;
    color: var(--fd-gray-800-hex, rgba(var(--fd-gray-800), var(--tw-text-opacity)))
}

#fd .o-tab--line.is-horizontal {
    border-bottom-width: 1px;
    border-style: solid;
    --tw-border-opacity: 1;
    border-color: var(--fd-gray-200-hex, rgba(var(--fd-gray-200), var(--tw-border-opacity)))
}

#fd .o-tab--line.is-horizontal .o-tab__item {
    border-bottom-width: 1px;
    border-color: transparent
}

#fd .o-tab--line.is-horizontal .o-tab__item:hover {
    --tw-border-opacity: 1;
    border-color: var(--fd-gray-400-hex, rgba(var(--fd-gray-400), var(--tw-border-opacity)))
}

#fd .o-tab--line.is-horizontal .o-tab__item.is-active {
    --tw-border-opacity: 1;
    border-color: var(--fd-primary-500-hex, rgba(var(--fd-primary-500), var(--tw-border-opacity)))
}

#fd .o-tab--line.is-horizontal .o-tab__item.is-active .o-tab__link {
    --tw-text-opacity: 1;
    color: var(--fd-primary-500-hex, rgba(var(--fd-primary-500), var(--tw-text-opacity)))
}

#fd .o-tab--line.is-vertical .o-tab__item,
#fd .o-tab--line.is-vertical .o-tab__link {
    display: block;
    width: 100%
}

#fd .o-tab--pill .o-tab__item {
    border-bottom-width: 1px;
    border-color: transparent
}

#fd .o-tab--pill .o-tab__item.is-active .o-tab__link {
    --tw-border-opacity: 1;
    border-color: var(--fd-primary-500-hex, rgba(var(--fd-primary-500), var(--tw-border-opacity)));
    --tw-text-opacity: 1;
    color: var(--fd-primary-500-hex, rgba(var(--fd-primary-500), var(--tw-text-opacity)))
}

#fd .o-tab--pill .o-tab__link {
    border-radius: var(--fd-border-radius-md);
    border-width: 1px;
    border-style: solid;
    --tw-border-opacity: 1;
    border-color: var(--fd-gray-200-hex, rgba(var(--fd-gray-200), var(--tw-border-opacity)));
    --tw-bg-opacity: 1;
    background-color: var(--fd-white-hex, rgba(var(--fd-white), var(--tw-bg-opacity)));
    padding-right: var(--fd-spacing-md);
    padding-left: var(--fd-spacing-md);
    padding-top: var(--fd-spacing-xs);
    padding-bottom: var(--fd-spacing-xs);
    --tw-text-opacity: 1;
    color: var(--fd-gray-500-hex, rgba(var(--fd-gray-500), var(--tw-text-opacity)))
}

#fd .o-tab--pill .o-tab__link:hover {
    --tw-border-opacity: 1;
    border-color: var(--fd-gray-400-hex, rgba(var(--fd-gray-400), var(--tw-border-opacity)));
    --tw-text-opacity: 1;
    color: var(--fd-gray-800-hex, rgba(var(--fd-gray-800), var(--tw-text-opacity)))
}

#fd .o-tab--pill.is-horizontal .o-tab__item+.o-tab__item {
    margin-right: var(--fd-spacing-xs)
}

#fd .o-tab--pill.is-vertical .o-tab__item,
#fd .o-tab--pill.is-vertical .o-tab__link {
    display: block;
    width: 100%
}

#fd .o-tab--pill.is-vertical .o-tab__item+.o-tab__item {
    margin-top: var(--fd-spacing-xs)
}

#fd .o-tab-content>div {
    display: none
}

#fd .o-tab-content>div.is-active {
    display: block
}

#fd.o-dialog {
    position: fixed;
    top: 0;
    right: 0;
    z-index: 99999;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background: none;
    background: rgba(0, 0, 0, 0.25);
    opacity: 0;
    transition: all .25s ease;
    transform: scale(1.2);
    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.o-dialog.active {
    opacity: 1;
    transform: scale(1)
}

#fd.o-dialog.is-loading {
    transition: none
}

#fd.o-dialog.is-loading .hint-loading {
    display: table
}

#fd.o-dialog.is-failed .hint-failed {
    display: table
}

#fd.o-dialog.is-failed .hint-failed .ed-hint__icon {
    font-size: 36px
}

#fd.o-dialog.is-failed .o-dialog-content {
    height: auto;
    padding: 0
}

#fd .ed-hint {
    display: none;
    text-align: center;
    background: #fff
}

#fd .ed-hint>div {
    padding: 0 var(--fd-spacing-md)
}

#fd .ed-hint__icon {
    margin-bottom: var(--fd-spacing-md)
}

#fd .o-dialog-modal {
    position: absolute;
    top: 50%;
    right: 50%;
    display: block;
    min-width: 320px;
    max-width: 100%;
    min-height: 320px;
    max-height: 100%;
    overflow: hidden;
    border-radius: var(--fd-border-radius-md);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    transform: translateX(50%) translateY(-50%)
}

#fd.o-dialog.has-footer .o-dialog-modal {
    min-height: 218px
}

#fd .o-dialog-header,
#fd .o-dialog-body,
#fd .o-dialog-footer {
    --tw-text-opacity: 1;
    color: var(--fd-gray-700-hex, rgba(var(--fd-gray-700), var(--tw-text-opacity)))
}

#fd .o-dialog-header {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 3;
    width: 100%;
    height: 50px;
    padding: 8px 16px;
    line-height: 1;
    background: rgba(var(--fd-white), 1);
    border-radius: var(--fd-border-radius-md) var(--fd-border-radius-md) 0 0
}

#fd .o-dialog-header__grid {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    height: 100%;
    padding: 0;
    margin: 0
}

#fd .o-dialog-header__cell {
    flex: 1 1 auto;
    text-align: right
}

#fd .o-dialog-header--divider {
    border-bottom-width: 1px;
    border-style: solid;
    --tw-border-opacity: 1;
    border-color: var(--fd-gray-200-hex, rgba(var(--fd-gray-200), var(--tw-border-opacity)))
}

#fd .o-dialog-footer {
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 2;
    display: none;
    align-items: center;
    justify-content: end;
    width: 100%;
    height: 48px;
    padding: var(--fd-spacing-sm);
    background: rgba(var(--fd-gray-50), 1);
    border-top: 1px solid rgba(var(--fd-gray-200), 1);
    border-radius: 0 0 var(--fd-border-radius-md) var(--fd-border-radius-md)
}

#fd .o-dialog-body {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    border-top: 50px solid transparent;
    border-bottom: 0
}

#fd .o-dialog-container {
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: auto;
    background: rgba(var(--fd-white), 1);
    border: 0px solid rgba(var(--fd-gray-200), 1);
    border-top: none;
    border-radius: 0 0 var(--fd-border-radius-md) var(--fd-border-radius-md)
}

#fd.is-loading .o-dialog-container {
    overflow: hidden
}

#fd.o-dialog.has-footer .o-dialog-body {
    border-bottom: 48px solid transparent
}

#fd.o-dialog.has-footer .o-dialog-container {
    border-radius: 0
}

#fd.o-dialog.has-footer .o-dialog-footer {
    display: flex
}

#fd .o-dialog-title {
    font-size: var(--fd-font-size-sm);
    font-weight: bold
}

#fd .o-dialog-back-button,
#fd .o-dialog-close-button {
    flex: 0 0 auto;
    font-size: 15px;
    text-align: center;
    cursor: pointer;
    --tw-text-opacity: 1;
    color: var(--fd-gray-500-hex, rgba(var(--fd-gray-500), var(--tw-text-opacity)))
}

#fd .o-dialog-back-button:hover,
#fd .o-dialog-close-button:hover {
    --tw-text-opacity: 1;
    color: var(--fd-gray-300-hex, rgba(var(--fd-gray-300), var(--tw-text-opacity)))
}

#fd .o-dialog-back-button span,
#fd .o-dialog-close-button span {
    position: relative
}

#fd .o-dialog-back-button {
    padding-left: var(--fd-spacing-sm)
}

#fd .o-dialog-back-button i,
#fd .o-dialog-close-button i {
    position: relative;
    font-size: 18px
}

#fd .o-dialog-content {
    position: relative;
    height: 100%;
    padding: var(--fd-spacing-md)
}

#fd .o-dialog-content * {
    font-size: var(--fd-font-size-sm)
}

#fd .o-dialog-footer-content {
    display: flex;
    justify-content: flex-end;
    overflow: hidden;
    text-align: center;
    border-radius: 0 0 var(--fd-border-radius-md) var(--fd-border-radius-md)
}

#fd .o-dialog-footer-content>*+* {
    margin-right: var(--fd-spacing-sm)
}

#fd .o-dialog-footer-content__btn.is-loading {
    position: relative;
    color: transparent !important;
    text-shadow: none !important;
    pointer-events: auto;
    cursor: default;
    opacity: 1;
    transition: all 0s linear, opacity .1s ease
}

#fd .o-dialog-footer-content__btn.is-loading:before {
    position: absolute;
    top: 50%;
    right: 50%;
    width: 16px;
    height: 16px;
    margin: -8px -8px 0 0;
    content: "";
    border: .2em solid rgba(0, 0, 0, 0.15);
    border-color: rgba(0, 0, 0, 0.1);
    border-radius: 500rem
}

#fd .o-dialog-footer-content__btn.is-loading:after {
    position: absolute;
    top: 50%;
    right: 50%;
    width: 16px;
    height: 16px;
    margin: -8px -8px 0 0;
    content: "";
    border-color: #fff transparent transparent;
    border-style: solid;
    border-width: .2em;
    border-top-color: #767676;
    border-radius: 500rem;
    box-shadow: 0 0 0 1px transparent;
    animation: btn-spin .6s linear;
    animation-iteration-count: infinite
}

#fd .o-dialog-error-message {
    display: block;
    font-weight: normal
}

#fd.o-dialog.type-iframe .o-dialog-container {
    overflow: hidden
}

#fd.o-dialog.type-iframe .o-dialog-content {
    width: 100%;
    height: 100%;
    padding: 0
}

#fd.o-dialog.type-iframe iframe {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    border: 0
}

#fd.is-mobile.o-dialog {
    z-index: 2147483640;
    width: 100%;
    height: 100%
}

#fd.is-mobile .o-dialog-modal {
    width: 100% !important;
    height: 100% !important
}

#fd.is-mobile .o-dialog-body {
    -webkit-overflow-scrolling: touch;
    overflow-y: scroll
}

:root .has-fd-dialog .flatpickr-calendar.open,
:root .has-fd-dialog .select2-container--open,
:root .has-fd-dialog [data-tippy-root],
:root .has-fd-dialog {
    z-index: 2147483642 !important
}

#fd .o-inline-list {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center
}

#fd .o-inline-list>div {
    position: relative;
    display: flex;
    align-items: center
}

#fd .o-inline-list>div+div:before {
    display: flex;
    align-items: center;
    padding: 0 var(--fd-spacing-xs);
    font-size: 13px;
    content: attr(fd-breadcrumb)
}

#fd .o-inline-list>div a,
#fd .o-inline-list>div span,
#fd .o-inline-list>div time {
    display: inline-flex;
    align-items: center
}

#fd .o-inline-list a {
    text-decoration: none
}

#fd .o-inline-list .fa:before {
    vertical-align: middle
}

#fd .before\:content-none::before {
    content: ""
}

#fd .before\:content-dot::before {
    content: "·"
}

#fd .before\:content-pipe::before {
    content: "|"
}

#fd .o-location {
    display: flex;
    align-items: center;
    border-radius: var(--fd-border-radius-md);
    border-width: 1px;
    border-style: solid;
    --tw-border-opacity: 1;
    border-color: var(--fd-gray-300-hex, rgba(var(--fd-gray-300), var(--tw-border-opacity)));
    --tw-bg-opacity: 1;
    background-color: var(--fd-white-hex, rgba(var(--fd-white), var(--tw-bg-opacity)));
    padding-right: var(--fd-spacing-xs);
    padding-left: var(--fd-spacing-xs);
    padding-top: var(--fd-spacing-xs);
    padding-bottom: var(--fd-spacing-xs)
}

#fd .o-location__field {
    position: relative;
    display: block;
    width: 100%;
    border-radius: var(--fd-border-radius-md);
    border-width: 1px;
    border-color: transparent;
    --tw-bg-opacity: 1;
    background-color: var(--fd-white-hex, rgba(var(--fd-white), var(--tw-bg-opacity)));
    padding-top: var(--fd-spacing-xs);
    padding-bottom: var(--fd-spacing-xs);
    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";
    font-size: var(--fd-font-size-sm);
    line-height: var(--fd-line-height-sm);
    --tw-shadow: 0 0 #0000;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    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-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
    margin: 0;
    -webkit-appearance: none;
    appearance: none
}

#fd .o-location__field:hover {
    border-color: transparent
}

#fd .o-location__field {
    --tw-text-opacity: 1 !important;
    color: var(--fd-gray-800-hex, rgba(var(--fd-gray-800), var(--tw-text-opacity))) !important;
    height: initial
}

#fd .o-location__field:focus {
    border-color: transparent !important;
    outline: 2px solid transparent !important;
    outline-offset: 2px !important;
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important;
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important;
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000) !important;
    --tw-ring-color: transparent !important;
    --tw-ring-offset-color: transparent !important
}

#fd .o-navigation {
    display: flex;
    flex-direction: column;
    gap: var(--fd-spacing-2xs);
    overflow: hidden
}

#fd .o-navigation__item {
    display: flex;
    min-width: 0px;
    align-items: center;
    gap: var(--fd-spacing-xs);
    overflow: hidden;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    border-radius: var(--fd-border-radius-md)
}

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

#fd .o-navigation__item.is-active {
    --tw-bg-opacity: 1;
    background-color: var(--fd-primary-50-hex, rgba(var(--fd-primary-50), var(--tw-bg-opacity)))
}

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

#fd .o-navigation__item.is-active .o-navigation__link {
    --tw-text-opacity: 1;
    color: var(--fd-primary-500-hex, rgba(var(--fd-primary-500), var(--tw-text-opacity)))
}

#fd .o-navigation__item.is-active .o-label {
    --tw-bg-opacity: 1;
    background-color: var(--fd-white-hex, rgba(var(--fd-white), var(--tw-bg-opacity)))
}

#fd .o-navigation__item.is-divider {
    margin-top: var(--fd-spacing-xs);
    margin-bottom: var(--fd-spacing-xs);
    display: flex;
    height: 1px;
    border-style: none;
    --tw-bg-opacity: 1;
    background-color: var(--fd-gray-300-hex, rgba(var(--fd-gray-300), var(--tw-bg-opacity)))
}

#fd .o-navigation__item.is-divider:hover {
    --tw-bg-opacity: 1;
    background-color: var(--fd-gray-300-hex, rgba(var(--fd-gray-300), var(--tw-bg-opacity)))
}

#fd .o-navigation__link {
    min-width: 0px;
    flex-grow: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    white-space: nowrap;
    border-radius: var(--fd-border-radius-md);
    padding-right: var(--fd-spacing-sm);
    padding-left: var(--fd-spacing-sm);
    padding-top: var(--fd-spacing-xs);
    padding-bottom: var(--fd-spacing-xs);
    font-size: var(--fd-font-size-sm);
    line-height: var(--fd-line-height-sm);
    --tw-text-opacity: 1;
    color: var(--fd-gray-500-hex, rgba(var(--fd-gray-500), var(--tw-text-opacity)));
    text-decoration: none
}

#fd .o-navigation__label,
#fd .o-navigation__loader {
    margin-left: var(--fd-spacing-sm);
    flex-shrink: 0
}

#fd .o-navigation .o-label {
    --tw-bg-opacity: 1;
    background-color: var(--fd-gray-50-hex, rgba(var(--fd-gray-50), var(--tw-bg-opacity)))
}

#fd .o-card {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-clip: border-box;
    border-radius: var(--fd-border-radius-md);
    border-width: 1px;
    border-style: solid;
    --tw-border-opacity: 1;
    border-color: var(--fd-gray-300-hex, rgba(var(--fd-gray-300), var(--tw-border-opacity)))
}

#fd .o-card>hr {
    margin-left: 0;
    margin-right: 0
}

#fd .o-card__body {
    flex: 1 1 auto;
    padding: var(--fd-spacing-md)
}

#fd .o-card__title {
    font-size: var(--fd-font-size-md);
    font-weight: bold;
    line-height: 1
}

#fd .o-card__text:last-child {
    margin-bottom: 0
}

#fd .o-card__header {
    margin-bottom: 0;
    font-weight: bold
}

#fd .o-card-img-overlay {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0
}

#fd .o-card-img {
    width: 100%
}

#fd .o-card-img-top {
    width: 100%
}

#fd .o-card-img-bottom {
    width: 100%
}

#fd .o-card-deck {
    display: flex;
    flex-direction: column
}

#fd .o-card-list-group {
    display: flex;
    flex-direction: column
}

#fd .o-card-list-group__item {
    position: relative;
    display: block;
    border-bottom-width: 1px;
    --tw-border-opacity: 1;
    border-color: var(--fd-gray-300-hex, rgba(var(--fd-gray-300), var(--tw-border-opacity)));
    padding-right: var(--fd-spacing-md);
    padding-left: var(--fd-spacing-md);
    padding-top: var(--fd-spacing-sm);
    padding-bottom: var(--fd-spacing-sm)
}

#fd .o-card-list-group__item:last-child {
    border-bottom: 0
}

#fd .o-card--borderless {
    border: 0
}

#fd .o-card--borderless .o-card__body:first-child {
    padding-top: 0
}

#fd .o-card--borderless .o-card__body,
#fd .o-card--borderless .o-card__footer,
#fd .o-card--borderless .o-card-list-group__item {
    padding-left: 0;
    padding-right: 0
}

#fd .o-snackbar {
    padding: var(--fd-spacing-md);
    background-color: rgba(var(--fd-gray-50), 1);
    border-radius: var(--fd-border-radius-md)
}

#fd .o-searchbar {
    display: flex;
    flex-direction: column;
    align-items: center;
    border-radius: var(--fd-border-radius-md);
    border-width: 1px;
    border-style: solid;
    --tw-border-opacity: 1;
    border-color: var(--fd-gray-200-hex, rgba(var(--fd-gray-200), var(--tw-border-opacity)));
    --tw-bg-opacity: 1;
    background-color: var(--fd-white-hex, rgba(var(--fd-white), var(--tw-bg-opacity)));
    padding: var(--fd-spacing-xs)
}

#fd .o-filterbar {
    display: flex;
    flex-direction: column;
    align-items: center;
    border-radius: var(--fd-border-radius-md);
    --tw-bg-opacity: 1;
    background-color: var(--fd-gray-50-hex, rgba(var(--fd-gray-50), var(--tw-bg-opacity)));
    padding: var(--fd-spacing-xs)
}

#fd .o-toast {
    width: 360px
}

#fd .o-toast {
    padding: var(--fd-spacing-md);
    font-size: var(--fd-font-size-xs);
    color: rgba(var(--fd-gray-800), 1);
    pointer-events: auto;
    border-radius: var(--fd-border-radius-md);
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: var(--fd-gray-200-hex, rgba(var(--fd-gray-200), var(--tw-border-opacity)));
    --tw-bg-opacity: 1;
    background-color: var(--fd-white-hex, rgba(var(--fd-white), var(--tw-bg-opacity)));
    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";
    --tw-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.06), 0 1px 2px -1px rgba(0, 0, 0, 0.02);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

#fd .o-toast__body {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

#fd .o-toast:hover {
    cursor: pointer;
    opacity: 1;
    --tw-shadow: 0 2px 4px -2px rgba(0, 0, 0, 0.04), 0 5px 10px -1px rgba(0, 0, 0, 0.08);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

#fd .toast-close-button {
    position: relative;
    top: -0.3em;
    left: -0.3em;
    float: left;
    font-size: 20px;
    font-weight: bold;
    color: rgba(var(--fd-gray-500), 1);
    text-shadow: 0 1px 0 rgba(var(--fd-gray-500), 1);
    opacity: .8
}

#fd button.toast-close-button {
    padding: 0;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none
}

#fd .toast-close-button {
    position: relative;
    top: -8px;
    font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 20px;
    font-weight: 700
}

#fd.fd-toast-container {
    position: fixed;
    z-index: 999999;
    box-sizing: border-box;
    pointer-events: none
}

#fd.fd-toast-container .fd-toast-listing>*+* {
    margin-top: .5rem
}

#fd.fd-toast-container * {
    box-sizing: border-box
}

#fd.fd-toast-container>div.rtl {
    padding: 15px 15px 15px 50px;
    background-position: left 15px center;
    direction: ltr
}

#fd.fd-toast-container.toast-top-center {
    top: 0;
    left: 0;
    width: 100%
}

#fd.fd-toast-container.toast-bottom-center {
    left: 0;
    bottom: 0;
    width: 100%
}

#fd.fd-toast-container.toast-top-full-width {
    top: 0;
    left: 0;
    width: 100%
}

#fd.fd-toast-container.toast-bottom-full-width {
    left: 0;
    bottom: 0;
    width: 100%
}

#fd.fd-toast-container.toast-top-left {
    top: 12px;
    right: 12px
}

#fd.fd-toast-container.toast-top-right {
    top: 12px;
    left: 12px
}

#fd.fd-toast-container.toast-bottom-right {
    left: 12px;
    bottom: 12px
}

#fd.fd-toast-container.toast-bottom-left {
    bottom: 12px;
    right: 12px
}

#fd.fd-toast-container.toast-top-center>div,
#fd.fd-toast-container.toast-bottom-center>div {
    width: 300px;
    margin-left: auto;
    margin-right: auto
}

#fd.fd-toast-container.toast-top-full-width>div,
#fd.fd-toast-container.toast-bottom-full-width>div {
    width: 96%;
    margin-left: auto;
    margin-right: auto
}

#fd .o-mention-wrapper {
    overflow: hidden;
    border-radius: var(--fd-border-radius-md);
    padding-top: var(--fd-spacing-2xs)
}

#fd .o-mention-wrapper {
    min-width: 200px;
    max-width: 280px
}

.tribute-container {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 999999;
    display: block;
    min-width: 180px;
    max-width: 500px;
    height: auto;
    max-height: 300px;
    overflow: auto;
    width: 96vw;
    border-radius: var(--fd-border-radius-md);
    border-width: 1px;
    border-style: solid;
    --tw-border-opacity: 1;
    border-color: var(--fd-gray-200-hex, rgba(var(--fd-gray-200), var(--tw-border-opacity)));
    --tw-bg-opacity: 1;
    background-color: var(--fd-white-hex, rgba(var(--fd-white), var(--tw-bg-opacity)));
    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";
    font-size: var(--fd-font-size-sm);
    --tw-text-opacity: 1;
    color: var(--fd-gray-500-hex, rgba(var(--fd-gray-500), var(--tw-text-opacity)))
}

.tribute-container>div {
    padding: 0;
    margin: 0;
    margin-top: 2px;
    list-style: none;
    border-radius: var(--fd-border-radius-md);
    --tw-bg-opacity: 1;
    background-color: var(--fd-white-hex, rgba(var(--fd-white), var(--tw-bg-opacity)));
    padding: var(--fd-spacing-xs);
    --tw-shadow: 0 2px 4px -2px rgba(0, 0, 0, 0.04), 0 5px 10px -1px rgba(0, 0, 0, 0.08);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.tribute-container .o-mention {
    cursor: pointer;
    border-radius: var(--fd-border-radius-md);
    padding-right: var(--fd-spacing-xs);
    padding-left: var(--fd-spacing-xs);
    padding-top: var(--fd-spacing-sm);
    padding-bottom: var(--fd-spacing-sm)
}

.tribute-container .o-mention:hover {
    --tw-bg-opacity: 1;
    background-color: var(--fd-gray-100-hex, rgba(var(--fd-gray-100), var(--tw-bg-opacity)))
}

.tribute-container .o-mention.is-highlight {
    --tw-bg-opacity: 1;
    background-color: var(--fd-gray-100-hex, rgba(var(--fd-gray-100), var(--tw-bg-opacity)))
}

.tribute-container .o-mention span {
    font-weight: bold
}

.tribute-container .o-mention.no-match {
    cursor: default
}

.tribute-container .menu-highlighted {
    font-weight: bold
}

#fd .o-editor-wrapper {
    overflow: hidden;
    border-radius: var(--fd-border-radius-md);
    border-width: 1px;
    border-style: solid;
    --tw-border-opacity: 1;
    border-color: var(--fd-gray-300-hex, rgba(var(--fd-gray-300), var(--tw-border-opacity)));
    --tw-bg-opacity: 1;
    background-color: var(--fd-white-hex, rgba(var(--fd-white), var(--tw-bg-opacity)))
}

#fd .o-editor__textarea {
    margin: 0;
    width: 100%;
    resize: none;
    padding-right: var(--fd-spacing-md);
    padding-left: var(--fd-spacing-md);
    padding-top: var(--fd-spacing-sm);
    padding-bottom: var(--fd-spacing-sm)
}

#fd .o-editor__textarea:focus {
    --tw-shadow: 0 0 #0000;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

#fd .o-attachment-list {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
    grid-gap: var(--fd-spacing-sm);
    gap: var(--fd-spacing-sm)
}

#fd .o-attachment {
    display: flex;
    justify-content: center;
    padding: var(--fd-spacing-sm);
    padding-left: 0;
    line-height: 1;
    color: rgba(var(--fd-gray-400), 1);
    background: rgba(var(--fd-white), 1);
    border: 1px solid rgba(var(--fd-gray-300), 1);
    border-radius: var(--fd-border-radius-md)
}

#fd .o-attachment__preview {
    display: flex;
    align-items: center
}

#fd .o-attachment__content {
    display: flex;
    flex-flow: column;
    flex-grow: 1;
    justify-content: center;
    min-width: 0;
    padding: 0 var(--fd-spacing-sm);
    overflow: hidden;
    text-overflow: ellipsis
}

#fd .o-attachment__name {
    display: block;
    min-width: 0;
    margin-bottom: var(--fd-spacing-2xs);
    overflow: hidden;
    font-size: var(--fd-font-size-xs);
    font-weight: bold;
    line-height: var(--fd-line-height-sm);
    color: rgba(var(--fd-gray-500), 1);
    text-decoration: none;
    text-overflow: ellipsis;
    white-space: nowrap
}

#fd .o-attachment__size {
    font-size: var(--fd-font-size-xs)
}

#fd .o-attachment__actions {
    display: flex;
    justify-content: center;
    font-size: 16px;
    border-right: 1px solid rgba(var(--fd-gray-300), 1)
}

#fd .o-attachment__actions>a {
    padding: var(--fd-spacing-md) var(--fd-spacing-sm);
    color: rgba(var(--fd-gray-400), 1)
}

#fd .o-attachment__actions>a:hover {
    color: rgba(var(--fd-gray-800), 1)
}

#fd .o-attachment-preview {
    position: relative;
    width: 40px;
    height: 40px;
    overflow: hidden;
    border-radius: var(--fd-border-radius-md)
}

#fd .o-attachment-preview__content {
    width: 40px;
    height: 40px;
    line-height: 1;
    text-align: center;
    background-color: rgba(var(--fd-gray-50), 1)
}

#fd .o-attachment-preview.is-icon .o-attachment-preview__content {
    font-size: 18px
}

#fd .o-attachment-preview.is-icon .o-attachment-preview__content:before {
    position: absolute;
    top: 50%;
    right: 50%;
    display: inline-block;
    font-family: var(--fd-font-family-fontawesome);
    font-size: inherit;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    transform: translate(0, 0);
    transform: perspective(1px) translateX(50%) translateY(-50%);
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

#fd .o-attachment-preview.is-icon.is-icon--zip .o-attachment-preview__content:before {
    content: ""
}

#fd .o-attachment-preview.is-icon.is-icon--doc .o-attachment-preview__content:before {
    content: ""
}

#fd .o-attachment-preview.is-icon.is-icon--img .o-attachment-preview__content:before {
    content: ""
}

#fd .o-attachment-preview.is-image .o-attachment-preview__content {
    display: inline-block;
    width: 40px;
    height: 40px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover
}

#fd .o-empty {
    position: relative;
    display: inline-block;
    display: none;
    width: 100%;
    text-align: center;
    background-color: var(--si-body);
    padding-top: var(--fd-spacing-3xl);
    padding-bottom: var(--fd-spacing-3xl);
    padding-right: var(--fd-spacing-md);
    padding-left: var(--fd-spacing-md);
    text-align: center;
    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";
    font-size: var(--fd-font-size-sm)
}

#fd .o-empty__content>*+* {
    margin-top: var(--fd-spacing-md)
}

#fd .o-empty__icon {
    width: auto;
    font-size: 40px;
    --tw-text-opacity: 1;
    color: var(--fd-gray-500-hex, rgba(var(--fd-gray-500), var(--tw-text-opacity)))
}

#fd.is-mobile .o-empty--height-no {
    min-height: 80px
}

#fd .is-empty>.o-empty {
    display: inline-block
}

#fd .any-listing {
    display: none
}

#fd .is-done .any-listing {
    display: flex;
    flex-direction: column
}

#fd .o-loader {
    position: relative;
    z-index: 1000;
    display: none;
    width: 40px;
    height: 40px;
    margin: 0px;
    font-size: 1em;
    text-align: center
}

#fd .o-loader:before {
    position: absolute;
    top: 0%;
    right: 0%;
    width: 100%;
    height: 100%;
    content: "";
    border-radius: 500rem;
    border-width: 4px;
    border-style: solid;
    --tw-border-opacity: 1;
    border-color: var(--fd-primary-500-hex, rgba(var(--fd-primary-500), var(--tw-border-opacity)))
}

#fd .o-loader:after {
    position: absolute;
    top: 0%;
    right: 0%;
    width: 100%;
    height: 100%;
    content: "";
    border-color: rgba(var(--fd-gray-300), 1) transparent transparent;
    border-style: solid;
    border-width: 4px;
    border-radius: 500rem;
    box-shadow: 0px 0px 0px 1px transparent;
    animation: fd-rotate .55s linear;
    animation-iteration-count: infinite
}

@keyframes fd-rotate {
    0% {
        transform: rotate(0deg)
    }

    100% {
        transform: rotate(-360deg)
    }
}

#fd .is-loading>.o-loader {
    display: block
}

#fd .is-loading>.o-loader-wrapper {
    display: flex;
    flex-direction: column
}

#fd .o-loader-wrapper {
    position: relative;
    display: none;
    align-items: center;
    justify-content: center;
    min-height: 100px
}

#fd .o-placeholder-box {
    position: relative;
    display: inline-block;
    overflow: hidden;
    height: var(--fd-spacing-sm);
    --tw-bg-opacity: 1;
    background-color: var(--fd-gray-200-hex, rgba(var(--fd-gray-200), var(--tw-bg-opacity)));
    color: transparent
}

#fd .o-placeholder-box:after {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    content: "";
    background-image: linear-gradient(-90deg, rgba(var(--fd-white), 0) 0, rgba(var(--fd-white), 0.2) 20%, rgba(var(--fd-white), 0.5) 60%, rgba(var(--fd-white), 0));
    transform: translateX(100%);
    animation: fd-placeholder-box 1s infinite
}

@keyframes fd-placeholder-box {
    100% {
        transform: translateX(-100%)
    }
}

#fd .si__title {
    color: blue
}

#fd .test-ignore {
    margin-right: 8px
}

@media(min-width: 768px) {
    #fd .o-dropdown {
        width: auto
    }

    #fd .o-searchbar {
        flex-direction: row
    }

    #fd .o-filterbar {
        flex-direction: row
    }

    #fd .o-mention-wrapper {
        width: auto
    }

    .tribute-container {
        width: auto
    }

    #fd .o-attachment-list {
        grid-template-columns: repeat(auto-fill, minmax(250px, 1fr))
    }
}

@media(max-width: 359px) {
    #fd .o-toast {
        width: 320px
    }
}

@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {
    #fd .ps {
        overflow: auto !important
    }
}

@media print,
(prefers-reduced-motion: reduce) {
    #fd .fd-animate__animated {
        transition-duration: 1ms !important;
        animation-duration: 1ms !important;
        animation-iteration-count: 1 !important
    }

    #fd .fd-animate__animated[class*=Out] {
        opacity: 0
    }
}