<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@font-face {
    font-family: Inter;
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: local(""), url(../fonts/inter/inter-v8-latin-regular.woff2) format("woff2"), url(../fonts/inter/inter-v8-latin-regular.woff) format("woff");
}

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

#fd,
#fd-lightbox,
.si-theme-foundry,
.tippy-box,
.tippy-box[data-theme~=fd-dark],
.tribute-container {
    --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);
}

#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: 0;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgba(59,130,246,.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: 0;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgba(59,130,246,.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 {
    direction: ltr;
    text-align: left;
    line-height: var(--fd-line-height-sm);
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
}

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

#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 {
    display: block;
    float: none;
    position: static;
    width: auto;
    height: auto;
    margin: 0;
    padding: 0;
    border: 0;
    text-align: inherit;
    text-shadow: none;
    font-family: inherit;
    font-size: inherit;
    outline: 0;
    background: none;
}

#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 {
    padding: 0;
    border-style: none;
}

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

#fd .container {
    width: 100%;
}

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

#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] {
    padding-right: .75rem;
    background-image: none;
    background-position: 0 0;
    background-repeat: unset;
    background-size: auto auto;
    background-size: initial;
    -webkit-print-color-adjust: unset;
    color-adjust: unset;
}

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

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

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

#fd .o-form-check__text {
    --tw-text-opacity: 1;
    margin-top: 0;
    margin-bottom: 0;
    margin-left: var(--fd-spacing-xs);
    font-size: var(--fd-font-size-sm);
    line-height: var(--fd-line-height-sm);
    color: var(--fd-gray-800-hex,rgba(var(--fd-gray-800), var(--tw-text-opacity)));
    -webkit-user-select: none;
    user-select: none;
    -ms-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;
        display: inline-block;
        position: relative;
        -webkit-appearance: none;
        -moz-appearance: none;
        flex-shrink: 0;
        height: 16px;
        margin: 0;
        border: 1px solid var(--fd-gray-300-hex,rgba(var(--fd-gray-300), var(--tw-border-opacity)));
        vertical-align: top;
        outline: none;
        background-color: var(--fd-white-hex,rgba(var(--fd-white), var(--tw-bg-opacity)));
        transition: background .3s,border-color .3s,box-shadow .2s;
        cursor: pointer;
    }

    #fd input[type=checkbox].fd-custom-check:after,
    #fd input[type=radio].fd-custom-radio:after {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        transition: opacity .2s,-webkit-transform .3s ease-in;
        transition: transform .3s ease-in,opacity .2s;
        transition: transform .3s ease-in,opacity .2s,-webkit-transform .3s ease-in;
        transition: opacity var(--d-o,.2s) ,-webkit-transform var(--d-t,.3s) var(--d-t-e,ease-in);
        transition: transform var(--d-t,.3s) var(--d-t-e,ease-in), opacity var(--d-o,.2s);
        transition: transform var(--d-t,.3s) var(--d-t-e,ease-in), opacity var(--d-o,.2s) ,-webkit-transform var(--d-t,.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: .3s;
        --d-t: .3s;
        --tw-border-opacity: 1;
        --tw-bg-opacity: 1;
        border-color: var(--fd-primary-500-hex,rgba(var(--fd-primary-500), var(--tw-border-opacity)));
        background-color: var(--fd-primary-500-hex,rgba(var(--fd-primary-500), var(--tw-bg-opacity)));
    }

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

    #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;
        border-color: var(--fd-gray-200-hex,rgba(var(--fd-gray-200), var(--tw-border-opacity)));
        background-color: var(--fd-gray-200-hex,rgba(var(--fd-gray-200), var(--tw-bg-opacity)));
    }

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

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

    #fd input[type=checkbox].fd-custom-check:focus,
    #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 {
        top: 2px;
        left: 5px;
        width: 5px;
        height: 8px;
        border: 2px solid rgba(var(--fd-color-inverse) ,1);
        border-top: 0;
        border-left: 0;
        -webkit-transform: rotate(30deg);
        -webkit-transform: rotate(var(--r,30deg));
        transform: rotate(30deg);
        transform: rotate(var(--r,30deg));
    }

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

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

    #fd input[type=checkbox].fd-custom-check.is-switch:after {
        --tw-bg-opacity: 1;
        top: 1px;
        left: 1px;
        width: 12px;
        height: 12px;
        border-radius: 50%;
        background-color: var(--fd-color-inverse-hex,rgba(var(--fd-color-inverse), var(--tw-bg-opacity)));
        -webkit-transform: translateX(0);
        -webkit-transform: translateX(var(--x,0));
        transform: translateX(0);
        transform: translateX(var(--x,0));
    }

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

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

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

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

    #fd input[type=radio].fd-custom-radio:after {
        --tw-bg-opacity: 1;
        top: 0;
        left: 0;
        width: 14px;
        height: 14px;
        border-radius: 50%;
        opacity: 0;
        background-color: var(--fd-color-inverse-hex,rgba(var(--fd-color-inverse), var(--tw-bg-opacity)));
        -webkit-transform: scale(.7);
        -webkit-transform: scale(var(--s,.7));
        transform: scale(.7);
        transform: scale(var(--s,.7));
    }

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

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

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

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

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

