/** * Override Vuetify variables as you normally would * NOTE: remember to provide a fallback for browsers that don't support Custom Properties * In my case, I've used the mobile font-sizes as a fallback See: https://stackoverflow.com/questions/56603008/how-to-make-font-size-responsive-using-vuetify */ /** * define font-sizes with css custom properties. * you can change the values of these properties in a media query See: https://stackoverflow.com/questions/56603008/how-to-make-font-size-responsive-using-vuetify */ [data-v-71117c60]:root { --base-font-size: 16px !important; } @media only screen and (max-width: 1903.98px) { [data-v-71117c60]:root { --base-font-size: 14.4px !important; } } /** * Override Vuetify variables as you normally would * NOTE: remember to provide a fallback for browsers that don't support Custom Properties * In my case, I've used the mobile font-sizes as a fallback See: https://stackoverflow.com/questions/56603008/how-to-make-font-size-responsive-using-vuetify */ .downloadIcon[data-v-71117c60] { display: flex; max-height: 0; overflow: visible; justify-content: flex-end; } .downloadIcon .v-icon[data-v-71117c60] { top: 1em; margin-right: 0.5em; } /** * Override Vuetify variables as you normally would * NOTE: remember to provide a fallback for browsers that don't support Custom Properties * In my case, I've used the mobile font-sizes as a fallback See: https://stackoverflow.com/questions/56603008/how-to-make-font-size-responsive-using-vuetify */ /** * define font-sizes with css custom properties. * you can change the values of these properties in a media query See: https://stackoverflow.com/questions/56603008/how-to-make-font-size-responsive-using-vuetify */ [data-v-41a79d75]:root { --base-font-size: 16px !important; } @media only screen and (max-width: 1903.98px) { [data-v-41a79d75]:root { --base-font-size: 14.4px !important; } } /** * Override Vuetify variables as you normally would * NOTE: remember to provide a fallback for browsers that don't support Custom Properties * In my case, I've used the mobile font-sizes as a fallback See: https://stackoverflow.com/questions/56603008/how-to-make-font-size-responsive-using-vuetify */ .legend[data-v-41a79d75] { display: flex; flex-wrap: wrap; /* justify-content: space-around; */ justify-content: flex-start; align-items: flex-start; gap: 1em; } .legend .legendColumn[data-v-41a79d75] { flex-grow: 1; display: flex; justify-content: flex-start; } .legend .legendColumn .innerColumn[data-v-41a79d75] { min-width: 12em; margin: auto 0; } .legend .legendColumn ul[data-v-41a79d75] { list-style-type: none; padding: 0; margin: 0; } .legend .legendColumn ul li[data-v-41a79d75] { vertical-align: -25%; margin: 0.1em 0; } .legend .legendColumn ul li[data-v-41a79d75]::before { content: ""; height: 1.2em; width: 1.2em; background-color: #bbb; border-radius: 50%; display: inline-block; margin-right: 0.5em; } .legend .legendColumn ul li.for[data-v-41a79d75]::before { background-color: #37ada2; } .legend .legendColumn ul li.against[data-v-41a79d75]::before { background-color: #e64415; } @charset "UTF-8"; /** * Override Vuetify variables as you normally would * NOTE: remember to provide a fallback for browsers that don't support Custom Properties * In my case, I've used the mobile font-sizes as a fallback See: https://stackoverflow.com/questions/56603008/how-to-make-font-size-responsive-using-vuetify */ /** * define font-sizes with css custom properties. * you can change the values of these properties in a media query See: https://stackoverflow.com/questions/56603008/how-to-make-font-size-responsive-using-vuetify */ [data-v-2420c38b]:root { --base-font-size: 16px !important; } @media only screen and (max-width: 1903.98px) { [data-v-2420c38b]:root { --base-font-size: 14.4px !important; } } /** * Override Vuetify variables as you normally would * NOTE: remember to provide a fallback for browsers that don't support Custom Properties * In my case, I've used the mobile font-sizes as a fallback See: https://stackoverflow.com/questions/56603008/how-to-make-font-size-responsive-using-vuetify */ a[data-v-2420c38b] { text-decoration: none; } .past-list[data-v-2420c38b] { list-style-type: none; } .past-list .check[data-v-2420c38b]:before { content: "✓"; margin-left: -12px; margin-right: 3px; } .cases .caseHeader[data-v-2420c38b] { display: block; } .cases .caseContent[data-v-2420c38b] { border-left: lightgray 2px solid; padding-left: 1em; margin-left: 0.5em; } /** * Override Vuetify variables as you normally would * NOTE: remember to provide a fallback for browsers that don't support Custom Properties * In my case, I've used the mobile font-sizes as a fallback See: https://stackoverflow.com/questions/56603008/how-to-make-font-size-responsive-using-vuetify */ /** * define font-sizes with css custom properties. * you can change the values of these properties in a media query See: https://stackoverflow.com/questions/56603008/how-to-make-font-size-responsive-using-vuetify */ [data-v-fac08b46]:root { --base-font-size: 16px !important; } @media only screen and (max-width: 1903.98px) { [data-v-fac08b46]:root { --base-font-size: 14.4px !important; } } /** * Override Vuetify variables as you normally would * NOTE: remember to provide a fallback for browsers that don't support Custom Properties * In my case, I've used the mobile font-sizes as a fallback See: https://stackoverflow.com/questions/56603008/how-to-make-font-size-responsive-using-vuetify */ .v-card--link[data-v-fac08b46]:before { background: none; } /** * Override Vuetify variables as you normally would * NOTE: remember to provide a fallback for browsers that don't support Custom Properties * In my case, I've used the mobile font-sizes as a fallback See: https://stackoverflow.com/questions/56603008/how-to-make-font-size-responsive-using-vuetify */ /** * define font-sizes with css custom properties. * you can change the values of these properties in a media query See: https://stackoverflow.com/questions/56603008/how-to-make-font-size-responsive-using-vuetify */ [data-v-d16fb3f8]:root { --base-font-size: 16px !important; } @media only screen and (max-width: 1903.98px) { [data-v-d16fb3f8]:root { --base-font-size: 14.4px !important; } } /** * Override Vuetify variables as you normally would * NOTE: remember to provide a fallback for browsers that don't support Custom Properties * In my case, I've used the mobile font-sizes as a fallback See: https://stackoverflow.com/questions/56603008/how-to-make-font-size-responsive-using-vuetify */ div.v-expansion-panel[aria-expanded=true][data-v-d16fb3f8] { margin-bottom: -12px; } .pre-fixer[data-v-d16fb3f8] { display: inline; } .sticky[data-v-d16fb3f8] { position: sticky; top: 5em; z-index: 8; margin-bottom: 2em; } .audio-wrapper[data-v-d16fb3f8] { display: flex; flex-direction: column; justify-content: center; align-items: center; margin-bottom: 1em; } .audio-wrapper audio[data-v-d16fb3f8] { width: 100%; opacity: 1; } .audio-wrapper audio[data-v-d16fb3f8]::-webkit-media-controls-enclosure { border-radius: 0; } .audio-wrapper audio[data-v-d16fb3f8]::-webkit-media-controls-panel { background-color: #009688; } .audio-wrapper audio[data-v-d16fb3f8]::-webkit-media-controls-current-time-display { color: #fff; } .audio-wrapper audio[data-v-d16fb3f8]::-webkit-media-controls-time-remaining-display { color: #fff; } .audio-wrapper .followAudioButton[data-v-d16fb3f8] { width: 100%; } /** * Override Vuetify variables as you normally would * NOTE: remember to provide a fallback for browsers that don't support Custom Properties * In my case, I've used the mobile font-sizes as a fallback See: https://stackoverflow.com/questions/56603008/how-to-make-font-size-responsive-using-vuetify */ /** * define font-sizes with css custom properties. * you can change the values of these properties in a media query See: https://stackoverflow.com/questions/56603008/how-to-make-font-size-responsive-using-vuetify */ [data-v-6d8716e4]:root { --base-font-size: 16px !important; } @media only screen and (max-width: 1903.98px) { [data-v-6d8716e4]:root { --base-font-size: 14.4px !important; } } /** * Override Vuetify variables as you normally would * NOTE: remember to provide a fallback for browsers that don't support Custom Properties * In my case, I've used the mobile font-sizes as a fallback See: https://stackoverflow.com/questions/56603008/how-to-make-font-size-responsive-using-vuetify */ a[data-v-6d8716e4] { text-decoration: none; } /** * Override Vuetify variables as you normally would * NOTE: remember to provide a fallback for browsers that don't support Custom Properties * In my case, I've used the mobile font-sizes as a fallback See: https://stackoverflow.com/questions/56603008/how-to-make-font-size-responsive-using-vuetify */ /** * define font-sizes with css custom properties. * you can change the values of these properties in a media query See: https://stackoverflow.com/questions/56603008/how-to-make-font-size-responsive-using-vuetify */ [data-v-76ea5738]:root { --base-font-size: 16px !important; } @media only screen and (max-width: 1903.98px) { [data-v-76ea5738]:root { --base-font-size: 14.4px !important; } } /** * Override Vuetify variables as you normally would * NOTE: remember to provide a fallback for browsers that don't support Custom Properties * In my case, I've used the mobile font-sizes as a fallback See: https://stackoverflow.com/questions/56603008/how-to-make-font-size-responsive-using-vuetify */ .v-card--link[data-v-76ea5738]:before { background: none; } @charset "UTF-8"; /** * Override Vuetify variables as you normally would * NOTE: remember to provide a fallback for browsers that don't support Custom Properties * In my case, I've used the mobile font-sizes as a fallback See: https://stackoverflow.com/questions/56603008/how-to-make-font-size-responsive-using-vuetify */ /** * define font-sizes with css custom properties. * you can change the values of these properties in a media query See: https://stackoverflow.com/questions/56603008/how-to-make-font-size-responsive-using-vuetify */ [data-v-937515b8]:root { --base-font-size: 16px !important; } @media only screen and (max-width: 1903.98px) { [data-v-937515b8]:root { --base-font-size: 14.4px !important; } } /** * Override Vuetify variables as you normally would * NOTE: remember to provide a fallback for browsers that don't support Custom Properties * In my case, I've used the mobile font-sizes as a fallback See: https://stackoverflow.com/questions/56603008/how-to-make-font-size-responsive-using-vuetify */ a[data-v-937515b8] { text-decoration: none; } a.disabled[data-v-937515b8] { pointer-events: none; } .past-list[data-v-937515b8] { list-style-type: none; } .past-list .check[data-v-937515b8]:before { content: "✓"; margin-left: -12px; margin-right: 3px; } /** * Override Vuetify variables as you normally would * NOTE: remember to provide a fallback for browsers that don't support Custom Properties * In my case, I've used the mobile font-sizes as a fallback See: https://stackoverflow.com/questions/56603008/how-to-make-font-size-responsive-using-vuetify */ /** * define font-sizes with css custom properties. * you can change the values of these properties in a media query See: https://stackoverflow.com/questions/56603008/how-to-make-font-size-responsive-using-vuetify */ [data-v-0c2b4578]:root { --base-font-size: 16px !important; } @media only screen and (max-width: 1903.98px) { [data-v-0c2b4578]:root { --base-font-size: 14.4px !important; } } /** * Override Vuetify variables as you normally would * NOTE: remember to provide a fallback for browsers that don't support Custom Properties * In my case, I've used the mobile font-sizes as a fallback See: https://stackoverflow.com/questions/56603008/how-to-make-font-size-responsive-using-vuetify */ .v-card--link[data-v-0c2b4578]:before { background: none; } /** * Override Vuetify variables as you normally would * NOTE: remember to provide a fallback for browsers that don't support Custom Properties * In my case, I've used the mobile font-sizes as a fallback See: https://stackoverflow.com/questions/56603008/how-to-make-font-size-responsive-using-vuetify */ /** * define font-sizes with css custom properties. * you can change the values of these properties in a media query See: https://stackoverflow.com/questions/56603008/how-to-make-font-size-responsive-using-vuetify */ [data-v-7378cb5b]:root { --base-font-size: 16px !important; } @media only screen and (max-width: 1903.98px) { [data-v-7378cb5b]:root { --base-font-size: 14.4px !important; } } /** * Override Vuetify variables as you normally would * NOTE: remember to provide a fallback for browsers that don't support Custom Properties * In my case, I've used the mobile font-sizes as a fallback See: https://stackoverflow.com/questions/56603008/how-to-make-font-size-responsive-using-vuetify */ .spinner[data-v-7378cb5b] { width: 100% !important; margin: 1em auto; } @charset "UTF-8"; /** * Override Vuetify variables as you normally would * NOTE: remember to provide a fallback for browsers that don't support Custom Properties * In my case, I've used the mobile font-sizes as a fallback See: https://stackoverflow.com/questions/56603008/how-to-make-font-size-responsive-using-vuetify */ /** * define font-sizes with css custom properties. * you can change the values of these properties in a media query See: https://stackoverflow.com/questions/56603008/how-to-make-font-size-responsive-using-vuetify */ [data-v-61474186]:root { --base-font-size: 16px !important; } @media only screen and (max-width: 1903.98px) { [data-v-61474186]:root { --base-font-size: 14.4px !important; } } /** * Override Vuetify variables as you normally would * NOTE: remember to provide a fallback for browsers that don't support Custom Properties * In my case, I've used the mobile font-sizes as a fallback See: https://stackoverflow.com/questions/56603008/how-to-make-font-size-responsive-using-vuetify */ [data-v-61474186] .v-autocomplete .mdi-close::before { content: "󰆴"; font-size: 0.8em; } .v-list .v-subheader[data-v-61474186] { font-size: 1em; } .v-list .v-list-item[data-v-61474186] { min-height: 2em; } .v-list .v-list-item .v-list-item__icon[data-v-61474186] { margin: 0 12px 0 8px; } .v-list .v-list-item .v-list-item__content[data-v-61474186] { padding: 0; } .spinner[data-v-61474186] { display: flex; justify-content: center; } /** * Override Vuetify variables as you normally would * NOTE: remember to provide a fallback for browsers that don't support Custom Properties * In my case, I've used the mobile font-sizes as a fallback See: https://stackoverflow.com/questions/56603008/how-to-make-font-size-responsive-using-vuetify */ /** * define font-sizes with css custom properties. * you can change the values of these properties in a media query See: https://stackoverflow.com/questions/56603008/how-to-make-font-size-responsive-using-vuetify */ [data-v-74edd2e8]:root { --base-font-size: 16px !important; } @media only screen and (max-width: 1903.98px) { [data-v-74edd2e8]:root { --base-font-size: 14.4px !important; } } /** * Override Vuetify variables as you normally would * NOTE: remember to provide a fallback for browsers that don't support Custom Properties * In my case, I've used the mobile font-sizes as a fallback See: https://stackoverflow.com/questions/56603008/how-to-make-font-size-responsive-using-vuetify */ .pdfPage[data-v-74edd2e8] { position: relative; width: -moz-fit-content; width: fit-content; margin: 0 auto; overflow-x: auto; scroll-margin-top: 7.6rem; } .pdfPage .textLayer[data-v-74edd2e8] { position: absolute; z-index: 1; opacity: 0.5; overflow: clip; } .pdfPage .textLayer[data-v-74edd2e8] em.hlt1 { background-color: #2196F3; } .pdfPage .textLayer[data-v-74edd2e8] em.hlt2 { background-color: var(--v-warning-base); border-radius: 2px; } .pdfPage .textLayer[data-v-74edd2e8] em.activeMatch { background-color: var(--v-warning-base) !important; border: 2px solid var(--v-upcoming-base); border-radius: 2px; } .pdfPage .spinner[data-v-74edd2e8] { position: absolute; display: flex; justify-content: center; align-items: center; } .pdfPage[data-v-74edd2e8] .pdfCanvas.darkMode { filter: grayscale(100%) invert(0.9); } /** * Override Vuetify variables as you normally would * NOTE: remember to provide a fallback for browsers that don't support Custom Properties * In my case, I've used the mobile font-sizes as a fallback See: https://stackoverflow.com/questions/56603008/how-to-make-font-size-responsive-using-vuetify */ /** * define font-sizes with css custom properties. * you can change the values of these properties in a media query See: https://stackoverflow.com/questions/56603008/how-to-make-font-size-responsive-using-vuetify */ [data-v-a9094c46]:root { --base-font-size: 16px !important; } @media only screen and (max-width: 1903.98px) { [data-v-a9094c46]:root { --base-font-size: 14.4px !important; } } /** * Override Vuetify variables as you normally would * NOTE: remember to provide a fallback for browsers that don't support Custom Properties * In my case, I've used the mobile font-sizes as a fallback See: https://stackoverflow.com/questions/56603008/how-to-make-font-size-responsive-using-vuetify */ .pdfViewer[data-v-a9094c46] { box-sizing: content-box; } .pdfViewer .spinner[data-v-a9094c46] { text-align: center; } .pdfViewer .pdfControls[data-v-a9094c46] { position: sticky; top: 66px; display: flex; align-items: center; z-index: 2; } .pdfViewer .pdfControls .pdfPageCount[data-v-a9094c46] { display: flex; flex-shrink: 0; width: auto; } .pdfViewer .searchBox[data-v-a9094c46] { width: 100%; display: flex; flex: auto; justify-content: space-between; } .pdfViewer .searchBox .loader[data-v-a9094c46] { width: 100%; align-items: center; } .pdfViewer .searchBox .no-search-message[data-v-a9094c46] { color: grey; font-size: 14px; justify-content: space-around; } .pdfViewer .searchBox .search-input[data-v-a9094c46] { width: 50%; } .pdfViewer .searchBox .search-nav[data-v-a9094c46] { width: 50%; flex-shrink: 0; } @media only screen and (max-width: 960px) { .pdfViewer .pdfControls[data-v-a9094c46] { top: 58px; } .pdfViewer .search-input[data-v-a9094c46] { width: 30%; } .pdfViewer .search-nav[data-v-a9094c46] { width: 55%; } } .pdfViewer .zoomingIndicator[data-v-a9094c46] { position: fixed; display: flex; justify-content: center; align-items: center; z-index: 3; top: 0; left: 0; height: 100vh; width: 100vw; pointer-events: none; } .pdfViewer .zoomingIndicator div[data-v-a9094c46] { display: flex; justify-content: center; align-items: center; background-color: rgba(0, 0, 0, 0.39); border-radius: 2em; } .pdfViewer .zoomingIndicator div i[data-v-a9094c46] { font-size: 6em; } /* Copyright 2014 Mozilla Foundation * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. */ .textLayer[data-v-a9094c46] { position: absolute; text-align: initial; left: 0; top: 0; right: 0; bottom: 0; overflow: hidden; opacity: 0.2; line-height: 1; -webkit-text-size-adjust: none; -moz-text-size-adjust: none; text-size-adjust: none; forced-color-adjust: none; } .textLayer span[data-v-a9094c46], .textLayer br[data-v-a9094c46] { color: transparent; position: absolute; white-space: pre; cursor: text; transform-origin: 0% 0%; } /* Only necessary in Google Chrome, see issue 14205, and most unfortunately * the problem doesn't show up in "text" reference tests. */ .textLayer span.markedContent[data-v-a9094c46] { top: 0; height: 0; } .textLayer .highlight[data-v-a9094c46] { margin: -1px; padding: 1px; background-color: rgba(180, 0, 170, 1); border-radius: 4px; } .textLayer .highlight.appended[data-v-a9094c46] { position: initial; } .textLayer .highlight.begin[data-v-a9094c46] { border-radius: 4px 0 0 4px; } .textLayer .highlight.end[data-v-a9094c46] { border-radius: 0 4px 4px 0; } .textLayer .highlight.middle[data-v-a9094c46] { border-radius: 0; } .textLayer .highlight.selected[data-v-a9094c46] { background-color: rgba(0, 100, 0, 1); } .textLayer[data-v-a9094c46] ::-moz-selection { background: rgba(0, 0, 255, 1); } .textLayer[data-v-a9094c46] ::selection { background: rgba(0, 0, 255, 1); } /* Avoids https://github.com/mozilla/pdf.js/issues/13840 in Chrome */ .textLayer br[data-v-a9094c46]::-moz-selection { background: transparent; } .textLayer br[data-v-a9094c46]::selection { background: transparent; } .textLayer .endOfContent[data-v-a9094c46] { display: block; position: absolute; left: 0; top: 100%; right: 0; bottom: 0; z-index: -1; cursor: default; -webkit-user-select: none; -moz-user-select: none; user-select: none; } .textLayer .endOfContent.active[data-v-a9094c46] { top: 0; } [data-v-a9094c46]:root { --annotation-unfocused-field-background: url("data:image/svg+xml;charset=UTF-8,"); } .annotationLayer section[data-v-a9094c46] { position: absolute; text-align: initial; } .annotationLayer .linkAnnotation > a[data-v-a9094c46], .annotationLayer .buttonWidgetAnnotation.pushButton > a[data-v-a9094c46] { position: absolute; font-size: 1em; top: 0; left: 0; width: 100%; height: 100%; } .annotationLayer .buttonWidgetAnnotation.pushButton > canvas[data-v-a9094c46] { position: relative; top: 0; left: 0; z-index: -1; } .annotationLayer .linkAnnotation > a[data-v-a9094c46]:hover, .annotationLayer .buttonWidgetAnnotation.pushButton > a[data-v-a9094c46]:hover { opacity: 0.2; background: rgba(255, 255, 0, 1); box-shadow: 0 2px 10px rgba(255, 255, 0, 1); } .annotationLayer .textAnnotation img[data-v-a9094c46] { position: absolute; cursor: pointer; } .annotationLayer .textWidgetAnnotation input[data-v-a9094c46], .annotationLayer .textWidgetAnnotation textarea[data-v-a9094c46], .annotationLayer .choiceWidgetAnnotation select[data-v-a9094c46], .annotationLayer .buttonWidgetAnnotation.checkBox input[data-v-a9094c46], .annotationLayer .buttonWidgetAnnotation.radioButton input[data-v-a9094c46] { background-image: var(--annotation-unfocused-field-background); border: 1px solid transparent; box-sizing: border-box; font-size: 9px; height: 100%; margin: 0; padding: 0 3px; vertical-align: top; width: 100%; } .annotationLayer .choiceWidgetAnnotation select option[data-v-a9094c46] { padding: 0; } .annotationLayer .buttonWidgetAnnotation.radioButton input[data-v-a9094c46] { border-radius: 50%; } .annotationLayer .textWidgetAnnotation textarea[data-v-a9094c46] { font: message-box; font-size: 9px; resize: none; } .annotationLayer .textWidgetAnnotation input[disabled][data-v-a9094c46], .annotationLayer .textWidgetAnnotation textarea[disabled][data-v-a9094c46], .annotationLayer .choiceWidgetAnnotation select[disabled][data-v-a9094c46], .annotationLayer .buttonWidgetAnnotation.checkBox input[disabled][data-v-a9094c46], .annotationLayer .buttonWidgetAnnotation.radioButton input[disabled][data-v-a9094c46] { background: none; border: 1px solid transparent; cursor: not-allowed; } .annotationLayer .textWidgetAnnotation input[data-v-a9094c46]:hover, .annotationLayer .textWidgetAnnotation textarea[data-v-a9094c46]:hover, .annotationLayer .choiceWidgetAnnotation select[data-v-a9094c46]:hover, .annotationLayer .buttonWidgetAnnotation.checkBox input[data-v-a9094c46]:hover, .annotationLayer .buttonWidgetAnnotation.radioButton input[data-v-a9094c46]:hover { border: 1px solid rgba(0, 0, 0, 1); } .annotationLayer .textWidgetAnnotation input[data-v-a9094c46]:focus, .annotationLayer .textWidgetAnnotation textarea[data-v-a9094c46]:focus, .annotationLayer .choiceWidgetAnnotation select[data-v-a9094c46]:focus { background: none; border: 1px solid transparent; } .annotationLayer .textWidgetAnnotation input[data-v-a9094c46] :focus, .annotationLayer .textWidgetAnnotation textarea[data-v-a9094c46] :focus, .annotationLayer .choiceWidgetAnnotation select[data-v-a9094c46] :focus, .annotationLayer .buttonWidgetAnnotation.checkBox[data-v-a9094c46] :focus, .annotationLayer .buttonWidgetAnnotation.radioButton[data-v-a9094c46] :focus { background-image: none; background-color: transparent; outline: auto; } .annotationLayer .buttonWidgetAnnotation.checkBox input[data-v-a9094c46]:checked:before, .annotationLayer .buttonWidgetAnnotation.checkBox input[data-v-a9094c46]:checked:after, .annotationLayer .buttonWidgetAnnotation.radioButton input[data-v-a9094c46]:checked:before { background-color: rgba(0, 0, 0, 1); content: ""; display: block; position: absolute; } .annotationLayer .buttonWidgetAnnotation.checkBox input[data-v-a9094c46]:checked:before, .annotationLayer .buttonWidgetAnnotation.checkBox input[data-v-a9094c46]:checked:after { height: 80%; left: 45%; width: 1px; } .annotationLayer .buttonWidgetAnnotation.checkBox input[data-v-a9094c46]:checked:before { transform: rotate(45deg); } .annotationLayer .buttonWidgetAnnotation.checkBox input[data-v-a9094c46]:checked:after { transform: rotate(-45deg); } .annotationLayer .buttonWidgetAnnotation.radioButton input[data-v-a9094c46]:checked:before { border-radius: 50%; height: 50%; left: 30%; top: 20%; width: 50%; } .annotationLayer .textWidgetAnnotation input.comb[data-v-a9094c46] { font-family: monospace; padding-left: 2px; padding-right: 0; } .annotationLayer .textWidgetAnnotation input.comb[data-v-a9094c46]:focus { /* * Letter spacing is placed on the right side of each character. Hence, the * letter spacing of the last character may be placed outside the visible * area, causing horizontal scrolling. We avoid this by extending the width * when the element has focus and revert this when it loses focus. */ width: 103%; } .annotationLayer .buttonWidgetAnnotation.checkBox input[data-v-a9094c46], .annotationLayer .buttonWidgetAnnotation.radioButton input[data-v-a9094c46] { -webkit-appearance: none; -moz-appearance: none; appearance: none; padding: 0; } .annotationLayer .popupWrapper[data-v-a9094c46] { position: absolute; width: 20em; } .annotationLayer .popup[data-v-a9094c46] { position: absolute; z-index: 200; max-width: 20em; background-color: rgba(255, 255, 153, 1); box-shadow: 0 2px 5px rgba(136, 136, 136, 1); border-radius: 2px; padding: 6px; margin-left: 5px; cursor: pointer; font: message-box; font-size: 9px; white-space: normal; word-wrap: break-word; } .annotationLayer .popup > *[data-v-a9094c46] { font-size: 9px; } .annotationLayer .popup h1[data-v-a9094c46] { display: inline-block; } .annotationLayer .popupDate[data-v-a9094c46] { display: inline-block; margin-left: 5px; } .annotationLayer .popupContent[data-v-a9094c46] { border-top: 1px solid rgba(51, 51, 51, 1); margin-top: 2px; padding-top: 2px; } .annotationLayer .richText > *[data-v-a9094c46] { white-space: pre-wrap; } .annotationLayer .highlightAnnotation[data-v-a9094c46], .annotationLayer .underlineAnnotation[data-v-a9094c46], .annotationLayer .squigglyAnnotation[data-v-a9094c46], .annotationLayer .strikeoutAnnotation[data-v-a9094c46], .annotationLayer .freeTextAnnotation[data-v-a9094c46], .annotationLayer .lineAnnotation svg line[data-v-a9094c46], .annotationLayer .squareAnnotation svg rect[data-v-a9094c46], .annotationLayer .circleAnnotation svg ellipse[data-v-a9094c46], .annotationLayer .polylineAnnotation svg polyline[data-v-a9094c46], .annotationLayer .polygonAnnotation svg polygon[data-v-a9094c46], .annotationLayer .caretAnnotation[data-v-a9094c46], .annotationLayer .inkAnnotation svg polyline[data-v-a9094c46], .annotationLayer .stampAnnotation[data-v-a9094c46], .annotationLayer .fileAttachmentAnnotation[data-v-a9094c46] { cursor: pointer; } [data-v-a9094c46]:root { --xfa-unfocused-field-background: url("data:image/svg+xml;charset=UTF-8,"); } .xfaLayer .highlight[data-v-a9094c46] { margin: -1px; padding: 1px; background-color: rgba(239, 203, 237, 1); border-radius: 4px; } .xfaLayer .highlight.appended[data-v-a9094c46] { position: initial; } .xfaLayer .highlight.begin[data-v-a9094c46] { border-radius: 4px 0 0 4px; } .xfaLayer .highlight.end[data-v-a9094c46] { border-radius: 0 4px 4px 0; } .xfaLayer .highlight.middle[data-v-a9094c46] { border-radius: 0; } .xfaLayer .highlight.selected[data-v-a9094c46] { background-color: rgba(203, 223, 203, 1); } .xfaLayer[data-v-a9094c46] ::-moz-selection { background: rgba(0, 0, 255, 1); } .xfaLayer[data-v-a9094c46] ::selection { background: rgba(0, 0, 255, 1); } .xfaPage[data-v-a9094c46] { overflow: hidden; position: relative; } .xfaContentarea[data-v-a9094c46] { position: absolute; } .xfaPrintOnly[data-v-a9094c46] { display: none; } .xfaLayer[data-v-a9094c46] { position: absolute; text-align: initial; top: 0; left: 0; transform-origin: 0 0; line-height: 1.2; } .xfaLayer *[data-v-a9094c46] { color: inherit; font: inherit; font-style: inherit; font-weight: inherit; font-kerning: inherit; letter-spacing: -0.01px; text-align: inherit; text-decoration: inherit; box-sizing: border-box; background-color: transparent; padding: 0; margin: 0; pointer-events: auto; line-height: inherit; } .xfaLayer div[data-v-a9094c46] { pointer-events: none; } .xfaLayer svg[data-v-a9094c46] { pointer-events: none; } .xfaLayer svg *[data-v-a9094c46] { pointer-events: none; } .xfaLayer a[data-v-a9094c46] { color: blue; } .xfaRich li[data-v-a9094c46] { margin-left: 3em; } .xfaFont[data-v-a9094c46] { color: black; font-weight: normal; font-kerning: none; font-size: 10px; font-style: normal; letter-spacing: 0; text-decoration: none; vertical-align: 0; } .xfaCaption[data-v-a9094c46] { overflow: hidden; flex: 0 0 auto; } .xfaCaptionForCheckButton[data-v-a9094c46] { overflow: hidden; flex: 1 1 auto; } .xfaLabel[data-v-a9094c46] { height: 100%; width: 100%; } .xfaLeft[data-v-a9094c46] { display: flex; flex-direction: row; align-items: center; } .xfaRight[data-v-a9094c46] { display: flex; flex-direction: row-reverse; align-items: center; } .xfaLeft > .xfaCaption[data-v-a9094c46], .xfaLeft > .xfaCaptionForCheckButton[data-v-a9094c46], .xfaRight > .xfaCaption[data-v-a9094c46], .xfaRight > .xfaCaptionForCheckButton[data-v-a9094c46] { max-height: 100%; } .xfaTop[data-v-a9094c46] { display: flex; flex-direction: column; align-items: flex-start; } .xfaBottom[data-v-a9094c46] { display: flex; flex-direction: column-reverse; align-items: flex-start; } .xfaTop > .xfaCaption[data-v-a9094c46], .xfaTop > .xfaCaptionForCheckButton[data-v-a9094c46], .xfaBottom > .xfaCaption[data-v-a9094c46], .xfaBottom > .xfaCaptionForCheckButton[data-v-a9094c46] { width: 100%; } .xfaBorder[data-v-a9094c46] { background-color: transparent; position: absolute; pointer-events: none; } .xfaWrapped[data-v-a9094c46] { width: 100%; height: 100%; } .xfaTextfield[data-v-a9094c46]:focus, .xfaSelect[data-v-a9094c46]:focus { background-image: none; background-color: transparent; outline: auto; outline-offset: -1px; } .xfaCheckbox[data-v-a9094c46]:focus, .xfaRadio[data-v-a9094c46]:focus { outline: auto; } .xfaTextfield[data-v-a9094c46], .xfaSelect[data-v-a9094c46] { height: 100%; width: 100%; flex: 1 1 auto; border: none; resize: none; background-image: var(--xfa-unfocused-field-background); } .xfaTop > .xfaTextfield[data-v-a9094c46], .xfaTop > .xfaSelect[data-v-a9094c46], .xfaBottom > .xfaTextfield[data-v-a9094c46], .xfaBottom > .xfaSelect[data-v-a9094c46] { flex: 0 1 auto; } .xfaButton[data-v-a9094c46] { cursor: pointer; width: 100%; height: 100%; border: none; text-align: center; } .xfaLink[data-v-a9094c46] { width: 100%; height: 100%; position: absolute; top: 0; left: 0; } .xfaCheckbox[data-v-a9094c46], .xfaRadio[data-v-a9094c46] { width: 100%; height: 100%; flex: 0 0 auto; border: none; } .xfaRich[data-v-a9094c46] { white-space: pre-wrap; width: 100%; height: 100%; } .xfaImage[data-v-a9094c46] { -o-object-position: left top; object-position: left top; -o-object-fit: contain; object-fit: contain; width: 100%; height: 100%; } .xfaLrTb[data-v-a9094c46], .xfaRlTb[data-v-a9094c46], .xfaTb[data-v-a9094c46] { display: flex; flex-direction: column; align-items: stretch; } .xfaLr[data-v-a9094c46] { display: flex; flex-direction: row; align-items: stretch; } .xfaRl[data-v-a9094c46] { display: flex; flex-direction: row-reverse; align-items: stretch; } .xfaTb > div[data-v-a9094c46] { justify-content: left; } .xfaPosition[data-v-a9094c46] { position: relative; } .xfaArea[data-v-a9094c46] { position: relative; } .xfaValignMiddle[data-v-a9094c46] { display: flex; align-items: center; } .xfaTable[data-v-a9094c46] { display: flex; flex-direction: column; align-items: stretch; } .xfaTable .xfaRow[data-v-a9094c46] { display: flex; flex-direction: row; align-items: stretch; } .xfaTable .xfaRlRow[data-v-a9094c46] { display: flex; flex-direction: row-reverse; align-items: stretch; flex: 1; } .xfaTable .xfaRlRow > div[data-v-a9094c46] { flex: 1; } .xfaNonInteractive input[data-v-a9094c46], .xfaNonInteractive textarea[data-v-a9094c46], .xfaDisabled input[data-v-a9094c46], .xfaDisabled textarea[data-v-a9094c46], .xfaReadOnly input[data-v-a9094c46], .xfaReadOnly textarea[data-v-a9094c46] { background: initial; } @media print { .xfaTextfield[data-v-a9094c46], .xfaSelect[data-v-a9094c46] { background: transparent; } .xfaSelect[data-v-a9094c46] { -webkit-appearance: none; -moz-appearance: none; appearance: none; text-indent: 1px; text-overflow: ""; } } [data-v-a9094c46]:root { --viewer-container-height: 0; --pdfViewer-padding-bottom: 0; --page-margin: 1px auto -8px; --page-border: 9px solid transparent; --spreadHorizontalWrapped-margin-LR: -3.5px; --zoom-factor: 1; } @media screen and (forced-colors: active) { [data-v-a9094c46]:root { --pdfViewer-padding-bottom: 9px; --page-margin: 9px auto 0; --page-border: none; --spreadHorizontalWrapped-margin-LR: 4.5px; } } .pdfViewer[data-v-a9094c46] { padding-bottom: var(--pdfViewer-padding-bottom); } .pdfViewer .canvasWrapper[data-v-a9094c46] { overflow: hidden; } .pdfViewer .page[data-v-a9094c46] { direction: ltr; width: 816px; height: 1056px; margin: var(--page-margin); position: relative; overflow: visible; border: var(--page-border); background-clip: content-box; -o-border-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAYAAAByUDbMAAAA1ElEQVQ4jbWUWw6EIAxFy2NFs/8NzR4UJhpqLsdi5mOmSSMUOfYWqv3S0gMr4XlYH/64gZa/gN3ANYA7KAXALt4ktoQ5MI9YxqaG8bWmsIysMuT6piSQCa4whZThCu8CM4zP9YJaKci9jicPq3NcBWYoPMGUlhG7ivtkB+gVyFY75wXghOvh8t5mto1Mdim6e+MBqH6XsY+YAwjpq3vGF7weTWQptLEDVCZvPTMl5JZZsdh47FHW6qFMyvLYqjcnmdFfY9Xk/KDOlzCusX2mi/ofM7MPkzBcSp4Q1/wAAAAASUVORK5CYII=) 9 9 repeat; border-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAYAAAByUDbMAAAA1ElEQVQ4jbWUWw6EIAxFy2NFs/8NzR4UJhpqLsdi5mOmSSMUOfYWqv3S0gMr4XlYH/64gZa/gN3ANYA7KAXALt4ktoQ5MI9YxqaG8bWmsIysMuT6piSQCa4whZThCu8CM4zP9YJaKci9jicPq3NcBWYoPMGUlhG7ivtkB+gVyFY75wXghOvh8t5mto1Mdim6e+MBqH6XsY+YAwjpq3vGF7weTWQptLEDVCZvPTMl5JZZsdh47FHW6qFMyvLYqjcnmdFfY9Xk/KDOlzCusX2mi/ofM7MPkzBcSp4Q1/wAAAAASUVORK5CYII=) 9 9 repeat; background-color: rgba(255, 255, 255, 1); } .pdfViewer .dummyPage[data-v-a9094c46] { position: relative; width: 0; height: var(--viewer-container-height); } .pdfViewer.removePageBorders .page[data-v-a9094c46] { margin: 0 auto 10px; border: none; } .pdfViewer.singlePageView[data-v-a9094c46] { display: inline-block; } .pdfViewer.singlePageView .page[data-v-a9094c46] { margin: 0; border: none; } .pdfViewer.scrollHorizontal[data-v-a9094c46], .pdfViewer.scrollWrapped[data-v-a9094c46], .spread[data-v-a9094c46] { margin-left: 3.5px; margin-right: 3.5px; text-align: center; } .pdfViewer.scrollHorizontal[data-v-a9094c46], .spread[data-v-a9094c46] { white-space: nowrap; } .pdfViewer.removePageBorders[data-v-a9094c46], .pdfViewer.scrollHorizontal .spread[data-v-a9094c46], .pdfViewer.scrollWrapped .spread[data-v-a9094c46] { margin-left: 0; margin-right: 0; } .spread .page[data-v-a9094c46], .spread .dummyPage[data-v-a9094c46], .pdfViewer.scrollHorizontal .page[data-v-a9094c46], .pdfViewer.scrollWrapped .page[data-v-a9094c46], .pdfViewer.scrollHorizontal .spread[data-v-a9094c46], .pdfViewer.scrollWrapped .spread[data-v-a9094c46] { display: inline-block; vertical-align: middle; } .spread .page[data-v-a9094c46], .pdfViewer.scrollHorizontal .page[data-v-a9094c46], .pdfViewer.scrollWrapped .page[data-v-a9094c46] { margin-left: var(--spreadHorizontalWrapped-margin-LR); margin-right: var(--spreadHorizontalWrapped-margin-LR); } .pdfViewer.removePageBorders .spread .page[data-v-a9094c46], .pdfViewer.removePageBorders.scrollHorizontal .page[data-v-a9094c46], .pdfViewer.removePageBorders.scrollWrapped .page[data-v-a9094c46] { margin-left: 5px; margin-right: 5px; } .pdfViewer .page canvas[data-v-a9094c46] { margin: 0; display: block; } .pdfViewer .page canvas[hidden][data-v-a9094c46] { display: none; } .pdfViewer .page .loadingIcon[data-v-a9094c46] { position: absolute; display: block; left: 0; top: 0; right: 0; bottom: 0; background: url(data:image/gif;base64,R0lGODlhGAAYAPQAAP///wAAAM7Ozvr6+uDg4LCwsOjo6I6OjsjIyJycnNjY2KioqMDAwPLy8nZ2doaGhri4uGhoaAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh/hpDcmVhdGVkIHdpdGggYWpheGxvYWQuaW5mbwAh+QQJBwAAACwAAAAAGAAYAAAFriAgjiQAQWVaDgr5POSgkoTDjFE0NoQ8iw8HQZQTDQjDn4jhSABhAAOhoTqSDg7qSUQwxEaEwwFhXHhHgzOA1xshxAnfTzotGRaHglJqkJcaVEqCgyoCBQkJBQKDDXQGDYaIioyOgYSXA36XIgYMBWRzXZoKBQUMmil0lgalLSIClgBpO0g+s26nUWddXyoEDIsACq5SsTMMDIECwUdJPw0Mzsu0qHYkw72bBmozIQAh+QQJBwAAACwAAAAAGAAYAAAFsCAgjiTAMGVaDgR5HKQwqKNxIKPjjFCk0KNXC6ATKSI7oAhxWIhezwhENTCQEoeGCdWIPEgzESGxEIgGBWstEW4QCGGAIJEoxGmGt5ZkgCRQQHkGd2CESoeIIwoMBQUMP4cNeQQGDYuNj4iSb5WJnmeGng0CDGaBlIQEJziHk3sABidDAHBgagButSKvAAoyuHuUYHgCkAZqebw0AgLBQyyzNKO3byNuoSS8x8OfwIchACH5BAkHAAAALAAAAAAYABgAAAW4ICCOJIAgZVoOBJkkpDKoo5EI43GMjNPSokXCINKJCI4HcCRIQEQvqIOhGhBHhUTDhGo4diOZyFAoKEQDxra2mAEgjghOpCgz3LTBIxJ5kgwMBShACREHZ1V4Kg1rS44pBAgMDAg/Sw0GBAQGDZGTlY+YmpyPpSQDiqYiDQoCliqZBqkGAgKIS5kEjQ21VwCyp76dBHiNvz+MR74AqSOdVwbQuo+abppo10ssjdkAnc0rf8vgl8YqIQAh+QQJBwAAACwAAAAAGAAYAAAFrCAgjiQgCGVaDgZZFCQxqKNRKGOSjMjR0qLXTyciHA7AkaLACMIAiwOC1iAxCrMToHHYjWQiA4NBEA0Q1RpWxHg4cMXxNDk4OBxNUkPAQAEXDgllKgMzQA1pSYopBgonCj9JEA8REQ8QjY+RQJOVl4ugoYssBJuMpYYjDQSliwasiQOwNakALKqsqbWvIohFm7V6rQAGP6+JQLlFg7KDQLKJrLjBKbvAor3IKiEAIfkECQcAAAAsAAAAABgAGAAABbUgII4koChlmhokw5DEoI4NQ4xFMQoJO4uuhignMiQWvxGBIQC+AJBEUyUcIRiyE6CR0CllW4HABxBURTUw4nC4FcWo5CDBRpQaCoF7VjgsyCUDYDMNZ0mHdwYEBAaGMwwHDg4HDA2KjI4qkJKUiJ6faJkiA4qAKQkRB3E0i6YpAw8RERAjA4tnBoMApCMQDhFTuySKoSKMJAq6rD4GzASiJYtgi6PUcs9Kew0xh7rNJMqIhYchACH5BAkHAAAALAAAAAAYABgAAAW0ICCOJEAQZZo2JIKQxqCOjWCMDDMqxT2LAgELkBMZCoXfyCBQiFwiRsGpku0EshNgUNAtrYPT0GQVNRBWwSKBMp98P24iISgNDAS4ipGA6JUpA2WAhDR4eWM/CAkHBwkIDYcGiTOLjY+FmZkNlCN3eUoLDmwlDW+AAwcODl5bYl8wCVYMDw5UWzBtnAANEQ8kBIM0oAAGPgcREIQnVloAChEOqARjzgAQEbczg8YkWJq8nSUhACH5BAkHAAAALAAAAAAYABgAAAWtICCOJGAYZZoOpKKQqDoORDMKwkgwtiwSBBYAJ2owGL5RgxBziQQMgkwoMkhNqAEDARPSaiMDFdDIiRSFQowMXE8Z6RdpYHWnEAWGPVkajPmARVZMPUkCBQkJBQINgwaFPoeJi4GVlQ2Qc3VJBQcLV0ptfAMJBwdcIl+FYjALQgimoGNWIhAQZA4HXSpLMQ8PIgkOSHxAQhERPw7ASTSFyCMMDqBTJL8tf3y2fCEAIfkECQcAAAAsAAAAABgAGAAABa8gII4k0DRlmg6kYZCoOg5EDBDEaAi2jLO3nEkgkMEIL4BLpBAkVy3hCTAQKGAznM0AFNFGBAbj2cA9jQixcGZAGgECBu/9HnTp+FGjjezJFAwFBQwKe2Z+KoCChHmNjVMqA21nKQwJEJRlbnUFCQlFXlpeCWcGBUACCwlrdw8RKGImBwktdyMQEQciB7oACwcIeA4RVwAODiIGvHQKERAjxyMIB5QlVSTLYLZ0sW8hACH5BAkHAAAALAAAAAAYABgAAAW0ICCOJNA0ZZoOpGGQrDoOBCoSxNgQsQzgMZyIlvOJdi+AS2SoyXrK4umWPM5wNiV0UDUIBNkdoepTfMkA7thIECiyRtUAGq8fm2O4jIBgMBA1eAZ6Knx+gHaJR4QwdCMKBxEJRggFDGgQEREPjjAMBQUKIwIRDhBDC2QNDDEKoEkDoiMHDigICGkJBS2dDA6TAAnAEAkCdQ8ORQcHTAkLcQQODLPMIgIJaCWxJMIkPIoAt3EhACH5BAkHAAAALAAAAAAYABgAAAWtICCOJNA0ZZoOpGGQrDoOBCoSxNgQsQzgMZyIlvOJdi+AS2SoyXrK4umWHM5wNiV0UN3xdLiqr+mENcWpM9TIbrsBkEck8oC0DQqBQGGIz+t3eXtob0ZTPgNrIwQJDgtGAgwCWSIMDg4HiiUIDAxFAAoODwxDBWINCEGdSTQkCQcoegADBaQ6MggHjwAFBZUFCm0HB0kJCUy9bAYHCCPGIwqmRq0jySMGmj6yRiEAIfkECQcAAAAsAAAAABgAGAAABbIgII4k0DRlmg6kYZCsOg4EKhLE2BCxDOAxnIiW84l2L4BLZKipBopW8XRLDkeCiAMyMvQAA+uON4JEIo+vqukkKQ6RhLHplVGN+LyKcXA4Dgx5DWwGDXx+gIKENnqNdzIDaiMECwcFRgQCCowiCAcHCZIlCgICVgSfCEMMnA0CXaU2YSQFoQAKUQMMqjoyAglcAAyBAAIMRUYLCUkFlybDeAYJryLNk6xGNCTQXY0juHghACH5BAkHAAAALAAAAAAYABgAAAWzICCOJNA0ZVoOAmkY5KCSSgSNBDE2hDyLjohClBMNij8RJHIQvZwEVOpIekRQJyJs5AMoHA+GMbE1lnm9EcPhOHRnhpwUl3AsknHDm5RN+v8qCAkHBwkIfw1xBAYNgoSGiIqMgJQifZUjBhAJYj95ewIJCQV7KYpzBAkLLQADCHOtOpY5PgNlAAykAEUsQ1wzCgWdCIdeArczBQVbDJ0NAqyeBb64nQAGArBTt8R8mLuyPyEAOwAAAAAAAAAAAA==) center no-repeat; } .pdfViewer .page .loadingIcon.notVisible[data-v-a9094c46] { background: none; } .pdfViewer.enablePermissions .textLayer span[data-v-a9094c46] { -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important; cursor: not-allowed; } .pdfPresentationMode .pdfViewer[data-v-a9094c46] { padding-bottom: 0; } .pdfPresentationMode .spread[data-v-a9094c46] { margin: 0; } .pdfPresentationMode .pdfViewer .page[data-v-a9094c46] { margin: 0 auto; border: 2px solid transparent; } /** * Override Vuetify variables as you normally would * NOTE: remember to provide a fallback for browsers that don't support Custom Properties * In my case, I've used the mobile font-sizes as a fallback See: https://stackoverflow.com/questions/56603008/how-to-make-font-size-responsive-using-vuetify */ /** * define font-sizes with css custom properties. * you can change the values of these properties in a media query See: https://stackoverflow.com/questions/56603008/how-to-make-font-size-responsive-using-vuetify */ :root { --base-font-size: 16px !important; } @media only screen and (max-width: 1903.98px) { :root { --base-font-size: 14.4px !important; } } /** * Override Vuetify variables as you normally would * NOTE: remember to provide a fallback for browsers that don't support Custom Properties * In my case, I've used the mobile font-sizes as a fallback See: https://stackoverflow.com/questions/56603008/how-to-make-font-size-responsive-using-vuetify */ .document-body { overflow-wrap: break-word; } .document-body em.hlt1 { background-color: #2196F3; padding: 2px 4px; color: white; font-style: normal; } .document-body h1 { font-size: 1.25rem; line-height: 2rem; font-weight: 500; padding-bottom: 10px; letter-spacing: 0.0125em; } .document-body h1.staatscourant_kop, .document-body h1.staatsblad_kop, .document-body h1.stuktitel, .document-body h1.dossiertitel { font-size: 0.875rem; font-weight: 400; line-height: 1.375rem; } .document-body span.nootnum { vertical-align: super; font-size: 0.8em; } .document-body .broodtekst-container div.plaatje { display: none; } /** * Override Vuetify variables as you normally would * NOTE: remember to provide a fallback for browsers that don't support Custom Properties * In my case, I've used the mobile font-sizes as a fallback See: https://stackoverflow.com/questions/56603008/how-to-make-font-size-responsive-using-vuetify */ /** * define font-sizes with css custom properties. * you can change the values of these properties in a media query See: https://stackoverflow.com/questions/56603008/how-to-make-font-size-responsive-using-vuetify */ [data-v-bfd88d68]:root { --base-font-size: 16px !important; } @media only screen and (max-width: 1903.98px) { [data-v-bfd88d68]:root { --base-font-size: 14.4px !important; } } /** * Override Vuetify variables as you normally would * NOTE: remember to provide a fallback for browsers that don't support Custom Properties * In my case, I've used the mobile font-sizes as a fallback See: https://stackoverflow.com/questions/56603008/how-to-make-font-size-responsive-using-vuetify */ span[data-v-bfd88d68] { display: inline-block; } span .clickable[data-v-bfd88d68] { cursor: pointer; } .audioTextFragment[data-v-bfd88d68] em.hlt1 { background-color: #2196F3; padding: 2px 4px; color: white; font-style: normal; } .audioTextFragment .currentAudioLine[data-v-bfd88d68] { font-weight: 700; } .audioTextFragment.lightMode .pastAudioLine[data-v-bfd88d68] { color: rgba(0, 0, 0, 0.9); } .audioTextFragment.lightMode .currentAudioLine[data-v-bfd88d68] { color: #007a6e; } .audioTextFragment.darkMode .pastAudioLine[data-v-bfd88d68] { color: rgba(255, 255, 255, 0.9); } .audioTextFragment.darkMode .currentAudioLine[data-v-bfd88d68] { color: #00ccb7; } .metadata-section[data-v-e719f524] { flex: 1; min-width: 300px; padding: 10px; } .bold-green[data-v-e719f524] { font-weight: bold; color: green; } .bold-red[data-v-e719f524] { font-weight: bold; color: red; } .bold-orange[data-v-e719f524] { font-weight: bold; color: orange; } .close-icon[data-v-78abc527] { position: absolute; right: 10px; top: 10px; } /** * Override Vuetify variables as you normally would * NOTE: remember to provide a fallback for browsers that don't support Custom Properties * In my case, I've used the mobile font-sizes as a fallback See: https://stackoverflow.com/questions/56603008/how-to-make-font-size-responsive-using-vuetify */ /** * define font-sizes with css custom properties. * you can change the values of these properties in a media query See: https://stackoverflow.com/questions/56603008/how-to-make-font-size-responsive-using-vuetify */ [data-v-1e280e04]:root { --base-font-size: 16px !important; } @media only screen and (max-width: 1903.98px) { [data-v-1e280e04]:root { --base-font-size: 14.4px !important; } } /** * Override Vuetify variables as you normally would * NOTE: remember to provide a fallback for browsers that don't support Custom Properties * In my case, I've used the mobile font-sizes as a fallback See: https://stackoverflow.com/questions/56603008/how-to-make-font-size-responsive-using-vuetify */ .title-font[data-v-1e280e04] { color: var(--v-disabled-base); font-weight: 600; } .summary-header .title-font.active[data-v-1e280e04] { color: var(--v-primary-base); } .summary-header .aiIcon path.active[data-v-1e280e04] { fill: var(--v-primary-base); } .disclaimer-button[data-v-1e280e04] { height: 24px; width: 24px; } .summary-selector[data-v-1e280e04] { margin-right: 8px; border-width: 2px; } .selected[data-v-1e280e04] { background-color: rgba(0, 165, 165, 0.187); filter: brightness(1.05); } .summary-content[data-v-1e280e04] { max-height: 360px; overflow-y: auto; } .summary-content[data-v-1e280e04] h3 { margin-bottom: 0.7em; } .summary-content[data-v-1e280e04] ul li { margin-bottom: 0.4em; } .summary-content.lightMode[data-v-1e280e04] { color: rgba(0, 0, 0, 0.9); } .summary-content.darkMode[data-v-1e280e04] { color: rgba(255, 255, 255, 0.7); } .v-expansion-panel-content.summary-wrapper > > > .v-expansion-panel-content__wrap[data-v-1e280e04] { padding: 0; padding-bottom: 16px; } span[data-v-1e280e04] { display: inline-block; } .aiIcon[data-v-1e280e04] { margin-left: 0.5em; width: 26px; height: 26px; } .aiIcon path[data-v-1e280e04] { fill: var(--v-disabled-base); } /** * Override Vuetify variables as you normally would * NOTE: remember to provide a fallback for browsers that don't support Custom Properties * In my case, I've used the mobile font-sizes as a fallback See: https://stackoverflow.com/questions/56603008/how-to-make-font-size-responsive-using-vuetify */ /** * define font-sizes with css custom properties. * you can change the values of these properties in a media query See: https://stackoverflow.com/questions/56603008/how-to-make-font-size-responsive-using-vuetify */ [data-v-bf80436c]:root { --base-font-size: 16px !important; } @media only screen and (max-width: 1903.98px) { [data-v-bf80436c]:root { --base-font-size: 14.4px !important; } } /** * Override Vuetify variables as you normally would * NOTE: remember to provide a fallback for browsers that don't support Custom Properties * In my case, I've used the mobile font-sizes as a fallback See: https://stackoverflow.com/questions/56603008/how-to-make-font-size-responsive-using-vuetify */ .title-font[data-v-bf80436c] { color: var(--v-disabled-base); font-weight: 600; } .summary-header .title-font.active[data-v-bf80436c] { color: var(--v-primary-base); } .summary-header .aiIcon path.active[data-v-bf80436c] { fill: var(--v-primary-base); } .disclaimer-button[data-v-bf80436c] { height: 24px; width: 24px; } .summary-content[data-v-bf80436c] { max-height: 360px; overflow-y: auto; } .summary-content[data-v-bf80436c] h3 { margin-bottom: 0.7em; } .summary-content[data-v-bf80436c] ul li { margin-bottom: 0.4em; } .summary-content.lightMode[data-v-bf80436c] { color: rgba(0, 0, 0, 0.9); } .summary-content.darkMode[data-v-bf80436c] { color: rgba(255, 255, 255, 0.7); } .v-expansion-panel-content.summary-wrapper > > > .v-expansion-panel-content__wrap[data-v-bf80436c] { padding: 0; padding-bottom: 16px; } span[data-v-bf80436c] { display: inline-block; } .aiIcon[data-v-bf80436c] { margin-left: 0.5em; width: 26px; height: 26px; } .aiIcon path[data-v-bf80436c] { fill: var(--v-disabled-base); } /** * Override Vuetify variables as you normally would * NOTE: remember to provide a fallback for browsers that don't support Custom Properties * In my case, I've used the mobile font-sizes as a fallback See: https://stackoverflow.com/questions/56603008/how-to-make-font-size-responsive-using-vuetify */ /** * define font-sizes with css custom properties. * you can change the values of these properties in a media query See: https://stackoverflow.com/questions/56603008/how-to-make-font-size-responsive-using-vuetify */ [data-v-7607bd88]:root { --base-font-size: 16px !important; } @media only screen and (max-width: 1903.98px) { [data-v-7607bd88]:root { --base-font-size: 14.4px !important; } } /** * Override Vuetify variables as you normally would * NOTE: remember to provide a fallback for browsers that don't support Custom Properties * In my case, I've used the mobile font-sizes as a fallback See: https://stackoverflow.com/questions/56603008/how-to-make-font-size-responsive-using-vuetify */ .v-subheader[data-v-7607bd88] { height: auto; } .subTitlePart[data-v-7607bd88] { margin-right: 1em; } .options[data-v-7607bd88] { display: flex; flex-wrap: wrap; } .options .pdfToggle[data-v-7607bd88] { display: flex; align-items: center; font-size: 0.8em; margin: 0 1em; padding-right: 1.5em; border-right: thin solid #9e9e9e; } .options .pdfToggle span[data-v-7607bd88] { font-weight: 500; } .options .pdfToggle span.txt[data-v-7607bd88] { margin-right: 0.5em; } .options .pdfToggle .pdfSwitch[data-v-7607bd88] { margin: 0; padding: 0; } .options .pdfToggle .pdfSwitch[data-v-7607bd88] .v-input__slot { margin-bottom: 0; } .options .pdfToggle .pdfSwitch[data-v-7607bd88] .v-messages { display: none; } span[data-v-7607bd88] { display: inline-block; } .pre-header[data-v-7607bd88] { flex-wrap: wrap; width: 100%; justify-content: space-between; align-items: center; } .pre-header .docType[data-v-7607bd88] { font-size: 1.1rem; min-width: 150px; display: flex; } .pre-header .docType .aiIcon[data-v-7607bd88] { margin-left: 0.5em; width: 26px; height: 26px; } .pre-header .docType .aiIcon path[data-v-7607bd88] { fill: teal; }