@font-face {
    font-display: swap;
    font-family: Inter;
    font-style: normal;
    font-weight: 400;
    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-display: swap;
    font-family: Inter;
    font-style: normal;
    font-weight: 600;
    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,
.si-theme-foundry,
.tippy-box,
.tippy-box[data-theme~="fd-dark"],
.tribute-container {
    max-width: unset !important;
    --fd-root-font-size: 16px;
    --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) * 0.125);
    --fd-spacing-2xs: calc(var(--fd-spacing) * 0.25);
    --fd-spacing-xs: calc(var(--fd-spacing) * 0.5);
    --fd-spacing-sm: calc(var(--fd-spacing) * 0.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) * 0.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) * 0.75);
    --fd-font-size-sm: calc(var(--fd-root-font-size) * 0.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) * 0.25);
    --fd-border-radius-md: calc(var(--fd-spacing) * 0.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);
    padding: 0 !important;
    border-radius: 8px !important;
}
#fd .dark,
.tippy-box[data-theme~="fd-light"],
.tribute-container.dark {
    --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;
}
#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;
}
#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;
}
#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;
}
#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;
}
#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 {
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    direction: ltr;
    line-height: var(--fd-line-height-sm);
    text-align: left;
}
#fd *,
#fd :after,
#fd :before {
    border-style: solid;
    border-width: 0;
    box-sizing: border-box;
}
#fd iframe {
    margin: 0;
    padding: 0;
}
#fd img,
#fd input {
    margin: 0;
    max-width: 100%;
    min-height: 0;
    min-width: 0;
}
#fd article,
#fd blockquote,
#fd footer,
#fd form,
#fd nav {
    background: none;
    border: 0;
    display: block;
    float: none;
    font-family: inherit;
    font-size: inherit;
    height: auto;
    margin: 0;
    outline: 0;
    /* padding: 0; */
    position: static;
    text-align: inherit;
    text-shadow: none;
    width: auto;
}
#fd button,
#fd input,
#fd select,
#fd textarea {
    font-family: var(--fd-font-family-sans);
}
#fd img {
    border: 0;
    vertical-align: middle;
}
#fd table {
    border-collapse: collapse;
    border-spacing: 0;
}
#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 [role="button"],
#fd button {
    cursor: pointer;
}
#fd select {
    word-wrap: normal;
}
#fd [list]::-webkit-calendar-picker-indicator {
    display: none;
}
#fd [type="button"],
#fd [type="reset"],
#fd [type="submit"],
#fd button {
    -webkit-appearance: button;
}
#fd [type="button"]:not(:disabled),
#fd [type="reset"]:not(:disabled),
#fd [type="submit"]:not(:disabled),
#fd button:not(:disabled) {
    cursor: pointer;
}
#fd ::-moz-focus-inner {
    border-style: none;
    padding: 0;
}
#fd input,
#fd textarea {
    direction: ltr;
    unicode-bidi: embed;
}
#fd .container {
    width: 100%;
}

#fd input::-webkit-input-placeholder,
#fd textarea::-webkit-input-placeholder {
    --tw-text-opacity: 1;
    color: var(--fd-gray-300-hex, rgba(var(--fd-gray-300), var(--tw-text-opacity)));
    opacity: 1;
}
#fd input:-ms-input-placeholder,
#fd textarea:-ms-input-placeholder {
    --tw-text-opacity: 1;
    color: var(--fd-gray-300-hex, rgba(var(--fd-gray-300), var(--tw-text-opacity)));
    opacity: 1;
}
#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] {
    -webkit-print-color-adjust: unset;
    background-image: none;
    background-position: 0 0;
    background-repeat: unset;
    background-size: auto auto;
    background-size: initial;
    color-adjust: unset;
    padding-right: 0.75rem;
}
#fd [type="file"] {
    background: unset;
    border-color: inherit;
    border-radius: 0;
    border-width: 0;
    font-size: unset;
    line-height: inherit;
    padding: 0;
}
#fd [type="file"]:focus {
    outline: 1px auto -webkit-focus-ring-color;
}
#fd .o-form-check {
    align-items: center;
    display: flex;
    line-height: var(--fd-line-height-sm);
    margin: 0;
}
#fd .o-form-check__text {
    --tw-text-opacity: 1;
    color: var(--fd-gray-800-hex, rgba(var(--fd-gray-800), var(--tw-text-opacity)));
    font-size: var(--fd-font-size-sm);
    line-height: var(--fd-line-height-sm);
    margin-bottom: 0;
    margin-left: var(--fd-spacing-xs);
    margin-top: 0;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