[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 {
    position: relative;
    overflow: hidden!important;
    -ms-overflow-style: none;
    overflow-anchor: none;
    touch-action: auto;
}

#fd .ps__rail-x {
    bottom: 0;
    height: 15px;
}

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

#fd .ps__rail-y {
    right: 0;
    width: 15px;
}

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

#fd .ps--focus &gt; .ps__rail-x,
#fd .ps--focus &gt; .ps__rail-y,
#fd .ps--scrolling-x&gt;.ps__rail-x,
#fd .ps--scrolling-y&gt;.ps__rail-y,
#fd .ps:hover&gt;.ps__rail-x,
#fd .ps:hover&gt;.ps__rail-y {
    opacity: .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 {
    opacity: .9;
    background-color: rgba(var(--fd-gray-50) ,1);
}

#fd .ps__thumb-x {
    bottom: 2px;
    height: 6px;
    transition: background-color .2s linear,height .2s ease-in-out;
}

#fd .ps__thumb-x,
#fd .ps__thumb-y {
    position: absolute;
    border-radius: 6px;
    background-color: rgba(var(--fd-gray-400) ,1);
}

#fd .ps__thumb-y {
    right: 2px;
    width: 6px;
    transition: background-color .2s linear,width .2s ease-in-out;
}

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

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

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

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

.tippy-box[data-theme~=fd-dark],
.tippy-box[data-theme~=fd-light] {
    --tw-shadow: 0 2px 4px -2px rgba(0,0,0,.04) ,0 5px 10px -1px rgba(0,0,0,.08);
    border-radius: var(--fd-border-radius-md);
    background-color: transparent;
    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] &gt; .tippy-svg-arrow,
.tippy-box[data-theme~=fd-light] &gt; .tippy-svg-arrow {
    fill: var(--fd-tippy-bg);
}

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

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

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

.tippy-box[data-theme~=fd-dark][data-placement^=right] &gt; .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] &gt; .tippy-svg-arrow {
    bottom: 0;
}

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

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

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

.tippy-box[data-placement^=left] &gt; .tippy-svg-arrow {
    right: 0;
}

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

.tippy-box[data-placement^=right] &gt; .tippy-svg-arrow {
    left: 0;
}

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

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

.tippy-svg-arrow,
.tippy-svg-arrow &gt; 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 &gt; * + * {
    margin-left: var(--fd-spacing-3xs);
}

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

#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 {
    position: relative;
    flex-grow: 1;
    height: 200px;
    padding: var(--fd-spacing-xs);
    min-width: 280px;
    overflow-y: auto;
}

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

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

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

#fd .emoji-picker {
    margin: 0;
    overflow: hidden;
}

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

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

#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 {
    display: flex;
    align-items: center;
    width: 25px;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}

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

#fd .emoji-content span {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: var(--fd-spacing-xs);
    font-size: 24px;
    line-height: var(--fd-line-height-md);
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none;
    -ms-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 {
    display: grid;
    grid-template-columns: repeat(8,minmax(0,1fr));
    grid-gap: var(--fd-spacing-xs);
    gap: var(--fd-spacing-xs);
}

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

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

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

#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 {
    display: block;
    position: relative;
    max-width: 320px;
    border-radius: var(--fd-border-radius-md);
    overflow: hidden;
}

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

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

