@foreverrbum/ethsign/public/webviewer/lib/ui/style.css

This package will allow you to electronically sign documents within your application

@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;700&display=swap);
@media (min-width:901px){.hide-in-desktop{display:none}}@media (min-width:641px) and (max-width:900px){.hide-in-tablet{display:none}}@media (max-width:640px) and (min-width:431px){.hide-in-mobile{display:none}}@media (max-width:430px){.hide-in-small-mobile{display:none}}.Accessibility{position:fixed;z-index:9999;display:flex;align-items:center;overflow:hidden;background:#fff;color:#000;font-size:1.2em;border:1px solid var(--border);height:36px;padding:0 10px}.Accessibility.visible{transform:translateY(0)}.Accessibility.hidden{transform:translateY(-100%)}.Accessibility button{border:none;background-color:transparent;color:#000;margin:0 7px;padding:2px 6px}
@media (min-width:901px){.hide-in-desktop{display:none}}@media (min-width:641px) and (max-width:900px){.hide-in-tablet{display:none}}@media (max-width:640px) and (min-width:431px){.hide-in-mobile{display:none}}@media (max-width:430px){.hide-in-small-mobile{display:none}}.tooltip--bottom,.tooltip--left,.tooltip--right,.tooltip--top{position:absolute;z-index:100;background:#222;font-size:12px;padding:6px 8px;border-radius:3px;transition:opacity .3s ease-out;-webkit-backface-visibility:hidden;backface-visibility:hidden}.tooltip--bottom .tooltip__content:before,.tooltip--left .tooltip__content:before,.tooltip--right .tooltip__content:before,.tooltip--top .tooltip__content:before{content:"";width:0;height:0;position:absolute}.tooltip--top{margin-top:-10px}.tooltip--top .tooltip__content:before{bottom:-6px;left:50%;margin-left:-8px;border-left:8px solid transparent;border-right:8px solid transparent;border-top:6px solid #222}.tooltip--bottom{margin-top:10px}.tooltip--bottom .tooltip__content:before{top:-6px;left:50%;margin-left:-8px;border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:6px solid #222}.tooltip--left{margin-left:-10px;white-space:nowrap}.tooltip--left .tooltip__content:before{border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:6px solid #222;right:-6px;top:50%;margin-top:-6px}.tooltip--right{margin-left:10px;white-space:nowrap}.tooltip--right .tooltip__content:before{border-top:6px solid transparent;border-bottom:6px solid transparent;border-right:6px solid #222;left:-6px;top:50%;margin-top:-6px}.tooltip__shortcut{margin-left:3px;opacity:.5}.tooltip__content{background:#222;color:#fff;font-size:12px}
@media (min-width:901px){.hide-in-desktop{display:none}}@media (min-width:641px) and (max-width:900px){.hide-in-tablet{display:none}}@media (max-width:640px) and (min-width:431px){.hide-in-mobile{display:none}}@media (max-width:430px){.hide-in-small-mobile{display:none}}.Icon{width:22px;height:22px;pointer-events:none;color:var(--icon-color)}.Icon path:not([fill*="#"]),.Icon polygon:not([fill*="#"]),.Icon rect:not([fill*="#"]){fill:currentColor}.Icon:not(.disabled) path[fill=default]{fill:var(--icon-color)}.Icon.disabled,.Icon.disabled path{fill:var(--disabled-icon)}.Icon path[fill=fill],.Icon path[fill=none],.Icon polygon[fill=fill],.Icon polygon[fill=none],.Icon rect[fill=fill],.Icon rect[fill=none]{fill:none}
@media (min-width:901px){.hide-in-desktop{display:none}}@media (min-width:641px) and (max-width:900px){.hide-in-tablet{display:none}}@media (max-width:640px) and (min-width:431px){.hide-in-mobile{display:none}}@media (max-width:430px){.hide-in-small-mobile{display:none}}.Button{padding:0;border:none;background-color:transparent;position:relative;display:flex;justify-content:center;align-items:center;cursor:pointer;border-radius:4px;width:32px;height:32px;color:var(--text-color)}html:not([data-tabbing=true]) .Button{outline:none}.Button img{height:24px;width:24px}.Button.active path[fill=default]{fill:var(--selected-icon-color)}.Button.active[data-element=panToolButton],.Button.active[data-element=selectToolButton]{background:var(--view-header-button-active)}.Button.active .Icon{color:var(--selected-icon-color)}.Button.disabled{background:none!important;cursor:default}.Button.disabled .Icon,.Button.disabled span{color:var(--disabled-icon)}
@media (min-width:901px){.hide-in-desktop{display:none}}@media (min-width:641px) and (max-width:900px){.hide-in-tablet{display:none}}@media (max-width:640px) and (min-width:431px){.hide-in-mobile{display:none}}@media (max-width:430px){.hide-in-small-mobile{display:none}}.tool-button-container{display:flex;flex-direction:row;align-items:center;height:26px;margin:0 6px}@media (max-width:640px){.tool-button-container{margin:0 10px}}.tool-button-container .tool-button-arrow-container{width:13px;height:100%;margin-right:2px}.tool-button-container .tool-button-arrow-container .tool-button-arrow-inner-container{font-size:13px;display:flex;align-items:center;height:100%;cursor:pointer}.tool-button-container .tool-button-arrow-container .tool-button-arrow-inner-container .tool-button-arrow-down,.tool-button-container .tool-button-arrow-container .tool-button-arrow-inner-container .tool-button-arrow-up{width:13px;height:13px}.tool-button-container .tool-button-arrow-container .tool-button-arrow-inner-container .tool-button-arrow-up{margin-top:-1px}.tool-button-container .tool-button{display:flex;flex-direction:row;align-items:center;border-radius:4px;margin-right:1px}.tool-button-container .tool-button.Button{width:26px;height:26px}.tool-button-container .tool-button.Button:hover{background:var(--tools-overlay-button-hover)}.tool-button-container .tool-button.active,.tool-button-container .tool-button.Button.active{background:var(--tools-overlay-button-active)}.tool-button-container .tool-button.active .Icon{color:var(--selected-icon-color)}.tool-button-container .tool-button.active div:hover{background:none}
@media (min-width:901px){.hide-in-desktop{display:none}}@media (min-width:641px) and (max-width:900px){.hide-in-tablet{display:none}}@media (max-width:640px) and (min-width:431px){.hide-in-mobile{display:none}}@media (max-width:430px){.hide-in-small-mobile{display:none}}.tool-group-button{display:flex;align-items:center;justify-content:center;height:32px;border-radius:4px;cursor:pointer}

@media (min-width:901px){.hide-in-desktop{display:none}}@media (min-width:641px) and (max-width:900px){.hide-in-tablet{display:none}}@media (max-width:640px) and (min-width:431px){.hide-in-mobile{display:none}}@media (max-width:430px){.hide-in-small-mobile{display:none}}.zoom-overlay{display:flex;align-items:center;justify-content:center;background-color:transparent;border-radius:4px;height:28px;margin:0 2px}.zoom-overlay .Button{margin:0 1px;height:100%}.zoom-overlay .Button:last-child{margin-right:0}.zoom-overlay .Button:first-child{margin-left:0}.zoom-overlay .toggle-element-button{height:100%}.ToggleZoomOverlay{height:100%;color:var(--text-color);margin-right:1px}.ToggleZoomOverlay .textarea{resize:none;border:none;outline:none;color:inherit;background-color:transparent;font-weight:700;min-width:28px;text-align:right}.ToggleZoomOverlay .Icon{width:12px;height:12px}.OverlayContainer{display:flex;align-items:center;justify-content:flex-end;min-width:38px;height:100%;border-radius:4px;position:relative}.OverlayContainer:hover{background-color:var(--view-header-button-hover)}.OverlayContainer.active{background-color:var(--view-header-button-active)}.OverlayContainer .Button.active,.OverlayContainer .Button:hover{background:none!important}.OverlayContainer .toggle-element-button{width:26px;margin-left:4px;margin-top:-2px;font-size:16px;height:26px}.OverlayText{border-radius:4px;align-items:center;margin-right:10px;font-weight:700;height:100%;text-align:center;display:flex}
@media (min-width:901px){.hide-in-desktop{display:none}}@media (min-width:641px) and (max-width:900px){.hide-in-tablet{display:none}}@media (max-width:640px) and (min-width:431px){.hide-in-mobile{display:none}}@media (max-width:430px){.hide-in-small-mobile{display:none}}.HeaderItems{display:flex;align-items:center;width:100%;height:100%;position:relative;padding:0 4px}.HeaderItems.w-auto{width:auto}.HeaderItems>.Button,.HeaderItems>.toggle-element-button{margin:0 6px}@media (max-width:640px){.HeaderItems>.Button,.HeaderItems>.toggle-element-button{margin:0 6px}}@media (min-width:641px) and (max-width:900px){.HeaderItems>.Button,.HeaderItems>.toggle-element-button{margin:0 10px}}.HeaderItems .tool-group-button{margin:0 6px}@media (max-width:900px){.HeaderItems .tool-group-button{margin:0 11px}}.HeaderItems .spacer{flex:1;height:100%}.HeaderItems .divider{width:1px;height:20px;margin:0 6px;background:var(--divider);flex-shrink:0}@media (max-width:900px){.HeaderItems .divider{margin:0 4px}}.tool-group-buttons-container{overflow:hidden;position:relative;height:100%;display:flex;align-items:center}.tool-group-buttons-container .chevron-scroll{display:flex;align-items:center;position:absolute;z-index:1;height:100%;pointer-events:none;width:64px;background:var(--tools-header-background);top:0;bottom:0;margin:auto}@media (-ms-high-contrast:active),(-ms-high-contrast:none){.tool-group-buttons-container .chevron-scroll{background:none}}.tool-group-buttons-container .chevron-scroll .Icon{color:var(--scroll-chevron-color)}.tool-group-buttons-container .chevron-scroll.left{left:0;-webkit-mask-image:-webkit-gradient(linear,right top,left top,from(transparent),to(#000),color-stop(.6,#000));mask-image:-webkit-gradient(linear,right top,left top,from(transparent),to(#000),color-stop(.6,#000));justify-content:flex-start}.tool-group-buttons-container .chevron-scroll.right{right:0;-webkit-mask-image:-webkit-gradient(linear,left top,right top,from(transparent),to(#000),color-stop(.6,#000));mask-image:-webkit-gradient(linear,left top,right top,from(transparent),to(#000),color-stop(.6,#000));justify-content:flex-end}.tool-group-buttons-container .chevron-scroll .scroll-edge{background:var(--tools-header-background);height:100%}.tool-group-buttons-container .chevron-scroll .scroll-edge.left{width:8px}.tool-group-buttons-container .chevron-scroll .scroll-edge.right{right:0}@media (max-width:640px){.tool-group-buttons-container .chevron-scroll .scroll-edge.right{width:8px}}@media (min-width:641px) and (max-width:900px){.tool-group-buttons-container .chevron-scroll .scroll-edge.right{width:16px}}@media (max-width:640px){.tool-group-buttons-container .chevron-scroll .scroll-edge.right{width:12px}}.tool-group-buttons-container .chevron-scroll .tool-group-button{padding:0;border:none;background-color:transparent;margin:0;pointer-events:all}html:not([data-tabbing=true]) .tool-group-buttons-container .chevron-scroll .tool-group-button{outline:none}.tool-group-buttons-scroll{display:flex;overflow:auto;scroll-behavior:smooth;height:100%;align-items:center;-ms-overflow-style:none;scrollbar-width:none}.tool-group-buttons-scroll::-webkit-scrollbar{display:none}.tool-group-buttons-scroll :last-child{margin-right:0}.HeaderItems .divider{margin-left:0}@media (min-width:901px){.HeaderItems .divider{margin-left:16px;margin-right:16px}}@media (min-width:641px) and (max-width:900px){.HeaderItems .divider{margin-left:16px;margin-right:16px}}@media (max-width:640px){.HeaderItems .divider{margin-left:16px;margin-right:16px}}.HeaderItems .tool-group-button{scroll-snap-align:start}.HeaderItems .tool-group-button,.HeaderItems>.Button{width:32px;height:32px}.HeaderItems .Button:not(.disabled):hover{border-radius:4px;background:var(--tools-button-hover)}.HeaderItems .Button:not(.disabled).active{border-radius:4px;background:var(--tools-button-active)}
@media (min-width:901px){.hide-in-desktop{display:none}}@media (min-width:641px) and (max-width:900px){.hide-in-tablet{display:none}}@media (max-width:640px) and (min-width:431px){.hide-in-mobile{display:none}}@media (max-width:430px){.hide-in-small-mobile{display:none}}.view-header-border{width:100%;height:1px;background:var(--border)}.HeaderToolsContainer{display:flex;align-items:flex-end;width:100%;z-index:70;height:40px}@media (max-width:900px){.HeaderToolsContainer{height:52px}}.HeaderToolsContainer.closed{height:0}.Header{box-sizing:content-box!important;display:flex;flex-direction:column;align-items:center;width:100%;height:36px;background:var(--view-header-background);z-index:71}.Header:not(.Tools) .Button:hover:enabled{background:var(--view-header-button-hover)}.Header:not(.Tools) .Button.active{background:var(--view-header-button-active)}.Header:not(.Tools) .Button.active .Icon{color:var(--view-header-icon-active-fill)}.Header.Tools{background:var(--tools-header-background);height:40px}@media (max-width:900px){.Header,.Header.Tools{height:52px}}
.open.FlyoutMenu{visibility:visible}.closed.FlyoutMenu{visibility:hidden}@media (min-width:901px){.hide-in-desktop{display:none}}@media (min-width:641px) and (max-width:900px){.hide-in-tablet{display:none}}@media (max-width:640px) and (min-width:431px){.hide-in-mobile{display:none}}@media (max-width:430px){.hide-in-small-mobile{display:none}}.FlyoutMenu{position:absolute;z-index:85;display:flex;flex-direction:column;align-items:flex-start;border-radius:4px;background:var(--component-background);box-shadow:0 0 3px 0 var(--document-box-shadow);padding:6px 0}@media (max-height:500px){.FlyoutMenu{overflow:auto;max-height:100%;display:block}}.FlyoutMenu .row{width:100%;margin:2px 0;height:32px;display:flex;align-items:center;padding-left:12px;padding-right:18px;cursor:pointer}.FlyoutMenu .row:hover{background:var(--popup-button-hover)}.FlyoutMenu .row.active{background:var(--popup-button-active)}.FlyoutMenu .row .title{margin-left:4px}.FlyoutMenu .type{margin-top:2px;margin-bottom:8px;padding-left:12px;padding-right:18px}.FlyoutMenu .divider{margin:8px}.FlyoutMenu .divider,.FlyoutMenu .dividerSmall{height:1px;background:var(--divider);width:calc(100% - 16px)}.FlyoutMenu .dividerSmall{margin:2px 8px}.FlyoutMenu.mobile{position:fixed;width:100%;left:0;bottom:0;border-radius:0;border-top-left-radius:4px;border-top-right-radius:4px;border:0;box-shadow:0 0 3px 0 var(--document-box-shadow);padding-top:30px;padding-bottom:30px}.FlyoutMenu.mobile .swipe-indicator{background:var(--divider);border-radius:2px;height:4px;width:38px;position:absolute;top:12px;margin-left:auto;margin-right:auto;left:0;right:0}.FlyoutMenu.mobile .row,.FlyoutMenu.mobile .type{padding:0 24px}
@media (min-width:901px){.hide-in-desktop{display:none}}@media (min-width:641px) and (max-width:900px){.hide-in-tablet{display:none}}@media (max-width:640px) and (min-width:431px){.hide-in-mobile{display:none}}@media (max-width:430px){.hide-in-small-mobile{display:none}}.FlyoutMenu[data-element=menuOverlay] .ActionButton{justify-content:flex-start}.FlyoutMenu[data-element=menuOverlay] .ActionButton .Icon{margin:4px}.FlyoutMenu[data-element=menuOverlay] .ActionButton span{margin:0 4px}.FlyoutMenu[data-element=menuOverlay] .ActionButton.row.disabled:hover{background:none;cursor:default}
.open.AnnotationContentOverlay{visibility:visible}.closed.AnnotationContentOverlay{visibility:hidden}@media (min-width:901px){.hide-in-desktop{display:none}}@media (min-width:641px) and (max-width:900px){.hide-in-tablet{display:none}}@media (max-width:640px) and (min-width:431px){.hide-in-mobile{display:none}}@media (max-width:430px){.hide-in-small-mobile{display:none}}.AnnotationContentOverlay{word-wrap:break-word;-ms-word-break:break-all;word-break:break-all;word-break:break-word;-ms-hyphens:auto;-webkit-hyphens:auto;hyphens:auto;position:absolute;z-index:85;border-radius:4px;box-shadow:0 0 3px 0 var(--document-box-shadow);background:var(--component-background);display:flex;flex-direction:column;max-width:215px;padding:8px}.AnnotationContentOverlay .author{font-weight:700}.AnnotationContentOverlay .contents,.AnnotationContentOverlay .replies{margin-top:5px;white-space:pre-wrap}
.open.PasswordModal{visibility:visible}.closed.PasswordModal{visibility:hidden}@media (min-width:901px){.hide-in-desktop{display:none}}@media (min-width:641px) and (max-width:900px){.hide-in-tablet{display:none}}@media (max-width:640px) and (min-width:431px){.hide-in-mobile{display:none}}@media (max-width:430px){.hide-in-small-mobile{display:none}}.PasswordModal{position:fixed;left:0;bottom:0;z-index:100;width:100%;height:100%;display:flex;justify-content:center;align-items:center;background:var(--modal-negative-space)}.PasswordModal .footer{display:flex;flex-direction:row;justify-content:flex-end;width:100%;margin-top:13px}.PasswordModal .footer .modal-button{display:flex;justify-content:center;align-items:center;padding:6px 18px;margin:8px 0 0;width:auto;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;border-radius:4px;height:30px;cursor:pointer}.PasswordModal .footer .modal-button.cancel{color:var(--secondary-button-text)}.PasswordModal .footer .modal-button.cancel:hover{color:var(--secondary-button-hover)}.PasswordModal .footer .modal-button.confirm{margin-left:4px;color:var(--primary-button-text);font-weight:600;background:var(--primary-button)}.PasswordModal .footer .modal-button.confirm:hover{background:var(--primary-button-hover)}.PasswordModal .container{border-radius:4px}@media (max-height:500px){.PasswordModal .container{overflow:auto;max-height:100%}}.PasswordModal .container{display:flex;align-items:center;padding:10px;background:var(--component-background);box-shadow:0 0 3px 0 var(--document-box-shadow)}.PasswordModal .container .wrapper{align-self:stretch;flex-grow:1;display:flex;flex-direction:column;position:relative}.PasswordModal .container .wrapper .header{font-size:16px;font-weight:700}.PasswordModal .container .wrapper .enter{margin-top:22px;font-size:14px}.PasswordModal .container .wrapper .enter input{margin-top:8px;width:100%;border:none;outline:none}.PasswordModal .container .wrapper .enter input.correct{border-bottom:2px solid #00a5e4}.PasswordModal .container .wrapper .enter input.wrong{border-bottom:2px solid red}.PasswordModal .container .wrapper .incorrect-password{margin-top:2px;font-size:14px;color:#e00}
.open.MeasurementOverlay{visibility:visible}.closed.MeasurementOverlay{visibility:hidden}@media (min-width:901px){.hide-in-desktop{display:none}}@media (min-width:641px) and (max-width:900px){.hide-in-tablet{display:none}}@media (max-width:640px) and (min-width:431px){.hide-in-mobile{display:none}}@media (max-width:430px){.hide-in-small-mobile{display:none}}.MeasurementOverlay{position:absolute;z-index:85;border-radius:4px;box-shadow:0 0 3px 0 var(--document-box-shadow);background:var(--component-background);flex-direction:column;bottom:60px;right:14px;font-size:16px;min-width:215px;padding:6px}@media (max-width:640px){.MeasurementOverlay{bottom:8px;right:8px;padding:8px;font-size:14px}}.MeasurementOverlay>*{margin:6px}.MeasurementOverlay.transparent{opacity:.5;pointer-events:none}.measurement__title{display:flex;justify-content:center;align-items:center}.measurement__title .measurement__icon{margin-right:5px}.measurement__deltas{display:flex;justify-content:space-between}.lineMeasurementInput{width:50px;margin-left:4px}.length_input{margin-bottom:3px}.angle_input{margin-top:3px}.angle_input .lineMeasurementInput{width:65px}
@media (min-width:901px){.hide-in-desktop{display:none}}@media (min-width:641px) and (max-width:900px){.hide-in-tablet{display:none}}@media (max-width:640px) and (min-width:431px){.hide-in-mobile{display:none}}@media (max-width:430px){.hide-in-small-mobile{display:none}}.PageNavOverlay{height:32px;font-family:Lato;font-weight:700;color:var(--text-color);display:inline-flex;align-items:center;cursor:pointer;position:relative;left:50%;transform:translateX(-50%);top:auto;margin-left:auto;margin-right:auto;background:var(--component-background);border-radius:4px;box-shadow:0 0 3px 0 var(--box-shadow);z-index:0;bottom:20px}@media (max-width:640px){.PageNavOverlay{height:36px}}.PageNavOverlay .side-arrow-container{padding:0;border:none;background-color:transparent;width:24px;height:24px;border-radius:4px;display:flex;align-items:center;justify-content:center;margin:0 4px;cursor:pointer}html:not([data-tabbing=true]) .PageNavOverlay .side-arrow-container{outline:none}@media (max-width:640px){.PageNavOverlay .side-arrow-container{width:40px;height:28px}}.PageNavOverlay .side-arrow-container:hover{background:var(--view-header-button-hover)}.PageNavOverlay .side-arrow-container .side-arrow{width:16px;height:16px}.PageNavOverlay .formContainer{height:100%;display:flex;align-items:center}.PageNavOverlay .formContainer form{top:-1px;position:relative}.PageNavOverlay .formContainer form input{min-width:8px;padding:0;border:none;text-align:right;font-family:Lato;font-weight:700;background:transparent;color:var(--text-color);cursor:pointer;outline:none;border-bottom:1px solid var(--icon-color);border-radius:0}
@media (min-width:901px){.hide-in-desktop{display:none}}@media (min-width:641px) and (max-width:900px){.hide-in-tablet{display:none}}@media (max-width:640px) and (min-width:431px){.hide-in-mobile{display:none}}@media (max-width:430px){.hide-in-small-mobile{display:none}}.divider-container{width:100%;padding:8px 4px}.divider-container .divider-horizontal{height:1px;background:var(--divider)}@media (max-width:640px){.divider-container{padding-top:0}}
@media (min-width:901px){.hide-in-desktop{display:none}}@media (min-width:641px) and (max-width:900px){.hide-in-tablet{display:none}}@media (max-width:640px) and (min-width:431px){.hide-in-mobile{display:none}}@media (max-width:430px){.hide-in-small-mobile{display:none}}.palette-options{display:flex;margin-bottom:8px;margin-top:4px;border-radius:4px;border:1px solid var(--border);width:100%;cursor:pointer}.palette-options .palette-options-button{padding:0;border:none;background-color:transparent;height:20px;text-align:center;vertical-align:middle;line-height:20px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;flex:1;border-radius:0}html:not([data-tabbing=true]) .palette-options .palette-options-button{outline:none}.palette-options .palette-options-button:first-child{border-bottom-left-radius:4px;border-top-left-radius:4px}.palette-options .palette-options-button:last-child{border-bottom-right-radius:4px;border-top-right-radius:4px}.palette-options .palette-options-button:hover{background:var(--popup-button-hover)}.palette-options .palette-options-button.active{background:var(--popup-button-active)}.palette-options .palette-options-button.disabled{color:var(--gray-6);cursor:default}.palette-options .palette-options-button.disabled:hover{background:none}.palette-options .palette-options-divider{width:1px;background:var(--divider)}
@media (min-width:901px){.hide-in-desktop{display:none}}@media (min-width:641px) and (max-width:900px){.hide-in-tablet{display:none}}@media (max-width:640px) and (min-width:431px){.hide-in-mobile{display:none}}@media (max-width:430px){.hide-in-small-mobile{display:none}}.ColorPalette{display:flex;flex-wrap:wrap;display:grid;grid-template-columns:repeat(7,1fr)}@media (-ms-high-contrast:active),(-ms-high-contrast:none){.ColorPalette{width:196px}}.ColorPalette.padding{padding:4px 12px 8px}@media (max-width:640px){.ColorPalette{max-width:450px;width:auto}}@media (max-width:640px) and (-ms-high-contrast:active),(max-width:640px) and (-ms-high-contrast:none){.ColorPalette{width:308px}}.ColorPalette .cell-container{padding:0;border:none;background-color:transparent;flex:1 0 14%;cursor:pointer;width:28px;height:28px;display:flex;align-items:center;justify-content:center}html:not([data-tabbing=true]) .ColorPalette .cell-container{outline:none}@media (max-width:640px){.ColorPalette .cell-container{width:44px;height:44px}}.ColorPalette .cell-container .cell-outer.active{border:1px solid var(--color-palette-border);width:26px;height:26px;border-radius:10000000px;display:flex;align-items:center;justify-content:center}@media (max-width:640px){.ColorPalette .cell-container .cell-outer.active{width:36px;height:36px}}.ColorPalette .cell-container .cell-outer .cell{width:18px;height:18px;border-radius:10000000px}.ColorPalette .cell-container .cell-outer .cell .transparent{border:2px solid var(--faded-text);border-radius:10000000px}.ColorPalette .cell-container .cell-outer .cell.border{border:1px solid var(--white-color-palette-border)}@media (max-width:640px){.ColorPalette .cell-container .cell-outer .cell{width:24px;height:24px}}
.colorPicker .colorPickerController{padding:5px;margin-top:4px;display:flex;align-items:center;justify-content:space-between;border-radius:4px;cursor:pointer}.colorPicker .cellIcon .Icon svg{height:100%}.colorPicker .cell-container:disabled{cursor:no-drop;opacity:.5}
@media (min-width:901px){.hide-in-desktop{display:none}}@media (min-width:641px) and (max-width:900px){.hide-in-tablet{display:none}}@media (max-width:640px) and (min-width:431px){.hide-in-mobile{display:none}}@media (max-width:430px){.hide-in-small-mobile{display:none}}@media (max-width:640px){.slider{margin-top:6px}}.slider svg{height:18px;cursor:pointer}.slider .slider-property{margin-bottom:4px}.slider .slider-property:nth-child(n+2){margin-top:8px}.slider .slider-svg-container{display:flex;flex-direction:row;align-items:center;margin-left:-5px}.slider .slider-svg-container .slider-value{min-width:41px;display:flex;justify-content:flex-end;flex:1}.slider .slider-svg-container svg{width:148px;flex:7}.slider .slider-svg-container svg circle{fill:var(--slider-filled)}.slider .slider-svg-container svg line:first-child{stroke:var(--slider-filled)}.slider .slider-svg-container svg line:nth-child(2){stroke:var(--slider-background)}@media (max-width:640px){.slider .slider-svg-container svg line{stroke-width:4}}
@media (min-width:901px){.hide-in-desktop{display:none}}@media (min-width:641px) and (max-width:900px){.hide-in-tablet{display:none}}@media (max-width:640px) and (min-width:431px){.hide-in-mobile{display:none}}@media (max-width:430px){.hide-in-small-mobile{display:none}}.ui__choice__input__icon{top:-6px!important}.ui__icon{align-items:baseline!important}
@media (min-width:901px){.hide-in-desktop{display:none}}@media (min-width:641px) and (max-width:900px){.hide-in-tablet{display:none}}@media (max-width:640px) and (min-width:431px){.hide-in-mobile{display:none}}@media (max-width:430px){.hide-in-small-mobile{display:none}}.MeasurementOption{width:100%;margin-top:4px;margin-bottom:4px}@media (max-width:640px){.MeasurementOption{margin-bottom:0}}.MeasurementOption input:focus,.MeasurementOption select:focus{outline:none;border:1px solid var(--focus-border)}.MeasurementOption .textarea{resize:none;outline:none;border:none;width:34px;margin-right:3px;margin-left:3px;margin-top:1px;height:13px;text-align:right}.MeasurementOption .Scale{display:flex;flex-direction:column}.MeasurementOption .ScaleInput{padding-left:8px;border-radius:4px;border:1px solid var(--border);height:28px;width:42px;margin-right:4px}@media (max-width:640px){.MeasurementOption .ScaleInput{width:79px;height:32px}}.MeasurementOption .ScaleEquals{margin-top:5px;margin-left:4px;margin-right:4px}@media (min-width:641px) and (max-width:900px){.MeasurementOption .ScaleEquals{margin-left:6px;margin-right:6px}}.MeasurementOption .UnitInput{border-radius:4px;border:1px solid var(--border);height:28px;width:40px}@media (max-width:640px){.MeasurementOption .UnitInput{width:64px;height:32px}}.MeasurementOption .PrecisionInput{border-radius:4px;border:1px solid var(--border);height:28px;width:86px}@media (max-width:640px){.MeasurementOption .PrecisionInput{width:151px;height:32px}}.MeasurementOption .Precision{display:flex;flex-direction:column}.MeasurementOption .LayoutTitle{margin-left:6px}.MeasurementOption .LayoutTitlePrecision{margin-left:6px;margin-top:10px}.MeasurementOption .Layout,.MeasurementOption .LayoutPrecision{display:flex;margin-left:2px;margin-top:5px}.MeasurementOption .ScaleDropdown{width:25px;margin-right:3px;z-index:2}@media (max-width:640px){.MeasurementOption .ScaleDropdown.open{margin-top:-48px}}.MeasurementOption .PrecisionDropdown{margin-left:3px;width:65px}@media (max-width:640px){.MeasurementOption .PrecisionDropdown.open{z-index:3;margin-top:-48px}}.MeasurementOption input[type=number]::-webkit-inner-spin-button,.MeasurementOption input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.MeasurementOption .options{margin-top:10px;margin-left:2px}
.StyleOption .styles-container{margin-top:2px;margin-bottom:8px}.StyleOption .styles-container .styles-input{background:var(--component-background);border-radius:4px;border:1px solid var(--border);height:28px;width:80px;text-transform:capitalize;color:var(--text-color)}.StyleOption .styles-container .styles-title{margin-left:6px}.StyleOption .styles-container .styles-layout{display:flex;margin-left:2px;margin-top:7px}
@media (min-width:901px){.hide-in-desktop{display:none}}@media (min-width:641px) and (max-width:900px){.hide-in-tablet{display:none}}@media (max-width:640px) and (min-width:431px){.hide-in-mobile{display:none}}@media (max-width:430px){.hide-in-small-mobile{display:none}}@-webkit-keyframes bottom-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes bottom-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}@-webkit-keyframes up-bottom{0%{transform:translateY(0)}to{transform:translateY(100%)}}@keyframes up-bottom{0%{transform:translateY(0)}to{transform:translateY(100%)}}.StylePopup{padding:4px 12px 8px;display:flex;flex-direction:column}.StylePopup .sliders-container{padding-left:6px;padding-right:6px;margin-top:4px}
@media (min-width:901px){.hide-in-desktop{display:none}}@media (min-width:641px) and (max-width:900px){.hide-in-tablet{display:none}}@media (max-width:640px) and (min-width:431px){.hide-in-mobile{display:none}}@media (max-width:430px){.hide-in-small-mobile{display:none}}.signature-row-content{padding:0;border:none;background-color:transparent;width:162px;height:26px;border-radius:4px;display:flex;align-items:center;justify-content:center;cursor:pointer;margin-right:8px}html:not([data-tabbing=true]) .signature-row-content{outline:none}.signature-row-content img{max-width:100%;max-height:100%}.signature-row-content.interactable:hover{background:var(--tools-overlay-button-hover)}.signature-row-content.active,.signature-row-content.interactable.active{background:var(--tools-overlay-button-active)}
@media (min-width:901px){.hide-in-desktop{display:none}}@media (min-width:641px) and (max-width:900px){.hide-in-tablet{display:none}}@media (max-width:640px) and (min-width:431px){.hide-in-mobile{display:none}}@media (max-width:430px){.hide-in-small-mobile{display:none}}.add-btn{border-radius:4px;border:1px solid var(--icon-color);color:var(--text-color);cursor:pointer;display:flex;align-items:center;justify-content:center}.add-btn.disabled{border:1px solid var(--disabled-text);color:var(--disabled-text);cursor:auto}@media (max-width:640px){.add-btn{height:40px;width:90vw;margin:0}}.signature-row{display:flex;flex-direction:row;height:26px;justify-content:space-between}@media (max-width:640px){.signature-row{justify-content:center}}.signature-row .icon{padding:0;border:none;background-color:transparent;display:flex;align-items:center;justify-content:center;width:34px;border-radius:4px;cursor:pointer}html:not([data-tabbing=true]) .signature-row .icon{outline:none}.signature-row .icon:hover{background:var(--tools-overlay-button-hover)}.signature-style-popup{width:100%;padding-left:8px;padding-right:4px}@media (max-width:640px){.signature-style-popup{width:auto;padding:0;margin-top:12px}}.signature-style-popup .signature-row{margin-bottom:12px}@media (max-width:640px){.signature-style-popup .signature-row{margin-bottom:16px}}.signature-style-popup .add-btn{margin-bottom:8px}@media (max-width:640px){.signature-style-popup .add-btn{margin:32px 0 0}}
@media (min-width:901px){.hide-in-desktop{display:none}}@media (min-width:641px) and (max-width:900px){.hide-in-tablet{display:none}}@media (max-width:640px) and (min-width:431px){.hide-in-mobile{display:none}}@media (max-width:430px){.hide-in-small-mobile{display:none}}.rubber-stamp-overlay{margin-left:0;margin-bottom:8px;padding-left:8px;padding-right:4px}@media (max-width:640px){.rubber-stamp-overlay{margin-bottom:0;margin-right:0;padding-top:12px}}.rubber-stamp-overlay .custom-stamp-panel{max-height:270px;overflow:auto;margin-bottom:8px}.rubber-stamp-overlay .standard-stamp-panel{display:flex;align-items:center;flex-direction:row;flex-wrap:wrap;flex-flow:row wrap;align-content:flex-start;max-height:300px;overflow-y:scroll}@media (max-width:640px){.rubber-stamp-overlay .standard-stamp-panel{height:236px;width:300px}}.rubber-stamp-overlay .rubber-stamp{padding:0;border:none;background-color:transparent;border-radius:4px;flex-basis:50%;cursor:pointer}html:not([data-tabbing=true]) .rubber-stamp-overlay .rubber-stamp{outline:none}.rubber-stamp-overlay .rubber-stamp:hover{background:var(--popup-button-hover)}.rubber-stamp-overlay .rubber-stamp img{width:100%}.rubber-stamp-overlay .stamp-row{display:flex;flex-direction:row;height:45px;justify-content:space-between;padding-bottom:4px}@media (max-width:640px){.rubber-stamp-overlay .stamp-row{justify-content:center}}.rubber-stamp-overlay .stamp-row .icon{padding:0;border:none;background-color:transparent;display:flex;align-items:center;justify-content:center;width:34px;height:45px;border-radius:4px;cursor:pointer}html:not([data-tabbing=true]) .rubber-stamp-overlay .stamp-row .icon{outline:none}.rubber-stamp-overlay .stamp-row .icon:hover{background:var(--tools-overlay-button-hover)}.rubber-stamp-overlay .stamp-row .custom-stamp{padding:0;border:none;background-color:transparent;flex-shrink:1}html:not([data-tabbing=true]) .rubber-stamp-overlay .stamp-row .custom-stamp{outline:none}.rubber-stamp-overlay .stamp-row-content{width:162px;border-radius:4px;padding:2px;display:flex;align-items:center;justify-content:center;cursor:pointer;margin-right:8px}.rubber-stamp-overlay .stamp-row-content img{max-width:100%;max-height:100%}@media (-ms-high-contrast:active),(-ms-high-contrast:none){.rubber-stamp-overlay .stamp-row-content img{flex-grow:1;flex-basis:0}}.rubber-stamp-overlay .stamp-row-content:not(.add-btn):hover{background:var(--popup-button-hover)}.rubber-stamp-overlay .stamp-row-content.interactable:hover{background:var(--tools-overlay-button-hover)}.rubber-stamp-overlay .stamp-row-content.active,.rubber-stamp-overlay .stamp-row-content.interactable.active{background:var(--tools-overlay-button-active)}.rubber-stamp-overlay .stamp-row-content.add-btn{background-color:transparent}@media (max-width:640px){.rubber-stamp-overlay .stamp-row-content.add-btn{width:90vw;margin-right:0}}@media (max-width:640px){.rubber-stamp-overlay .tab-header{width:300px;margin:auto}}.rubber-stamp-overlay .tab-list{display:flex;border-radius:4px;border:1px solid var(--border);height:28px;color:var(--text-color);margin-bottom:8px;width:100%;cursor:pointer}.rubber-stamp-overlay .tab-list .tab-options-button{padding:0;border:none;background-color:transparent;text-align:center;vertical-align:middle;line-height:24px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;flex:1;border-radius:0}html:not([data-tabbing=true]) .rubber-stamp-overlay .tab-list .tab-options-button{outline:none}.rubber-stamp-overlay .tab-list .tab-options-button:first-child{border-bottom-left-radius:4px;border-top-left-radius:4px}.rubber-stamp-overlay .tab-list .tab-options-button:last-child{border-bottom-right-radius:4px;border-top-right-radius:4px}.rubber-stamp-overlay .tab-list .tab-options-button:hover{background:var(--popup-button-hover)}.rubber-stamp-overlay .tab-list .tab-options-button.selected{background:var(--popup-button-active)}.rubber-stamp-overlay .tab-list .tab-options-divider{width:1px;background:var(--divider)}
@media (min-width:901px){.hide-in-desktop{display:none}}@media (min-width:641px) and (max-width:900px){.hide-in-tablet{display:none}}@media (max-width:640px) and (min-width:431px){.hide-in-mobile{display:none}}@media (max-width:430px){.hide-in-small-mobile{display:none}}@-webkit-keyframes bottom-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes bottom-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}@-webkit-keyframes up-bottom{0%{transform:translateY(0)}to{transform:translateY(100%)}}@keyframes up-bottom{0%{transform:translateY(0)}to{transform:translateY(100%)}}.ToolStylePopup{background:var(--preset-background);display:flex;flex-direction:column;justify-content:center;border-radius:0 0 4px 4px;box-shadow:0 0 3px 0 var(--box-shadow);width:220px}@media (max-width:640px){.ToolStylePopup{width:auto;margin:0;position:relative;max-width:none;border-radius:0;border-top-left-radius:4px;border-top-right-radius:4px;border:0;padding-bottom:24px;border-radius:4px;box-shadow:none}.ToolStylePopup .swipe-indicator{background:var(--divider);border-radius:2px;height:4px;width:38px;position:absolute;top:12px;margin-left:auto;margin-right:auto;left:0;right:0}}
@media (min-width:901px){.hide-in-desktop{display:none}}@media (min-width:641px) and (max-width:900px){.hide-in-tablet{display:none}}@media (max-width:640px) and (min-width:431px){.hide-in-mobile{display:none}}@media (max-width:430px){.hide-in-small-mobile{display:none}}.tools-dropdown-container{padding:0;border:none;background-color:transparent;width:34px;height:26px;display:flex;align-items:center;justify-content:center;border-radius:4px;cursor:pointer}html:not([data-tabbing=true]) .tools-dropdown-container{outline:none}.tools-dropdown-container:not(.disabled):hover{background:var(--tools-overlay-button-hover)}.tools-dropdown-container:not(.disabled).active{background:var(--tools-overlay-button-active)}.tools-dropdown-container:not(.disabled).active .Icon{color:var(--selected-icon-color)}.tools-dropdown-container.disabled{cursor:auto}.tools-dropdown-container.disabled .Icon{color:var(--disabled-text)}.tools-dropdown-container .tools-arrow-up{width:22px;height:22px}.tools-dropdown-container .tools-arrow-down{width:22px;height:22px;margin-top:1px}
@media (min-width:901px){.hide-in-desktop{display:none}}@media (min-width:641px) and (max-width:900px){.hide-in-tablet{display:none}}@media (max-width:640px) and (min-width:431px){.hide-in-mobile{display:none}}@media (max-width:430px){.hide-in-small-mobile{display:none}}.selected-signature-row{display:flex;flex-direction:row;width:100%;justify-content:space-between;padding-left:8px;padding-right:4px;align-items:center}@media (max-width:640px){.selected-signature-row{width:auto;padding-left:0}.selected-signature-row .add-btn{width:190px;height:30px}}
@media (min-width:901px){.hide-in-desktop{display:none}}@media (min-width:641px) and (max-width:900px){.hide-in-tablet{display:none}}@media (max-width:640px) and (min-width:431px){.hide-in-mobile{display:none}}@media (max-width:430px){.hide-in-small-mobile{display:none}}.selected-rubber-stamp-container{display:flex;flex-direction:row;width:100%;justify-content:space-between;padding-left:8px;padding-right:4px;align-items:center}@media (max-width:640px){.selected-rubber-stamp-container .signature-row-content{height:32px}}@media (max-width:640px){.selected-rubber-stamp-container{width:auto}}.selected-rubber-stamp-container .selected-rubber-stamp{display:flex;align-items:center;justify-content:center}.selected-rubber-stamp-container .selected-rubber-stamp .signature-row-content img{max-width:120%;max-height:120%;height:inherit}
.open.ToolsOverlay{visibility:visible}.closed.ToolsOverlay{visibility:hidden}@media (min-width:901px){.hide-in-desktop{display:none}}@media (min-width:641px) and (max-width:900px){.hide-in-tablet{display:none}}@media (max-width:640px) and (min-width:431px){.hide-in-mobile{display:none}}@media (max-width:430px){.hide-in-small-mobile{display:none}}.ToolsOverlay{position:absolute;z-index:85;border-radius:4px;box-shadow:0 0 3px 0 var(--document-box-shadow);background:var(--component-background)}@media (min-width:901px){.ToolsOverlayContainer{margin-right:12px}}@media (min-width:641px) and (max-width:900px){.ToolsOverlayContainer{margin-right:18px}}.ToolsOverlay{box-shadow:none;padding:0;flex-wrap:nowrap;border:0;border-radius:0;background:transparent;position:relative;border-radius:4px 4px 0 0;height:32px;align-items:center;width:220px}@media (max-width:640px){.ToolsOverlay{width:100%;height:auto;display:flex;flex-direction:column;background:var(--mobile-presets-background);margin-top:-12px}}.ToolsOverlay.shadow{box-shadow:0 0 5px 0 var(--box-shadow)}@media (min-width:641px){.ToolsOverlay.shadow .ToolStylePopup{box-shadow:0 -20px 0 var(--preset-background),0 0 5px 0 var(--box-shadow)}}.ToolsOverlay .no-presets{color:var(--no-presets-text)}.ToolsOverlay .no-presets,.ToolsOverlay .tools-container{display:flex;justify-content:center;align-items:center;width:100%}.ToolsOverlay .tools-container{border-radius:4px;background:var(--preset-background);height:100%}@media (max-width:640px){.ToolsOverlay .tools-container{background:var(--mobile-presets-background);height:52px}.ToolsOverlay .tools-container.is-styling-open{height:78px}}.ToolsOverlay .tools-container .tool-buttons-container{display:flex;align-items:center;height:32px;padding-left:4px}@media (max-width:640px){.ToolsOverlay .tools-container .tool-buttons-container{width:100%;justify-content:center}}.ToolsOverlay .close-icon-container{padding:0;border:none;background-color:transparent;position:absolute;right:18px;cursor:pointer}html:not([data-tabbing=true]) .ToolsOverlay .close-icon-container{outline:none}.ToolsOverlay .close-icon-container .close-icon{width:24px;height:24px}
@media (min-width:901px){.hide-in-desktop{display:none}}@media (min-width:641px) and (max-width:900px){.hide-in-tablet{display:none}}@media (max-width:640px) and (min-width:431px){.hide-in-mobile{display:none}}@media (max-width:430px){.hide-in-small-mobile{display:none}}.document-content-container{flex-direction:column;transition:all .3s ease-in-out}.document-content-container,.document-content-container .measurement-container{display:flex;align-items:center;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%;height:100%}.document-content-container .measurement-container{flex-direction:column;flex:1}.document-content-container .measurement-container .footer{pointer-events:none;position:absolute;bottom:0;left:0;z-index:55;width:100%;transition:all .3s ease}.document-content-container .measurement-container .footer>*{pointer-events:auto}.DocumentContainer{display:flex;flex-direction:column;align-items:center;flex:1;width:100%;overflow:auto;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}@media (-ms-high-contrast:active),(-ms-high-contrast:none){.DocumentContainer{margin-left:0!important;width:100%!important}}.DocumentContainer .document{margin:auto;outline:none;-webkit-tap-highlight-color:transparent}.DocumentContainer .document.hidden{display:none}.DocumentContainer .document .pageSection[id*=pageSectionb]{box-shadow:none}.DocumentContainer .document .pageSection .pageContainer{background-color:#fff;position:relative;box-shadow:0 0 2px 0 rgba(0,0,0,.14),0 2px 2px 0 rgba(0,0,0,.12),0 1px 3px 0 rgba(0,0,0,.12)}.DocumentContainer .document .pageSection .pageContainer span.link{cursor:pointer}.DocumentContainer .document textarea.freetext{position:absolute;z-index:20;border:0;padding:0;box-sizing:border-box;resize:none;outline:1px solid transparent}

@media (min-width:901px){.hide-in-desktop{display:none}}@media (min-width:641px) and (max-width:900px){.hide-in-tablet{display:none}}@media (max-width:640px) and (min-width:431px){.hide-in-mobile{display:none}}@media (max-width:430px){.hide-in-small-mobile{display:none}}.LeftPanelTabs{display:flex;flex:1;border-radius:4px;border:1px solid var(--border)}.LeftPanelTabs .Button{flex-grow:1;height:26px;margin:0;border-radius:0}.LeftPanelTabs .Button:not(:last-child){border-right:1px solid var(--divider)}.LeftPanelTabs .Button:first-child{border-bottom-left-radius:4px;border-top-left-radius:4px}.LeftPanelTabs .Button:last-child{border-bottom-right-radius:4px;border-top-right-radius:4px}.LeftPanelTabs .Button .Icon{width:19px;height:19px}.LeftPanelTabs .Button:hover{background:var(--popup-button-hover)}.LeftPanelTabs .Button.active{background:var(--popup-button-active)}
@media (min-width:901px){.hide-in-desktop{display:none}}@media (min-width:641px) and (max-width:900px){.hide-in-tablet{display:none}}@media (max-width:640px) and (min-width:431px){.hide-in-mobile{display:none}}@media (max-width:430px){.hide-in-small-mobile{display:none}}.thumbnailControls{display:flex;flex-direction:row;text-align:center;z-index:2;margin-top:5px}.thumbnailControls .Button{height:32px;padding:0;width:32px;margin:0 4px}.thumbnailControls .Button .Icon{height:24px;width:24px;color:var(--icon-color)}.thumbnailControls .Button:hover{background:var(--view-header-button-hover);border-radius:4px}
@media (min-width:901px){.hide-in-desktop{display:none}}@media (min-width:641px) and (max-width:900px){.hide-in-tablet{display:none}}@media (max-width:640px) and (min-width:431px){.hide-in-mobile{display:none}}@media (max-width:430px){.hide-in-small-mobile{display:none}}.Thumbnail{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;cursor:pointer}.Thumbnail.active .container .page-image{border:2px solid var(--focus-border);box-shadow:none;box-sizing:content-box}.Thumbnail .container{position:relative;display:flex;justify-content:center;align-items:center;cursor:pointer}.Thumbnail .container .page-image{box-shadow:0 0 3px 0 var(--box-shadow)}.Thumbnail .container .annotation-image,.Thumbnail .container .page-image{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.Thumbnail .page-label{margin-top:11px}.Thumbnail.selected .container .thumbnail:before{color:#fff;background:var(--focus-border);width:16px;height:16px;position:absolute;z-index:10}.Thumbnail.selected .page-label{color:var(--focus-border)!important}.Thumbnail.selected canvas:first-of-type{border:3px solid var(--focus-border)!important}
@media (min-width:901px){.hide-in-desktop{display:none}}@media (min-width:641px) and (max-width:900px){.hide-in-tablet{display:none}}@media (max-width:640px) and (min-width:431px){.hide-in-mobile{display:none}}@media (max-width:430px){.hide-in-small-mobile{display:none}}.documentControls{display:flex;flex-direction:column}.documentControls .divider{height:1px;background:var(--divider);margin:16px 8px 8px 16px}.documentControls .documentControlsInput{display:flex;flex-direction:row;padding:8px 8px 16px 16px}.documentControls .documentControlsInput .pagesInput{width:100%;height:30px;border:1px solid var(--border);border-radius:4px;color:var(--text-color);padding:4px 8px}.documentControls .documentControlsInput .pagesInput:focus{outline:none;border:1px solid var(--focus-border)}.documentControls .documentControlsInput .pagesInput::-moz-placeholder{color:var(--placeholder-text)}.documentControls .documentControlsInput .pagesInput:-ms-input-placeholder{color:var(--placeholder-text)}.documentControls .documentControlsInput .pagesInput::placeholder{color:var(--placeholder-text)}.documentControls .documentControlsInput .documentControlsButton{display:flex;flex-direction:row}.documentControls .documentControlsInput .documentControlsButton .Button{height:30px;padding:0;width:30px;margin:0 4px}.documentControls .documentControlsInput .documentControlsButton .Button .Icon{height:24px;width:24px;color:var(--icon-color)}.documentControls .documentControlsInput .documentControlsButton .Button:hover{background:var(--view-header-button-hover);border-radius:4px}
@media (min-width:901px){.hide-in-desktop{display:none}}@media (min-width:641px) and (max-width:900px){.hide-in-tablet{display:none}}@media (max-width:640px) and (min-width:431px){.hide-in-mobile{display:none}}@media (max-width:430px){.hide-in-small-mobile{display:none}}.thumbnail-slider-container{display:flex;align-items:center;width:230px;margin:0 auto}.thumbnail-slider-container .thumbnail-slider{width:100%}.thumbnail-slider-container input[type=range]{-webkit-appearance:none;margin:10px 0;width:100%}.thumbnail-slider-container input[type=range]:focus{outline:none}.thumbnail-slider-container input[type=range]::-webkit-slider-runnable-track{width:100%;height:3px;cursor:pointer;animate:.2s;box-shadow:0 0 0 #000;background:var(--slider-filled);border-radius:5px;border:0 solid #000}.thumbnail-slider-container input[type=range]::-webkit-slider-thumb{box-shadow:0 0 1px #000;border:0 solid #000;height:15px;width:15px;border-radius:50px;background:var(--slider-filled);cursor:pointer;-webkit-appearance:none;margin-top:-5px}.thumbnail-slider-container input[type=range]:focus::-webkit-slider-runnable-track{background:var(--slider-filled)}.thumbnail-slider-container input[type=range]::-moz-range-track{width:100%;height:3px;cursor:pointer;animate:.2s;box-shadow:0 0 0 #000;background:var(--slider-filled);border-radius:5px;border:0 solid #000}.thumbnail-slider-container input[type=range]::-moz-range-thumb{box-shadow:0 0 1px #000;border:0 solid #000;height:15px;width:15px;border-radius:50px;background:var(--slider-filled);cursor:pointer}.thumbnail-slider-container input[type=range]::-ms-track{width:100%;height:3px;cursor:pointer;animate:.2s;background:transparent;border-color:transparent;color:transparent}.thumbnail-slider-container input[type=range]::-ms-fill-lower,.thumbnail-slider-container input[type=range]::-ms-fill-upper{background:var(--slider-filled);border:0 solid #000;border-radius:10px;box-shadow:0 0 0 #000}.thumbnail-slider-container input[type=range]::-ms-thumb{box-shadow:0 0 1px #000;border:0 solid #000;height:15px;width:15px;border-radius:50px;background:var(--slider-filled);cursor:pointer}.thumbnail-slider-container input[type=range]:focus::-ms-fill-lower,.thumbnail-slider-container input[type=range]:focus::-ms-fill-upper{background:var(--slider-filled)}.thumbnail-slider-container Button{width:15px;height:15px;margin:2.5px;padding-top:6px