@supports (-webkit-appearance: none) or (-moz-appearance: none) {
    #fd input[type="checkbox"].fd-custom-check,
    #fd input[type="radio"].fd-custom-radio {
        --tw-border-opacity: 1;
        --tw-bg-opacity: 1;
        -webkit-appearance: none;
        -moz-appearance: none;
        background-color: var(--fd-white-hex, rgba(var(--fd-white), var(--tw-bg-opacity)));
        border-color: var(--fd-gray-300-hex, rgba(var(--fd-gray-300), var(--tw-border-opacity)));
        border-style: solid;
        border-width: 1px;
        cursor: pointer;
        display: inline-block;
        flex-shrink: 0;
        height: 16px;
        margin: 0;
        outline: none;
        position: relative;
        transition: background 0.3s, border-color 0.3s, box-shadow 0.2s;
        vertical-align: top;
    }
    #fd input[type="checkbox"].fd-custom-check:after,
    #fd input[type="radio"].fd-custom-radio:after {
        content: "";
        display: block;
        left: 0;
        position: absolute;
        top: 0;
        transition: opacity 0.2s, -webkit-transform 0.3s ease-in;
        transition: transform 0.3s ease-in, opacity 0.2s;
        transition: transform 0.3s ease-in, opacity 0.2s, -webkit-transform 0.3s ease-in;
        transition: opacity var(--d-o, 0.2s), -webkit-transform var(--d-t, 0.3s) var(--d-t-e, ease-in);
        transition: transform var(--d-t, 0.3s) var(--d-t-e, ease-in), opacity var(--d-o, 0.2s);
        transition: transform var(--d-t, 0.3s) var(--d-t-e, ease-in), opacity var(--d-o, 0.2s), -webkit-transform var(--d-t, 0.3s) var(--d-t-e, ease-in);
    }
    #fd input[type="checkbox"].fd-custom-check:checked,
    #fd input[type="radio"].fd-custom-radio:checked {
        --d-o: 0.3s;
        --d-t: 0.3s;
        --tw-border-opacity: 1;
        --tw-bg-opacity: 1;
        background-color: var(--fd-primary-500-hex, rgba(var(--fd-primary-500), var(--tw-bg-opacity)));
        border-color: var(--fd-primary-500-hex, rgba(var(--fd-primary-500), var(--tw-border-opacity)));
    }
    #fd input[type="checkbox"].fd-custom-check:disabled,
    #fd input[type="radio"].fd-custom-radio:disabled {
        --tw-border-opacity: 1;
        --tw-bg-opacity: 1;
        background-color: var(--fd-white-hex, rgba(var(--fd-white), var(--tw-bg-opacity)));
        border-color: var(--fd-gray-200-hex, rgba(var(--fd-gray-200), var(--tw-border-opacity)));
        cursor: not-allowed;
        opacity: 0.9;
    }
    #fd input[type="checkbox"].fd-custom-check:disabled:checked,
    #fd input[type="radio"].fd-custom-radio:disabled:checked {
        --tw-border-opacity: 1;
        --tw-bg-opacity: 1;
        background-color: var(--fd-gray-200-hex, rgba(var(--fd-gray-200), var(--tw-bg-opacity)));
        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: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,
    #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,
    #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 {
        box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 transparent;
        box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 transparent);
    }
    #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: 0;
        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 {
        border: 2px solid rgba(var(--fd-color-inverse), 1);
        border-left: 0;
        border-top: 0;
        height: 8px;
        left: 5px;
        top: 2px;
        -webkit-transform: rotate(30deg);
        transform: rotate(30deg);
        -webkit-transform: rotate(var(--r, 30deg));
        transform: rotate(var(--r, 30deg));
        width: 5px;
    }
    #fd input[type="checkbox"].fd-custom-check:not(.is-switch):checked {
        --r: 43deg;
    }
    #fd input[type="checkbox"].fd-custom-check.is-switch {
        --tw-border-opacity: 1;
        --tw-bg-opacity: 1;
        background-color: var(--fd-gray-500-hex, rgba(var(--fd-gray-500), var(--tw-bg-opacity)));
        border-color: var(--fd-gray-500-hex, rgba(var(--fd-gray-500), var(--tw-border-opacity)));
        border-radius: 16px;
        width: 36px;
    }
    #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)));
        border-radius: 50%;
        height: 12px;
        left: 1px;
        top: 1px;
        -webkit-transform: translateX(0);
        transform: translateX(0);
        -webkit-transform: translateX(var(--x, 0));
        transform: translateX(var(--x, 0));
        width: 12px;
    }
    #fd input[type="checkbox"].fd-custom-check.is-switch:checked {
        --x: 19px;
        --tw-border-opacity: 1;
        --tw-bg-opacity: 1;
        background-color: var(--fd-primary-500-hex, rgba(var(--fd-primary-500), var(--tw-bg-opacity)));
        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:disabled {
        --tw-border-opacity: 1;
        --tw-bg-opacity: 1;
        background-color: var(--fd-primary-200-hex, rgba(var(--fd-primary-200), var(--tw-bg-opacity)));
        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:disabled {
        --tw-border-opacity: 1;
        --tw-bg-opacity: 1;
        background-color: var(--fd-gray-200-hex, rgba(var(--fd-gray-200), var(--tw-bg-opacity)));
        border-color: var(--fd-gray-200-hex, rgba(var(--fd-gray-200), var(--tw-border-opacity)));
    }
    #fd input[type="radio"].fd-custom-radio {
        border-radius: 50%;
    }
    #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)));
        border-radius: 50%;
        height: 14px;
        left: 0;
        opacity: 0;
        top: 0;
        -webkit-transform: scale(0.7);
        transform: scale(0.7);
        -webkit-transform: scale(var(--s, 0.7));
        transform: scale(var(--s, 0.7));
        width: 14px;
    }
    #fd input[type="radio"].fd-custom-radio:checked {
        --s: 0.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 {
    clip: rect(0, 0, 0, 0);
    border-width: 0;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    white-space: nowrap;
    width: 1px;
}
#fd .not-sr-only {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    padding: 0;
    position: static;
    white-space: normal;
    width: auto;
}
[dir="rtl"] #fd .fa-adjust,
[dir="rtl"] #fd .fa-angle-double-left,
[dir="rtl"] #fd .fa-angle-double-right,
[dir="rtl"] #fd .fa-angle-left,
[dir="rtl"] #fd .fa-angle-right,
[dir="rtl"] #fd .fa-area-chart,
[dir="rtl"] #fd .fa-ban,
[dir="rtl"] #fd .fa-bar-chart,
[dir="rtl"] #fd .fa-bar-chart-o,
[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-bullhorn,
[dir="rtl"] #fd .fa-compress,
[dir="rtl"] #fd .fa-expand,
[dir="rtl"] #fd .fa-hand-o-down,
[dir="rtl"] #fd .fa-hand-o-up,
[dir="rtl"] #fd .fa-line-chart,
[dir="rtl"] #fd .fa-pie-chart,
[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 .o-blockquote blockquote:before,
[dir="rtl"] #fd .raty-star-half-o {
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
}
#fd .ps {
    -ms-overflow-style: none;
    overflow: hidden !important;
    overflow-anchor: none;
    position: relative;
    touch-action: auto;
}
#fd .ps__rail-x {
    bottom: 0;
    height: 15px;
}
#fd .ps__rail-x,
#fd .ps__rail-y {
    display: none;
    opacity: 0;
    position: absolute;
    transition: background-color 0.2s linear, opacity 0.2s linear;
}
#fd .ps__rail-y {
    right: 0;
    width: 15px;
}
#fd .ps--active-x > .ps__rail-x,
#fd .ps--active-y > .ps__rail-y {
    background-color: transparent;
    display: block;
}
#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,
#fd .ps:hover > .ps__rail-x,
#fd .ps:hover > .ps__rail-y {
    opacity: 0.6;
}
#fd .ps .ps__rail-x.ps--clicking,
#fd .ps .ps__rail-x:focus,
#fd .ps .ps__rail-x:hover,
#fd .ps .ps__rail-y.ps--clicking,
#fd .ps .ps__rail-y:focus,
#fd .ps .ps__rail-y:hover {
    background-color: rgba(var(--fd-gray-50), 1);
    opacity: 0.9;
}
#fd .ps__thumb-x {
    bottom: 2px;
    height: 6px;
    transition: background-color 0.2s linear, height 0.2s ease-in-out;
}
#fd .ps__thumb-x,
#fd .ps__thumb-y {
    background-color: rgba(var(--fd-gray-400), 1);
    border-radius: 6px;
    position: absolute;
}
#fd .ps__thumb-y {
    right: 2px;
    transition: background-color 0.2s linear, width 0.2s ease-in-out;
    width: 6px;
}
#fd .ps__rail-x.ps--clicking .ps__thumb-x,
#fd .ps__rail-x:focus > .ps__thumb-x,
#fd .ps__rail-x:hover > .ps__thumb-x {
    background-color: rgba(var(--fd-gray-400), 1);
    height: 11px;
}
#fd .ps__rail-y.ps--clicking .ps__thumb-y,
#fd .ps__rail-y:focus > .ps__thumb-y,
#fd .ps__rail-y:hover > .ps__thumb-y {
    background-color: rgba(var(--fd-gray-400), 1);
    width: 11px;
}
@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"] {
    /* --tw-shadow: 0 2px 4px -2px rgba(0, 0, 0, 0.04), 0 5px 10px -1px rgba(0, 0, 0, 0.08);
    background-color: transparent;
    border-radius: var(--fd-border-radius-md);
    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-left-color: rgba(var(--fd-gray-700), 1);
}
.tippy-box[data-theme~="fd-dark"][data-placement^="right"] > .tippy-arrow:before {
    border-right-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;
    -webkit-transform: rotate(180deg);
    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 {
    right: 0;
}
.tippy-box[data-placement^="left"] > .tippy-svg-arrow:after,
.tippy-box[data-placement^="left"] > .tippy-svg-arrow > svg {
    left: 11px;
    top: calc(50% - 3px);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}
.tippy-box[data-placement^="right"] > .tippy-svg-arrow {
    left: 0;
}
.tippy-box[data-placement^="right"] > .tippy-svg-arrow:after,
.tippy-box[data-placement^="right"] > .tippy-svg-arrow > svg {
    right: 11px;
    top: calc(50% - 3px);
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
}
.tippy-svg-arrow {
    height: 16px;
    text-align: left;
    text-align: initial;
    width: 16px;
}
.tippy-svg-arrow,
.tippy-svg-arrow > svg {
    position: absolute;
}
@font-face {
    font-family: raty-font;
    font-style: normal;
    font-weight: 400;
    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-left: var(--fd-spacing-3xs);
}
#fd .raty {
    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)));
    display: inline-block;
    font-family: raty-font;
    font-size: inherit;
    font-style: normal;
    -webkit-transform: translate(0);
    transform: translate(0);
}
#fd .raty-star:before {
    content: "\e800";
}
#fd .raty-star-o:before {
    content: "\e801";
}
#fd .raty-star-half-o:before {
    content: "\f123";
}
#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 {
    flex-grow: 1;
    height: 200px;
    min-width: 280px;
    overflow-y: auto;
    padding: var(--fd-spacing-xs);
    position: relative;
}
#fd .emoji-search-wrapper {
    border-bottom: 1px solid rgba(var(--fd-gray-200), 1);
    padding: var(--fd-spacing-xs);
}
#fd .emoji-search {
    width: 100%;
}
#fd .emoji-content-wrapper,
#fd .emoji-picker {
    display: flex;
    flex-direction: column;
}
#fd .emoji-picker {
    margin: 0;
    overflow: hidden;
}
#fd .emoji-selectables {
    grid-gap: var(--fd-spacing-xs);
    background-color: rgba(var(--fd-gray-50), 1);
    border-bottom: 1px solid rgba(var(--fd-gray-200), 1);
    display: grid;
    gap: var(--fd-spacing-xs);
    grid-template-columns: repeat(8, minmax(0, 1fr));
    line-height: var(--fd-line-height-md);
    padding: 0 var(--fd-spacing-xs);
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
#fd .emoji-selectables span {
    border-bottom: 1px solid transparent;
    color: rgba(var(--fd-gray-500), 1);
    cursor: pointer;
    font-size: 24px;
    padding: var(--fd-spacing-xs) var(--fd-spacing-xs);
    text-align: center;
}
#fd .emoji-selectables span.is-active {
    border-bottom: 1px solid rgba(var(--fd-primary-500), 1);
}
#fd .emoji-selectables span.is-active img {
    -webkit-filter: none;
    filter: none;
}
#fd .emoji-selectables span img {
    align-items: center;
    display: flex;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    width: 25px;
}
#fd .picker-emoji-content {
    flex-wrap: wrap;
    justify-content: center;
}
#fd .emoji-content span {
    align-items: center;
    cursor: pointer;
    display: flex;
    font-size: 24px;
    justify-content: center;
    line-height: var(--fd-line-height-md);
    padding: var(--fd-spacing-xs);
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
#fd .emoji-content span:hover {
    border-radius: var(--fd-border-radius-md);
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}
#fd .picker-emoji-content {
    display: none;
}
#fd .picker-emoji-content.is-active {
    grid-gap: var(--fd-spacing-xs);
    display: grid;
    gap: var(--fd-spacing-xs);
    grid-template-columns: repeat(8, minmax(0, 1fr));
}
#fd .picker-emoji-sel.face {
    color: #f0f8ff;
    font-size: 10px;
}
#fd .emoji-content span img {
    height: 32px;
    width: 32px;
}
#fd .picker-emoji-content::-webkit-scrollbar-thumb {
    background-color: #65b88d;
    border-radius: 100px;
    height: 10px;
}
#fd .picker-emoji-content::-webkit-scrollbar-track {
    background-color: #303841;
}
#fd .picker-emoji-content::-webkit-scrollbar {
    width: 6px;
}
#fd .fd-giphy-container {
    display: flex;
    position: relative;
}
#fd .fd-giphy-container__wrap {
    border-radius: var(--fd-border-radius-md);
    display: block;
    max-width: 320px;
    overflow: hidden;
    position: relative;
}
#fd .fd-giphy-container__wrap img {
    border-radius: var(--fd-border-radius-md);
    max-width: 100%;
}
#fd .fdi.fa-giphy:before {
    content: "\e900";
    font-family: fa giphy;
    font-style: normal;
    font-weight: 400;
}
@font-face {
    font-display: block;
    font-family: fa giphy;
    font-style: normal;
    font-weight: 400;
    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");
}
/*!
 * 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 {
    -webkit-animation-duration: 1s;
    -webkit-animation-duration: var(--animate-duration);
    animation-duration: 1s;
    animation-duration: var(--animate-duration);
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
#fd .fd-animate__animated.fd-animate__infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}
#fd .fd-animate__animated.fd-animate__repeat-1 {
    -webkit-animation-iteration-count: 1;
    -webkit-animation-iteration-count: var(--animate-repeat);
    animation-iteration-count: 1;
    animation-iteration-count: var(--animate-repeat);
}
#fd .fd-animate__animated.fd-animate__repeat-2 {
    -webkit-animation-iteration-count: 2;
    -webkit-animation-iteration-count: calc(var(--animate-repeat) * 2);
    animation-iteration-count: 2;
    animation-iteration-count: calc(var(--animate-repeat) * 2);
}
#fd .fd-animate__animated.fd-animate__repeat-3 {
    -webkit-animation-iteration-count: 3;
    -webkit-animation-iteration-count: calc(var(--animate-repeat) * 3);
    animation-iteration-count: 3;
    animation-iteration-count: calc(var(--animate-repeat) * 3);
}
#fd .fd-animate__animated.fd-animate__delay-1s {
    -webkit-animation-delay: 1s;
    -webkit-animation-delay: var(--animate-delay);
    animation-delay: 1s;
    animation-delay: var(--animate-delay);
}
#fd .fd-animate__animated.fd-animate__delay-2s {
    -webkit-animation-delay: 2s;
    -webkit-animation-delay: calc(var(--animate-delay) * 2);
    animation-delay: 2s;
    animation-delay: calc(var(--animate-delay) * 2);
}
#fd .fd-animate__animated.fd-animate__delay-3s {
    -webkit-animation-delay: 3s;
    -webkit-animation-delay: calc(var(--animate-delay) * 3);
    animation-delay: 3s;
    animation-delay: calc(var(--animate-delay) * 3);
}
#fd .fd-animate__animated.fd-animate__delay-4s {
    -webkit-animation-delay: 4s;
    -webkit-animation-delay: calc(var(--animate-delay) * 4);
    animation-delay: 4s;
    animation-delay: calc(var(--animate-delay) * 4);
}
#fd .fd-animate__animated.fd-animate__delay-5s {
    -webkit-animation-delay: 5s;
    -webkit-animation-delay: calc(var(--animate-delay) * 5);
    animation-delay: 5s;
    animation-delay: calc(var(--animate-delay) * 5);
}
#fd .fd-animate__animated.fd-animate__faster {
    -webkit-animation-duration: 0.5s;
    -webkit-animation-duration: calc(var(--animate-duration) / 2);
    animation-duration: 0.5s;
    animation-duration: calc(var(--animate-duration) / 2);
}
#fd .fd-animate__animated.fd-animate__fast {
    -webkit-animation-duration: 0.8s;
    -webkit-animation-duration: calc(var(--animate-duration) * 0.8);
    animation-duration: 0.8s;
    animation-duration: calc(var(--animate-duration) * 0.8);
}
#fd .fd-animate__animated.fd-animate__slow {
    -webkit-animation-duration: 2s;
    -webkit-animation-duration: calc(var(--animate-duration) * 2);
    animation-duration: 2s;
    animation-duration: calc(var(--animate-duration) * 2);
}
#fd .fd-animate__animated.fd-animate__slower {
    -webkit-animation-duration: 3s;
    -webkit-animation-duration: calc(var(--animate-duration) * 3);
    animation-duration: 3s;
    animation-duration: calc(var(--animate-duration) * 3);
}
@-webkit-keyframes fadeIn {
    0% {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
@keyframes fadeIn {
    0% {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
#fd .fd-animate__fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
}
@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}
@keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}
#fd .fd-animate__fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
}
@-webkit-keyframes fadeInDownBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}
@keyframes fadeInDownBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}
#fd .fd-animate__fadeInDownBig {
    -webkit-animation-name: fadeInDownBig;
    animation-name: fadeInDownBig;
}
@-webkit-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}
@keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}
#fd .fd-animate__fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
}
@-webkit-keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}
@keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}
#fd .fd-animate__fadeInLeftBig {
    -webkit-animation-name: fadeInLeftBig;
    animation-name: fadeInLeftBig;
}
@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}
@keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}
#fd .fd-animate__fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight;
}
@-webkit-keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}
@keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}
#fd .fd-animate__fadeInRightBig {
    -webkit-animation-name: fadeInRightBig;
    animation-name: fadeInRightBig;
}
@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}
@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}
#fd .fd-animate__fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}
@-webkit-keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}
@keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}
#fd .fd-animate__fadeInUpBig {
    -webkit-animation-name: fadeInUpBig;
    animation-name: fadeInUpBig;
}
@-webkit-keyframes fadeInTopLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, -100%, 0);
        transform: translate3d(-100%, -100%, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}
@keyframes fadeInTopLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, -100%, 0);
        transform: translate3d(-100%, -100%, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}
#fd .fd-animate__fadeInTopLeft {
    -webkit-animation-name: fadeInTopLeft;
    animation-name: fadeInTopLeft;
}
@-webkit-keyframes fadeInTopRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, -100%, 0);
        transform: translate3d(100%, -100%, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}
@keyframes fadeInTopRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, -100%, 0);
        transform: translate3d(100%, -100%, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}
#fd .fd-animate__fadeInTopRight {
    -webkit-animation-name: fadeInTopRight;
    animation-name: fadeInTopRight;
}
@-webkit-keyframes fadeInBottomLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 100%, 0);
        transform: translate3d(-100%, 100%, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}
@keyframes fadeInBottomLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 100%, 0);
        transform: translate3d(-100%, 100%, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}
#fd .fd-animate__fadeInBottomLeft {
    -webkit-animation-name: fadeInBottomLeft;
    animation-name: fadeInBottomLeft;
}
@-webkit-keyframes fadeInBottomRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 100%, 0);
        transform: translate3d(100%, 100%, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}
@keyframes fadeInBottomRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 100%, 0);
        transform: translate3d(100%, 100%, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}
#fd .fd-animate__fadeInBottomRight {
    -webkit-animation-name: fadeInBottomRight;
    animation-name: fadeInBottomRight;
}
@-webkit-keyframes fadeOut {
    0% {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}
@keyframes fadeOut {
    0% {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}
#fd .fd-animate__fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut;
}
@-webkit-keyframes fadeOutDown {
    0% {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
}
@keyframes fadeOutDown {
    0% {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
}
#fd .fd-animate__fadeOutDown {
    -webkit-animation-name: fadeOutDown;
    animation-name: fadeOutDown;
}
@-webkit-keyframes fadeOutDownBig {
    0% {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }
}
@keyframes fadeOutDownBig {
    0% {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }
}
#fd .fd-animate__fadeOutDownBig {
    -webkit-animation-name: fadeOutDownBig;
    animation-name: fadeOutDownBig;
}
@-webkit-keyframes fadeOutLeft {
    0% {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
}
@keyframes fadeOutLeft {
    0% {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
}
#fd .fd-animate__fadeOutLeft {
    -webkit-animation-name: fadeOutLeft;
    animation-name: fadeOutLeft;
}
@-webkit-keyframes fadeOutLeftBig {
    0% {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
    }
}
@keyframes fadeOutLeftBig {
    0% {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
    }
}
#fd .fd-animate__fadeOutLeftBig {
    -webkit-animation-name: fadeOutLeftBig;
    animation-name: fadeOutLeftBig;
}
@-webkit-keyframes fadeOutRight {
    0% {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
}
@keyframes fadeOutRight {
    0% {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
}
#fd .fd-animate__fadeOutRight {
    -webkit-animation-name: fadeOutRight;
    animation-name: fadeOutRight;
}
@-webkit-keyframes fadeOutRightBig {
    0% {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
    }
}
@keyframes fadeOutRightBig {
    0% {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
    }
}
#fd .fd-animate__fadeOutRightBig {
    -webkit-animation-name: fadeOutRightBig;
    animation-name: fadeOutRightBig;
}
@-webkit-keyframes fadeOutUp {
    0% {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
}
@keyframes fadeOutUp {
    0% {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
}
#fd .fd-animate__fadeOutUp {
    -webkit-animation-name: fadeOutUp;
    animation-name: fadeOutUp;
}
@-webkit-keyframes fadeOutUpBig {
    0% {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
    }
}
@keyframes fadeOutUpBig {
    0% {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
    }
}
#fd .fd-animate__fadeOutUpBig {
    -webkit-animation-name: fadeOutUpBig;
    animation-name: fadeOutUpBig;
}
@-webkit-keyframes fadeOutTopLeft {
    0% {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%, -100%, 0);
        transform: translate3d(-100%, -100%, 0);
    }
}
@keyframes fadeOutTopLeft {
    0% {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%, -100%, 0);
        transform: translate3d(-100%, -100%, 0);
    }
}
#fd .fd-animate__fadeOutTopLeft {
    -webkit-animation-name: fadeOutTopLeft;
    animation-name: fadeOutTopLeft;
}
@-webkit-keyframes fadeOutTopRight {
    0% {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, -100%, 0);
        transform: translate3d(100%, -100%, 0);
    }
}
@keyframes fadeOutTopRight {
    0% {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, -100%, 0);
        transform: translate3d(100%, -100%, 0);
    }
}
#fd .fd-animate__fadeOutTopRight {
    -webkit-animation-name: fadeOutTopRight;
    animation-name: fadeOutTopRight;
}
@-webkit-keyframes fadeOutBottomRight {
    0% {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 100%, 0);
        transform: translate3d(100%, 100%, 0);
    }
}
@keyframes fadeOutBottomRight {
    0% {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 100%, 0);
        transform: translate3d(100%, 100%, 0);
    }
}
#fd .fd-animate__fadeOutBottomRight {
    -webkit-animation-name: fadeOutBottomRight;
    animation-name: fadeOutBottomRight;
}
@-webkit-keyframes fadeOutBottomLeft {
    0% {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 100%, 0);
        transform: translate3d(-100%, 100%, 0);
    }
}
@keyframes fadeOutBottomLeft {
    0% {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 100%, 0);
        transform: translate3d(-100%, 100%, 0);
    }
}
#fd .fd-animate__fadeOutBottomLeft {
    -webkit-animation-name: fadeOutBottomLeft;
    animation-name: fadeOutBottomLeft;
}
@-webkit-keyframes slideInDown {
    0% {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        visibility: visible;
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}
@keyframes slideInDown {
    0% {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        visibility: visible;
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}
#fd .fd-animate__slideInDown {
    -webkit-animation-name: slideInDown;
    animation-name: slideInDown;
}
@-webkit-keyframes slideInLeft {
    0% {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        visibility: visible;
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}
@keyframes slideInLeft {
    0% {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        visibility: visible;
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}
#fd .fd-animate__slideInLeft {
    -webkit-animation-name: slideInLeft;
    animation-name: slideInLeft;
}
@-webkit-keyframes slideInRight {
    0% {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        visibility: visible;
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}
@keyframes slideInRight {
    0% {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        visibility: visible;
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}
#fd .fd-animate__slideInRight {
    -webkit-animation-name: slideInRight;
    animation-name: slideInRight;
}
@-webkit-keyframes slideInUp {
    0% {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        visibility: visible;
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}
@keyframes slideInUp {
    0% {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        visibility: visible;
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}
#fd .fd-animate__slideInUp {
    -webkit-animation-name: slideInUp;
    animation-name: slideInUp;
}
@-webkit-keyframes slideOutDown {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
    to {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        visibility: hidden;
    }
}
@keyframes slideOutDown {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
    to {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        visibility: hidden;
    }
}
#fd .fd-animate__slideOutDown {
    -webkit-animation-name: slideOutDown;
    animation-name: slideOutDown;
}
@-webkit-keyframes slideOutLeft {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
    to {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        visibility: hidden;
    }
}
@keyframes slideOutLeft {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
    to {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        visibility: hidden;
    }
}
#fd .fd-animate__slideOutLeft {
    -webkit-animation-name: slideOutLeft;
    animation-name: slideOutLeft;
}
@-webkit-keyframes slideOutRight {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
    to {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        visibility: hidden;
    }
}
@keyframes slideOutRight {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
    to {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        visibility: hidden;
    }
}
#fd .fd-animate__slideOutRight {
    -webkit-animation-name: slideOutRight;
    animation-name: slideOutRight;
}
@-webkit-keyframes slideOutUp {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
    to {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        visibility: hidden;
    }
}
@keyframes slideOutUp {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
    to {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        visibility: hidden;
    }
}
#fd .fd-animate__slideOutUp {
    -webkit-animation-name: slideOutUp;
    animation-name: slideOutUp;
}

#fd .o-btn > i {
    line-height: inherit;
}
#fd .o-btn--default {
    --tw-border-opacity: 1;
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    background-color: var(--fd-white-hex, rgba(var(--fd-white), var(--tw-bg-opacity)));
    border-color: var(--fd-gray-400-hex, rgba(var(--fd-gray-400), var(--tw-border-opacity)));
    color: var(--fd-gray-800-hex, rgba(var(--fd-gray-800), var(--tw-text-opacity)));
}
#fd .o-btn--default:hover {
    --tw-bg-opacity: 1;
}
#fd .o-btn--default:disabled,
#fd .o-btn--default:hover {
    background-color: var(--fd-gray-100-hex, rgba(var(--fd-gray-100), var(--tw-bg-opacity)));
}
#fd .o-btn--default:disabled {
    border-color: var(--fd-gray-100-hex, rgba(var(--fd-gray-100), var(--tw-border-opacity)));
    color: var(--fd-gray-300-hex, rgba(var(--fd-gray-300), var(--tw-text-opacity)));
}

#fd .o-btn--success {
    --tw-border-opacity: 1;
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    background-color: var(--fd-success-500-hex, rgba(var(--fd-success-500), var(--tw-bg-opacity)));
    border-color: var(--fd-success-500-hex, rgba(var(--fd-success-500), var(--tw-border-opacity)));
    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;
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    background-color: var(--fd-danger-500-hex, rgba(var(--fd-danger-500), var(--tw-bg-opacity)));
    border-color: var(--fd-danger-500-hex, rgba(var(--fd-danger-500), var(--tw-border-opacity)));
    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;
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    background-color: var(--fd-info-500-hex, rgba(var(--fd-info-500), var(--tw-bg-opacity)));
    border-color: var(--fd-info-500-hex, rgba(var(--fd-info-500), var(--tw-border-opacity)));
    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;
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    background-color: var(--fd-warning-500-hex, rgba(var(--fd-warning-500), var(--tw-bg-opacity)));
    border-color: var(--fd-warning-500-hex, rgba(var(--fd-warning-500), var(--tw-border-opacity)));
    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--danger:disabled,
#fd .o-btn--default:disabled,
#fd .o-btn--info:disabled,
#fd .o-btn--primary:disabled,
#fd .o-btn--success:disabled,
#fd .o-btn--warning:disabled {
opacity: 0.8;
cursor: not-allowed;}
/* #fd .o-btn--default-o {
    --tw-border-opacity: 1;
    --tw-text-opacity: 1;
    background-color: transparent;
    border-color: var(--fd-gray-300-hex, rgba(var(--fd-gray-300), var(--tw-border-opacity)));
    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--success-o {
    --tw-border-opacity: 1;
    --tw-text-opacity: 1;
    background-color: transparent;
    border-color: var(--fd-success-500-hex, rgba(var(--fd-success-500), var(--tw-border-opacity)));
    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;
    --tw-text-opacity: 1;
    background-color: transparent;
    border-color: var(--fd-danger-500-hex, rgba(var(--fd-danger-500), var(--tw-border-opacity)));
    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;
    --tw-text-opacity: 1;
    background-color: transparent;
    border-color: var(--fd-info-500-hex, rgba(var(--fd-info-500), var(--tw-border-opacity)));
    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;
    --tw-text-opacity: 1;
    background-color: transparent;
    border-color: var(--fd-warning-500-hex, rgba(var(--fd-warning-500), var(--tw-border-opacity)));
    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--danger-o,
#fd .o-btn--default-o,
#fd .o-btn--info-o,
#fd .o-btn--primary-o,
#fd .o-btn--success-o,
#fd .o-btn--warning-o {
    cursor: pointer;
}
#fd .o-btn--danger-o:disabled,
#fd .o-btn--default-o:disabled,
#fd .o-btn--info-o:disabled,
#fd .o-btn--primary-o:disabled,
#fd .o-btn--success-o:disabled,
#fd .o-btn--warning-o:disabled {
    --tw-border-opacity: 1;
    --tw-text-opacity: 1;
    background-color: transparent;
    border-color: var(--fd-gray-200-hex, rgba(var(--fd-gray-200), var(--tw-border-opacity)));
    color: var(--fd-gray-300-hex, rgba(var(--fd-gray-300), var(--tw-text-opacity)));
}
#fd .o-btn--default-ghost {
    --tw-text-opacity: 1;
    background-color: transparent;
    border-color: transparent;
    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 {
    --tw-text-opacity: 1;
    background-color: transparent;
    border-color: transparent;
    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 {
    --tw-text-opacity: 1;
    background-color: transparent;
    border-color: transparent;
    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 {
    --tw-text-opacity: 1;
    background-color: transparent;
    border-color: transparent;
    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 {
    --tw-text-opacity: 1;
    background-color: transparent;
    border-color: transparent;
    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 {
    --tw-text-opacity: 1;
    background-color: transparent;
    border-color: transparent;
    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--danger-ghost:disabled,
#fd .o-btn--default-ghost:disabled,
#fd .o-btn--info-ghost:disabled,
#fd .o-btn--primary-ghost:disabled,
#fd .o-btn--success-ghost:disabled,
#fd .o-btn--warning-ghost:disabled {
    --tw-text-opacity: 1;
    background-color: transparent;
    border-color: transparent;
    color: var(--fd-gray-300-hex, rgba(var(--fd-gray-300), var(--tw-text-opacity)));
}
#fd .o-btn--facebook {
    background: #4267b2;
    border-color: #4267b2;
    color: #fff;
}
#fd .o-btn--facebook:hover {
    background-color: #375694;
}
#fd .o-btn--twitter {
    background: #339aed;
    border-color: #339aed;
    color: #fff;
}
#fd .o-btn--twitter:hover {
    background-color: #1487e3;
}
#fd .o-btn--linkedin {
    background: #0a66c2;
    border-color: #0a66c2;
    color: #fff;
}
#fd .o-btn--linkedin:hover {
    background-color: #084d92;
}
#fd .o-btn--twitch {
    background: #5f48a0;
    border-color: #5f48a0;
    color: #fff;
}
#fd .o-btn--twitch:hover {
    background-color: #4e3b84;
}
#fd .o-btn--apple--d {
    background: #000;
    border-color: #000;
    color: #fff;
}
#fd .o-btn--apple--d:hover {
    background-color: #000;
}
#fd .o-btn--apple--l {
    background: #fff;
    border-color: #000;
    color: #000;
}
#fd .o-btn--apple--l:hover {
    background-color: #fff;
}
#fd .o-btn--google {
    --tw-border-opacity: 1;
    background: #fff;
    border-color: var(--fd-gray-300-hex, rgba(var(--fd-gray-300), var(--tw-border-opacity)));
    color: #000;
}
#fd .o-btn--google img,
#fd .o-btn--google svg {
    display: inline-block;
    margin-right: var(--fd-spacing-3xs);
}
#fd .o-btn--xing {
    background: #006567;
    border-color: #006567;
    color: #fff;
}
#fd .o-btn--xing:hover {
    background-color: #003d3e;
}
#fd .o-btn--vk {
    background: #4c75a3;
    border-color: #4c75a3;
    color: #fff;
}
#fd .o-btn--vk:hover {
    background-color: #3f6187;
}
#fd .o-btn--pinterest {
    background: #c61118;
    border-color: #c61118;
    color: #fff;
}
#fd .o-btn--pinterest:hover {
    background-color: #a00e13;
}
#fd .o-btn--reddit {
    background: #386a9c;
    border-color: #386a9c;
    color: #fff;
}
#fd .o-btn--reddit:hover {
    background-color: #2d567e;
}
#fd .o-btn--pocket {
    background: #ef3e56;
    border-color: #ef3e56;
    color: #fff;
}
#fd .o-btn--pocket:hover {
    background-color: #ec1835;
}
#fd .o-btn--email {
    background: #333;
    border-color: #333;
    color: #fff;
}
#fd .o-btn--email:hover {
    background-color: #1f1f1f;
}
#fd .o-btn.is-loading {
    color: transparent !important;
    cursor: not-allowed;
    opacity: 1;
    pointer-events: auto;
    position: relative;
    text-shadow: none !important;
    transition: all 0s linear, opacity 0.1s ease;
}
#fd .o-btn.is-loading:before {
    --tw-border-opacity: 1;
    border: 2px solid var(--fd-primary-500-hex, rgba(var(--fd-primary-500), var(--tw-border-opacity)));
    border-radius: 500rem;
    content: "";
    height: 16px;
    left: 50%;
    margin: -8px 0 0 -8px;
    position: absolute;
    top: 50%;
    width: 16px;
}
#fd .o-btn.is-loading:after {
    -webkit-animation: o-btn-spin-keyframe 0.6s linear;
    animation: o-btn-spin-keyframe 0.6s linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    border: 2px solid transparent;
    border-radius: 500rem;
    border-top: 2px solid rgba(var(--fd-gray-300), 1);
    box-shadow: 0 0 0 1px transparent;
    content: "";
    height: 16px;
    left: 50%;
    margin: -8px 0 0 -8px;
    position: absolute;
    top: 50%;
    width: 16px;
}
@-webkit-keyframes o-btn-spin-keyframe {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn);
    }
}
@keyframes o-btn-spin-keyframe {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn);
    }
}
#fd .color-choice {
    --tw-bg-opacity: 1;
    background-color: var(--fd-primary-500-hex, rgba(var(--fd-primary-500), var(--tw-bg-opacity)));
    border-radius: 50%;
    cursor: pointer;
    display: inline-block;
    height: 30px;
    width: 30px;
}
#fd .color-choice:hover {
    opacity: 0.5;
}
#fd .color-theme-container {
    background-color: #fff;
    border: 1px solid #dedede;
    padding: 8px 16px;
    position: fixed;
    right: 0;
    top: 83px;
    z-index: 1000;
}
#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 {
    display: inline-flex;
    position: relative;
    vertical-align: middle;
}
#fd .o-btn-group-vertical > .o-btn,
#fd .o-btn-group > .o-btn {
    flex: 1 1 auto;
    position: relative;
}
#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.active,
#fd .o-btn-group-vertical > .o-btn:active,
#fd .o-btn-group-vertical > .o-btn:focus,
#fd .o-btn-group-vertical > .o-btn:hover,
#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.active,
#fd .o-btn-group > .o-btn:active,
#fd .o-btn-group > .o-btn:focus,
#fd .o-btn-group > .o-btn:hover {
    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-group:not(:last-child) > .o-btn,
#fd .o-btn-group > .o-btn:not(:last-child):not(.dropdown-toggle),
#fd .o-btn-group > .o-btn:not(:last-child):not(.dropdown-toggle_) {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
}
#fd .o-btn-group > .o-btn-group:not(:first-child) > .o-btn,
#fd .o-btn-group > .o-btn:nth-child(n + 3),
#fd .o-btn-group > :not(.o-btn-check) + .o-btn {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
}
#fd .dropdown-toggle-split:after,
#fd .dropright .dropdown-toggle-split:after,
#fd .dropup .dropdown-toggle-split:after {
    margin-left: 0;
}
#fd .dropleft .dropdown-toggle-split:before {
    margin-right: 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 {
    align-items: flex-start;
    flex-direction: column;
    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-group:not(:last-child) > .o-btn,
#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) {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}
#fd .o-btn-group-vertical > .o-btn-group:not(:first-child) > .o-btn,
#fd .o-btn-group-vertical > .o-btn:not(:first-child) {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
#fd .o-form-group {
    position: relative;
}
#fd .o-form-label {
    --tw-text-opacity: 1;
    color: var(--fd-gray-700-hex, rgba(var(--fd-gray-700), var(--tw-text-opacity)));
    font-size: var(--fd-font-size-md);
}
#fd .o-form-control,
#fd .o-form-label {
    line-height: var(--fd-line-height-sm);
}
/* #fd .o-form-control {
    background: #242424;
    border: 1px solid #313131;
    color: #fff !important;
    --tw-border-opacity: 1;
    --tw-bg-opacity: 1;
    --tw-shadow: 0 0 #0000;
    -webkit-appearance: none;
    appearance: none;
    border-radius: var(--fd-border-radius-md);
    border-width: 1px;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    display: block;
    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);
    margin: 0;
    padding: var(--fd-spacing-xs) var(--fd-spacing-md);
    position: relative;
    transition-duration: 0.15s;
    transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, -webkit-transform, -webkit-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-transform, -webkit-filter, -webkit-backdrop-filter;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    width: 100%;
} */
/* #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: #fff;
    height: auto;
} */
/* #fd .o-form-control:focus {
    --tw-border-opacity: 1 !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;
    --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;
    border-color: var(--fd-primary-500-hex, rgba(var(--fd-primary-500), var(--tw-border-opacity))) !important;
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000) !important;
    outline: 2px solid transparent !important;
    outline-offset: 2px !important;
} */
/* #fd .o-form-control[readonly] {
    --tw-border-opacity: 1 !important;
    --tw-text-opacity: 1 !important;
    border-color: var(--fd-gray-300-hex, rgba(var(--fd-gray-300), var(--tw-border-opacity))) !important;
    color: var(--fd-gray-400-hex, rgba(var(--fd-gray-400), var(--tw-text-opacity))) !important;
    cursor: not-allowed !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 {
background: #141414;
}
#fd .o-form-control:disabled::-webkit-input-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:disabled:-ms-input-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: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::-webkit-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[readonly].flatpickr-input:-ms-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[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 {
    background-color: #fff !important;
    background-image: none !important;
    color: #000 !important;
} */
#fd select.o-form-control {
    -webkit-print-color-adjust: exact;
    -webkit-appearance: none !important;
    appearance: none !important;
    background-image: url("data:image/svg+xml;charset=utf-8,%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 8 4 4 4-4'/%3E%3C/svg%3E");
    background-position: right 0.5rem center;
    background-repeat: no-repeat;
    background-size: 1.5em 1.5em;
    color-adjust: exact;
    padding-right: 2.5rem;
}
#fd .o-form-control[size]:not([size="1"]),
#fd select.o-form-control[multiple] {
    background-image: none;
    border-bottom-right-radius: 2px;
    border-top-right-radius: 2px;
    padding-right: 0.75rem;
}
#fd .o-form-helper-text {
    --tw-text-opacity: 1;
    color: var(--fd-gray-500-hex, rgba(var(--fd-gray-500), var(--tw-text-opacity)));
    font-size: var(--fd-font-size-sm);
    margin-top: var(--fd-spacing-xs);
}
#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-helper-text,
#fd .has-error .o-form-label {
    --tw-text-opacity: 1;
    color: var(--fd-danger-500-hex, rgba(var(--fd-danger-500), var(--tw-text-opacity)));
}