@font-face {
    font-family: fa giphy;
    font-style: normal;
    font-weight: 400;
    font-display: block;
    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: .5s;
    -webkit-animation-duration: calc(var(--animate-duration) /2);
    animation-duration: .5s;
    animation-duration: calc(var(--animate-duration) /2);
}

#fd .fd-animate__animated.fd-animate__fast {
    -webkit-animation-duration: .8s;
    -webkit-animation-duration: calc(var(--animate-duration) *.8);
    animation-duration: .8s;
    animation-duration: calc(var(--animate-duration) *.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% {
        visibility: visible;
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0);
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}

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

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}

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

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

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}

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

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}

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

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

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}

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

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}

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

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

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}

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

    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 {
        visibility: hidden;
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0);
    }
}

@keyframes slideOutDown {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }

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

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

@-webkit-keyframes slideOutLeft {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }

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

@keyframes slideOutLeft {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }

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

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

@-webkit-keyframes slideOutRight {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }

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

@keyframes slideOutRight {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }

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

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

@-webkit-keyframes slideOutUp {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }

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

@keyframes slideOutUp {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }

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

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

#fd .o-btn {
    --fd-color-loader: rgba(var(--fd-gray-300) ,1);
    --fd-bg-loader: rgba(var(--fd-gray-300) ,.5);
    display: inline-flex;
    -webkit-appearance: none;
    align-items: center;
    justify-content: center;
    padding: var(--fd-spacing-xs) var(--fd-spacing-md);
    border-style: solid;
    border-width: 1px;
    border-radius: var(--fd-border-radius-md);
    text-decoration: 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);
    font-weight: 700;
    line-height: var(--fd-line-height-sm);
    vertical-align: middle;
    background-color: transparent;
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none;
    transition-duration: .15s;
    transition-duration: .2s;
    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(.4,0,.2,1);
    -ms-user-select: none;
}

#fd .o-btn:focus {
    --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-offset-width: 2px;
    --tw-ring-opacity: 1;
    --tw-ring-color: var(--fd-primary-100-hex,rgba(var(--fd-primary-100), var(--tw-ring-opacity)));
    --tw-ring-offset-color: rgb(var(--fd-primary-100));
    outline: 2px solid transparent;
    outline-offset: 2px;
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow,0 0 #0000);
}

#fd .o-btn &gt; i {
    line-height: inherit;
}

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

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

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

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

#fd .o-btn--default-o {
    --tw-border-opacity: 1;
    --tw-text-opacity: 1;
    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)));
    background-color: transparent;
}

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

#fd .o-btn--primary-o {
    --tw-border-opacity: 1;
    --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)));
    background-color: transparent;
}

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

#fd .o-btn--success-o {
    --tw-border-opacity: 1;
    --tw-text-opacity: 1;
    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)));
    background-color: transparent;
}

#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;
    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)));
    background-color: transparent;
}

#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;
    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)));
    background-color: transparent;
}

#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;
    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)));
    background-color: transparent;
}

#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;
    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)));
    background-color: transparent;
}

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

#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;
    border-color: transparent;
    color: var(--fd-primary-500-hex,rgba(var(--fd-primary-500), var(--tw-text-opacity)));
    background-color: transparent;
}

#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;
    border-color: transparent;
    color: var(--fd-success-500-hex,rgba(var(--fd-success-500), var(--tw-text-opacity)));
    background-color: transparent;
}

#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;
    border-color: transparent;
    color: var(--fd-danger-500-hex,rgba(var(--fd-danger-500), var(--tw-text-opacity)));
    background-color: transparent;
}

#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;
    border-color: transparent;
    color: var(--fd-info-500-hex,rgba(var(--fd-info-500), var(--tw-text-opacity)));
    background-color: transparent;
}

#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;
    border-color: transparent;
    color: var(--fd-warning-500-hex,rgba(var(--fd-warning-500), var(--tw-text-opacity)));
    background-color: transparent;
}

#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;
    border-color: transparent;
    color: var(--fd-gray-300-hex,rgba(var(--fd-gray-300), var(--tw-text-opacity)));
    background-color: transparent;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@-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;
    display: inline-block;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background-color: var(--fd-primary-500-hex,rgba(var(--fd-primary-500), var(--tw-bg-opacity)));
    cursor: pointer;
}

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

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

