:root { --dir-factor: 1; /*#if !MOZCENTRAL*/ --inline-start: left; --inline-end: right; /*#endif*/ --sidebar-width: 150px; --sidebar-transition-duration: 200ms; --sidebar-transition-timing-function: ease; --toolbar-icon-opacity: 0.7; --doorhanger-icon-opacity: 0.9; --main-color: rgba(12, 12, 13, 1); --body-bg-color: rgba(212, 212, 215, 1); --progressBar-color: rgba(10, 132, 255, 1); --progressBar-bg-color: rgba(221, 221, 222, 1); --progressBar-blend-color: rgba(116, 177, 239, 1); --scrollbar-color: auto; --scrollbar-bg-color: auto; --toolbar-icon-bg-color: rgba(0, 0, 0, 1); --toolbar-icon-hover-bg-color: rgba(0, 0, 0, 1); --sidebar-narrow-bg-color: rgba(212, 212, 215, 0.9); --sidebar-toolbar-bg-color: rgba(245, 246, 247, 1); --toolbar-bg-color: rgba(249, 249, 250, 1); --toolbar-border-color: rgba(184, 184, 184, 1); --toolbar-box-shadow: 0 1px 0 var(--toolbar-border-color); --toolbar-border-bottom: none; --toolbarSidebar-box-shadow: inset calc(-1px * var(--dir-factor)) 0 0 rgba(0, 0, 0, 0.25), 0 1px 0 rgba(0, 0, 0, 0.15), 0 0 1px rgba(0, 0, 0, 0.1); --toolbarSidebar-border-bottom: none; --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.3); --toggled-hover-active-btn-color: rgba(0, 0, 0, 0.4); --toggled-hover-btn-outline: none; --dropdown-btn-bg-color: rgb(237, 237, 237); --dropdown-btn-border: none; --separator-color: rgba(0, 0, 0, 0.3); --field-color: rgba(6, 6, 6, 1); --field-bg-color: rgba(255, 255, 255, 1); --field-border-color: rgba(187, 187, 188, 1); --treeitem-color: rgba(0, 0, 0, 0.8); --treeitem-bg-color: rgba(0, 0, 0, 0.15); --treeitem-hover-color: rgba(0, 0, 0, 0.9); --treeitem-selected-color: rgba(0, 0, 0, 0.9); --treeitem-selected-bg-color: rgba(0, 0, 0, 0.25); --thumbnail-hover-color: rgba(0, 0, 0, 0.1); --thumbnail-selected-color: rgba(0, 0, 0, 0.2); --doorhanger-bg-color: rgba(255, 255, 255, 1); --doorhanger-border-color: rgba(12, 12, 13, 0.2); --doorhanger-hover-color: rgba(12, 12, 13, 1); --doorhanger-hover-bg-color: rgba(237, 237, 237, 1); --doorhanger-separator-color: rgba(222, 222, 222, 1); --dialog-button-border: none; --dialog-button-bg-color: rgba(12, 12, 13, 0.1); --dialog-button-hover-bg-color: rgba(12, 12, 13, 0.3); --loading-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='16' width='16' style='animation:spinLoadingIcon 1s steps(12,end) infinite'%3E%3Cstyle%3E@keyframes spinLoadingIcon%7Bto%7Btransform:rotate(360deg)%7D%7D%3C/style%3E%3Cpath d='M7 3V1s0-1 1-1 1 1 1 1v2s0 1-1 1-1-1-1-1z'/%3E%3Cpath d='M4.63 4.1l-1-1.73S3.13 1.5 4 1c.87-.5 1.37.37 1.37.37l1 1.73s.5.87-.37 1.37c-.87.57-1.37-.37-1.37-.37z' fill-opacity='.93'/%3E%3Cpath d='M3.1 6.37l-1.73-1S.5 4.87 1 4c.5-.87 1.37-.37 1.37-.37l1.73 1s.87.5.37 1.37c-.5.87-1.37.37-1.37.37z' fill-opacity='.86'/%3E%3Cpath d='M3 9H1S0 9 0 8s1-1 1-1h2s1 0 1 1-1 1-1 1z' fill-opacity='.79'/%3E%3Cpath d='M4.1 11.37l-1.73 1S1.5 12.87 1 12c-.5-.87.37-1.37.37-1.37l1.73-1s.87-.5 1.37.37c.5.87-.37 1.37-.37 1.37z' fill-opacity='.72'/%3E%3Cpath d='M3.63 13.56l1-1.73s.5-.87 1.37-.37c.87.5.37 1.37.37 1.37l-1 1.73s-.5.87-1.37.37c-.87-.5-.37-1.37-.37-1.37z' fill-opacity='.65'/%3E%3Cpath d='M7 15v-2s0-1 1-1 1 1 1 1v2s0 1-1 1-1-1-1-1z' fill-opacity='.58'/%3E%3Cpath d='M10.63 14.56l-1-1.73s-.5-.87.37-1.37c.87-.5 1.37.37 1.37.37l1 1.73s.5.87-.37 1.37c-.87.5-1.37-.37-1.37-.37z' fill-opacity='.51'/%3E%3Cpath d='M13.56 12.37l-1.73-1s-.87-.5-.37-1.37c.5-.87 1.37-.37 1.37-.37l1.73 1s.87.5.37 1.37c-.5.87-1.37.37-1.37.37z' fill-opacity='.44'/%3E%3Cpath d='M15 9h-2s-1 0-1-1 1-1 1-1h2s1 0 1 1-1 1-1 1z' fill-opacity='.37'/%3E%3Cpath d='M14.56 5.37l-1.73 1s-.87.5-1.37-.37c-.5-.87.37-1.37.37-1.37l1.73-1s.87-.5 1.37.37c.5.87-.37 1.37-.37 1.37z' fill-opacity='.3'/%3E%3Cpath d='M9.64 3.1l.98-1.66s.5-.874 1.37-.37c.87.5.37 1.37.37 1.37l-1 1.73s-.5.87-1.37.37c-.87-.5-.37-1.37-.37-1.37z' fill-opacity='.23'/%3E%3C/svg%3E"); --toolbarButton-menuArrow-icon: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.23336 10.4664L11.8474 6.85339C11.894 6.8071 11.931 6.75203 11.9563 6.69136C11.9816 6.63069 11.9946 6.56562 11.9946 6.49989C11.9946 6.43417 11.9816 6.3691 11.9563 6.30843C11.931 6.24776 11.894 6.19269 11.8474 6.14639C11.7536 6.05266 11.6264 6 11.4939 6C11.3613 6 11.2341 6.05266 11.1404 6.14639L7.99236 9.29339L4.84736 6.14739C4.75305 6.05631 4.62675 6.00592 4.49566 6.00706C4.36456 6.0082 4.23915 6.06078 4.14645 6.15348C4.05374 6.24619 4.00116 6.37159 4.00002 6.50269C3.99888 6.63379 4.04928 6.76009 4.14036 6.85439L7.75236 10.4674L8.23336 10.4664Z' fill='black'/%3E%3C/svg%3E%0A"); --toolbarButton-sidebarToggle-icon: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' d='M16 4V12.25C16 12.7804 15.7893 13.2891 15.4142 13.6642C15.0391 14.0393 14.5304 14.25 14 14.25H2C1.46957 14.25 0.960859 14.0393 0.585786 13.6642C0.210714 13.2891 0 12.7804 0 12.25V4C0 3.46957 0.210714 2.96086 0.585786 2.58579C0.960859 2.21071 1.46957 2 2 2H14C14.5304 2 15.0391 2.21071 15.4142 2.58579C15.7893 2.96086 16 3.46957 16 4ZM1.25 3.85V12.4L1.85 13H6.75V3.25H1.85L1.25 3.85ZM14.15 13H8V3.25H14.15L14.75 3.85V12.4L14.15 13ZM5.35355 10.1464C5.44732 10.2402 5.5 10.3674 5.5 10.5C5.5 10.6326 5.44732 10.7598 5.35355 10.8536C5.25979 10.9473 5.13261 11 5 11H3C2.86739 11 2.74021 10.9473 2.64645 10.8536C2.55268 10.7598 2.5 10.6326 2.5 10.5C2.5 10.3674 2.55268 10.2402 2.64645 10.1464C2.74021 10.0527 2.86739 10 3 10H5C5.13261 10 5.25979 10.0527 5.35355 10.1464ZM5.5 8C5.5 7.86739 5.44732 7.74021 5.35355 7.64645C5.25979 7.55268 5.13261 7.5 5 7.5H3C2.86739 7.5 2.74021 7.55268 2.64645 7.64645C2.55268 7.74021 2.5 7.86739 2.5 8C2.5 8.13261 2.55268 8.25979 2.64645 8.35355C2.74021 8.44732 2.86739 8.5 3 8.5H5C5.13261 8.5 5.25979 8.44732 5.35355 8.35355C5.44732 8.25979 5.5 8.13261 5.5 8ZM5.35355 5.14645C5.44732 5.24021 5.5 5.36739 5.5 5.5C5.5 5.63261 5.44732 5.75979 5.35355 5.85355C5.25979 5.94732 5.13261 6 5 6H3C2.86739 6 2.74021 5.94732 2.64645 5.85355C2.55268 5.75979 2.5 5.63261 2.5 5.5C2.5 5.36739 2.55268 5.24021 2.64645 5.14645C2.74021 5.05268 2.86739 5 3 5H5C5.13261 5 5.25979 5.05268 5.35355 5.14645Z' fill='black'/%3E%3C/svg%3E%0A"); --toolbarButton-pageUp-icon: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.35179 5.001L13.8178 10.466C13.876 10.524 13.9222 10.5929 13.9537 10.6688C13.9852 10.7447 14.0013 10.826 14.0012 10.9082C14.0011 10.9904 13.9848 11.0717 13.9531 11.1475C13.9215 11.2234 13.8751 11.2922 13.8168 11.35C13.6991 11.4668 13.5401 11.5324 13.3743 11.5324C13.2085 11.5324 13.0494 11.4668 12.9318 11.35L7.99879 6.416L3.06679 11.349C2.94842 11.4614 2.79085 11.5231 2.62765 11.521C2.46445 11.5189 2.30853 11.4531 2.19312 11.3377C2.07771 11.2223 2.01193 11.0663 2.00982 10.9031C2.0077 10.7399 2.06941 10.5824 2.18179 10.464L7.64779 5L8.35179 5.001Z' fill='black'/%3E%3C/svg%3E%0A"); --toolbarButton-pageDown-icon: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.35176 10.9989L13.8178 5.53391C13.876 5.47594 13.9222 5.40702 13.9537 5.33113C13.9851 5.25524 14.0013 5.17387 14.0012 5.0917C14.0011 5.00954 13.9848 4.9282 13.9531 4.85238C13.9215 4.77656 13.8751 4.70775 13.8168 4.64991C13.6991 4.53309 13.5401 4.46753 13.3743 4.46753C13.2085 4.46753 13.0494 4.53309 12.9318 4.64991L7.99776 9.58491L3.06776 4.65091C2.9494 4.53853 2.79183 4.47682 2.62863 4.47894C2.46542 4.48106 2.3095 4.54683 2.19409 4.66224C2.07868 4.77765 2.01291 4.93357 2.01079 5.09677C2.00868 5.25997 2.07039 5.41754 2.18276 5.53591L7.64776 10.9999L8.35176 10.9989Z' fill='black'/%3E%3C/svg%3E%0A"); --toolbarButton-zoomOut-icon: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.375 9.25C13.5408 9.25 13.6997 9.18415 13.8169 9.06694C13.9342 8.94973 14 8.79076 14 8.625C14 8.45924 13.9342 8.30027 13.8169 8.18306C13.6997 8.06585 13.5408 8 13.375 8H2.625C2.45924 8 2.30027 8.06585 2.18306 8.18306C2.06585 8.30027 2 8.45924 2 8.625C2 8.79076 2.06585 8.94973 2.18306 9.06694C2.30027 9.18415 2.45924 9.25 2.625 9.25H13.375Z' fill='black'/%3E%3C/svg%3E%0A"); --toolbarButton-zoomIn-icon: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.00488 9.75V14C7.00488 14.1658 7.07073 14.3247 7.18794 14.4419C7.30515 14.5592 7.46412 14.625 7.62988 14.625C7.79564 14.625 7.95461 14.5592 8.07183 14.4419C8.18904 14.3247 8.25488 14.1658 8.25488 14V9.75L8.75488 9.25H13.0049C13.1706 9.25 13.3296 9.18415 13.4468 9.06694C13.564 8.94973 13.6299 8.79076 13.6299 8.625C13.6299 8.45924 13.564 8.30027 13.4468 8.18306C13.3296 8.06585 13.1706 8 13.0049 8H8.75488L8.25488 7.5V3.25C8.25488 3.08424 8.18904 2.92527 8.07183 2.80806C7.95461 2.69085 7.79564 2.625 7.62988 2.625C7.46412 2.625 7.30515 2.69085 7.18794 2.80806C7.07073 2.92527 7.00488 3.08424 7.00488 3.25V7.5L6.50488 8H2.25488C2.08912 8 1.93015 8.06585 1.81294 8.18306C1.69573 8.30027 1.62988 8.45924 1.62988 8.625C1.62988 8.79076 1.69573 8.94973 1.81294 9.06694C1.93015 9.18415 2.08912 9.25 2.25488 9.25H6.39188L7.00488 9.75Z' fill='black'/%3E%3C/svg%3E%0A"); --findbarButton-previous-icon: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.001 8.352L10.466 13.818C10.5845 13.9303 10.7421 13.9918 10.9053 13.9895C11.0685 13.9872 11.2244 13.9212 11.3397 13.8057C11.4549 13.6902 11.5205 13.5342 11.5225 13.3709C11.5244 13.2077 11.4625 13.0502 11.35 12.932L6.416 7.999L11.349 3.067C11.4614 2.94864 11.5231 2.79106 11.521 2.62786C11.5189 2.46466 11.4531 2.30874 11.3377 2.19333C11.2223 2.07792 11.0663 2.01215 10.9031 2.01003C10.7399 2.00792 10.5824 2.06962 10.464 2.182L5 7.647L5.001 8.352Z' fill='black'/%3E%3C/svg%3E%0A"); --findbarButton-next-icon: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.999 8.352L5.534 13.818C5.41551 13.9303 5.25786 13.9918 5.09466 13.9895C4.93146 13.9872 4.77561 13.9212 4.66033 13.8057C4.54505 13.6902 4.47945 13.5342 4.47752 13.3709C4.47559 13.2077 4.53748 13.0502 4.65 12.932L9.585 7.998L4.651 3.067C4.53862 2.94864 4.47691 2.79106 4.47903 2.62786C4.48114 2.46466 4.54692 2.30874 4.66233 2.19333C4.77774 2.07792 4.93366 2.01215 5.09686 2.01003C5.26006 2.00792 5.41763 2.06962 5.536 2.182L11 7.647L10.999 8.352Z' fill='black'/%3E%3C/svg%3E%0A"); --secondaryToolbarButton-rotateCw-icon: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.5895 4.83613L11.23 6.19601C10.933 6.49201 11.143 7.00001 11.563 7.00001H15.138C15.398 7.00001 15.609 6.78901 15.609 6.52901V2.95401C15.609 2.53401 15.101 2.32401 14.804 2.62101L13.672 3.75328C12.3204 1.78973 10.0599 0.5 7.5 0.5C3.364 0.5 0 3.864 0 8C0 12.136 3.364 15.5 7.5 15.5C11.296 15.5 14.434 12.663 14.925 9H13.41C12.932 11.833 10.468 14 7.5 14C4.191 14 1.5 11.309 1.5 8C1.5 4.691 4.191 2 7.5 2C9.64738 2 11.5311 3.13503 12.5895 4.83613Z' fill='black'/%3E%3C/svg%3E%0A"); --secondaryToolbarButton-editorInk-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M2.49913 12.6251C2.61913 12.6251 2.73913 12.6051 2.85713 12.5661L6.29013 11.4201L13.2891 4.4221C14.0191 3.6911 14.0191 2.5011 13.2891 1.7701L12.2291 0.710098C11.4971 -0.0199023 10.3091 -0.0199023 9.57713 0.710098L2.57813 7.7091L1.43313 11.1451C1.29813 11.5511 1.40213 11.9931 1.70513 12.2951C1.92113 12.5101 2.20613 12.6251 2.49913 12.6251ZM10.4611 1.5951C10.7031 1.3511 11.1021 1.3511 11.3441 1.5951L12.4051 2.6561C12.6491 2.8991 12.6491 3.2961 12.4051 3.5391L11.3401 4.6051L9.39513 2.6601L10.4611 1.5951ZM3.67013 8.3851L8.51013 3.5451L10.4541 5.4891L5.61413 10.3301L2.69713 11.3031L3.67013 8.3851Z' fill='black'/%3E%3Cpath d='M14.8169 13.314L13.0229 13.862C12.3309 14.073 11.5909 14.111 10.8859 13.968L8.80391 13.551C7.58491 13.308 6.29791 13.48 5.18491 14.036C3.95291 14.652 2.46691 14.412 1.49191 13.436L1.44091 13.385L0.60791 14.321C1.46291 15.175 2.59991 15.625 3.75291 15.625C4.42891 15.625 5.10991 15.471 5.74391 15.153C6.60891 14.721 7.60891 14.586 8.55891 14.777L10.6409 15.194C11.5509 15.376 12.5009 15.327 13.3879 15.056L15.1819 14.508L14.8169 13.314Z' fill='black'/%3E%3C/svg%3E"); --secondaryToolbarButton-editorFreeText-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M8.625 2.942C8.625 2.725 8.735 2.527 8.918 2.412L10.026 1.72C10.126 1.658 10.24 1.625 10.358 1.625H12V0.375H10.358C10.006 0.375 9.663 0.474 9.364 0.66L8.256 1.353C8.161 1.412 8.081 1.488 8 1.562C7.918 1.488 7.839 1.412 7.744 1.353L6.635 0.66C6.336 0.474 5.993 0.375 5.642 0.375H4V1.625H5.642C5.759 1.625 5.874 1.658 5.974 1.72L7.082 2.412C7.266 2.527 7.376 2.725 7.376 2.942V8V13.058C7.376 13.275 7.266 13.473 7.082 13.588L5.973 14.28C5.873 14.342 5.759 14.375 5.641 14.375H4V15.625H5.642C5.994 15.625 6.337 15.526 6.636 15.34L7.744 14.648C7.84 14.588 7.919 14.512 8 14.439C8.081 14.512 8.161 14.588 8.256 14.648L9.365 15.341C9.664 15.527 10.007 15.626 10.359 15.626H12V14.376H10.358C10.241 14.376 10.126 14.343 10.026 14.281L8.918 13.589C8.734 13.474 8.625 13.276 8.625 13.059V8V2.942Z' fill='black'/%3E%3C/svg%3E"); --editorParams-stampAddImage-icon: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.00488 9.75V14C7.00488 14.1658 7.07073 14.3247 7.18794 14.4419C7.30515 14.5592 7.46412 14.625 7.62988 14.625C7.79564 14.625 7.95461 14.5592 8.07183 14.4419C8.18904 14.3247 8.25488 14.1658 8.25488 14V9.75L8.75488 9.25H13.0049C13.1706 9.25 13.3296 9.18415 13.4468 9.06694C13.564 8.94973 13.6299 8.79076 13.6299 8.625C13.6299 8.45924 13.564 8.30027 13.4468 8.18306C13.3296 8.06585 13.1706 8 13.0049 8H8.75488L8.25488 7.5V3.25C8.25488 3.08424 8.18904 2.92527 8.07183 2.80806C7.95461 2.69085 7.79564 2.625 7.62988 2.625C7.46412 2.625 7.30515 2.69085 7.18794 2.80806C7.07073 2.92527 7.00488 3.08424 7.00488 3.25V7.5L6.50488 8H2.25488C2.08912 8 1.93015 8.06585 1.81294 8.18306C1.69573 8.30027 1.62988 8.45924 1.62988 8.625C1.62988 8.79076 1.69573 8.94973 1.81294 9.06694C1.93015 9.18415 2.08912 9.25 2.25488 9.25H6.39188L7.00488 9.75Z' fill='black'/%3E%3C/svg%3E%0A"); --editor-toolbar-delete-icon: url("data:image/svg+xml,%0A%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11 3H13.6C14 3 14.3 3.3 14.3 3.6C14.3 3.9 14 4.2 13.7 4.2H13.3V14C13.3 15.1 12.4 16 11.3 16H4.80005C3.70005 16 2.80005 15.1 2.80005 14V4.2H2.40005C2.00005 4.2 1.80005 4 1.80005 3.6C1.80005 3.2 2.00005 3 2.40005 3H5.00005V2C5.00005 0.9 5.90005 0 7.00005 0H9.00005C10.1 0 11 0.9 11 2V3ZM6.90005 1.2L6.30005 1.8V3H9.80005V1.8L9.20005 1.2H6.90005ZM11.4 14.7L12 14.1V4.2H4.00005V14.1L4.60005 14.7H11.4ZM7.00005 12.4C7.00005 12.7 6.70005 13 6.40005 13C6.10005 13 5.80005 12.7 5.80005 12.4V7.6C5.70005 7.3 6.00005 7 6.40005 7C6.80005 7 7.00005 7.3 7.00005 7.6V12.4ZM10.2001 12.4C10.2001 12.7 9.90006 13 9.60006 13C9.30006 13 9.00006 12.7 9.00006 12.4V7.6C9.00006 7.3 9.30006 7 9.60006 7C9.90006 7 10.2001 7.3 10.2001 7.6V12.4Z' fill='black' /%3E%3C/svg%3E"); --check-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ctitle%3Echeck-bold%3C/title%3E%3Cpath d='M9,20.42L2.79,14.21L5.62,11.38L9,14.77L18.88,4.88L21.71,7.71L9,20.42Z' /%3E%3C/svg%3E"); --close-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ctitle%3Eclose-thick%3C/title%3E%3Cpath d='M20 6.91L17.09 4L12 9.09L6.91 4L4 6.91L9.09 12L4 17.09L6.91 20L12 14.91L17.09 20L20 17.09L14.91 12L20 6.91Z' /%3E%3C/svg%3E"); } :root:dir(rtl) { --dir-factor: -1; /*#if !MOZCENTRAL*/ --inline-start: right; --inline-end: left; /*#endif*/ } #viewerContainer *, #sidebarContainer * { box-sizing: content-box; } .hidden, [hidden] { display: none !important; } #viewerContainer.pdfPresentationMode:fullscreen { top: 0; background-color: rgba(0, 0, 0, 1); width: 100%; height: 100%; overflow: hidden; cursor: none; user-select: none; } .pdfPresentationMode:fullscreen section:not([data-internal-link]) { pointer-events: none; } .pdfPresentationMode:fullscreen .textLayer span { cursor: none; } .pdfPresentationMode.pdfPresentationModeControls > *, .pdfPresentationMode.pdfPresentationModeControls .textLayer span { cursor: default; } .outerContainer { width: 100%; height: 100%; position: relative; background-color: lightgray; } #sidebarContainer { position: absolute; inset-block: 32px 0; inset-inline-start: calc(-1 * var(--sidebar-width)); width: var(--sidebar-width); /* height: 100%; */ visibility: hidden; /* z-index: 100; */ z-index: 5; font: message-box; border-top: 1px solid rgba(51, 51, 51, 1); border-inline-end: var(--doorhanger-border-color-whcm); transition-property: inset-inline-start; transition-duration: var(--sidebar-transition-duration); transition-timing-function: var(--sidebar-transition-timing-function); } .outerContainer:is(.sidebarMoving, .sidebarOpen) #sidebarContainer { visibility: visible; } .outerContainer.sidebarOpen #sidebarContainer { inset-inline-start: 0; } #mainContainer { position: absolute; inset: 0; min-width: 350px; } #sidebarContent { /* inset-block: 32px 0; */ inset-block: 0; inset-inline-start: 0; /* overflow: auto; */ overflow-y: scroll; overflow-x: hidden; position: absolute; width: 100%; /* height: 100%; */ background-color: darkgray; box-shadow: inset calc(-1px * var(--dir-factor)) 0 0 rgba(0, 0, 0, 0.25); } #viewerContainer { overflow: auto; position: absolute; inset: 32px 0 0; outline: none; } #viewerContainer:not(.pdfPresentationMode) { transition-duration: var(--sidebar-transition-duration); transition-timing-function: var(--sidebar-transition-timing-function); } .outerContainer.sidebarOpen #viewerContainer:not(.pdfPresentationMode) { inset-inline-start: var(--sidebar-width); transition-property: inset-inline-start; } .toolbar { position: relative; inset-inline: 0; /* z-index: 9999; */ cursor: default; font: message-box; } :is(.toolbar, .editorParamsToolbar, .findbar, #sidebarContainer) :is(input, button, select), .secondaryToolbar :is(input, button, a, select) { outline: none; font: message-box; } #toolbarContainer { width: 100%; } #toolbarSidebar { width: 100%; height: 32px; background-color: var(--sidebar-toolbar-bg-color); box-shadow: var(--toolbarSidebar-box-shadow); border-bottom: var(--toolbarSidebar-border-bottom); } #sidebarResizer { position: absolute; inset-block: 0; inset-inline-end: -6px; width: 6px; /* height: 100%; */ /* z-index: 200; */ cursor: ew-resize; } #toolbarContainer, .findbar, .secondaryToolbar, .editorParamsToolbar { position: relative; height: 32px; background-color: var(--toolbar-bg-color); box-shadow: var(--toolbar-box-shadow); border-bottom: var(--toolbar-border-bottom); } #toolbarViewer { height: 32px; display: flex; flex-direction: row; justify-content: space-between; } #loadingBar { /* Define these variables here, and not in :root, to avoid reflowing the entire viewer when updating progress (see issue 15958). */ --progressBar-percent: 0%; --progressBar-end-offset: 0; position: absolute; inset-inline: 0 var(--progressBar-end-offset); height: 4px; background-color: var(--progressBar-bg-color); border-bottom: 1px solid var(--toolbar-border-color); transition-property: inset-inline-start; transition-duration: var(--sidebar-transition-duration); transition-timing-function: var(--sidebar-transition-timing-function); } .outerContainer.sidebarOpen #loadingBar { inset-inline-start: var(--sidebar-width); } #loadingBar .progress { position: absolute; top: 0; inset-inline-start: 0; width: 100%; transform: scaleX(var(--progressBar-percent)); transform-origin: calc(50% - 50% * var(--dir-factor)) 0; height: 100%; background-color: var(--progressBar-color); overflow: hidden; transition: transform 200ms; } @keyframes progressIndeterminate { 0% { transform: translateX(calc(-142px * var(--dir-factor))); } 100% { transform: translateX(0); } } #loadingBar.indeterminate .progress { transform: none; background-color: var(--progressBar-bg-color); transition: none; } #loadingBar.indeterminate .progress .glimmer { position: absolute; top: 0; inset-inline-start: 0; height: 100%; width: calc(100% + 150px); background: repeating-linear-gradient( 135deg, var(--progressBar-blend-color) 0, var(--progressBar-bg-color) 5px, var(--progressBar-bg-color) 45px, var(--progressBar-color) 55px, var(--progressBar-color) 95px, var(--progressBar-blend-color) 100px ); animation: progressIndeterminate 1s linear infinite; } .outerContainer.sidebarResizing :is(#sidebarContainer, #viewerContainer, #loadingBar) { /* Improve responsiveness and avoid visual glitches when the sidebar is resized. */ transition-duration: 0s; } .findbar, .secondaryToolbar, .editorParamsToolbar { top: 32px; position: absolute; /* z-index: 30000; */ z-index: 1; height: auto; padding: 0 4px; margin: 4px 2px; font: message-box; font-size: 12px; line-height: 14px; text-align: left; cursor: default; } .secondaryToolbar, .editorParamsToolbar { padding: 6px 0 10px; inset-inline-end: 4px; height: auto; background-color: var(--doorhanger-bg-color); } .editorParamsToolbarContainer { width: 220px; margin-bottom: -4px; } .editorParamsToolbarContainer > .editorParamsSetter { min-height: 26px; display: flex; align-items: center; justify-content: space-between; padding-inline: 10px; } .editorParamsToolbarContainer .editorParamsLabel { padding-inline-end: 10px; flex: none; color: var(--main-color); } .editorParamsToolbarContainer .editorParamsColor { width: 32px; height: 32px; flex: none; } .editorParamsToolbarContainer .editorParamsSlider { background-color: transparent; width: 90px; flex: 0 1 0; } .editorParamsToolbarContainer .editorParamsSlider::-moz-range-progress { background-color: black; } /*#if !MOZCENTRAL*/ .editorParamsToolbarContainer .editorParamsSlider::-webkit-slider-runnable-track, /*#endif*/ .editorParamsToolbarContainer .editorParamsSlider::-moz-range-track { background-color: black; } /*#if !MOZCENTRAL*/ .editorParamsToolbarContainer .editorParamsSlider::-webkit-slider-thumb, /*#endif*/ .editorParamsToolbarContainer .editorParamsSlider::-moz-range-thumb { background-color: white; } #secondaryToolbarButtonContainer { max-width: 220px; min-height: 26px; max-height: calc(var(--viewer-container-height) - 40px); overflow-y: auto; margin-bottom: -4px; } #editorStampParamsToolbar { inset-inline-end: 40px; background-color: var(--toolbar-bg-color); } #editorInkParamsToolbar { inset-inline-end: 32px; background-color: var(--toolbar-bg-color); } #editorFreeTextParamsToolbar { inset-inline-end: 0px; background-color: var(--toolbar-bg-color); } #editorStampAddImage::before { background: var(--editorParams-stampAddImage-icon); } .doorHanger, .doorHangerRight { border-radius: 2px; box-shadow: 0 1px 5px var(--doorhanger-border-color), 0 0 0 1px var(--doorhanger-border-color); border: var(--doorhanger-border-color-whcm); } :is(.doorHanger, .doorHangerRight)::after, :is(.doorHanger, .doorHangerRight)::before { bottom: 100%; border: 8px solid rgba(0, 0, 0, 0); content: ' '; height: 0; width: 0; position: absolute; pointer-events: none; opacity: var(--doorhanger-triangle-opacity-whcm); } .doorHanger::after { inset-inline-start: 10px; margin-inline-start: -8px; border-bottom-color: var(--toolbar-bg-color); } .doorHangerRight::after { inset-inline-end: 10px; margin-inline-end: -8px; border-bottom-color: var(--doorhanger-bg-color); } :is(.doorHanger, .doorHangerRight)::before { border-bottom-color: var(--doorhanger-border-color); border-width: 9px; } .doorHanger::before { inset-inline-start: 10px; margin-inline-start: -9px; } .doorHangerRight::before { inset-inline-end: 10px; margin-inline-end: -9px; } #findResultsCount { background-color: rgba(217, 217, 217, 1); color: rgba(82, 82, 82, 1); text-align: center; padding: 4px 5px; margin: 5px; } #findMsg[data-status='notFound'] { font-weight: bold; } :is(#findResultsCount, #findMsg):empty { display: none; } /* #toolbarViewerLeft, */ #toolbarSidebarLeft { float: var(--inline-start); } /* #toolbarViewerRight, */ #toolbarSidebarRight { float: var(--inline-end); } #toolbarViewerLeft > *, #toolbarViewerMiddle > *, #toolbarViewerRight > *, #toolbarSidebarLeft *, #toolbarSidebarRight *, .findbar * { position: relative; float: var(--inline-start); } #toolbarViewerLeft, #toolbarViewerMiddle, #toolbarViewerRight { display: flex; flex-direction: row; justify-content: center; align-items: center; } #toolbarSidebarRight { padding-inline-end: 2px; } .splitToolbarButton { margin: 2px; display: inline-block; } .splitToolbarButton > .toolbarButton { float: var(--inline-start); } .toolbarButton, .secondaryToolbarButton, .dialogButton { border: none; background: none; width: 28px; height: 28px; outline: none; } .dialogButton:is(:hover, :focus-visible) { background-color: var(--dialog-button-hover-bg-color); } .dialogButton:is(:hover, :focus-visible) > span { color: var(--dialog-button-hover-color); } .toolbarButton > span { display: inline-block; width: 0; height: 0; overflow: hidden; } :is(.toolbarButton, .secondaryToolbarButton, .dialogButton)[disabled] { opacity: 0.5; } .splitToolbarButton > .toolbarButton { position: relative; margin: 0; } #toolbarSidebar .splitToolbarButton > .toolbarButton { margin-inline-end: 2px; } .splitToolbarButtonSeparator { float: var(--inline-start); margin: 4px 0; width: 1px; height: 20px; background-color: var(--separator-color); } .toolbarButton, .dropdownToolbarButton, .secondaryToolbarButton, .dialogButton { min-width: 16px; margin: 2px 1px; padding: 2px 6px 0; border: none; border-radius: 2px; color: var(--main-color); font-size: 12px; line-height: 14px; user-select: none; cursor: default; box-sizing: border-box; } .toolbarButton:is(:hover, :focus-visible) { background-color: var(--button-hover-color); } .secondaryToolbarButton:is(:hover, :focus-visible) { background-color: var(--doorhanger-hover-bg-color); color: var(--doorhanger-hover-color); } :is(.toolbarButton, .secondaryToolbarButton).toggled, .splitToolbarButton.toggled > .toolbarButton.toggled { background-color: var(--toggled-btn-bg-color); color: var(--toggled-btn-color); } :is(.toolbarButton, .secondaryToolbarButton).toggled:hover, .splitToolbarButton.toggled > .toolbarButton.toggled:hover { outline: var(--toggled-hover-btn-outline) !important; } :is(.toolbarButton, .secondaryToolbarButton).toggled::before { background-color: var(--toggled-btn-color); } :is(.toolbarButton, .secondaryToolbarButton).toggled:hover:active, .splitToolbarButton.toggled > .toolbarButton.toggled:hover:active { background-color: var(--toggled-hover-active-btn-color); } .dropdownToolbarButton { /* Define this variable here, and not in :root, to avoid reflowing the entire viewer when updating the width. */ --scale-select-width: 140px; width: var(--scale-select-width); padding: 0; border: var(--dropdown-btn-border); } .dropdownToolbarButton::after { top: 6px; inset-inline-end: 6px; pointer-events: none; background: var(--toolbarButton-menuArrow-icon); } #scaleSelectContainer::after { top: 2px; } .dropdownToolbarButton > select { appearance: none; width: inherit; height: 28px; font-size: 12px; color: var(--main-color); margin: 0; padding: 1px 0 2px; padding-inline-start: 6px; border: none; } .dropdownToolbarButton > select > option { background: var(--doorhanger-bg-color); color: var(--main-color); } .toolbarButtonSpacer { width: 30px; display: inline-block; height: 1px; } :is(.toolbarButton, .secondaryToolbarButton, .treeItemToggler)::before, .dropdownToolbarButton::after { /* All matching images have a size of 16x16 * All relevant containers have a size of 28x28 */ position: absolute; display: inline-block; width: 16px; height: 16px; content: ''; background-size: cover; } .toolbarButton::before { opacity: var(--toolbar-icon-opacity); top: 6px; left: 6px; } .secondaryToolbarButton::before { opacity: var(--doorhanger-icon-opacity); top: 5px; inset-inline-start: 12px; } #sidebarToggle::before { background: var(--toolbarButton-sidebarToggle-icon); transform: scaleX(var(--dir-factor)); } #findPrevious::before { background: var(--findbarButton-previous-icon); } #findNext::before { background: var(--findbarButton-next-icon); } #previous::before { background: var(--toolbarButton-pageUp-icon); } #next::before { background: var(--toolbarButton-pageDown-icon); } #zoomOut::before { background: var(--toolbarButton-zoomOut-icon); } #zoomIn::before { background: var(--toolbarButton-zoomIn-icon); } a.secondaryToolbarButton { padding-top: 5px; text-decoration: none; } a:is(.toolbarButton, .secondaryToolbarButton)[href='#'] { opacity: 0.5; pointer-events: none; } .pdfSidebarNotification::after { position: absolute; display: inline-block; top: 2px; inset-inline-end: 2px; /* Create a filled circle, with a diameter of 9 pixels, using only CSS: */ content: ''; background-color: rgba(112, 219, 85, 1); height: 9px; width: 9px; border-radius: 50%; } .secondaryToolbarButton { position: relative; margin: 0; padding: 0 0 1px; padding-inline-start: 36px; height: auto; min-height: 26px; width: auto; min-width: 100%; text-align: start; white-space: normal; border-radius: 0; box-sizing: border-box; display: inline-block; } .secondaryToolbarButton > span { padding-inline-end: 4px; } #pageRotateCw::before { background: var(--secondaryToolbarButton-rotateCw-icon); } #editorInk::before { background: var(--secondaryToolbarButton-editorInk-icon); } #editorFreeText::before { background: var(--secondaryToolbarButton-editorFreeText-icon); } .verticalToolbarSeparator { display: block; margin: 5px 2px; width: 1px; height: 22px; background-color: var(--separator-color); } .horizontalToolbarSeparator { display: block; margin: 6px 0; height: 1px; width: 100%; background-color: var(--doorhanger-separator-color); } .toolbarField { padding: 4px 7px; margin: 3px 0; border-radius: 2px; background-color: var(--field-bg-color); background-clip: padding-box; border: 1px solid var(--field-border-color); box-shadow: none; color: var(--field-color); font-size: 12px; line-height: 16px; outline: none; } .toolbarField[type='checkbox'] { opacity: 0; position: absolute !important; left: 0; margin: 10px 0 3px; margin-inline-start: 7px; } #pageNumber { -moz-appearance: textfield; /* hides the spinner in moz */ text-align: end; width: 40px; height: 20px; line-height: 20px; font-size: 14px !important; background-size: 0 0; transition-property: none; } #pageNumber.visiblePageIsLoading { background-image: var(--loading-icon); background-repeat: no-repeat; background-position: calc(50% - 42% * var(--dir-factor)); background-size: 16px 16px; /* Using a delay with background-image doesn't work, consequently we use background-size. */ transition-property: background-size; transition-delay: var(--loading-icon-delay); } /*#if !MOZCENTRAL*/ #pageNumber::-webkit-inner-spin-button { -webkit-appearance: none; } /*#endif*/ #scaleSelect { height: 20px; line-height: 20px; font-size: 14px !important; } .toolbarField:focus { border-color: #0a84ff; } .toolbarLabel { min-width: 16px; padding: 7px; margin: 2px; border-radius: 2px; color: var(--main-color); font-size: 12px; line-height: 14px; text-align: left; user-select: none; cursor: default; } #numPages.toolbarLabel { padding-inline-start: 3px; font-size: 14px; height: 20px; line-height: 20px; padding: 0px; padding-left: 2px; } #thumbnailView, #outlineView, #attachmentsView, #layersView { /* position: absolute; */ /* width: calc(100% - 8px); */ /* width: 100%; */ /* height: 100%; */ inset-block: 0; /* padding: 4px 4px 0; */ display: flex; flex-direction: column; align-items: center; overflow: hidden; user-select: none; } #thumbnailView { /* width: calc(100% - 60px); */ /* padding: 10px 30px 0; */ width: 100%; padding: 0; padding-top: 10px; } #thumbnailView > a:is(:active, :focus) { outline: 0; } .thumbnail { /* Define these variables here, and not in :root, since the individual thumbnails may have different sizes. */ --thumbnail-width: 0; --thumbnail-height: 0; float: var(--inline-start); width: var(--thumbnail-width); height: var(--thumbnail-height); margin: 0 10px 5px; padding: 1px; border: 7px solid transparent; border-radius: 2px; } #thumbnailView > a:last-of-type > .thumbnail { margin-bottom: 10px; } a:focus > .thumbnail, .thumbnail:hover { border-color: var(--thumbnail-hover-color); } .thumbnail.selected { border-color: var(--thumbnail-selected-color) !important; } .thumbnailImage { width: var(--thumbnail-width); height: var(--thumbnail-height); opacity: 0.9; } a:focus > .thumbnail > .thumbnailImage, .thumbnail:hover > .thumbnailImage { opacity: 0.95; } .thumbnail.selected > .thumbnailImage { opacity: 1 !important; } .thumbnail:not([data-loaded]) > .thumbnailImage { width: calc(var(--thumbnail-width) - 2px); height: calc(var(--thumbnail-height) - 2px); border: 1px dashed rgba(132, 132, 132, 1); } .dialogButton { width: auto; margin: 3px 4px 2px !important; padding: 2px 11px; color: var(--main-color); background-color: var(--dialog-button-bg-color); border: var(--dialog-button-border) !important; } dialog { margin: auto; padding: 15px; border-spacing: 4px; color: var(--main-color); font: message-box; font-size: 12px; line-height: 14px; background-color: var(--doorhanger-bg-color); border: 1px solid rgba(0, 0, 0, 0.5); border-radius: 4px; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3); } dialog::backdrop { background-color: rgba(0, 0, 0, 0.2); } dialog > .row { display: table-row; } dialog > .row > * { display: table-cell; } dialog .toolbarField { margin: 5px 0; } dialog .separator { display: block; margin: 4px 0; height: 1px; width: 100%; background-color: var(--separator-color); } dialog .buttonRow { text-align: center; vertical-align: middle; } dialog :link { color: rgba(255, 255, 255, 1); } #passwordDialog { text-align: center; } #passwordDialog .toolbarField { width: 200px; } #documentPropertiesDialog { text-align: left; } #documentPropertiesDialog .row > * { min-width: 100px; text-align: start; } #documentPropertiesDialog .row > span { width: 125px; word-wrap: break-word; } #documentPropertiesDialog .row > p { max-width: 225px; word-wrap: break-word; } #documentPropertiesDialog .buttonRow { margin-top: 10px; } .grab-to-pan-grab { cursor: grab !important; } .grab-to-pan-grab *:not(input):not(textarea):not(button):not(select):not(:link) { cursor: inherit !important; } .grab-to-pan-grab:active, .grab-to-pan-grabbing { cursor: grabbing !important; position: fixed; background: rgba(0, 0, 0, 0); display: block; inset: 0; overflow: hidden; z-index: 5; /* z-index: 50000; should be higher than anything else in PDF.js! */ } @page { margin: 0; } .visibleLargeView, .visibleMediumView { display: none; } /* 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. */ :root { --highlight-bg-color: rgba(180, 0, 170, 1); --highlight-selected-bg-color: rgba(0, 100, 0, 1); } .markupLayer { position: absolute; text-align: initial; inset: 0; overflow: hidden; line-height: 1; -webkit-text-size-adjust: none; -moz-text-size-adjust: none; text-size-adjust: none; forced-color-adjust: none; transform-origin: 0 0; z-index: 1; } .redline-text-editing { position: absolute; /* z-index: 6; */ } .redline-text-editing div.menu-container { position: absolute; bottom: calc(100% + 2px); left: 0; width: 68px; height: 32px; display: flex; flex-direction: row; pointer-events: auto; } .redline-text-editing div.menu-container button { width: 32px; height: 32px; padding: 4px; border-radius: 4px; border: 1px solid #ccc; background-color: #f0f0f0; background-size: cover; background-repeat: no-repeat; background-origin: content-box; box-sizing: border-box !important; cursor: pointer; } .redline-text-editing div.menu-container button:hover { background-color: gray; } .redline-text-editing div.menu-container button.edit { background-image: var(--secondaryToolbarButton-editorInk-icon); } .redline-text-editing div.menu-container button.editText { background-image: var(--secondaryToolbarButton-editorFreeText-icon); } .redline-text-editing div.menu-container button.delete { background-image: var(--editor-toolbar-delete-icon); } /* pin marker */ .pin-marker { position: absolute; background-color: rgba(255, 188, 88, 0.4); border-radius: 50%; display: flex; align-items: center; justify-content: center; z-index: 100; } .pin-marker .inner-circle { background-color: rgb(255, 188, 88); border-radius: 50%; } .pin-marker.dummy { background-color: rgba(188, 88, 255, 0.4); } .pin-marker.dummy .inner-circle { background-color: rgb(188, 88, 255); border-radius: 50%; } .pin-marker.selected { background-image: linear-gradient(rgba(135, 206, 235, 0.4), rgba(135, 206, 235, 0.4)); } .pin-marker.selected .inner-circle { background-image: linear-gradient(rgba(135, 206, 235, 0.8), rgba(135, 206, 235, 0.8)); } .pin-marker.selected.positioning { cursor: move; background-image: none; } .pin-marker.selected.positioning .inner-circle { background-image: none; } .pin-marker.selected.positioning:hover { background-image: none; } .pin-marker.selected.positioning:hover .inner-circle { background-image: none; } .pin-marker span.balloon-message { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; user-select: none; pointer-events: none; position: absolute; left: 50%; bottom: calc(75%); /* top: calc(100% + 4px); transform: translateX(-50%); */ padding: 0px 4px; background-color: #414141; color: #e1e1e1; border-radius: 4px; border: 1px solid #ccc; display: none; } .pin-marker.selected span.balloon-message { display: block; } .positioning-markup { position: absolute; } .pin-marker div.menu-container, .positioning-markup div.menu-container { position: absolute; left: 0; top: calc(100% + 2px); /* bottom: calc(100% + 2px); */ width: 68px; height: 32px; display: flex; flex-direction: row; pointer-events: auto; } .pin-marker div.menu-container button, .positioning-markup div.menu-container button { width: 32px; height: 32px; padding: 4px; border-radius: 4px; border: 1px solid #ccc; background-color: #f0f0f0; background-size: cover; background-repeat: no-repeat; background-origin: content-box; box-sizing: border-box !important; cursor: pointer; } .pin-marker div.menu-container button:hover, .positioning-markup div.menu-container button:hover { background-color: gray; } .pin-marker div.menu-container button.apply, .positioning-markup div.menu-container button.apply { background-image: var(--check-icon); } .pin-marker div.menu-container button.cancel, .positioning-markup div.menu-container button.cancel { background-image: var(--close-icon); } .pin-marker:hover:not(.dummy) { background-image: linear-gradient(rgba(255, 0, 0, 0.4), rgba(255, 0, 0, 0.4)); } .pin-marker:hover:not(.dummy) .inner-circle { background-image: linear-gradient(rgba(255, 0, 0, 0.8), rgba(255, 0, 0, 0.8)); } .pin-marker:hover:not(.dummy) span.balloon-message { display: block; } .textLayer { position: absolute; text-align: initial; inset: 0; overflow: hidden; /* opacity: 0.25; */ line-height: 1; -webkit-text-size-adjust: none; -moz-text-size-adjust: none; text-size-adjust: none; forced-color-adjust: none; transform-origin: 0 0; z-index: 2; } .textLayer :is(span, br) { 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 { top: 0; height: 0; opacity: 0.25; } .textLayer span.searchResultContent { top: 0; height: 0; } .textLayer .highlight { margin: -1px; padding: 1px; background-color: var(--highlight-bg-color); border-radius: 4px; } .textLayer .highlight.appended { position: initial; } .textLayer .highlight.begin { border-radius: 4px 0 0 4px; } .textLayer .highlight.end { border-radius: 0 4px 4px 0; } .textLayer .highlight.middle { border-radius: 0; } .textLayer .highlight.selected { background-color: var(--highlight-selected-bg-color); } .textLayer ::-moz-selection { background: rgba(116, 177, 239, 0.5); } .textLayer ::selection { background: rgba(116, 177, 239, 0.5); } /* Avoids https://github.com/mozilla/pdf.js/issues/13840 in Chrome */ .textLayer br::-moz-selection { background: transparent; } .textLayer br::selection { background: transparent; } .textLayer .endOfContent { display: block; position: absolute; inset: 100% 0 0; z-index: -1; cursor: default; -webkit-user-select: none; -moz-user-select: none; user-select: none; } .textLayer .endOfContent.active { top: 0; } :root { --annotation-unfocused-field-background: url("data:image/svg+xml;charset=UTF-8,"); --input-focus-border-color: Highlight; --input-focus-outline: 1px solid Canvas; --input-unfocused-border-color: transparent; --input-disabled-border-color: transparent; --input-hover-border-color: black; --link-outline: none; } .annotationLayer { position: absolute; top: 0; left: 0; pointer-events: none; transform-origin: 0 0; z-index: 3; } .annotationLayer[data-main-rotation='90'] .norotate { transform: rotate(270deg) translateX(-100%); } .annotationLayer[data-main-rotation='180'] .norotate { transform: rotate(180deg) translate(-100%, -100%); } .annotationLayer[data-main-rotation='270'] .norotate { transform: rotate(90deg) translateY(-100%); } .annotationLayer canvas { position: absolute; width: 100%; height: 100%; pointer-events: none; } .annotationLayer section { position: absolute; text-align: initial; pointer-events: auto; box-sizing: border-box; transform-origin: 0 0; } .annotationLayer .linkAnnotation { outline: var(--link-outline); } .annotationLayer :is(.linkAnnotation, .buttonWidgetAnnotation.pushButton) > a { position: absolute; font-size: 1em; top: 0; left: 0; width: 100%; height: 100%; } .annotationLayer :is(.linkAnnotation, .buttonWidgetAnnotation.pushButton):not(.hasBorder) > a:hover { opacity: 0.2; background-color: rgba(255, 255, 0, 1); box-shadow: 0 2px 10px rgba(255, 255, 0, 1); } .annotationLayer .linkAnnotation.hasBorder:hover { background-color: rgba(255, 255, 0, 0.2); } .annotationLayer .hasBorder { background-size: 100% 100%; } .annotationLayer .textAnnotation img { position: absolute; cursor: pointer; width: 100%; height: 100%; top: 0; left: 0; } .annotationLayer .textWidgetAnnotation :is(input, textarea), .annotationLayer .choiceWidgetAnnotation select, .annotationLayer .buttonWidgetAnnotation:is(.checkBox, .radioButton) input { background-image: var(--annotation-unfocused-field-background); border: 2px solid var(--input-unfocused-border-color); box-sizing: border-box; font: calc(9px * var(--scale-factor)) sans-serif; height: 100%; margin: 0; vertical-align: top; width: 100%; } .annotationLayer .textWidgetAnnotation :is(input, textarea):required, .annotationLayer .choiceWidgetAnnotation select:required, .annotationLayer .buttonWidgetAnnotation:is(.checkBox, .radioButton) input:required { outline: 1.5px solid red; } .annotationLayer .choiceWidgetAnnotation select option { padding: 0; } .annotationLayer .buttonWidgetAnnotation.radioButton input { border-radius: 50%; } .annotationLayer .textWidgetAnnotation textarea { resize: none; } .annotationLayer .textWidgetAnnotation :is(input, textarea)[disabled], .annotationLayer .choiceWidgetAnnotation select[disabled], .annotationLayer .buttonWidgetAnnotation:is(.checkBox, .radioButton) input[disabled] { background: none; border: 2px solid var(--input-disabled-border-color); cursor: not-allowed; } .annotationLayer .textWidgetAnnotation :is(input, textarea):hover, .annotationLayer .choiceWidgetAnnotation select:hover, .annotationLayer .buttonWidgetAnnotation:is(.checkBox, .radioButton) input:hover { border: 2px solid var(--input-hover-border-color); } .annotationLayer .textWidgetAnnotation :is(input, textarea):hover, .annotationLayer .choiceWidgetAnnotation select:hover, .annotationLayer .buttonWidgetAnnotation.checkBox input:hover { border-radius: 2px; } .annotationLayer .textWidgetAnnotation :is(input, textarea):focus, .annotationLayer .choiceWidgetAnnotation select:focus { background: none; border: 2px solid var(--input-focus-border-color); border-radius: 2px; outline: var(--input-focus-outline); } .annotationLayer .buttonWidgetAnnotation:is(.checkBox, .radioButton) :focus { background-image: none; background-color: transparent; } .annotationLayer .buttonWidgetAnnotation.checkBox :focus { border: 2px solid var(--input-focus-border-color); border-radius: 2px; outline: var(--input-focus-outline); } .annotationLayer .buttonWidgetAnnotation.radioButton :focus { border: 2px solid var(--input-focus-border-color); outline: var(--input-focus-outline); } .annotationLayer .buttonWidgetAnnotation.checkBox input:checked::before, .annotationLayer .buttonWidgetAnnotation.checkBox input:checked::after, .annotationLayer .buttonWidgetAnnotation.radioButton input:checked::before { background-color: CanvasText; content: ''; display: block; position: absolute; } .annotationLayer .buttonWidgetAnnotation.checkBox input:checked::before, .annotationLayer .buttonWidgetAnnotation.checkBox input:checked::after { height: 80%; left: 45%; width: 1px; } .annotationLayer .buttonWidgetAnnotation.checkBox input:checked::before { transform: rotate(45deg); } .annotationLayer .buttonWidgetAnnotation.checkBox input:checked::after { transform: rotate(-45deg); } .annotationLayer .buttonWidgetAnnotation.radioButton input:checked::before { border-radius: 50%; height: 50%; left: 30%; top: 20%; width: 50%; } .annotationLayer .textWidgetAnnotation input.comb { font-family: monospace; padding-left: 2px; padding-right: 0; } .annotationLayer .textWidgetAnnotation input.comb: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:is(.checkBox, .radioButton) input { -webkit-appearance: none; -moz-appearance: none; appearance: none; } .annotationLayer .fileAttachmentAnnotation .popupTriggerArea { height: 100%; width: 100%; } .annotationLayer .popupAnnotation { position: absolute; font-size: calc(9px * var(--scale-factor)); pointer-events: none; width: -moz-max-content; width: max-content; max-width: 45%; height: auto; } .annotationLayer .popup { background-color: rgba(255, 255, 153, 1); box-shadow: 0 calc(2px * var(--scale-factor)) calc(5px * var(--scale-factor)) rgba(136, 136, 136, 1); border-radius: calc(2px * var(--scale-factor)); outline: 1.5px solid rgb(255, 255, 74); padding: calc(6px * var(--scale-factor)); cursor: pointer; font: message-box; white-space: normal; word-wrap: break-word; pointer-events: auto; } .annotationLayer .popupAnnotation.focused .popup { outline-width: 3px; } .annotationLayer .popup * { font-size: calc(9px * var(--scale-factor)); } .annotationLayer .popup > .header { display: inline-block; } .annotationLayer .popup > .header h1 { display: inline; } .annotationLayer .popup > .header .popupDate { display: inline-block; margin-left: calc(5px * var(--scale-factor)); width: -moz-fit-content; width: fit-content; } .annotationLayer .popupContent { border-top: 1px solid rgba(51, 51, 51, 1); margin-top: calc(2px * var(--scale-factor)); padding-top: calc(2px * var(--scale-factor)); } .annotationLayer .richText > * { white-space: pre-wrap; font-size: calc(9px * var(--scale-factor)); } .annotationLayer .highlightAnnotation, .annotationLayer .underlineAnnotation, .annotationLayer .squigglyAnnotation, .annotationLayer .strikeoutAnnotation, .annotationLayer .freeTextAnnotation, .annotationLayer .lineAnnotation svg line, .annotationLayer .squareAnnotation svg rect, .annotationLayer .circleAnnotation svg ellipse, .annotationLayer .polylineAnnotation svg polyline, .annotationLayer .polygonAnnotation svg polygon, .annotationLayer .caretAnnotation, .annotationLayer .inkAnnotation svg polyline, .annotationLayer .stampAnnotation, .annotationLayer .fileAttachmentAnnotation { cursor: pointer; } .annotationLayer section svg { position: absolute; width: 100%; height: 100%; top: 0; left: 0; } .annotationLayer .annotationTextContent { position: absolute; width: 100%; height: 100%; opacity: 0; color: transparent; -webkit-user-select: none; -moz-user-select: none; user-select: none; pointer-events: none; } .annotationLayer .annotationTextContent span { width: 100%; display: inline-block; } .annotationLayer svg.quadrilateralsContainer { contain: strict; width: 0; height: 0; position: absolute; top: 0; left: 0; z-index: -1; } :root { --xfa-unfocused-field-background: url("data:image/svg+xml;charset=UTF-8,"); --xfa-focus-outline: auto; } .xfaLayer { background-color: transparent; } .xfaLayer .highlight { margin: -1px; padding: 1px; background-color: rgba(239, 203, 237, 1); border-radius: 4px; } .xfaLayer .highlight.appended { position: initial; } .xfaLayer .highlight.begin { border-radius: 4px 0 0 4px; } .xfaLayer .highlight.end { border-radius: 0 4px 4px 0; } .xfaLayer .highlight.middle { border-radius: 0; } .xfaLayer .highlight.selected { background-color: rgba(203, 223, 203, 1); } .xfaPage { overflow: hidden; position: relative; } .xfaContentarea { position: absolute; } .xfaPrintOnly { display: none; } .xfaLayer { position: absolute; text-align: initial; top: 0; left: 0; transform-origin: 0 0; line-height: 1.2; } .xfaLayer * { 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 *:required { outline: 1.5px solid red; } .xfaLayer div, .xfaLayer svg, .xfaLayer svg * { pointer-events: none; } .xfaLayer a { color: blue; } .xfaRich li { margin-left: 3em; } .xfaFont { color: black; font-weight: normal; font-kerning: none; font-size: 10px; font-style: normal; letter-spacing: 0; text-decoration: none; vertical-align: 0; } .xfaCaption { overflow: hidden; flex: 0 0 auto; } .xfaCaptionForCheckButton { overflow: hidden; flex: 1 1 auto; } .xfaLabel { height: 100%; width: 100%; } .xfaLeft { display: flex; flex-direction: row; align-items: center; } .xfaRight { display: flex; flex-direction: row-reverse; align-items: center; } :is(.xfaLeft, .xfaRight) > :is(.xfaCaption, .xfaCaptionForCheckButton) { max-height: 100%; } .xfaTop { display: flex; flex-direction: column; align-items: flex-start; } .xfaBottom { display: flex; flex-direction: column-reverse; align-items: flex-start; } :is(.xfaTop, .xfaBottom) > :is(.xfaCaption, .xfaCaptionForCheckButton) { width: 100%; } .xfaBorder { background-color: transparent; position: absolute; pointer-events: none; } .xfaWrapped { width: 100%; height: 100%; } :is(.xfaTextfield, .xfaSelect):focus { background-image: none; background-color: transparent; outline: var(--xfa-focus-outline); outline-offset: -1px; } :is(.xfaCheckbox, .xfaRadio):focus { outline: var(--xfa-focus-outline); } .xfaTextfield, .xfaSelect { height: 100%; width: 100%; flex: 1 1 auto; border: none; resize: none; background-image: var(--xfa-unfocused-field-background); } .xfaSelect { padding-inline: 2px; } :is(.xfaTop, .xfaBottom) > :is(.xfaTextfield, .xfaSelect) { flex: 0 1 auto; } .xfaButton { cursor: pointer; width: 100%; height: 100%; border: none; text-align: center; } .xfaLink { width: 100%; height: 100%; position: absolute; top: 0; left: 0; } .xfaCheckbox, .xfaRadio { width: 100%; height: 100%; flex: 0 0 auto; border: none; } .xfaRich { white-space: pre-wrap; width: 100%; height: 100%; } .xfaImage { -o-object-position: left top; object-position: left top; -o-object-fit: contain; object-fit: contain; width: 100%; height: 100%; } .xfaLrTb, .xfaRlTb, .xfaTb { display: flex; flex-direction: column; align-items: stretch; } .xfaLr { display: flex; flex-direction: row; align-items: stretch; } .xfaRl { display: flex; flex-direction: row-reverse; align-items: stretch; } .xfaTb > div { justify-content: left; } .xfaPosition { position: relative; } .xfaArea { position: relative; } .xfaValignMiddle { display: flex; align-items: center; } .xfaTable { display: flex; flex-direction: column; align-items: stretch; } .xfaTable .xfaRow { display: flex; flex-direction: row; align-items: stretch; } .xfaTable .xfaRlRow { display: flex; flex-direction: row-reverse; align-items: stretch; flex: 1; } .xfaTable .xfaRlRow > div { flex: 1; } :is(.xfaNonInteractive, .xfaDisabled, .xfaReadOnly) :is(input, textarea) { background: initial; } @media print { .xfaTextfield, .xfaSelect { background: transparent; } .xfaSelect { -webkit-appearance: none; -moz-appearance: none; appearance: none; text-indent: 1px; text-overflow: ''; } } :root { --outline-width: 2px; --outline-color: blue; --focus-outline: solid var(--outline-width) var(--outline-color); --hover-outline: dashed var(--outline-width) var(--outline-color); --freetext-line-height: 1.35; --freetext-padding: 2px; --resizer-size: 8px; --resizer-shift: calc(0px - var(--outline-width) - var(--resizer-size) / 2 - var(--outline-width) / 2); --resizer-color: white; --editorFreeText-editing-cursor: text; --editorInk-editing-cursor: default; } @media (-webkit-min-device-pixel-ratio: 1.1), (min-resolution: 1.1dppx) { :root { } } /* @media screen and (forced-colors: active) { :root { --outline-width: 3px; --outline-color: ButtonText; --resizer-size: 12px; --resizer-color: ButtonFace; } } */ [data-editor-rotation='90'] { transform: rotate(90deg); } [data-editor-rotation='180'] { transform: rotate(180deg); } [data-editor-rotation='270'] { transform: rotate(270deg); } .annotationEditorLayer { background: transparent; position: absolute; inset: 0; font-size: calc(100px * var(--scale-factor)); transform-origin: 0 0; cursor: auto; z-index: 4; } .annotationEditorLayer.waiting { content: ''; cursor: wait; position: absolute; inset: 0; width: 100%; height: 100%; } .annotationEditorLayer.freeTextEditing { cursor: var(--editorFreeText-editing-cursor); } .annotationEditorLayer.inkEditing { cursor: var(--editorInk-editing-cursor); } .annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor).draggable.selectedEditor { cursor: move; } .annotationEditorLayer .selectedEditor { outline: var(--focus-outline); } .annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor) { position: absolute; background: transparent; border-radius: 3px; z-index: 1; transform-origin: 0 0; cursor: auto; max-width: 100%; max-height: 100%; } .annotationEditorLayer .freeTextEditor { padding: calc(var(--freetext-padding) * var(--scale-factor)); width: auto; height: auto; touch-action: none; } .annotationEditorLayer .freeTextEditor .internal { background: transparent; border: none; inset: 0; overflow: visible; white-space: nowrap; font: 10px sans-serif; line-height: var(--freetext-line-height); -webkit-user-select: none; -moz-user-select: none; user-select: none; } .annotationEditorLayer .freeTextEditor .overlay { position: absolute; display: none; background: transparent; inset: 0; width: 100%; height: 100%; } .annotationEditorLayer .freeTextEditor .overlay.enabled { display: block; } .annotationEditorLayer .freeTextEditor .internal:empty::before { content: attr(default-content); color: gray; } .annotationEditorLayer .freeTextEditor .internal:focus { outline: none; -webkit-user-select: auto; -moz-user-select: auto; user-select: auto; } .annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor):hover:not(.selectedEditor) { outline: var(--hover-outline); } .annotationEditorLayer .inkEditor { width: 100%; height: 100%; } .annotationEditorLayer .inkEditor.editing { cursor: inherit; } .annotationEditorLayer .inkEditor .inkEditorCanvas { position: absolute; inset: 0; width: 100%; height: 100%; touch-action: none; } .annotationEditorLayer .stampEditor { width: auto; height: auto; } .annotationEditorLayer .stampEditor canvas { width: 100%; height: 100%; } .annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor) > .resizers { width: 100%; height: 100%; position: absolute; inset: 0; } .annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor) > .resizers.hidden { display: none; } .annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor) > .resizers > .resizer { width: var(--resizer-size); height: var(--resizer-size); border-radius: 50%; background: var(--resizer-color); border: var(--focus-outline); position: absolute; } .annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor) > .resizers > .resizer.topLeft { top: var(--resizer-shift); left: var(--resizer-shift); } .annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor) > .resizers > .resizer.topMiddle { top: var(--resizer-shift); left: calc(50% + var(--resizer-shift)); } .annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor) > .resizers > .resizer.topRight { top: var(--resizer-shift); right: var(--resizer-shift); } .annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor) > .resizers > .resizer.middleRight { top: calc(50% + var(--resizer-shift)); right: var(--resizer-shift); } .annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor) > .resizers > .resizer.bottomRight { bottom: var(--resizer-shift); right: var(--resizer-shift); } .annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor) > .resizers > .resizer.bottomMiddle { bottom: var(--resizer-shift); left: calc(50% + var(--resizer-shift)); } .annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor) > .resizers > .resizer.bottomLeft { bottom: var(--resizer-shift); left: var(--resizer-shift); } .annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor) > .resizers > .resizer.middleLeft { top: calc(50% + var(--resizer-shift)); left: var(--resizer-shift); } .annotationEditorLayer[data-main-rotation='0'] :is([data-editor-rotation='0'], [data-editor-rotation='180']) > .resizers > .resizer.topLeft, .annotationEditorLayer[data-main-rotation='90'] :is([data-editor-rotation='270'], [data-editor-rotation='90']) > .resizers > .resizer.topLeft, .annotationEditorLayer[data-main-rotation='180'] :is([data-editor-rotation='180'], [data-editor-rotation='0']) > .resizers > .resizer.topLeft, .annotationEditorLayer[data-main-rotation='270'] :is([data-editor-rotation='90'], [data-editor-rotation='270']) > .resizers > .resizer.topLeft, .annotationEditorLayer[data-main-rotation='0'] :is([data-editor-rotation='0'], [data-editor-rotation='180']) > .resizers > .resizer.bottomRight, .annotationEditorLayer[data-main-rotation='90'] :is([data-editor-rotation='270'], [data-editor-rotation='90']) > .resizers > .resizer.bottomRight, .annotationEditorLayer[data-main-rotation='180'] :is([data-editor-rotation='180'], [data-editor-rotation='0']) > .resizers > .resizer.bottomRight, .annotationEditorLayer[data-main-rotation='270'] :is([data-editor-rotation='90'], [data-editor-rotation='270']) > .resizers > .resizer.bottomRight { cursor: nwse-resize; } .annotationEditorLayer[data-main-rotation='0'] :is([data-editor-rotation='0'], [data-editor-rotation='180']) > .resizers > .resizer.topMiddle, .annotationEditorLayer[data-main-rotation='90'] :is([data-editor-rotation='270'], [data-editor-rotation='90']) > .resizers > .resizer.topMiddle, .annotationEditorLayer[data-main-rotation='180'] :is([data-editor-rotation='180'], [data-editor-rotation='0']) > .resizers > .resizer.topMiddle, .annotationEditorLayer[data-main-rotation='270'] :is([data-editor-rotation='90'], [data-editor-rotation='270']) > .resizers > .resizer.topMiddle, .annotationEditorLayer[data-main-rotation='0'] :is([data-editor-rotation='0'], [data-editor-rotation='180']) > .resizers > .resizer.bottomMiddle, .annotationEditorLayer[data-main-rotation='90'] :is([data-editor-rotation='270'], [data-editor-rotation='90']) > .resizers > .resizer.bottomMiddle, .annotationEditorLayer[data-main-rotation='180'] :is([data-editor-rotation='180'], [data-editor-rotation='0']) > .resizers > .resizer.bottomMiddle, .annotationEditorLayer[data-main-rotation='270'] :is([data-editor-rotation='90'], [data-editor-rotation='270']) > .resizers > .resizer.bottomMiddle { cursor: ns-resize; } .annotationEditorLayer[data-main-rotation='0'] :is([data-editor-rotation='0'], [data-editor-rotation='180']) > .resizers > .resizer.topRight, .annotationEditorLayer[data-main-rotation='90'] :is([data-editor-rotation='270'], [data-editor-rotation='90']) > .resizers > .resizer.topRight, .annotationEditorLayer[data-main-rotation='180'] :is([data-editor-rotation='180'], [data-editor-rotation='0']) > .resizers > .resizer.topRight, .annotationEditorLayer[data-main-rotation='270'] :is([data-editor-rotation='90'], [data-editor-rotation='270']) > .resizers > .resizer.topRight, .annotationEditorLayer[data-main-rotation='0'] :is([data-editor-rotation='0'], [data-editor-rotation='180']) > .resizers > .resizer.bottomLeft, .annotationEditorLayer[data-main-rotation='90'] :is([data-editor-rotation='270'], [data-editor-rotation='90']) > .resizers > .resizer.bottomLeft, .annotationEditorLayer[data-main-rotation='180'] :is([data-editor-rotation='180'], [data-editor-rotation='0']) > .resizers > .resizer.bottomLeft, .annotationEditorLayer[data-main-rotation='270'] :is([data-editor-rotation='90'], [data-editor-rotation='270']) > .resizers > .resizer.bottomLeft { cursor: nesw-resize; } .annotationEditorLayer[data-main-rotation='0'] :is([data-editor-rotation='0'], [data-editor-rotation='180']) > .resizers > .resizer.middleRight, .annotationEditorLayer[data-main-rotation='90'] :is([data-editor-rotation='270'], [data-editor-rotation='90']) > .resizers > .resizer.middleRight, .annotationEditorLayer[data-main-rotation='180'] :is([data-editor-rotation='180'], [data-editor-rotation='0']) > .resizers > .resizer.middleRight, .annotationEditorLayer[data-main-rotation='270'] :is([data-editor-rotation='90'], [data-editor-rotation='270']) > .resizers > .resizer.middleRight, .annotationEditorLayer[data-main-rotation='0'] :is([data-editor-rotation='0'], [data-editor-rotation='180']) > .resizers > .resizer.middleLeft, .annotationEditorLayer[data-main-rotation='90'] :is([data-editor-rotation='270'], [data-editor-rotation='90']) > .resizers > .resizer.middleLeft, .annotationEditorLayer[data-main-rotation='180'] :is([data-editor-rotation='180'], [data-editor-rotation='0']) > .resizers > .resizer.middleLeft, .annotationEditorLayer[data-main-rotation='270'] :is([data-editor-rotation='90'], [data-editor-rotation='270']) > .resizers > .resizer.middleLeft { cursor: ew-resize; } .annotationEditorLayer[data-main-rotation='0'] :is([data-editor-rotation='90'], [data-editor-rotation='270']) > .resizers > .resizer.topLeft, .annotationEditorLayer[data-main-rotation='90'] :is([data-editor-rotation='0'], [data-editor-rotation='180']) > .resizers > .resizer.topLeft, .annotationEditorLayer[data-main-rotation='180'] :is([data-editor-rotation='270'], [data-editor-rotation='90']) > .resizers > .resizer.topLeft, .annotationEditorLayer[data-main-rotation='270'] :is([data-editor-rotation='180'], [data-editor-rotation='0']) > .resizers > .resizer.topLeft, .annotationEditorLayer[data-main-rotation='0'] :is([data-editor-rotation='90'], [data-editor-rotation='270']) > .resizers > .resizer.bottomRight, .annotationEditorLayer[data-main-rotation='90'] :is([data-editor-rotation='0'], [data-editor-rotation='180']) > .resizers > .resizer.bottomRight, .annotationEditorLayer[data-main-rotation='180'] :is([data-editor-rotation='270'], [data-editor-rotation='90']) > .resizers > .resizer.bottomRight, .annotationEditorLayer[data-main-rotation='270'] :is([data-editor-rotation='180'], [data-editor-rotation='0']) > .resizers > .resizer.bottomRight { cursor: nesw-resize; } .annotationEditorLayer[data-main-rotation='0'] :is([data-editor-rotation='90'], [data-editor-rotation='270']) > .resizers > .resizer.topMiddle, .annotationEditorLayer[data-main-rotation='90'] :is([data-editor-rotation='0'], [data-editor-rotation='180']) > .resizers > .resizer.topMiddle, .annotationEditorLayer[data-main-rotation='180'] :is([data-editor-rotation='270'], [data-editor-rotation='90']) > .resizers > .resizer.topMiddle, .annotationEditorLayer[data-main-rotation='270'] :is([data-editor-rotation='180'], [data-editor-rotation='0']) > .resizers > .resizer.topMiddle, .annotationEditorLayer[data-main-rotation='0'] :is([data-editor-rotation='90'], [data-editor-rotation='270']) > .resizers > .resizer.bottomMiddle, .annotationEditorLayer[data-main-rotation='90'] :is([data-editor-rotation='0'], [data-editor-rotation='180']) > .resizers > .resizer.bottomMiddle, .annotationEditorLayer[data-main-rotation='180'] :is([data-editor-rotation='270'], [data-editor-rotation='90']) > .resizers > .resizer.bottomMiddle, .annotationEditorLayer[data-main-rotation='270'] :is([data-editor-rotation='180'], [data-editor-rotation='0']) > .resizers > .resizer.bottomMiddle { cursor: ew-resize; } .annotationEditorLayer[data-main-rotation='0'] :is([data-editor-rotation='90'], [data-editor-rotation='270']) > .resizers > .resizer.topRight, .annotationEditorLayer[data-main-rotation='90'] :is([data-editor-rotation='0'], [data-editor-rotation='180']) > .resizers > .resizer.topRight, .annotationEditorLayer[data-main-rotation='180'] :is([data-editor-rotation='270'], [data-editor-rotation='90']) > .resizers > .resizer.topRight, .annotationEditorLayer[data-main-rotation='270'] :is([data-editor-rotation='180'], [data-editor-rotation='0']) > .resizers > .resizer.topRight, .annotationEditorLayer[data-main-rotation='0'] :is([data-editor-rotation='90'], [data-editor-rotation='270']) > .resizers > .resizer.bottomLeft, .annotationEditorLayer[data-main-rotation='90'] :is([data-editor-rotation='0'], [data-editor-rotation='180']) > .resizers > .resizer.bottomLeft, .annotationEditorLayer[data-main-rotation='180'] :is([data-editor-rotation='270'], [data-editor-rotation='90']) > .resizers > .resizer.bottomLeft, .annotationEditorLayer[data-main-rotation='270'] :is([data-editor-rotation='180'], [data-editor-rotation='0']) > .resizers > .resizer.bottomLeft { cursor: nwse-resize; } .annotationEditorLayer[data-main-rotation='0'] :is([data-editor-rotation='90'], [data-editor-rotation='270']) > .resizers > .resizer.middleRight, .annotationEditorLayer[data-main-rotation='90'] :is([data-editor-rotation='0'], [data-editor-rotation='180']) > .resizers > .resizer.middleRight, .annotationEditorLayer[data-main-rotation='180'] :is([data-editor-rotation='270'], [data-editor-rotation='90']) > .resizers > .resizer.middleRight, .annotationEditorLayer[data-main-rotation='270'] :is([data-editor-rotation='180'], [data-editor-rotation='0']) > .resizers > .resizer.middleRight, .annotationEditorLayer[data-main-rotation='0'] :is([data-editor-rotation='90'], [data-editor-rotation='270']) > .resizers > .resizer.middleLeft, .annotationEditorLayer[data-main-rotation='90'] :is([data-editor-rotation='0'], [data-editor-rotation='180']) > .resizers > .resizer.middleLeft, .annotationEditorLayer[data-main-rotation='180'] :is([data-editor-rotation='270'], [data-editor-rotation='90']) > .resizers > .resizer.middleLeft, .annotationEditorLayer[data-main-rotation='270'] :is([data-editor-rotation='180'], [data-editor-rotation='0']) > .resizers > .resizer.middleLeft { cursor: ns-resize; } :root { --viewer-container-height: 0; --pdfViewer-padding-bottom: 0; --page-margin: 1px auto -8px; --page-border: 9px solid transparent; --spreadHorizontalWrapped-margin-LR: -3.5px; --loading-icon-delay: 400ms; } /* @media screen and (forced-colors: active) { :root { --pdfViewer-padding-bottom: 9px; --page-margin: 8px auto -1px; --page-border: 1px solid CanvasText; --spreadHorizontalWrapped-margin-LR: 3.5px; } } */ [data-main-rotation='90'] { transform: rotate(90deg) translateY(-100%); } [data-main-rotation='180'] { transform: rotate(180deg) translate(-100%, -100%); } [data-main-rotation='270'] { transform: rotate(270deg) translateX(-100%); } #hiddenCopyElement { position: absolute; top: 0; left: 0; width: 0; height: 0; display: none; } .pdfViewer { /* Define this variable here and not in :root to avoid to reflow all the UI when scaling (see #15929). */ --scale-factor: 1; padding-bottom: var(--pdfViewer-padding-bottom); } .pdfViewer .canvasWrapper { overflow: hidden; width: 100%; height: 100%; z-index: 1; box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px; } .pdfViewer .page { direction: ltr; width: 816px; height: 1056px; margin: var(--page-margin); position: relative; overflow: visible; border: var(--page-border); box-sizing: content-box; background-clip: content-box; background-color: rgba(255, 255, 255, 1); } .pdfViewer .dummyPage { position: relative; width: 0; height: var(--viewer-container-height); } .pdfViewer.noUserSelect { -webkit-user-select: none; -moz-user-select: none; user-select: none; } .pdfViewer.removePageBorders .page { margin: 0 auto 10px; border: none; } .pdfViewer.singlePageView { display: inline-block; } .pdfViewer.singlePageView .page { margin: 0; border: none; } .pdfViewer:is(.scrollHorizontal, .scrollWrapped), .spread { margin-inline: 3.5px; text-align: center; } .pdfViewer.scrollHorizontal, .spread { white-space: nowrap; } .pdfViewer.removePageBorders, .pdfViewer:is(.scrollHorizontal, .scrollWrapped) .spread { margin-inline: 0; } .spread :is(.page, .dummyPage), .pdfViewer:is(.scrollHorizontal, .scrollWrapped) :is(.page, .spread) { display: inline-block; vertical-align: middle; } .spread .page, .pdfViewer:is(.scrollHorizontal, .scrollWrapped) .page { margin-inline: var(--spreadHorizontalWrapped-margin-LR); } .pdfViewer.removePageBorders .spread .page, .pdfViewer.removePageBorders:is(.scrollHorizontal, .scrollWrapped) .page { margin-inline: 5px; } .pdfViewer .page canvas { margin: 0; display: block; } .pdfViewer .page canvas .structTree { contain: strict; } .pdfViewer .page canvas[hidden] { display: none; } .pdfViewer .page canvas[zooming] { width: 100%; height: 100%; } .pdfViewer .page.loadingIcon::after { position: absolute; top: 0; left: 0; content: ''; width: 100%; height: 100%; background: var(--loading-icon) center no-repeat; display: none; /* Using a delay with background-image doesn't work, consequently we use the display. */ transition-property: display; transition-delay: var(--loading-icon-delay); z-index: 5; contain: strict; } .pdfViewer .page.loading::after { display: block; } .pdfViewer .page:not(.loading)::after { transition-property: none; display: none; } .pdfPresentationMode .pdfViewer { padding-bottom: 0; } .pdfPresentationMode .spread { margin: 0; } .pdfPresentationMode .pdfViewer .page { margin: 0 auto; border: 2px solid transparent; } .searchResultRectangleBox { /* 이벤트를 받지않고 하위에 보내도록 */ pointer-events: none; } .markupItem { /* 이벤트를 받지않고 하위에 보내도록 */ pointer-events: none; } .sizeUpCursor { cursor: zoom-in; } .sizeDownCursor { cursor: zoom-out; } #hiddenCopyElement, .hiddenCanvasElement { position: absolute; top: 0; left: 0; width: 0; height: 0; display: none; }