@font-face {
    font-family: "Lota Grotesque";
    font-style: normal;
    font-display: swap;
    font-weight: 400;
    src: url("../woff2/lotagrotesqueregular.woff2") format("woff2"),url("../woff/lotagrotesqueregular.woff") format("woff")
}

@font-face {
    font-family: "Lota Grotesque";
    font-style: italic;
    font-display: swap;
    font-weight: 400;
    src: url("../woff2/lotagrotesqueregularitalic.woff2") format("woff2"),url("../woff/lotagrotesqueregularitalic.woff") format("woff")
}

@font-face {
    font-family: "Lota Grotesque";
    font-style: normal;
    font-display: swap;
    font-weight: 700;
    src: url("../woff2/lotagrotesquebold.woff2") format("woff2"),url("../woff/lotagrotesquebold.woff") format("woff")
}

@font-face {
    font-family: "Lota Grotesque";
    font-style: normal;
    font-display: swap;
    font-weight: 600;
    src: url("../woff2/lotagrotesquesemibold.woff2") format("woff2"),url("../woff/lotagrotesquesemibold.woff") format("woff")
}

:root {
	--body-bg-color: #666;
	--progressBar-color: #3640f5;
	--toolbar-bg-color: #FFF;
	--sidebar-toolbar-bg-color: #FFF;

    --button-hover-color: rgba(221, 222, 223, 1);
    --toggled-btn-color: rgba(0, 0, 0, 1);
    --toggled-btn-bg-color: rgba(0, 0, 0, 0.1);
    --toggled-hover-active-btn-color: rgba(0, 0, 0, 0.2);
    --toggled-hover-btn-outline: none;
    --dropdown-btn-bg-color: rgba(215, 215, 219, 1);
    --dropdown-btn-border: none;
    --separator-color: rgba(0, 0, 0, 0.1);

}

#toolbarContainer {
    box-shadow: 0px 4px 4px rgba(0,0,0,.04);
    z-index: 50;
    background-color: #FFF;
}

.findbar {
    box-shadow: 0px 4px 4px rgba(0,0,0,.04);
    border-radius: 0px 0px 8px 8px;
    z-index: 50;
    background-color: #FFF;
}

body * {
	font-family: "Lota Grotesque", sans-serif;
}

input, textarea, select {
	font-family: inherit !important;
}

#sidebarContainer {
	background-color: #FFF;
}

#toolbarSidebar {
	box-shadow: 0px 4px 4px rgba(0,0,0,.04);
}

#viewer .canvasWrapper {
	box-shadow: 0px 4px 4px rgba(0,0,0,.2);
}

#pageNumber {
	font-size: 15px !important;
    padding: 2px 2px;
}

#scaleSelect {
	background: #FFF;
	border: 1px solid var(--field-border-color);
}

#editorModeSeparator,
#editorModeButtons,
#openFile,
#viewAttachments,
#viewLayers,
#pageRotateCw,
#pageRotateCcw,
#pageRotateCcw + .horizontalToolbarSeparator,
#spreadModeButtons + .horizontalToolbarSeparator,
#documentProperties {
    display: none !important;
}