#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 &gt; .o-btn,
#fd .o-btn-group &gt; .o-btn {
    position: relative;
    flex: 1 1 auto;
}

#fd .o-btn-group-vertical &gt; .o-btn-check:checked + .o-btn,
#fd .o-btn-group-vertical&gt;.o-btn-check:focus+.o-btn,
#fd .o-btn-group-vertical&gt;.o-btn.active,
#fd .o-btn-group-vertical&gt;.o-btn:active,
#fd .o-btn-group-vertical&gt;.o-btn:focus,
#fd .o-btn-group-vertical&gt;.o-btn:hover,
#fd .o-btn-group&gt;.o-btn-check:checked+.o-btn,
#fd .o-btn-group&gt;.o-btn-check:focus+.o-btn,
#fd .o-btn-group&gt;.o-btn.active,
#fd .o-btn-group&gt;.o-btn:active,
#fd .o-btn-group&gt;.o-btn:focus,
#fd .o-btn-group&gt;.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&gt;.o-btn-group:not(:last-child) &gt;.o-btn,
#fd .o-btn-group&gt;.o-btn:not(:last-child):not(.dropdown-toggle) ,
#fd .o-btn-group&gt;.o-btn:not(:last-child):not(.dropdown-toggle_) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

#fd .o-btn-group&gt;.o-btn-group:not(:first-child) &gt;.o-btn,
#fd .o-btn-group&gt;.o-btn:nth-child(n+3) ,
#fd .o-btn-group&gt;:not(.o-btn-check) + .o-btn {
    border-top-left-radius: 0;
    border-bottom-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 {
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
}

#fd .o-btn-group-vertical &gt; .o-btn,
#fd .o-btn-group-vertical &gt; .o-btn-group {
    width: 100%;
}

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

#fd .o-btn-group-vertical&gt;.o-btn-group:not(:first-child) &gt;.o-btn,
#fd .o-btn-group-vertical&gt;.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;
    font-size: var(--fd-font-size-md);
    color: var(--fd-gray-700-hex,rgba(var(--fd-gray-700), var(--tw-text-opacity)));
}

#fd .o-form-control,
#fd .o-form-label {
    line-height: var(--fd-line-height-sm);
}

#fd .o-form-control {
    --tw-border-opacity: 1;
    --tw-bg-opacity: 1;
    --tw-shadow: 0 0 #0000;
    display: block;
    position: relative;
    -webkit-appearance: none;
    appearance: none;
    width: 100%;
    margin: 0;
    padding: var(--fd-spacing-xs) var(--fd-spacing-md);
    border-color: var(--fd-gray-300-hex,rgba(var(--fd-gray-300), var(--tw-border-opacity)));
    border-width: 1px;
    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-sm);
    background-color: var(--fd-white-hex,rgba(var(--fd-white), var(--tw-bg-opacity)));
    box-shadow: var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow);
    transition-duration: .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(.4,0,.2,1);
}

#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;
    height: auto;
    color: var(--fd-gray-800-hex,rgba(var(--fd-gray-800), var(--tw-text-opacity))) !important;
}

#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;
    outline: 2px solid transparent!important;
    outline-offset: 2px!important;
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow,0 0 #0000) !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: default!important;
}

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

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

#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 {
    color: #000!important;
    background-color: #fff!important;
    background-image: none!important;
}

#fd select.o-form-control {
    -webkit-appearance: none!important;
    appearance: none!important;
    padding-right: 2.5rem;
    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 .5rem center;
    background-repeat: no-repeat;
    background-size: 1.5em 1.5em;
    -webkit-print-color-adjust: exact;
    color-adjust: exact;
}

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

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

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

#fd .has-error .o-form-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 .has-error .o-form-control {
    --tw-border-opacity: 1;
    border-color: var(--fd-danger-500-hex,rgba(var(--fd-danger-500), var(--tw-border-opacity)));
}

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

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

#fd .toggle-checkbox:checked {
    transition-duration: .15s;
    transition-duration: .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(.4,0,.2,1);
    transition-timing-function: cubic-bezier(.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 {
    display: flex;
    position: relative;
    flex-wrap: nowrap;
    align-items: stretch;
    width: 100%;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

#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-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;
    outline: 2px solid transparent!important;
    outline-offset: 2px!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);
}

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