#fd .toggle-checkbox:checked {
    --tw-ring-opacity: 0;
    background: #fff;
}
#fd .toggle-checkbox:checked:focus {
    --tw-ring-opacity: 0;
}
#fd .toggle-checkbox:checked {
    transition-duration: 0.15s;
    transition-duration: 0.3s;
    transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, -webkit-transform, -webkit-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-transform, -webkit-filter, -webkit-backdrop-filter;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    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 {
    align-items: stretch;
    display: flex;
    flex-wrap: nowrap;
    position: relative;
    width: 100%;
}
#fd .o-input-group > .o-form-control,
#fd .o-input-group > .o-form-file,
#fd .o-input-group > .o-form-select {
    flex: 1 1 auto;
    min-width: 0;
    position: relative;
    width: 1%;
}
#fd .o-input-group > .o-form-control:focus,
#fd .o-input-group > .o-form-file .o-form-file-input:focus ~ .o-form-file-label,
#fd .o-input-group > .o-form-select:focus {
    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-bottom-right-radius: 0;
    border-top-right-radius: 0;
}
#fd .o-input-group > .o-form-file:not(:first-child) > .o-form-file-label {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
}
#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 > .dropdown-toggle_:nth-last-child(n + 3) > .dropdown-toggle:nth-last-child(n + 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) {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
}
#fd .o-input-group > :not(:first-child):not(.dropdown-menu) {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    margin-left: -1px;
}
#fd .o-form-group--ifta {
    position: relative;
}
#fd .o-form-group--ifta .o-form-label {
    --tw-text-opacity: 1;
    color: var(--fd-gray-500-hex, rgba(var(--fd-gray-500), var(--tw-text-opacity)));
    font-size: var(--fd-font-size-xs);
    left: var(--fd-spacing-md);
    line-height: var(--fd-line-height-xs);
    margin-bottom: 0;
    pointer-events: none;
    position: absolute;
    top: var(--fd-spacing-sm);
    touch-action: manipulation;
    transition-duration: 0.15s;
    transition-duration: 0.3s;
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-timing-function: linear;
    z-index: 2;
}
/* #fd .o-form-group--ifta .o-form-control {
    box-shadow: none;
    font-size: var(--fd-font-size-sm);
    padding: var(--fd-spacing-2xl) var(--fd-spacing-md) var(--fd-spacing-sm);
} */
/* #fd .o-form-group--ifta .o-select-group {
    --tw-bg-opacity: 1;
    --tw-border-opacity: 1;
    background-color: var(--fd-white-hex, rgba(var(--fd-white), var(--tw-bg-opacity)));
    border: 1px solid var(--fd-gray-300-hex, rgba(var(--fd-gray-300), var(--tw-border-opacity)));
    border-radius: var(--fd-border-radius-md);
} */
/* #fd .o-form-group--ifta.is-focused .o-select-group {
    --tw-border-opacity: 1 !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;
    --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;
    --tw-ring-opacity: 0.85;
    --tw-ring-color: rgba(var(--fd-primary-100), var(--tw-ring-opacity));
    border-color: var(--fd-primary-500-hex, rgba(var(--fd-primary-500), var(--tw-border-opacity))) !important;
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000) !important;
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 transparent;
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 transparent);
    outline: 2px solid transparent !important;
    outline-offset: 2px !important;
} */
/* #fd .o-form-group--ifta .o-select-group .o-form-control {
    -webkit-appearance: none !important;
    appearance: none !important;
    background-color: transparent;
    border: none;
    height: auto !important;
    min-height: auto;
    padding-bottom: var(--fd-spacing-sm);
    padding-left: var(--fd-spacing-sm);
    padding-right: 0;
    padding-top: var(--fd-spacing-2xl);
    z-index: 3;
} */
/* #fd .o-form-group--ifta .o-select-group .o-form-control:focus {
    --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(var(--tw-ring-offset-width)) var(--tw-ring-color) !important;
    --tw-ring-offset-color: transparent !important;
    border-color: transparent !important;
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000) !important;
    outline: 2px solid transparent !important;
    outline-offset: 2px !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,
#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 {
    --tw-text-opacity: 1;
    bottom: var(--fd-spacing-sm);
    color: var(--fd-gray-500-hex, rgba(var(--fd-gray-500), var(--tw-text-opacity)));
    cursor: pointer;
    font-size: var(--fd-font-size-sm);
    line-height: var(--fd-line-height-sm);
    outline: 2px solid transparent;
    outline-offset: 2px;
    position: absolute;
    z-index: 2;
}
#fd .o-form-group--ifta.has-leading-icon .o-form-group__icon {
    left: calc(var(--fd-spacing) * 1);
    right: auto;
}
#fd .o-form-group--ifta.has-leading-icon .o-form-control {
    padding-left: calc(var(--fd-spacing) * 2.25);
}
#fd .o-form-group--ifta.has-leading-icon.has-trailing-icon .o-form-group__icon {
    left: calc(var(--fd-spacing) * 1);
    right: auto;
}
#fd .o-form-group--ifta.has-leading-icon.has-trailing-icon .o-form-group__icon ~ .o-form-group__icon {
    left: auto;
    right: calc(var(--fd-spacing) * 1);
}
#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 {
    left: calc(var(--fd-spacing) * 1);
}
#fd .o-form-group--ifta.has-trailing-icon .o-form-group__icon {
    left: auto;
    right: calc(var(--fd-spacing) * 1);
}
#fd .o-form-group--ifta.has-trailing-icon .o-form-control {
    padding-right: calc(var(--fd-spacing) * 2);
}
#fd .o-onoffswitch {
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    width: 36px;
}
#fd .o-onoffswitch__checkbox {
    display: none;
}
#fd .o-onoffswitch__label {
    background-color: var(--fd-gray-500-hex, rgba(var(--fd-gray-500), var(--tw-bg-opacity)));
    border: 1px solid #ccc;
    border-color: var(--fd-gray-500-hex, rgba(var(--fd-gray-500), var(--tw-border-opacity)));
    border-radius: 16px;
    cursor: pointer;
    line-height: 16px;
    overflow: hidden;
    padding: 0;
    transition: background-color 0.3s ease-in;
}
#fd .o-onoffswitch__label,
#fd .o-onoffswitch__label:before {
    --tw-border-opacity: 1;
    --tw-bg-opacity: 1;
    display: block;
    height: 16px;
}
#fd .o-onoffswitch__label:before {
    background: #fff;
    background-color: var(--fd-white-hex, rgba(var(--fd-white), var(--tw-bg-opacity)));
    border: 2px solid #ccc;
    border-color: var(--fd-gray-500-hex, rgba(var(--fd-gray-500), var(--tw-border-opacity)));
    border-radius: 16px;
    bottom: 0;
    content: "";
    margin: 0;
    position: absolute;
    right: 20px;
    top: 0;
    transition: all 0.3s ease-in 0s;
    width: 16px;
}
#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 {
    right: 0;
}
#fd .o-onoffswitch__label:focus {
    --tw-border-opacity: 1;
    border-color: var(--fd-primary-500-hex, rgba(var(--fd-primary-500), var(--tw-border-opacity)));
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 transparent;
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 transparent);
}
#fd .o-onoffswitch__checkbox:disabled + .o-onoffswitch__label {
    --tw-border-opacity: 1;
    --tw-bg-opacity: 1;
    background-color: var(--fd-gray-200-hex, rgba(var(--fd-gray-200), var(--tw-bg-opacity)));
    border-color: var(--fd-gray-200-hex, rgba(var(--fd-gray-200), var(--tw-border-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;
    background-color: var(--fd-primary-200-hex, rgba(var(--fd-primary-200), var(--tw-bg-opacity)));
    position: relative;
    width: 100%;
}
#fd .o-progress,
#fd .o-progress__bar {
    --tw-bg-opacity: 1;
    display: block;
    height: var(--bar-height);
}
#fd .o-progress__bar {
    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 {
    --tw-border-opacity: 1;
    --tw-bg-opacity: 1;
    background-color: rgba(var(--fd-white), 1);
    background-color: var(--fd-white-hex, rgba(var(--fd-white), var(--tw-bg-opacity)));
    border: 1px solid var(--fd-gray-200-hex, rgba(var(--fd-gray-200), var(--tw-border-opacity)));
    border-radius: var(--fd-border-radius-md);
    box-shadow: var(--fd-spacing-xs) var(--fd-spacing-xs) 0 rgba(var(--fd-gray-100), 1);
    padding: var(--fd-spacing-md);
    padding-left: var(--fd-spacing-4xl);
    position: relative;
}
#fd .o-blockquote blockquote,
#fd .o-blockquote blockquote div,
#fd .o-blockquote blockquote p {
    --tw-text-opacity: 1;
    color: var(--fd-gray-500-hex, rgba(var(--fd-gray-500), var(--tw-text-opacity)));
    font-size: var(--fd-font-size-md);
    line-height: var(--fd-line-height-md);
}
#fd .o-blockquote blockquote cite {
    --tw-text-opacity: 1;
    color: var(--fd-gray-500-hex, rgba(var(--fd-gray-500), var(--tw-text-opacity)));
    font-size: var(--fd-font-size-xs);
    line-height: var(--fd-line-height-xs);
    margin-top: var(--fd-spacing-md);
}
#fd .o-blockquote blockquote:before {
    --tw-text-opacity: 1;
    color: var(--fd-gray-400-hex, rgba(var(--fd-gray-400), var(--tw-text-opacity)));
    content: "\f10d";
    display: block;
    font-family: Font Awesome\5 Free;
    font-style: normal;
    font-weight: 900;
    left: var(--fd-spacing-md);
    position: absolute;
    top: var(--fd-spacing-md);
}
#fd .o-blockquote blockquote:before,
#fd .o-blockquote-markup {
    font-size: var(--fd-font-size-md);
    line-height: var(--fd-line-height-md);
}
#fd .o-blockquote-markup {
    --tw-border-opacity: 1;
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    background-color: rgba(var(--fd-white), 1);
    background-color: var(--fd-white-hex, rgba(var(--fd-white), var(--tw-bg-opacity)));
    border: 1px solid var(--fd-gray-200-hex, rgba(var(--fd-gray-200), var(--tw-border-opacity)));
    border-radius: var(--fd-border-radius-md);
    box-shadow: var(--fd-spacing-xs) var(--fd-spacing-xs) 0 rgba(var(--fd-gray-100), 1);
    color: var(--fd-gray-500-hex, rgba(var(--fd-gray-500), var(--tw-text-opacity)));
    padding: var(--fd-spacing-md);
    padding-left: var(--fd-spacing-4xl);
    position: relative;
}
#fd .o-blockquote-markup div,
#fd .o-blockquote-markup p {
    --tw-text-opacity: 1;
    color: var(--fd-gray-500-hex, rgba(var(--fd-gray-500), var(--tw-text-opacity)));
    font-size: var(--fd-font-size-md);
    line-height: var(--fd-line-height-md);
}
#fd .o-blockquote-markup:before {
    --tw-text-opacity: 1;
    color: var(--fd-gray-400-hex, rgba(var(--fd-gray-400), var(--tw-text-opacity)));
    content: "\f10d";
    display: block;
    font-family: Font Awesome\5 Free;
    font-size: var(--fd-font-size-md);
    font-style: normal;
    font-weight: 900;
    left: var(--fd-spacing-md);
    line-height: var(--fd-line-height-md);
    position: absolute;
    top: var(--fd-spacing-md);
}
#fd .o-blockquote-markup cite {
    --tw-text-opacity: 1;
    color: var(--fd-gray-500-hex, rgba(var(--fd-gray-500), var(--tw-text-opacity)));
    font-size: var(--fd-font-size-xs);
    line-height: var(--fd-line-height-xs);
    margin-top: var(--fd-spacing-md);
}
#fd .o-table-wrapper {
    max-width: 100%;
    position: relative;
    scroll-behavior: smooth;
    -ms-scroll-snap-type: inline mandatory;
    scroll-snap-type: inline mandatory;
}
#fd .o-table {
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    background-color: var(--fd-white-hex, rgba(var(--fd-white), var(--tw-bg-opacity)));
    border-collapse: collapse;
    border-spacing: 0;
    color: var(--fd-gray-800-hex, rgba(var(--fd-gray-800), var(--tw-text-opacity)));
    width: 100%;
}
#fd .o-table th:not([scope="row"]):first-child {
    left: 0;
    z-index: 3;
}
#fd .o-table th {
    --tw-border-opacity: 1;
    border-bottom-width: 1px;
    border-color: var(--fd-gray-200-hex, rgba(var(--fd-gray-200), var(--tw-border-opacity)));
    position: sticky;
    top: 0;
    white-space: nowrap;
    z-index: 2;
}
#fd .o-table th[scope="row"] {
    left: 0;
    position: sticky;
    z-index: 1;
}
#fd .o-table tr {
    --tw-border-opacity: 1;
    border-color: var(--fd-gray-300-hex, rgba(var(--fd-gray-300), var(--tw-border-opacity)));
    border-top-width: 1px;
}
#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) > * {
    --tw-border-opacity: 1;
    border-bottom-width: 1px;
    border-color: var(--fd-gray-200-hex, rgba(var(--fd-gray-200), var(--tw-border-opacity)));
    border-top-width: 1px;
}
#fd .o-table--bordered > :not(caption) > * > * {
    --tw-border-opacity: 1;
    border-color: var(--fd-gray-200-hex, rgba(var(--fd-gray-200), var(--tw-border-opacity)));
    border-left-width: 1px;
    border-right-width: 1px;
}
#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;
    background-color: var(--fd-gray-300-hex, rgba(var(--fd-gray-300), var(--tw-bg-opacity)));
    position: relative;
    width: 100%;
}
#fd .o-rank,
#fd .o-rank__bar {
    --tw-bg-opacity: 1;
    display: block;
    height: var(--bar-height);
}
#fd .o-rank__bar {
    background-color: var(--fd-success-500-hex, rgba(var(--fd-success-500), var(--tw-bg-opacity)));
}
#fd .o-auto-grid {
    grid-gap: 1rem;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(16rem, 1fr));
    grid-template-columns: repeat(auto-fill, minmax(var(--o-auto-grid-min-size, 16rem), 1fr));
}
#fd .o-avatar {
    --tw-shadow: 0 0 #0000;
    --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);
    --tw-ring-color: transparent;
    --tw-ring-offset-width: 2px;
    --tw-ring-offset-color: transparent;
    align-items: center;
    background: transparent;
    border-radius: 5px;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
    display: inline-flex;
    flex-shrink: 0;
    height: 40px;
    justify-content: center;
    position: relative;
    width: 40px;
}
#fd .o-avatar.is-mobile .o-avatar__mobile {
    display: flex;
}
#fd .o-avatar.is-online {
    --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);
    --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));
    background-color: #fff;
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
#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 {
    right: -0.25em;
    top: -0.125em;
}
#fd .o-avatar--rounded .o-avatar__action {
    bottom: 0;
    right: 0;
}
#fd .o-avatar--sm {
    font-size: 12px;
    height: 24px;
    line-height: 1;
    width: 24px;
}
#fd .o-avatar--md {
    font-size: 16px;
    height: 32px;
    line-height: 1;
    width: 32px;
}
#fd .o-avatar--lg {
    font-size: 18px;
    height: 64px;
    line-height: 1;
    width: 64px;
}
#fd .o-avatar--xl {
    font-size: 24px;
    height: 120px;
    line-height: 1;
    width: 120px;
}
#fd .o-avatar__content {
    align-items: center;
    color: #fff;
    display: flex;
    flex-grow: 1;
    justify-content: center;
    overflow: hidden;
    text-align: center;
}
#fd .o-avatar__content,
#fd .o-avatar__content img {
    border-radius: var(--fd-border-radius-sm);
    height: 100%;
    width: 100%;
}
#fd .o-avatar__content img {
    bottom: 0;
    left: 0;
    object-fit: cover;
    position: absolute;
    right: 0;
    top: 0;
}
#fd .o-avatar__mobile {
    --tw-text-opacity: 1;
    align-items: center;
    background-color: #fff;
    border-radius: 50%;
    color: var(--fd-success-500-hex, rgba(var(--fd-success-500), var(--tw-text-opacity)));
    display: none;
    height: 1.2em;
    justify-content: center;
    position: absolute;
    right: -0.625em;
    top: -0.5em;
    width: 1.2em;
    z-index: 2;
}
#fd .o-avatar__mobile:before {
    content: "\f3cd";
    display: inline-block;
    font-family: var(--fd-font-family-fontawesome);
    font-size: 0.75em;
    font-weight: 900;
}
#fd .o-avatar__action {
    align-items: center;
    background-color: #fff;
    border-radius: 50%;
    bottom: -0.5em;
    display: flex;
    font-size: 0.625em;
    height: 1.5em;
    justify-content: center;
    line-height: 1;
    position: absolute;
    right: -0.625em;
    width: 1.5em;
}
#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 {
    line-height: 1;
    z-index: 2;
}
#fd .o-avatar__remove-tag > a {
    --tw-bg-opacity: 1;
    background-color: var(--fd-danger-500-hex, rgba(var(--fd-danger-500), var(--tw-bg-opacity)));
    border-radius: 50%;
    color: #fff;
    line-height: 16px;
}
#fd .o-avatar__remove-tag > a,
#fd .o-avatar__remove-tag > a i {
    display: inline-block;
    height: 16px;
    text-align: center;
    width: 16px;
}
#fd .o-avatar__remove-tag > a i {
    font-size: 9px;
    line-height: inherit;
    vertical-align: top;
}
#fd .o-avatar-action {
    display: inline-block;
    position: relative;
}
#fd .o-avatar-action__remove-tag {
    line-height: 1;
    position: absolute;
    right: -4px;
    top: -4px;
    z-index: 2;
}
#fd .o-avatar-action__remove-tag > a {
    --tw-bg-opacity: 1;
    background-color: var(--fd-danger-500-hex, rgba(var(--fd-danger-500), var(--tw-bg-opacity)));
    border-radius: 50%;
    color: #fff;
    display: inline-block;
    height: 16px;
    line-height: 16px;
    text-align: center;
    width: 16px;
}
#fd .o-avatar-action__remove-tag > a i {
    display: inline-block;
    font-size: 9px;
    height: 16px;
    line-height: inherit;
    text-align: center;
    vertical-align: top;
    width: 16px;
}
#fd .o-avatar-action:before {
    color: red;
    display: block;
    font-size: 20px;
    left: 0;
    position: absolute;
    text-align: left;
    top: 0;
    width: 400px;
}
#fd .o-avatar-list__item {
    display: inline-block;
}
#fd .o-alert {
    border: 1px solid transparent;
    border-radius: var(--fd-border-radius-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;
    padding: var(--fd-spacing-md);
    position: relative;
    text-shadow: none;
}
#fd .o-alert__heading {
    color: inherit;
    margin-top: 0;
}
#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 {
    color: #000;
    font-size: 18px;
    font-weight: 700;
    line-height: 1;
    text-decoration: none;
    text-shadow: 0 1px 0 #fff;
}
#fd .o-alert__close .material-icons {
    font-size: 18px;
}
#fd button.o-alert__close {
    background: transparent none repeat scroll 0 0;
    border: 0;
    cursor: pointer;
    padding: 0;
}
#fd .o-alert--dismissible .o-alert__close {
    color: inherit;
    position: relative;
    top: 0;
}
#fd .o-alert--success {
    background-color: rgba(var(--fd-success-50), 1);
    border-color: rgba(var(--fd-success-500), 1);
}
#fd .o-alert--success,
#fd .o-alert--success .o-alert__close {
    color: rgba(var(--fd-success-500), 1);
}
#fd .o-alert--info {
    background-color: rgba(var(--fd-info-50), 1);
    border-color: rgba(var(--fd-info-500), 1);
}
#fd .o-alert--info,
#fd .o-alert--info .o-alert__close {
    color: rgba(var(--fd-info-500), 1);
}
#fd .o-alert--warning {
    background-color: rgba(var(--fd-warning-50), 1);
    border-color: rgba(var(--fd-warning-500), 1);
}
#fd .o-alert--warning,
#fd .o-alert--warning .o-alert__close {
    color: rgba(var(--fd-warning-500), 1);
}
#fd .o-alert--danger {
    background-color: rgba(var(--fd-danger-50), 1);
    border-color: rgba(var(--fd-danger-500), 1);
}
#fd .o-alert--danger,
#fd .o-alert--danger .o-alert__close {
    color: rgba(var(--fd-danger-500), 1);
}
#fd .o-label {
    align-items: center;
    border: 1px solid transparent;
    border-radius: var(--fd-border-radius-md);
    display: inline-flex;
    line-height: var(--fd-line-height-xs);
    overflow: hidden;
    padding: var(--fd-spacing-3xs) var(--fd-spacing-xs);
    position: relative;
    text-shadow: none;
}
#fd .o-label,
#fd .o-tooltip {
    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);
}
#fd .o-tooltip {
    background: var(--fd-tippy-bg);
    border-radius: var(--fd-border-radius-md);
    color: var(--fd-tippy-text);
    padding: var(--fd-spacing-xs);
}
#fd .o-tooltip--lg {
    padding: var(--fd-spacing-md);
}
#fd .o-popover {
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    color: var(--fd-gray-800-hex, rgba(var(--fd-gray-800), var(--tw-text-opacity)));
    font-size: var(--fd-font-size-xs);
    padding: var(--fd-spacing-md);
}
#fd .o-dropdown,
#fd .o-popover {
    background-color: var(--fd-white-hex, rgba(var(--fd-white), var(--tw-bg-opacity)));
    border-radius: var(--fd-border-radius-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;
}
#fd .o-dropdown {
    --tw-border-opacity: 1;
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    --tw-shadow: 0 2px 4px -2px rgba(0, 0, 0, 0.04), 0 5px 10px -1px rgba(0, 0, 0, 0.08);
    border-color: var(--fd-gray-200-hex, rgba(var(--fd-gray-200), var(--tw-border-opacity)));
    border-width: 1px;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    color: var(--fd-gray-500-hex, rgba(var(--fd-gray-500), var(--tw-text-opacity)));
    font-size: var(--fd-font-size-sm);
    width: 96vw;
}
#fd .o-dropdown__hd {
    border-top-left-radius: var(--fd-border-radius-md);
    border-top-right-radius: var(--fd-border-radius-md);
}
#fd .o-dropdown__ft {
    border-bottom-left-radius: var(--fd-border-radius-md);
    border-bottom-right-radius: var(--fd-border-radius-md);
}
#fd .o-dropdown-nav {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    font-size: var(--fd-font-size-sm);
    list-style: none;
    margin: 0;
    opacity: 1;
    padding: 0;
    position: relative;
    width: 100%;
}
#fd .o-dropdown-nav__media {
    color: var(--fd-gray-500-hex, rgba(var(--fd-gray-500), var(--tw-text-opacity)));
    display: inline-flex;
    height: 1rem;
    justify-content: center;
    margin-right: var(--fd-spacing-md);
    text-align: center;
    vertical-align: middle;
    width: 1rem;
}
#fd .o-dropdown-nav__item,
#fd .o-dropdown-nav__media {
    --tw-text-opacity: 1;
    align-items: center;
    line-height: var(--fd-line-height-sm);
}
#fd .o-dropdown-nav__item {
    border-radius: var(--fd-border-radius-md);
    color: var(--fd-gray-800-hex, rgba(var(--fd-gray-800), var(--tw-text-opacity)));
    display: flex;
    outline: 2px solid transparent;
    outline-offset: 2px;
    padding: 0;
}
#fd .o-dropdown-nav__item.is-active {
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    background-color: var(--fd-gray-100-hex, rgba(var(--fd-gray-100), var(--tw-bg-opacity)));
    color: var(--fd-gray-600-hex, rgba(var(--fd-gray-600), var(--tw-text-opacity)));
}
#fd .o-dropdown-nav > li:not(.active):hover,
#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__link {
    --tw-text-opacity: 1;
    align-items: center;
    color: var(--fd-gray-800-hex, rgba(var(--fd-gray-800), var(--tw-text-opacity)));
    display: flex;
    flex-grow: 1;
    line-height: var(--fd-line-height-xs);
    overflow: hidden;
    padding-right: 1rem;
    padding: var(--fd-spacing-sm) var(--fd-spacing-xs);
    text-decoration: none;
    text-overflow: ellipsis;
    white-space: nowrap;
}
#fd .o-dropdown-nav__link,
#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 {
    --tw-text-opacity: 1;
    color: var(--fd-gray-800-hex, rgba(var(--fd-gray-800), var(--tw-text-opacity)));
    padding-left: var(--fd-spacing-md);
    padding-right: var(--fd-spacing-md);
}
#fd .o-dropdown-nav--nested > li:hover,
#fd .o-dropdown-nav--parent > li:hover {
    background-color: var(--si-basic--200);
}
#fd .o-dropdown-nav--nested.has-submenu > li:hover,
#fd .o-dropdown-nav--parent.has-submenu > li:hover {
    background-color: transparent;
}
#fd .o-aspect-ratio {
    --aspect-ratio: 16/9;
    --max-width: 100%;
    display: inline-block;
    max-width: var(--max-width);
    position: relative;
    width: 100%;
}
#fd .o-aspect-ratio:before {
    content: "";
    display: block;
    padding-bottom: calc(100% / (var(--aspect-ratio)));
}
#fd .o-aspect-ratio iframe,
#fd .o-aspect-ratio img,
#fd .o-aspect-ratio > :first-child {
    background-repeat: no-repeat;
    background-size: cover;
    bottom: 0;
    height: 100%;
    left: 0;
    object-fit: cover;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 20;
}
#fd .o-aspect-ratio--contain > :first-child {
    background-position: 50%;
    background-size: contain;
    object-fit: contain;
}
#fd .o-aspect-ratio__loader {
    align-items: center !important;
    display: flex !important;
    height: 100% !important;
    justify-content: center !important;
    left: 0 !important;
    position: absolute !important;
    top: 0 !important;
    width: 100% !important;
    z-index: 10 !important;
}
#fd .o-pagination {
    --tw-bg-opacity: 1;
    display: flex;
    list-style: none;
    margin: 0;
    overflow: hidden;
    position: relative;
}
#fd .o-pagination,
#fd .o-pagination__btn {
    align-items: center;
    background-color: var(--fd-white-hex, rgba(var(--fd-white), var(--tw-bg-opacity)));
}
#fd .o-pagination__btn {
    --tw-border-opacity: 1;
    border-color: var(--fd-gray-200-hex, rgba(var(--fd-gray-200), var(--tw-border-opacity)));
    border-width: 1px;
    display: inline-flex;
    font-size: var(--fd-font-size-sm);
    line-height: var(--fd-line-height-sm);
    padding: var(--fd-spacing-xs) var(--fd-spacing-sm);
    position: relative;
    transition-duration: 0.15s;
    transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, -webkit-transform, -webkit-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-transform, -webkit-filter, -webkit-backdrop-filter;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
#fd .o-pagination__btn,
#fd .o-pagination__btn:hover {
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    color: var(--fd-gray-500-hex, rgba(var(--fd-gray-500), var(--tw-text-opacity)));
}
#fd .o-pagination__btn:hover {
    background-color: var(--fd-gray-100-hex, rgba(var(--fd-gray-100), var(--tw-bg-opacity)));
    outline: 2px solid transparent;
    outline-offset: 2px;
    text-decoration: none;
}
#fd .o-pagination__btn:focus {
    outline: 2px solid transparent;
    outline-offset: 2px;
    z-index: 10;
}
#fd .o-pagination__btn:disabled {
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    background-color: var(--fd-gray-100-hex, rgba(var(--fd-gray-100), var(--tw-bg-opacity)));
    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;
    list-style: none;
    margin: 0;
    padding: 0;
    width: 100%;
}
#fd .o-tab__item {
    text-decoration: none;
}
#fd .o-tab__item,
#fd .o-tab__link {
    flex-shrink: 0;
    outline: 2px solid transparent;
    outline-offset: 2px;
}
#fd .o-tab__link {
    --tw-text-opacity: 1;
    color: var(--fd-gray-500-hex, rgba(var(--fd-gray-500), var(--tw-text-opacity)));
    display: block;
    font-size: var(--fd-font-size-sm);
    line-height: var(--fd-line-height-sm);
    text-decoration: none;
    white-space: nowrap;
}
#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 {
    --tw-text-opacity: 1;
    color: var(--fd-gray-500-hex, rgba(var(--fd-gray-500), var(--tw-text-opacity)));
    padding: var(--fd-spacing-sm) var(--fd-spacing-md);
}
#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 {
    --tw-border-opacity: 1;
    border-bottom: 1px;
    border-color: var(--fd-gray-200-hex, rgba(var(--fd-gray-200), var(--tw-border-opacity)));
    border-style: solid;
}
#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;
    --tw-text-opacity: 1;
    border-color: var(--fd-primary-500-hex, rgba(var(--fd-primary-500), var(--tw-border-opacity)));
    color: var(--fd-primary-500-hex, rgba(var(--fd-primary-500), var(--tw-text-opacity)));
}
#fd .o-tab--pill .o-tab__link {
    --tw-border-opacity: 1;
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    background-color: var(--fd-white-hex, rgba(var(--fd-white), var(--tw-bg-opacity)));
    border: 1px solid var(--fd-gray-200-hex, rgba(var(--fd-gray-200), var(--tw-border-opacity)));
    border-radius: var(--fd-border-radius-md);
    color: var(--fd-gray-500-hex, rgba(var(--fd-gray-500), var(--tw-text-opacity)));
    padding: var(--fd-spacing-xs) var(--fd-spacing-md);
}
#fd .o-tab--pill .o-tab__link:hover {
    --tw-border-opacity: 1;
    --tw-text-opacity: 1;
    border-color: var(--fd-gray-400-hex, rgba(var(--fd-gray-400), var(--tw-border-opacity)));
    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-left: 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 {
    background: none;
    background: rgba(0, 0, 0, 0.25);
    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;
    height: 100%;
    left: 0;
    opacity: 0;
    overflow: hidden;
    position: fixed;
    top: 0;
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
    transition: all 0.25s ease;
    width: 100%;
    z-index: 99999;
}
#fd.o-dialog.active {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}
#fd.o-dialog.is-loading {
    transition: none;
}
#fd.o-dialog.is-failed .hint-failed,
#fd.o-dialog.is-loading .hint-loading {
    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 {
    background: #fff;
    display: none;
    text-align: center;
}
#fd .ed-hint > div {
    padding: 0 var(--fd-spacing-md);
}
#fd .ed-hint__icon {
    margin-bottom: var(--fd-spacing-md);
}
#fd .o-dialog-modal {
    border-radius: var(--fd-border-radius-md);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    display: block;
    left: 50%;
    max-height: 100%;
    max-width: 100%;
    min-height: 320px;
    min-width: 320px;
    overflow: hidden;
    position: absolute;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}
#fd.o-dialog.has-footer .o-dialog-modal {
    min-height: 218px;
}
#fd .o-dialog-body,
#fd .o-dialog-footer,
#fd .o-dialog-header {
    --tw-text-opacity: 1;
    color: var(--fd-gray-700-hex, rgba(var(--fd-gray-700), var(--tw-text-opacity)));
}
#fd .o-dialog-header {
    border-radius: var(--fd-border-radius-md) var(--fd-border-radius-md) 0 0;
    height: 50px;
    left: 0;
    line-height: 1;
    padding: 8px 16px;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 3;
}
#fd .o-dialog-header__grid {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    height: 100%;
    margin: 0;
    padding: 0;
}
#fd .o-dialog-header__cell {
    flex: 1 1 auto;
    text-align: left;
}
#fd .o-dialog-header--divider {
    --tw-border-opacity: 1;
    border-bottom: 1px;
    border-color: var(--fd-gray-200-hex, rgba(var(--fd-gray-200), var(--tw-border-opacity)));
    border-style: solid;
}
#fd .o-dialog-footer {
    align-items: center;
    background: rgba(var(--fd-gray-50), 1);
    border-radius: 0 0 var(--fd-border-radius-md) var(--fd-border-radius-md);
    border-top: 1px solid rgba(var(--fd-gray-200), 1);
    bottom: 0;
    display: none;
    height: 48px;
    justify-content: end;
    left: 0;
    padding: var(--fd-spacing-sm);
    position: absolute;
    width: 100%;
    z-index: 2;
}
#fd .o-dialog-body {
    border-bottom: 0;
    border-top: 50px solid transparent;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1;
}
#fd .o-dialog-container {
    background: rgba(var(--fd-white), 1);
    border: 0 solid rgba(var(--fd-gray-200), 1);
    border-radius: 0 0 var(--fd-border-radius-md) var(--fd-border-radius-md);
    border-top: none;
    height: 100%;
    overflow: auto;
    position: absolute;
    width: 100%;
}
#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: 700;
}
#fd .o-dialog-back-button,
#fd .o-dialog-close-button {
    --tw-text-opacity: 1;
    color: var(--fd-gray-500-hex, rgba(var(--fd-gray-500), var(--tw-text-opacity)));
    cursor: pointer;
    flex: 0 0 auto;
    font-size: 15px;
    text-align: center;
}
#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-right: var(--fd-spacing-sm);
}
#fd .o-dialog-back-button i,
#fd .o-dialog-close-button i {
    font-size: 18px;
    position: relative;
}
#fd .o-dialog-content {
    height: 100%;
    padding: var(--fd-spacing-md);
    position: relative;
}

#fd .o-dialog-footer-content {
    border-radius: 0 0 var(--fd-border-radius-md) var(--fd-border-radius-md);
    display: flex;
    justify-content: flex-end;
    overflow: hidden;
    text-align: center;
}
#fd .o-dialog-footer-content > * + * {
    margin-left: var(--fd-spacing-sm);
}
#fd .o-dialog-footer-content__btn.is-loading {
    color: transparent !important;
    cursor: default;
    opacity: 1;
    pointer-events: auto;
    position: relative;
    text-shadow: none !important;
    transition: all 0s linear, opacity 0.1s ease;
}
#fd .o-dialog-footer-content__btn.is-loading:before {
    border: 0.2em solid rgba(0, 0, 0, 0.1);
    border-radius: 500rem;
    content: "";
    height: 16px;
    left: 50%;
    margin: -8px 0 0 -8px;
    position: absolute;
    top: 50%;
    width: 16px;
}
#fd .o-dialog-footer-content__btn.is-loading:after {
    -webkit-animation: btn-spin 0.6s linear;
    animation: btn-spin 0.6s linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    border: 0.2em solid transparent;
    border-radius: 500rem;
    border-top-color: #767676;
    box-shadow: 0 0 0 1px transparent;
    content: "";
    height: 16px;
    left: 50%;
    margin: -8px 0 0 -8px;
    position: absolute;
    top: 50%;
    width: 16px;
}
#fd .o-dialog-error-message {
    display: block;
    font-weight: 400;
}
#fd.o-dialog.type-iframe .o-dialog-container {
    overflow: hidden;
}
#fd.o-dialog.type-iframe .o-dialog-content {
    height: 100%;
    padding: 0;
    width: 100%;
}
#fd.o-dialog.type-iframe iframe {
    border: 0;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
#fd.is-mobile.o-dialog {
    height: 100%;
    width: 100%;
    z-index: 2147483640;
}
#fd.is-mobile .o-dialog-modal {
    height: 100dvh !important;
    width: 100% !important;
}
#fd.is-mobile .o-dialog-body {
    -webkit-overflow-scrolling: touch;
    overflow-y: scroll;
}
:root .has-fd-dialog,
:root .has-fd-dialog .flatpickr-calendar.open,
:root .has-fd-dialog .select2-container--open,
:root .has-fd-dialog [data-tippy-root] {
    z-index: 2147483642 !important;
}
#fd .o-inline-list {
    align-items: center;
    display: inline-flex;
    flex-wrap: wrap;
}
#fd .o-inline-list > div {
    align-items: center;
    display: flex;
    position: relative;
}
#fd .o-inline-list > div + div:before {
    align-items: center;
    content: attr(fd-breadcrumb);
    display: flex;
    font-size: 13px;
    padding: 0 var(--fd-spacing-xs);
}
#fd .o-inline-list > div a,
#fd .o-inline-list > div span,
#fd .o-inline-list > div time {
    align-items: center;
    display: inline-flex;
}
#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: "\00b7";
}
#fd .before\:content-pipe:before {
    content: "\007c";
}
#fd .o-location {
    --tw-border-opacity: 1;
    align-items: center;
    border: 1px solid var(--fd-gray-300-hex, rgba(var(--fd-gray-300), var(--tw-border-opacity)));
    border-radius: var(--fd-border-radius-md);
    display: flex;
    padding: var(--fd-spacing-xs);
}
#fd .o-location,
#fd .o-location__field {
    --tw-bg-opacity: 1;
    background-color: var(--fd-white-hex, rgba(var(--fd-white), var(--tw-bg-opacity)));
}
#fd .o-location__field {
    --tw-shadow: 0 0 #0000;
    -webkit-appearance: none;
    appearance: none;
    border-radius: var(--fd-border-radius-md);
    border-width: 1px;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    display: block;
    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);
    margin: 0;
    padding-bottom: var(--fd-spacing-xs);
    padding-top: var(--fd-spacing-xs);
    position: relative;
    transition-duration: 0.15s;
    transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, -webkit-transform, -webkit-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-transform, -webkit-filter, -webkit-backdrop-filter;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    width: 100%;
}
#fd .o-location__field,
#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: auto;
}
#fd .o-location__field:focus {
    --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;
    --tw-ring-color: transparent !important;
    --tw-ring-offset-color: transparent !important;
    border-color: transparent !important;
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000) !important;
    outline: 2px solid transparent !important;
    outline-offset: 2px !important;
}
#fd .o-navigation {
    display: flex;
    flex-direction: column;
    gap: var(--fd-spacing-2xs);
    overflow: hidden;
}
#fd .o-navigation__item {
    align-items: center;
    border-radius: var(--fd-border-radius-md);
    display: flex;
    gap: var(--fd-spacing-xs);
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
#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 {
    border-style: none;
    display: flex;
    height: 1px;
    margin-bottom: var(--fd-spacing-xs);
    margin-top: var(--fd-spacing-xs);
}
#fd .o-navigation__item.is-divider,
#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 {
    --tw-text-opacity: 1;
    border-radius: var(--fd-border-radius-md);
    color: var(--fd-gray-500-hex, rgba(var(--fd-gray-500), var(--tw-text-opacity)));
    flex-grow: 1;
    font-size: var(--fd-font-size-sm);
    line-height: var(--fd-line-height-sm);
    min-width: 0;
    overflow: hidden;
    padding: var(--fd-spacing-xs) var(--fd-spacing-sm);
    text-decoration: none;
    text-overflow: ellipsis;
    white-space: nowrap;
}
#fd .o-navigation__label,
#fd .o-navigation__loader {
    flex-shrink: 0;
    margin-right: var(--fd-spacing-sm);
}
#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 {
    word-wrap: break-word;
    --tw-border-opacity: 1;
    background-clip: border-box;
    border: 1px solid var(--fd-gray-300-hex, rgba(var(--fd-gray-300), var(--tw-border-opacity)));
    border-radius: var(--fd-border-radius-md);
    display: flex;
    flex-direction: column;
    min-width: 0;
    position: relative;
}
#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: 700;
    line-height: 1;
}
#fd .o-card__text:last-child {
    margin-bottom: 0;
}
#fd .o-card__header {
    font-weight: 700;
    margin-bottom: 0;
}
#fd .o-card-img-overlay {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}
#fd .o-card-img,
#fd .o-card-img-bottom,
#fd .o-card-img-top {
    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 {
    --tw-border-opacity: 1;
    border-bottom-width: 1px;
    border-color: var(--fd-gray-300-hex, rgba(var(--fd-gray-300), var(--tw-border-opacity)));
    display: block;
    padding: var(--fd-spacing-sm) var(--fd-spacing-md);
    position: relative;
}
#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-list-group__item,
#fd .o-card--borderless .o-card__body,
#fd .o-card--borderless .o-card__footer {
    padding-left: 0;
    padding-right: 0;
}
#fd .o-snackbar {
    background-color: rgba(var(--fd-gray-50), 1);
    border-radius: var(--fd-border-radius-md);
    padding: var(--fd-spacing-md);
}
#fd .o-searchbar {
    --tw-border-opacity: 1;
    background-color: var(--fd-white-hex, rgba(var(--fd-white), var(--tw-bg-opacity)));
    border: 1px solid var(--fd-gray-200-hex, rgba(var(--fd-gray-200), var(--tw-border-opacity)));
    border-radius: var(--fd-border-radius-md);
}
#fd .o-filterbar,
#fd .o-searchbar {
    --tw-bg-opacity: 1;
    align-items: center;
    display: flex;
    flex-direction: column;
    padding: var(--fd-spacing-xs);
}
#fd .o-filterbar {
    background-color: var(--fd-gray-50-hex, rgba(var(--fd-gray-50), var(--tw-bg-opacity)));
    border-radius: var(--fd-border-radius-md);
}
#fd .o-toast {
    --tw-border-opacity: 1;
    --tw-bg-opacity: 1;
    --tw-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.06), 0 1px 2px -1px rgba(0, 0, 0, 0.02);
    background-color: var(--fd-white-hex, rgba(var(--fd-white), var(--tw-bg-opacity)));
    border-color: var(--fd-gray-200-hex, rgba(var(--fd-gray-200), var(--tw-border-opacity)));
    border-radius: var(--fd-border-radius-md);
    border-width: 1px;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    color: rgba(var(--fd-gray-800), 1);
    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);
    padding: var(--fd-spacing-md);
    pointer-events: auto;
    width: 360px;
}
#fd .o-toast__body {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
#fd .o-toast:hover {
    --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);
    cursor: pointer;
    opacity: 1;
}
#fd .toast-close-button {
    color: rgba(var(--fd-gray-500), 1);
    float: right;
    opacity: 0.8;
    right: -0.3em;
    text-shadow: 0 1px 0 rgba(var(--fd-gray-500), 1);
    top: -0.3em;
}
#fd button.toast-close-button {
    -webkit-appearance: none;
    background: transparent;
    border: 0;
    cursor: pointer;
    padding: 0;
}
#fd .toast-close-button {
    font-family: system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif, Helvetica Neue, Arial, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
    font-size: 20px;
    font-weight: 700;
    position: relative;
    top: -8px;
}
#fd.fd-toast-container {
    box-sizing: border-box;
    pointer-events: none;
    position: fixed;
    z-index: 999999;
}
#fd.fd-toast-container .fd-toast-listing > * + * {
    margin-top: 0.5rem;
}
#fd.fd-toast-container * {
    box-sizing: border-box;
}
#fd.fd-toast-container > div.rtl {
    background-position: right 15px center;
    direction: rtl;
    padding: 15px 50px 15px 15px;
}
#fd.fd-toast-container.toast-top-center {
    right: 0;
    top: 0;
    width: 100%;
}
#fd.fd-toast-container.toast-bottom-center {
    bottom: 0;
    right: 0;
    width: 100%;
}
#fd.fd-toast-container.toast-top-full-width {
    right: 0;
    top: 0;
    width: 100%;
}
#fd.fd-toast-container.toast-bottom-full-width {
    bottom: 0;
    right: 0;
    width: 100%;
}
#fd.fd-toast-container.toast-top-left {
    left: 12px;
    top: 12px;
}
#fd.fd-toast-container.toast-top-right {
    right: 12px;
    top: 12px;
}
#fd.fd-toast-container.toast-bottom-right {
    bottom: 12px;
    right: 12px;
}
#fd.fd-toast-container.toast-bottom-left {
    bottom: 12px;
    left: 12px;
}
#fd.fd-toast-container.toast-bottom-center > div,
#fd.fd-toast-container.toast-top-center > div {
    margin-left: auto;
    margin-right: auto;
    width: 300px;
}
#fd.fd-toast-container.toast-bottom-full-width > div,
#fd.fd-toast-container.toast-top-full-width > div {
    margin-left: auto;
    margin-right: auto;
    width: 96%;
}
#fd .o-mention-wrapper {
    border-radius: var(--fd-border-radius-md);
    max-width: 280px;
    min-width: 200px;
    overflow: hidden;
    padding-top: var(--fd-spacing-2xs);
}
.tribute-container {
    --tw-border-opacity: 1;
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    border: 1px solid var(--fd-gray-200-hex, rgba(var(--fd-gray-200), var(--tw-border-opacity)));
    border-radius: var(--fd-border-radius-md);
    color: var(--fd-gray-500-hex, rgba(var(--fd-gray-500), var(--tw-text-opacity)));
    display: block;
    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);
    height: auto;
    left: 0;
    max-height: 300px;
    max-width: 500px;
    min-width: 180px;
    overflow: auto;
    position: absolute;
    top: 0;
    width: 96vw;
    z-index: 999999;
}
.tribute-container,
.tribute-container > div {
    background-color: var(--fd-white-hex, rgba(var(--fd-white), var(--tw-bg-opacity)));
}
.tribute-container > div {
    --tw-bg-opacity: 1;
    --tw-shadow: 0 2px 4px -2px rgba(0, 0, 0, 0.04), 0 5px 10px -1px rgba(0, 0, 0, 0.08);
    border-radius: var(--fd-border-radius-md);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    list-style: none;
    margin: 2px 0 0;
    padding: 0;
    padding: var(--fd-spacing-xs);
}
.tribute-container .o-mention {
    border-radius: var(--fd-border-radius-md);
    cursor: pointer;
    padding: var(--fd-spacing-sm) var(--fd-spacing-xs);
}
.tribute-container .o-mention.is-highlight,
.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 span {
    font-weight: 700;
}
.tribute-container .o-mention.no-match {
    cursor: default;
}
.tribute-container .menu-highlighted {
    font-weight: 700;
}
#fd .o-editor-wrapper {
    --tw-border-opacity: 1;
    --tw-bg-opacity: 1;
    background-color: var(--fd-white-hex, rgba(var(--fd-white), var(--tw-bg-opacity)));
    border: 1px solid var(--fd-gray-300-hex, rgba(var(--fd-gray-300), var(--tw-border-opacity)));
    border-radius: var(--fd-border-radius-md);
    overflow: hidden;
}
#fd .o-editor__textarea {
    margin: 0;
    padding: var(--fd-spacing-sm) var(--fd-spacing-md);
    resize: none;
    width: 100%;
}
#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 {
    grid-gap: var(--fd-spacing-sm);
    display: grid;
    gap: var(--fd-spacing-sm);
    grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
}
#fd .o-attachment {
    background: rgba(var(--fd-white), 1);
    border: 1px solid rgba(var(--fd-gray-300), 1);
    border-radius: var(--fd-border-radius-md);
    color: rgba(var(--fd-gray-400), 1);
    display: flex;
    justify-content: center;
    line-height: 1;
    padding: var(--fd-spacing-sm);
    padding-right: 0;
}
#fd .o-attachment__preview {
    align-items: center;
    display: flex;
}
#fd .o-attachment__content {
    display: flex;
    flex-flow: column;
    flex-grow: 1;
    justify-content: center;
    min-width: 0;
    overflow: hidden;
    padding: 0 var(--fd-spacing-sm);
    text-overflow: ellipsis;
}
#fd .o-attachment__name {
    color: rgba(var(--fd-gray-500), 1);
    display: block;
    font-weight: 700;
    line-height: var(--fd-line-height-sm);
    margin-bottom: var(--fd-spacing-2xs);
    min-width: 0;
    overflow: hidden;
    text-decoration: none;
    text-overflow: ellipsis;
    white-space: nowrap;
}
#fd .o-attachment__name,
#fd .o-attachment__size {
    font-size: var(--fd-font-size-xs);
}
#fd .o-attachment__actions {
    border-left: 1px solid rgba(var(--fd-gray-300), 1);
    display: flex;
    font-size: 16px;
    justify-content: center;
}
#fd .o-attachment__actions > a {
    color: rgba(var(--fd-gray-400), 1);
    padding: var(--fd-spacing-md) var(--fd-spacing-sm);
}
#fd .o-attachment__actions > a:hover {
    color: rgba(var(--fd-gray-800), 1);
}
#fd .o-attachment-preview {
    border-radius: var(--fd-border-radius-md);
    height: 40px;
    overflow: hidden;
    position: relative;
    width: 40px;
}
#fd .o-attachment-preview__content {
    background-color: rgba(var(--fd-gray-50), 1);
    height: 40px;
    line-height: 1;
    text-align: center;
    width: 40px;
}
#fd .o-attachment-preview.is-icon .o-attachment-preview__content {
    font-size: 18px;
}
#fd .o-attachment-preview.is-icon .o-attachment-preview__content:before {
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-family: var(--fd-font-family-fontawesome);
    font-size: inherit;
    font-style: normal;
    font-weight: 400;
    left: 50%;
    line-height: 1;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0);
    transform: translate(0);
    -webkit-transform: perspective(1px) translateX(-50%) translateY(-50%);
    transform: perspective(1px) translateX(-50%) translateY(-50%);
}
#fd .o-attachment-preview.is-icon.is-icon--zip .o-attachment-preview__content:before {
    content: "\f1c6";
}
#fd .o-attachment-preview.is-icon.is-icon--doc .o-attachment-preview__content:before {
    content: "\f15c";
}
#fd .o-attachment-preview.is-icon.is-icon--img .o-attachment-preview__content:before {
    content: "\f1c5";
}
#fd .o-attachment-preview.is-image .o-attachment-preview__content {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    display: inline-block;
    height: 40px;
    width: 40px;
}
#fd .o-empty {
    background-color: var(--si-body);
    display: inline-block;
    display: none;
    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);
    padding: var(--fd-spacing-3xl) var(--fd-spacing-md);
    position: relative;
    text-align: center;
    text-align: center;
    width: 100%;
}
#fd .o-empty__content > * + * {
    margin-top: var(--fd-spacing-md);
}
#fd .o-empty__icon {
    --tw-text-opacity: 1;
    color: var(--fd-gray-500-hex, rgba(var(--fd-gray-500), var(--tw-text-opacity)));
    font-size: 40px;
    width: auto;
}
#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 {
    display: none;
    font-size: 1em;
    height: 40px;
    margin: 0;
    position: relative;
    text-align: center;
    width: 40px;
    z-index: 1000;
}
#fd .o-loader:before {
    --tw-border-opacity: 1;
    border: 4px solid var(--fd-primary-500-hex, rgba(var(--fd-primary-500), var(--tw-border-opacity)));
    border-radius: 500rem;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
#fd .o-loader:after {
    -webkit-animation: fd-rotate 0.55s linear;
    animation: fd-rotate 0.55s linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    border: 4px solid transparent;
    border-radius: 500rem;
    border-top: 4px solid rgba(var(--fd-gray-300), 1);
    box-shadow: 0 0 0 1px transparent;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
@-webkit-keyframes fd-rotate {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn);
    }
}
@keyframes fd-rotate {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn);
    }
}
#fd .is-loading > .o-loader {
    display: block;
}
#fd .is-loading > .o-loader-wrapper {
    display: flex;
    flex-direction: column;
}
#fd .o-loader-wrapper {
    align-items: center;
    display: none;
    justify-content: center;
    min-height: 100px;
    position: relative;
}
#fd .o-placeholder-box {
    --tw-bg-opacity: 1;
    background-color: var(--fd-gray-200-hex, rgba(var(--fd-gray-200), var(--tw-bg-opacity)));
    color: transparent;
    display: inline-block;
    height: var(--fd-spacing-sm);
    overflow: hidden;
    position: relative;
}
#fd .o-placeholder-box:after {
    -webkit-animation: fd-placeholder-box 1s infinite;
    animation: fd-placeholder-box 1s infinite;
    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));
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
}
@-webkit-keyframes fd-placeholder-box {
    to {
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
    }
}
@keyframes fd-placeholder-box {
    to {
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
    }
}
#fd .si__title {
    color: blue;
}
#fd .test-ignore {
    margin-left: 8px;
}
@media (min-width: 768px) {
    #fd .o-dropdown {
        width: auto;
    }
    #fd .o-filterbar,
    #fd .o-searchbar {
        flex-direction: row;
    }
    #fd .o-mention-wrapper,
    .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 (-ms-high-contrast: none), screen and (-ms-high-contrast: active) {
    #fd .ps {
        overflow: auto !important;
    }
}
@media (prefers-reduced-motion: reduce), print {
    #fd .fd-animate__animated {
        -webkit-animation-duration: 1ms !important;
        animation-duration: 1ms !important;
        -webkit-animation-iteration-count: 1 !important;
        animation-iteration-count: 1 !important;
        transition-duration: 1ms !important;
    }
    #fd .fd-animate__animated[class*="Out"] {
        opacity: 0;
    }
}

/* #pp .pp-checkout-container__hd {
    padding: 30px !important;
} */
#pp .pp-checkout-container__hd {
    border-bottom: 1px solid #3f3f3f;
}