:root {
    height: 100%;
    font-family: Inter, system-ui, Avenir, Helvetica, Arial, sans-serif;
    line-height: 1.5;
    font-weight: 400;

    color-scheme: light dark;
    color: #16171a;
    background-color: #f0f5fd;

    font-synthesis: none;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-text-size-adjust: 100%;
}

::selection {
    background-color: #3678d7;
    color: #ffffff;
}

body {
    margin: 0;
    display: flex;
    place-items: center;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
}

#root {
    width: 100%;
    height: 100%;
}

a {
    color: #3678d7;
    text-decoration: none;
}

ul {
    margin: 0;
    padding-left: 14px;
}

.dropReady {
    transition: border 0.2s ease-in-out;
    border-bottom: 6px solid #3678d7;
    padding-bottom: 50px;
}

.draggedItem {
    opacity: 0.1;
}

.activity-tracker {
    animation: activity-tracker-animation 5s;
}

@keyframes activity-tracker-animation {
    0% {
        background-color: transparent;
    }
    25% {
        background-color: #d2e1f7;
    }
    100% {
        background-color: transparent;
    }
}

.animation-fade-in {
    animation: activity-tracker-animation 2s linear;
    animation-fill-mode: forwards;
}

@keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

.highlighted-email,
.highlighted-url {
    color: #3678d7;
}

.draggedItem:active {
    opacity: 1;
    background-color: #f0f5fd;
}

/* For content editable components placeholder */
[contenteditable='true']:empty:before {
    content: attr(placeholder);
    pointer-events: none;
    display: block; /* For Firefox */
}
/*
 * Styles for the pdf.js text selection layer, trimmed down from the
 * `.textLayer` rules in pdfjs-dist/web/pdf_viewer.css (v6). The layer overlays
 * invisible text spans on top of the rendered canvas so users can select and
 * copy text.
 *
 * `--total-scale-factor` is set on the layer element by PdfPage when a page is
 * rendered. `--min-font-size`, `--font-height`, `--scale-x` and `--rotate` are
 * set on the generated spans by pdf.js itself.
 */
.textLayer {
    color-scheme: only light;
    position: absolute;
    text-align: initial;
    inset: 0;
    overflow: clip;
    opacity: 1;
    line-height: 1;
    letter-spacing: normal;
    word-spacing: normal;
    -webkit-text-size-adjust: none;
    text-size-adjust: none;
    forced-color-adjust: none;
    transform-origin: 0 0;
    caret-color: CanvasText;
    z-index: 0;
    --min-font-size: 1;
    --text-scale-factor: calc(var(--total-scale-factor) * var(--min-font-size));
    --min-font-size-inv: calc(1 / var(--min-font-size));
}

.textLayer span,
.textLayer br {
    color: transparent;
    position: absolute;
    white-space: pre;
    cursor: text;
    transform-origin: 0% 0%;
    -webkit-user-select: text;
    user-select: text;
}

.textLayer > :not(.markedContent),
.textLayer .markedContent span:not(.markedContent) {
    z-index: 1;
    --font-height: 0;
    font-size: calc(var(--text-scale-factor) * var(--font-height));
    --scale-x: 1;
    --rotate: 0deg;
    transform: rotate(var(--rotate)) scaleX(var(--scale-x)) scale(var(--min-font-size-inv));
}

.textLayer .markedContent {
    display: contents;
}

.textLayer span[role='img'] {
    -webkit-user-select: none;
    user-select: none;
    cursor: default;
}

.textLayer ::selection {
    background: rgb(0 0 255 / 0.25);
    background: color-mix(in srgb, AccentColor, transparent 50%);
    color: transparent;
}

.textLayer br::selection {
    background: transparent;
}
/* dancing-script-vietnamese-600-normal */
@font-face {
  font-family: 'Dancing Script';
  font-style: normal;
  font-display: swap;
  font-weight: 600;
  src: url(/assets/dancing-script-vietnamese-600-normal-B_5hiXq4.woff2) format('woff2'), url(/assets/dancing-script-vietnamese-600-normal-DmBNuN3D.woff) format('woff');
  unicode-range: U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;
}

/* dancing-script-latin-ext-600-normal */
@font-face {
  font-family: 'Dancing Script';
  font-style: normal;
  font-display: swap;
  font-weight: 600;
  src: url(/assets/dancing-script-latin-ext-600-normal-B3h_y-4p.woff2) format('woff2'), url(/assets/dancing-script-latin-ext-600-normal-C2Rto93b.woff) format('woff');
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}

/* dancing-script-latin-600-normal */
@font-face {
  font-family: 'Dancing Script';
  font-style: normal;
  font-display: swap;
  font-weight: 600;
  src: url(/assets/dancing-script-latin-600-normal-CUtcW3hj.woff2) format('woff2'), url(/assets/dancing-script-latin-600-normal-8nA_0nHX.woff) format('woff');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}