#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;
    outline: 2px solid transparent!important;
    outline-offset: 2px!important;
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow,0 0 #0000) !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;
    z-index: 2;
    position: absolute;
    bottom: var(--fd-spacing-sm);
    font-size: var(--fd-font-size-sm);
    line-height: var(--fd-line-height-sm);
    outline: 2px solid transparent;
    outline-offset: 2px;
    color: var(--fd-gray-500-hex,rgba(var(--fd-gray-500), var(--tw-text-opacity)));
    cursor: pointer;
}

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

#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 {
    right: auto;
    left: calc(var(--fd-spacing) *1);
}

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

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

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

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

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

#fd .o-onoffswitch__checkbox {
    display: none;
}

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

#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 {
    content: "";
    position: absolute;
    top: 0;
    right: 20px;
    bottom: 0;
    width: 16px;
    margin: 0;
    border: 2px solid #ccc;
    border-color: var(--fd-gray-500-hex,rgba(var(--fd-gray-500), var(--tw-border-opacity)));
    border-radius: 16px;
    background: #fff;
    background-color: var(--fd-white-hex,rgba(var(--fd-white), var(--tw-bg-opacity)));
    transition: all .3s ease-in 0s;
}

#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;
    border-color: var(--fd-gray-200-hex,rgba(var(--fd-gray-200), var(--tw-border-opacity)));
    background-color: var(--fd-gray-200-hex,rgba(var(--fd-gray-200), var(--tw-bg-opacity)));
    cursor: not-allowed;
}

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

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

#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;
    position: relative;
    padding: var(--fd-spacing-md);
    padding-left: var(--fd-spacing-4xl);
    border: 1px solid var(--fd-gray-200-hex,rgba(var(--fd-gray-200), var(--tw-border-opacity)));
    border-radius: var(--fd-border-radius-md);
    background-color: rgba(var(--fd-white) ,1);
    background-color: var(--fd-white-hex,rgba(var(--fd-white), var(--tw-bg-opacity)));
    box-shadow: var(--fd-spacing-xs) var(--fd-spacing-xs) 0 rgba(var(--fd-gray-100) ,1);
}

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

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

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

#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;
    position: relative;
    padding: var(--fd-spacing-md);
    padding-left: var(--fd-spacing-4xl);
    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)));
    background-color: rgba(var(--fd-white) ,1);
    background-color: var(--fd-white-hex,rgba(var(--fd-white), var(--tw-bg-opacity)));
    box-shadow: var(--fd-spacing-xs) var(--fd-spacing-xs) 0 rgba(var(--fd-gray-100) ,1);
}

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

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

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

#fd .o-table-wrapper {
    position: relative;
    max-width: 100%;
    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;
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    color: var(--fd-gray-800-hex,rgba(var(--fd-gray-800), var(--tw-text-opacity)));
    background-color: var(--fd-white-hex,rgba(var(--fd-white), var(--tw-bg-opacity)));
}

#fd .o-table th:not([scope=row]):first-child {
    z-index: 3;
    left: 0;
}

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

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

#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&gt;:not(caption) &gt; * {
    --tw-border-opacity: 1;
    border-color: var(--fd-gray-200-hex,rgba(var(--fd-gray-200), var(--tw-border-opacity)));
    border-top-width: 1px;
    border-bottom-width: 1px;
}

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

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

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

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

#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 {
    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));
    grid-gap: 1rem;
}

#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;
    display: inline-flex;
    position: relative;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 5px;
    background: transparent;
    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);
}

#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 {
    top: -.125em;
    right: -.25em;
}

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

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

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

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

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

#fd .o-avatar__content {
    display: flex;
    flex-grow: 1;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    text-align: center;
    color: #fff;
}

#fd .o-avatar__content,
#fd .o-avatar__content img {
    width: 100%;
    height: 100%;
    border-radius: var(--fd-border-radius-sm);
}

#fd .o-avatar__content img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    object-fit: cover;
}

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

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

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

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

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

#fd .o-avatar__remove-tag &gt; a {
    --tw-bg-opacity: 1;
    border-radius: 50%;
    line-height: 16px;
    color: #fff;
    background-color: var(--fd-danger-500-hex,rgba(var(--fd-danger-500), var(--tw-bg-opacity)));
}

#fd .o-avatar__remove-tag &gt; a,
#fd .o-avatar__remove-tag &gt; a i {
    display: inline-block;
    width: 16px;
    height: 16px;
    text-align: center;
}

#fd .o-avatar__remove-tag &gt; 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 {
    z-index: 2;
    position: absolute;
    top: -4px;
    right: -4px;
    line-height: 1;
}

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

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

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

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

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

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

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

#fd .o-alert &gt; p,
#fd .o-alert &gt; ul {
    margin-bottom: 0;
}

#fd .o-alert &gt; p + p {
    margin-top: 5px;
}

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

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

#fd button.o-alert__close {
    padding: 0;
    border: 0;
    background: transparent none repeat scroll 0 0;
    cursor: pointer;
}

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

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

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

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

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

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

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

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

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

#fd .o-label {
    display: inline-flex;
    position: relative;
    align-items: center;
    padding: var(--fd-spacing-3xs) var(--fd-spacing-xs);
    border: 1px solid transparent;
    border-radius: var(--fd-border-radius-md);
    overflow: hidden;
    text-shadow: none;
    line-height: var(--fd-line-height-xs);
}

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

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

#fd .o-popover {
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    padding: var(--fd-spacing-md);
    font-size: var(--fd-font-size-xs);
    color: var(--fd-gray-800-hex,rgba(var(--fd-gray-800), var(--tw-text-opacity)));
}

#fd .o-dropdown,
#fd .o-popover {
    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;
    background-color: var(--fd-white-hex,rgba(var(--fd-white), var(--tw-bg-opacity)));
}

#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,.04) ,0 5px 10px -1px rgba(0,0,0,.08);
    width: 96vw;
    border-color: var(--fd-gray-200-hex,rgba(var(--fd-gray-200), var(--tw-border-opacity)));
    border-width: 1px;
    font-size: var(--fd-font-size-sm);
    color: var(--fd-gray-500-hex,rgba(var(--fd-gray-500), var(--tw-text-opacity)));
    box-shadow: var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow);
}

#fd .o-dropdown__hd {
    border-top-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 {
    position: relative;
    width: 100%;
    margin: 0;
    padding: 0;
    font-size: var(--fd-font-size-sm);
    list-style: none;
    opacity: 1;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

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

#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 {
    display: flex;
    padding: 0;
    border-radius: var(--fd-border-radius-md);
    outline: 2px solid transparent;
    outline-offset: 2px;
    color: var(--fd-gray-800-hex,rgba(var(--fd-gray-800), var(--tw-text-opacity)));
}

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

#fd .o-dropdown-nav&gt;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;
    display: flex;
    flex-grow: 1;
    align-items: center;
    padding: var(--fd-spacing-sm) var(--fd-spacing-xs);
    padding-right: 1rem;
    overflow: hidden;
    text-decoration: none;
    text-overflow: ellipsis;
    line-height: var(--fd-line-height-xs);
    white-space: nowrap;
    color: var(--fd-gray-800-hex,rgba(var(--fd-gray-800), var(--tw-text-opacity)));
}

#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;
    padding-right: var(--fd-spacing-md);
    padding-left: var(--fd-spacing-md);
    color: var(--fd-gray-800-hex,rgba(var(--fd-gray-800), var(--tw-text-opacity)));
}

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

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

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

#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 &gt; :first-child {
    z-index: 20;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    object-fit: cover;
}

#fd .o-aspect-ratio--contain &gt; :first-child {
    background-position: 50%;
    background-size: contain;
    object-fit: contain;
}

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

#fd .o-pagination {
    --tw-bg-opacity: 1;
    display: flex;
    position: relative;
    margin: 0;
    overflow: hidden;
    list-style: none;
}

#fd .o-pagination,
#fd .o-pagination__btn {
    align-items: center;
    /*background-color: #006AB6;
    /*background-color: var(--fd-white-hex,rgba(var(--fd-white), var(--tw-bg-opacity)));*/
}

#fd .o-pagination__btn {
    --tw-border-opacity: 1;
    display: inline-flex;
    position: relative;
    padding: var(--fd-spacing-xs) var(--fd-spacing-sm);
    color: #fff;
    border-color: #000;
    /*border-color: var(--fd-gray-200-hex,rgba(var(--fd-gray-200), var(--tw-border-opacity)));*/
    background-color: #006AB6;
    /*border-width: 1px;*/
    font-size: var(--fd-font-size-sm);
    font-weight: 600;
    line-height: var(--fd-line-height-sm);
    transition-duration: .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(.4,0,.2,1);
}

/*#fd .o-pagination__btn,*/
#fd .o-pagination__btn:hover {
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    color: #fff;
    /*color: var(--fd-gray-500-hex,rgba(var(--fd-gray-500), var(--tw-text-opacity)));*/
}

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

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

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

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

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

#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;
    display: block;
    text-decoration: none;
    font-size: var(--fd-font-size-sm);
    line-height: var(--fd-line-height-sm);
    white-space: nowrap;
    color: var(--fd-gray-500-hex,rgba(var(--fd-gray-500), var(--tw-text-opacity)));
}

#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;
    padding: var(--fd-spacing-sm) var(--fd-spacing-md);
    color: var(--fd-gray-500-hex,rgba(var(--fd-gray-500), var(--tw-text-opacity)));
}

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

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

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

#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-color: transparent;
    border-bottom-width: 1px;
}

#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;
    padding: var(--fd-spacing-xs) var(--fd-spacing-md);
    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)));
    background-color: var(--fd-white-hex,rgba(var(--fd-white), var(--tw-bg-opacity)));
}

#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 &gt; div {
    display: none;
}

#fd .o-tab-content &gt; div.is-active {
    display: block;
}

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

#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 {
    display: none;
    text-align: center;
    background: #fff;
}

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

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

#fd .o-dialog-modal {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    max-height: 100%;
    max-width: 100%;
    min-height: 320px;
    min-width: 320px;
    border-radius: var(--fd-border-radius-md);
    overflow: hidden;
    box-shadow: 0 0 10px rgba(0,0,0,.2);
    -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 {
    z-index: 3;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 50px;
    padding: 8px 16px;
    border-radius: var(--fd-border-radius-md) var(--fd-border-radius-md) 0 0;
    line-height: 1;
    background: rgba(var(--fd-white) ,1);
}

#fd .o-dialog-header__grid {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    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-color: var(--fd-gray-200-hex,rgba(var(--fd-gray-200), var(--tw-border-opacity)));
    border-style: solid;
    border-bottom: 1px;
}

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

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

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

#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;
    flex: 0 0 auto;
    text-align: center;
    font-size: 15px;
    color: var(--fd-gray-500-hex,rgba(var(--fd-gray-500), var(--tw-text-opacity)));
    cursor: pointer;
}

#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 {
    position: relative;
    font-size: 18px;
}

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

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

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

#fd .o-dialog-footer-content &gt; * + * {
    margin-left: var(--fd-spacing-sm);
}

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

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

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

#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 {
    width: 100%;
    height: 100%;
    padding: 0;
}

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

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

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

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

: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 {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
}

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

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

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

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

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

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

#fd .before\:content-dot:before {
    content: "\00b7";
}

#fd .before\:content-pipe:before {
    content: "\007c";
}

#fd .o-location {
    --tw-border-opacity: 1;
    display: flex;
    align-items: center;
    padding: var(--fd-spacing-xs);
    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-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;
    display: block;
    position: relative;
    -webkit-appearance: none;
    appearance: none;
    width: 100%;
    margin: 0;
    padding-top: var(--fd-spacing-xs);
    padding-bottom: var(--fd-spacing-xs);
    border-width: 1px;
    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-sm);
    line-height: var(--fd-line-height-sm);
    box-shadow: var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow);
    transition-duration: .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(.4,0,.2,1);
}

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

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

#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;
    outline: 2px solid transparent!important;
    outline-offset: 2px!important;
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow,0 0 #0000) !important;
}

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

#fd .o-navigation__item {
    display: flex;
    align-items: center;
    gap: var(--fd-spacing-xs);
    min-width: 0;
    border-radius: var(--fd-border-radius-md);
    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 {
    display: flex;
    height: 1px;
    margin-top: var(--fd-spacing-xs);
    margin-bottom: var(--fd-spacing-xs);
    border-style: none;
}

#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;
    flex-grow: 1;
    padding: var(--fd-spacing-xs) var(--fd-spacing-sm);
    min-width: 0;
    border-radius: var(--fd-border-radius-md);
    overflow: hidden;
    text-decoration: none;
    text-overflow: ellipsis;
    font-size: var(--fd-font-size-sm);
    line-height: var(--fd-line-height-sm);
    white-space: nowrap;
    color: var(--fd-gray-500-hex,rgba(var(--fd-gray-500), var(--tw-text-opacity)));
}

#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 {
    --tw-border-opacity: 1;
    display: flex;
    position: relative;
    flex-direction: column;
    min-width: 0;
    border: 1px solid var(--fd-gray-300-hex,rgba(var(--fd-gray-300), var(--tw-border-opacity)));
    border-radius: var(--fd-border-radius-md);
    background-clip: border-box;
    word-wrap: break-word;
}

#fd .o-card &gt; hr {
    margin-right: 0;
    margin-left: 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 {
    margin-bottom: 0;
    font-weight: 700;
}

#fd .o-card-img-overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 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;
    display: block;
    position: relative;
    padding: var(--fd-spacing-sm) var(--fd-spacing-md);
    border-color: var(--fd-gray-300-hex,rgba(var(--fd-gray-300), var(--tw-border-opacity)));
    border-bottom-width: 1px;
}

#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-right: 0;
    padding-left: 0;
}

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

#fd .o-searchbar {
    --tw-border-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);
    background-color: var(--fd-white-hex,rgba(var(--fd-white), var(--tw-bg-opacity)));
}

#fd .o-filterbar,
#fd .o-searchbar {
    --tw-bg-opacity: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: var(--fd-spacing-xs);
}

#fd .o-filterbar {
    border-radius: var(--fd-border-radius-md);
    background-color: var(--fd-gray-50-hex,rgba(var(--fd-gray-50), var(--tw-bg-opacity)));
}

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

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

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

#fd .toast-close-button {
    float: right;
    top: -.3em;
    right: -.3em;
    text-shadow: 0 1px 0 rgba(var(--fd-gray-500) ,1);
    color: rgba(var(--fd-gray-500) ,1);
    opacity: .8;
}

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

#fd .toast-close-button {
    position: relative;
    top: -8px;
    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;
}

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

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

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

#fd.fd-toast-container &gt; div.rtl {
    padding: 15px 50px 15px 15px;
    direction: rtl;
    background-position: right 15px center;
}

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

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

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

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

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

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

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

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

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

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

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

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

.tribute-container,
.tribute-container &gt; div {
    background-color: var(--fd-white-hex,rgba(var(--fd-white), var(--tw-bg-opacity)));
}

.tribute-container &gt; div {
    --tw-bg-opacity: 1;
    --tw-shadow: 0 2px 4px -2px rgba(0,0,0,.04) ,0 5px 10px -1px rgba(0,0,0,.08);
    margin: 2px 0 0;
    padding: 0;
    padding: var(--fd-spacing-xs);
    border-radius: var(--fd-border-radius-md);
    list-style: none;
    box-shadow: var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow);
}

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

.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;
    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;
    background-color: var(--fd-white-hex,rgba(var(--fd-white), var(--tw-bg-opacity)));
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

#fd .o-attachment-preview.is-icon.is-icon--zip .o-attachment-preview__content:before {
    content: "\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 {
    display: inline-block;
    width: 40px;
    height: 40px;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
}

#fd .o-empty {
    display: inline-block;
    display: none;
    position: relative;
    width: 100%;
    padding: var(--fd-spacing-3xl) var(--fd-spacing-md);
    text-align: center;
    font-family: Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;
    font-size: var(--fd-font-size-sm);
    background-color: var(--si-body);
}

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

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

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

#fd .is-empty &gt; .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;
    z-index: 1000;
    position: relative;
    width: 40px;
    height: 40px;
    margin: 0;
    text-align: center;
    font-size: 1em;
}

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

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

@-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 &gt; .o-loader {
    display: block;
}

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

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

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

#fd .o-placeholder-box:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-image: linear-gradient(90deg,rgba(var(--fd-white) ,0) 0,rgba(var(--fd-white) ,.2) 20%,rgba(var(--fd-white) ,.5) 60%,rgba(var(--fd-white) ,0));
    -webkit-animation: fd-placeholder-box 1s infinite;
    animation: fd-placeholder-box 1s infinite;
    -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;
    }
}</pre></body></html>