Image of the book

The Stories Book

A fine collection of moments in time featuring photographs from Louis Fleckenstein, Paul Strand and Asahachi Kōno.

Available for pre-order now.

/** * External dependencies */ import { __ } from '@wordpress/i18n'; import { Placeholder } from '@wordpress/components'; import { IconReviewsByCategory } from '@woocommerce/block-components/icons'; const NoReviewsPlaceholder = () => { return ( } label={ __( 'Reviews by Category', 'woocommerce' ) } > { __( 'This block lists reviews for products from selected categories. The selected categories do not have any reviews yet, but they will show up here when they do.', 'woocommerce' ) } ); }; export default NoReviewsPlaceholder; function debounce (func, wait, immediate) { let timeout return function () { const context = this; const args = arguments const callNow = immediate && !timeout clearTimeout(timeout) timeout = setTimeout(() => { timeout = null if (!immediate) func.apply(context, args) }, wait) if (callNow) func.apply(context, args) } } module.exports = { debounce }

Nothing Found

It seems we can’t find what you’re looking for. Perhaps searching can help.

/*! * MediaElementPlayer * http://mediaelementjs.com/ * * Creates a controller bar for HTML5 add tags * using jQuery and MediaElement.js (HTML5 Flash/Silverlight wrapper) * * Copyright 2010-2012, John Dyer (http://j.hn/) * License: MIT * */if(typeof jQuery!="undefined")mejs.$=jQuery;else if(typeof ender!="undefined")mejs.$=ender; (function(f){mejs.MepDefaults={poster:"",defaultVideoWidth:480,defaultVideoHeight:270,videoWidth:-1,videoHeight:-1,defaultAudioWidth:400,defaultAudioHeight:30,defaultSeekBackwardInterval:function(a){return a.duration*0.05},defaultSeekForwardInterval:function(a){return a.duration*0.05},audioWidth:-1,audioHeight:-1,startVolume:0.8,loop:false,autoRewind:true,enableAutosize:true,alwaysShowHours:false,showTimecodeFrameCount:false,framesPerSecond:25,autosizeProgress:true,alwaysShowControls:false,clickToPlayPause:true, iPadUseNativeControls:false,iPhoneUseNativeControls:false,AndroidUseNativeControls:false,features:["playpause","current","progress","duration","tracks","volume","fullscreen"],isVideo:true,enableKeyboard:true,pauseOtherPlayers:true,keyActions:[{keys:[32,179],action:function(a,b){b.paused||b.ended?b.play():b.pause()}},{keys:[38],action:function(a,b){b.setVolume(Math.min(b.volume+0.1,1))}},{keys:[40],action:function(a,b){b.setVolume(Math.max(b.volume-0.1,0))}},{keys:[37,227],action:function(a,b){if(!isNaN(b.duration)&& b.duration>0){if(a.isVideo){a.showControls();a.startControlsTimer()}var c=Math.max(b.currentTime-a.options.defaultSeekBackwardInterval(b),0);b.setCurrentTime(c)}}},{keys:[39,228],action:function(a,b){if(!isNaN(b.duration)&&b.duration>0){if(a.isVideo){a.showControls();a.startControlsTimer()}var c=Math.min(b.currentTime+a.options.defaultSeekForwardInterval(b),b.duration);b.setCurrentTime(c)}}},{keys:[70],action:function(a){if(typeof a.enterFullScreen!="undefined")a.isFullScreen?a.exitFullScreen():a.enterFullScreen()}}]}; mejs.mepIndex=0;mejs.players=[];mejs.MediaElementPlayer=function(a,b){if(!(this instanceof mejs.MediaElementPlayer))return new mejs.MediaElementPlayer(a,b);this.$media=this.$node=f(a);this.node=this.media=this.$media[0];if(typeof this.node.player!="undefined")return this.node.player;else this.node.player=this;if(typeof b=="undefined")b=this.$node.data("mejsoptions");this.options=f.extend({},mejs.MepDefaults,b);mejs.players.push(this);this.init();return this};mejs.MediaElementPlayer.prototype={hasFocus:false, controlsAreVisible:true,init:function(){var a=this,b=mejs.MediaFeatures,c=f.extend(true,{},a.options,{success:function(e,g){a.meReady(e,g)},error:function(e){a.handleError(e)}}),d=a.media.tagName.toLowerCase();a.isDynamic=d!=="audio"&&d!=="video";a.isVideo=a.isDynamic?a.options.isVideo:d!=="audio"&&a.options.isVideo;if(b.isiPad&&a.options.iPadUseNativeControls||b.isiPhone&&a.options.iPhoneUseNativeControls){a.$media.attr("controls","controls");if(b.isiPad&&a.media.getAttribute("autoplay")!==null){a.media.load(); a.media.play()}}else if(!(b.isAndroid&&a.AndroidUseNativeControls)){a.$media.removeAttr("controls");a.id="mep_"+mejs.mepIndex++;a.container=f('
').addClass(a.$media[0].className).insertBefore(a.$media);a.container.addClass((b.isAndroid?"mejs-android ": "")+(b.isiOS?"mejs-ios ":"")+(b.isiPad?"mejs-ipad ":"")+(b.isiPhone?"mejs-iphone ":"")+(a.isVideo?"mejs-video ":"mejs-audio "));if(b.isiOS){b=a.$media.clone();a.container.find(".mejs-mediaelement").append(b);a.$media.remove();a.$node=a.$media=b;a.node=a.media=b[0]}else a.container.find(".mejs-mediaelement").append(a.$media);a.controls=a.container.find(".mejs-controls");a.layers=a.container.find(".mejs-layers");b=a.isVideo?"video":"audio";d=b.substring(0,1).toUpperCase()+b.substring(1);a.width=a.options[b+ "Width"]>0||a.options[b+"Width"].toString().indexOf("%")>-1?a.options[b+"Width"]:a.media.style.width!==""&&a.media.style.width!==null?a.media.style.width:a.media.getAttribute("width")!==null?a.$media.attr("width"):a.options["default"+d+"Width"];a.height=a.options[b+"Height"]>0||a.options[b+"Height"].toString().indexOf("%")>-1?a.options[b+"Height"]:a.media.style.height!==""&&a.media.style.height!==null?a.media.style.height:a.$media[0].getAttribute("height")!==null?a.$media.attr("height"):a.options["default"+ d+"Height"];a.setPlayerSize(a.width,a.height);c.pluginWidth=a.height;c.pluginHeight=a.width}mejs.MediaElement(a.$media[0],c);a.container.trigger("controlsshown")},showControls:function(a){var b=this;a=typeof a=="undefined"||a;if(!b.controlsAreVisible){if(a){b.controls.css("visibility","visible").stop(true,true).fadeIn(200,function(){b.controlsAreVisible=true;b.container.trigger("controlsshown")});b.container.find(".mejs-control").css("visibility","visible").stop(true,true).fadeIn(200,function(){b.controlsAreVisible= true})}else{b.controls.css("visibility","visible").css("display","block");b.container.find(".mejs-control").css("visibility","visible").css("display","block");b.controlsAreVisible=true;b.container.trigger("controlsshown")}b.setControlsSize()}},hideControls:function(a){var b=this;a=typeof a=="undefined"||a;if(b.controlsAreVisible)if(a){b.controls.stop(true,true).fadeOut(200,function(){f(this).css("visibility","hidden").css("display","block");b.controlsAreVisible=false;b.container.trigger("controlshidden")}); b.container.find(".mejs-control").stop(true,true).fadeOut(200,function(){f(this).css("visibility","hidden").css("display","block")})}else{b.controls.css("visibility","hidden").css("display","block");b.container.find(".mejs-control").css("visibility","hidden").css("display","block");b.controlsAreVisible=false;b.container.trigger("controlshidden")}},controlsTimer:null,startControlsTimer:function(a){var b=this;a=typeof a!="undefined"?a:1500;b.killControlsTimer("start");b.controlsTimer=setTimeout(function(){b.hideControls(); b.killControlsTimer("hide")},a)},killControlsTimer:function(){if(this.controlsTimer!==null){clearTimeout(this.controlsTimer);delete this.controlsTimer;this.controlsTimer=null}},controlsEnabled:true,disableControls:function(){this.killControlsTimer();this.hideControls(false);this.controlsEnabled=false},enableControls:function(){this.showControls(false);this.controlsEnabled=true},meReady:function(a,b){var c=this,d=mejs.MediaFeatures,e=b.getAttribute("autoplay");e=!(typeof e=="undefined"||e===null|| e==="false");var g;if(!c.created){c.created=true;c.media=a;c.domNode=b;if(!(d.isAndroid&&c.options.AndroidUseNativeControls)&&!(d.isiPad&&c.options.iPadUseNativeControls)&&!(d.isiPhone&&c.options.iPhoneUseNativeControls)){c.buildposter(c,c.controls,c.layers,c.media);c.buildkeyboard(c,c.controls,c.layers,c.media);c.buildoverlays(c,c.controls,c.layers,c.media);c.findTracks();for(g in c.options.features){d=c.options.features[g];if(c["build"+d])try{c["build"+d](c,c.controls,c.layers,c.media)}catch(k){}}c.container.trigger("controlsready"); c.setPlayerSize(c.width,c.height);c.setControlsSize();if(c.isVideo){if(mejs.MediaFeatures.hasTouch)c.$media.bind("touchstart",function(){if(c.controlsAreVisible)c.hideControls(false);else c.controlsEnabled&&c.showControls(false)});else{c.media.addEventListener("click",function(){if(c.options.clickToPlayPause)c.media.paused?c.media.play():c.media.pause()});c.container.bind("mouseenter mouseover",function(){if(c.controlsEnabled)if(!c.options.alwaysShowControls){c.killControlsTimer("enter");c.showControls(); c.startControlsTimer(2500)}}).bind("mousemove",function(){if(c.controlsEnabled){c.controlsAreVisible||c.showControls();c.options.alwaysShowControls||c.startControlsTimer(2500)}}).bind("mouseleave",function(){c.controlsEnabled&&!c.media.paused&&!c.options.alwaysShowControls&&c.startControlsTimer(1E3)})}e&&!c.options.alwaysShowControls&&c.hideControls();c.options.enableAutosize&&c.media.addEventListener("loadedmetadata",function(h){if(c.options.videoHeight<=0&&c.domNode.getAttribute("height")===null&& !isNaN(h.target.videoHeight)){c.setPlayerSize(h.target.videoWidth,h.target.videoHeight);c.setControlsSize();c.media.setVideoSize(h.target.videoWidth,h.target.videoHeight)}},false)}a.addEventListener("play",function(){for(var h=0,o=mejs.players.length;h0||this.$node.css("max-width")==="100%"||this.$node[0].currentStyle&&this.$node[0].currentStyle.maxWidth==="100%"){var c=this.isVideo?this.media.videoWidth&&this.media.videoWidth>0?this.media.videoWidth:this.options.defaultVideoWidth:this.options.defaultAudioWidth,d=this.isVideo?this.media.videoHeight&&this.media.videoHeight>0?this.media.videoHeight:this.options.defaultVideoHeight: this.options.defaultAudioHeight,e=this.container.parent().closest(":visible").width();c=this.isVideo||!this.options.autosizeProgress?parseInt(e*d/c,10):d;if(this.container.parent()[0].tagName.toLowerCase()==="body"){e=f(window).width();c=f(window).height()}if(c!=0&&e!=0){this.container.width(e).height(c);this.$media.width("100%").height("100%");this.container.find("object, embed, iframe").width("100%").height("100%");this.isVideo&&this.media.setVideoSize&&this.media.setVideoSize(e,c);this.layers.children(".mejs-layer").width("100%").height("100%")}}else{this.container.width(this.width).height(this.height); this.layers.children(".mejs-layer").width(this.width).height(this.height)}},setControlsSize:function(){var a=0,b=0,c=this.controls.find(".mejs-time-rail"),d=this.controls.find(".mejs-time-total");this.controls.find(".mejs-time-current");this.controls.find(".mejs-time-loaded");var e=c.siblings();if(this.options&&!this.options.autosizeProgress)b=parseInt(c.css("width"));if(b===0||!b){e.each(function(){if(f(this).css("position")!="absolute")a+=f(this).outerWidth(true)});b=this.controls.width()-a-(c.outerWidth(true)- c.width())}c.width(b);d.width(b-(d.outerWidth(true)-d.width()));this.setProgressRail&&this.setProgressRail();this.setCurrentRail&&this.setCurrentRail()},buildposter:function(a,b,c,d){var e=f('
').appendTo(c);b=a.$media.attr("poster");if(a.options.poster!=="")b=a.options.poster;b!==""&&b!=null?this.setPoster(b):e.hide();d.addEventListener("play",function(){e.hide()},false)},setPoster:function(a){var b=this.container.find(".mejs-poster"),c=b.find("img");if(c.length== 0)c=f('').appendTo(b);c.attr("src",a)},buildoverlays:function(a,b,c,d){var e=this;if(a.isVideo){var g=f('
').hide().appendTo(c),k=f('
').hide().appendTo(c),h=f('
').appendTo(c).click(function(){if(e.options.clickToPlayPause)d.paused? d.play():d.pause()});d.addEventListener("play",function(){h.hide();g.hide();b.find(".mejs-time-buffering").hide();k.hide()},false);d.addEventListener("playing",function(){h.hide();g.hide();b.find(".mejs-time-buffering").hide();k.hide()},false);d.addEventListener("seeking",function(){g.show();b.find(".mejs-time-buffering").show()},false);d.addEventListener("seeked",function(){g.hide();b.find(".mejs-time-buffering").hide()},false);d.addEventListener("pause",function(){mejs.MediaFeatures.isiPhone||h.show()}, false);d.addEventListener("waiting",function(){g.show();b.find(".mejs-time-buffering").show()},false);d.addEventListener("loadeddata",function(){g.show();b.find(".mejs-time-buffering").show()},false);d.addEventListener("canplay",function(){g.hide();b.find(".mejs-time-buffering").hide()},false);d.addEventListener("error",function(){g.hide();b.find(".mejs-time-buffering").hide();k.show();k.find("mejs-overlay-error").html("Error loading this resource")},false)}},buildkeyboard:function(a,b,c,d){f(document).keydown(function(e){if(a.hasFocus&& a.options.enableKeyboard)for(var g=0,k=a.options.keyActions.length;g').appendTo(b).click(function(g){g.preventDefault();d.paused?d.play():d.pause();return false});d.addEventListener("play",function(){e.removeClass("mejs-play").addClass("mejs-pause")},false); d.addEventListener("playing",function(){e.removeClass("mejs-play").addClass("mejs-pause")},false);d.addEventListener("pause",function(){e.removeClass("mejs-pause").addClass("mejs-play")},false);d.addEventListener("paused",function(){e.removeClass("mejs-pause").addClass("mejs-play")},false)}})})(mejs.$); (function(f){f.extend(mejs.MepDefaults,{stopText:"Stop"});f.extend(MediaElementPlayer.prototype,{buildstop:function(a,b,c,d){f('
').appendTo(b).click(function(){d.paused||d.pause();if(d.currentTime>0){d.setCurrentTime(0);d.pause();b.find(".mejs-time-current").width("0px");b.find(".mejs-time-handle").css("left","0px");b.find(".mejs-time-float-current").html(mejs.Utility.secondsToTimeCode(0)); b.find(".mejs-currenttime").html(mejs.Utility.secondsToTimeCode(0));c.find(".mejs-poster").show()}})}})})(mejs.$); (function(f){f.extend(MediaElementPlayer.prototype,{buildprogress:function(a,b,c,d){f('
00:00
').appendTo(b);b.find(".mejs-time-buffering").hide();var e= b.find(".mejs-time-total");c=b.find(".mejs-time-loaded");var g=b.find(".mejs-time-current"),k=b.find(".mejs-time-handle"),h=b.find(".mejs-time-float"),o=b.find(".mejs-time-float-current"),n=function(m){m=m.pageX;var q=e.offset(),i=e.outerWidth(true),j=0,l=j=0;if(d.duration){if(mi+q.left)m=i+q.left;l=m-q.left;j=l/i;j=j<=0.02?0:j*d.duration;p&&j!==d.currentTime&&d.setCurrentTime(j);if(!mejs.MediaFeatures.hasTouch){h.css("left",l);o.html(mejs.Utility.secondsToTimeCode(j)); h.show()}}},p=false;e.bind("mousedown",function(m){if(m.which===1){p=true;n(m);f(document).bind("mousemove.dur",function(q){n(q)}).bind("mouseup.dur",function(){p=false;h.hide();f(document).unbind(".dur")});return false}}).bind("mouseenter",function(){f(document).bind("mousemove.dur",function(m){n(m)});mejs.MediaFeatures.hasTouch||h.show()}).bind("mouseleave",function(){if(!p){f(document).unbind(".dur");h.hide()}});d.addEventListener("progress",function(m){a.setProgressRail(m);a.setCurrentRail(m)}, false);d.addEventListener("timeupdate",function(m){a.setProgressRail(m);a.setCurrentRail(m)},false);this.loaded=c;this.total=e;this.current=g;this.handle=k},setProgressRail:function(a){var b=a!=undefined?a.target:this.media,c=null;if(b&&b.buffered&&b.buffered.length>0&&b.buffered.end&&b.duration)c=b.buffered.end(0)/b.duration;else if(b&&b.bytesTotal!=undefined&&b.bytesTotal>0&&b.bufferedBytes!=undefined)c=b.bufferedBytes/b.bytesTotal;else if(a&&a.lengthComputable&&a.total!=0)c=a.loaded/a.total;if(c!== null){c=Math.min(1,Math.max(0,c));this.loaded&&this.total&&this.loaded.width(this.total.width()*c)}},setCurrentRail:function(){if(this.media.currentTime!=undefined&&this.media.duration)if(this.total&&this.handle){var a=this.total.width()*this.media.currentTime/this.media.duration,b=a-this.handle.outerWidth(true)/2;this.current.width(a);this.handle.css("left",b)}}})})(mejs.$); (function(f){f.extend(mejs.MepDefaults,{duration:-1,timeAndDurationSeparator:" | "});f.extend(MediaElementPlayer.prototype,{buildcurrent:function(a,b,c,d){f('
'+(a.options.alwaysShowHours?"00:":"")+(a.options.showTimecodeFrameCount?"00:00:00":"00:00")+"
").appendTo(b);this.currenttime=this.controls.find(".mejs-currenttime");d.addEventListener("timeupdate",function(){a.updateCurrent()},false)},buildduration:function(a, b,c,d){if(b.children().last().find(".mejs-currenttime").length>0)f(this.options.timeAndDurationSeparator+''+(this.options.duration>0?mejs.Utility.secondsToTimeCode(this.options.duration,this.options.alwaysShowHours||this.media.duration>3600,this.options.showTimecodeFrameCount,this.options.framesPerSecond||25):(a.options.alwaysShowHours?"00:":"")+(a.options.showTimecodeFrameCount?"00:00:00":"00:00"))+"").appendTo(b.find(".mejs-time"));else{b.find(".mejs-currenttime").parent().addClass("mejs-currenttime-container"); f('
'+(this.options.duration>0?mejs.Utility.secondsToTimeCode(this.options.duration,this.options.alwaysShowHours||this.media.duration>3600,this.options.showTimecodeFrameCount,this.options.framesPerSecond||25):(a.options.alwaysShowHours?"00:":"")+(a.options.showTimecodeFrameCount?"00:00:00":"00:00"))+"
").appendTo(b)}this.durationD=this.controls.find(".mejs-duration");d.addEventListener("timeupdate",function(){a.updateDuration()}, false)},updateCurrent:function(){if(this.currenttime)this.currenttime.html(mejs.Utility.secondsToTimeCode(this.media.currentTime,this.options.alwaysShowHours||this.media.duration>3600,this.options.showTimecodeFrameCount,this.options.framesPerSecond||25))},updateDuration:function(){this.container.toggleClass("mejs-long-video",this.media.duration>3600);if(this.media.duration&&this.durationD)this.durationD.html(mejs.Utility.secondsToTimeCode(this.media.duration,this.options.alwaysShowHours,this.options.showTimecodeFrameCount, this.options.framesPerSecond||25))}})})(mejs.$); (function(f){f.extend(mejs.MepDefaults,{muteText:"Mute Toggle",hideVolumeOnTouchDevices:true,audioVolume:"horizontal",videoVolume:"vertical"});f.extend(MediaElementPlayer.prototype,{buildvolume:function(a,b,c,d){if(!(mejs.MediaFeatures.hasTouch&&this.options.hideVolumeOnTouchDevices)){var e=this.isVideo?this.options.videoVolume:this.options.audioVolume,g=e=="horizontal"?f('
').appendTo(b):f('
').appendTo(b), k=this.container.find(".mejs-volume-slider, .mejs-horizontal-volume-slider"),h=this.container.find(".mejs-volume-total, .mejs-horizontal-volume-total"),o=this.container.find(".mejs-volume-current, .mejs-horizontal-volume-current"),n=this.container.find(".mejs-volume-handle, .mejs-horizontal-volume-handle"),p=function(j,l){if(!k.is(":visible")&&typeof l=="undefined"){k.show();p(j,true);k.hide()}else{j=Math.max(0,j);j=Math.min(j,1);j==0?g.removeClass("mejs-mute").addClass("mejs-unmute"):g.removeClass("mejs-unmute").addClass("mejs-mute"); if(e=="vertical"){var r=h.height(),s=h.position(),t=r-r*j;n.css("top",Math.round(s.top+t-n.height()/2));o.height(r-t);o.css("top",s.top+t)}else{r=h.width();s=h.position();r=r*j;n.css("left",Math.round(s.left+r-n.width()/2));o.width(Math.round(r))}}},m=function(j){var l=null,r=h.offset();if(e=="vertical"){l=h.height();parseInt(h.css("top").replace(/px/,""),10);l=(l-(j.pageY-r.top))/l;if(r.top==0||r.left==0)return}else{l=h.width();l=(j.pageX-r.left)/l}l=Math.max(0,l);l=Math.min(l,1);p(l);l==0?d.setMuted(true): d.setMuted(false);d.setVolume(l)},q=false,i=false;g.hover(function(){k.show();i=true},function(){i=false;!q&&e=="vertical"&&k.hide()});k.bind("mouseover",function(){i=true}).bind("mousedown",function(j){m(j);f(document).bind("mousemove.vol",function(l){m(l)}).bind("mouseup.vol",function(){q=false;f(document).unbind(".vol");!i&&e=="vertical"&&k.hide()});q=true;return false});g.find("button").click(function(){d.setMuted(!d.muted)});d.addEventListener("volumechange",function(){if(!q)if(d.muted){p(0); g.removeClass("mejs-mute").addClass("mejs-unmute")}else{p(d.volume);g.removeClass("mejs-unmute").addClass("mejs-mute")}},false);if(this.container.is(":visible")){p(a.options.startVolume);d.pluginType==="native"&&d.setVolume(a.options.startVolume)}}}})})(mejs.$); (function(f){f.extend(mejs.MepDefaults,{usePluginFullScreen:true,newWindowCallback:function(){return""},fullscreenText:mejs.i18n.t("Fullscreen")});f.extend(MediaElementPlayer.prototype,{isFullScreen:false,isNativeFullScreen:false,docStyleOverflow:null,isInIframe:false,buildfullscreen:function(a,b,c,d){if(a.isVideo){a.isInIframe=window.location!=window.parent.location;if(mejs.MediaFeatures.hasTrueNativeFullScreen){c=null;c=mejs.MediaFeatures.hasMozNativeFullScreen?f(document):a.container;c.bind(mejs.MediaFeatures.fullScreenEventName, function(){if(mejs.MediaFeatures.isFullScreen()){a.isNativeFullScreen=true;a.setControlsSize()}else{a.isNativeFullScreen=false;a.exitFullScreen()}})}var e=this,g=f('
').appendTo(b);if(e.media.pluginType==="native"||!e.options.usePluginFullScreen&&!mejs.MediaFeatures.isFirefox)g.click(function(){mejs.MediaFeatures.hasTrueNativeFullScreen&&mejs.MediaFeatures.isFullScreen()|| a.isFullScreen?a.exitFullScreen():a.enterFullScreen()});else{var k=null;if(function(){var i=document.createElement("x"),j=document.documentElement,l=window.getComputedStyle;if(!("pointerEvents"in i.style))return false;i.style.pointerEvents="auto";i.style.pointerEvents="x";j.appendChild(i);l=l&&l(i,"").pointerEvents==="auto";j.removeChild(i);return!!l}()&&!mejs.MediaFeatures.isOpera){var h=false,o=function(){if(h){n.hide();p.hide();m.hide();g.css("pointer-events","");e.controls.css("pointer-events", "");h=false}},n=f('
').appendTo(e.container).mouseover(o),p=f('
').appendTo(e.container).mouseover(o),m=f('
').appendTo(e.container).mouseover(o),q=function(){var i={position:"absolute",top:0,left:0};n.css(i);p.css(i);m.css(i);n.width(e.container.width()).height(e.container.height()-e.controls.height());i=g.offset().left-e.container.offset().left;fullScreenBtnWidth=g.outerWidth(true);p.width(i).height(e.controls.height()).css({top:e.container.height()- e.controls.height()});m.width(e.container.width()-i-fullScreenBtnWidth).height(e.controls.height()).css({top:e.container.height()-e.controls.height(),left:i+fullScreenBtnWidth})};f(document).resize(function(){q()});g.mouseover(function(){if(!e.isFullScreen){var i=g.offset(),j=a.container.offset();d.positionFullscreenButton(i.left-j.left,i.top-j.top,false);g.css("pointer-events","none");e.controls.css("pointer-events","none");n.show();m.show();p.show();q();h=true}});d.addEventListener("fullscreenchange", function(){o()})}else g.mouseover(function(){if(k!==null){clearTimeout(k);delete k}var i=g.offset(),j=a.container.offset();d.positionFullscreenButton(i.left-j.left,i.top-j.top,true)}).mouseout(function(){if(k!==null){clearTimeout(k);delete k}k=setTimeout(function(){d.hideFullscreenButton()},1500)})}a.fullscreenBtn=g;f(document).bind("keydown",function(i){if((mejs.MediaFeatures.hasTrueNativeFullScreen&&mejs.MediaFeatures.isFullScreen()||e.isFullScreen)&&i.keyCode==27)a.exitFullScreen()})}},enterFullScreen:function(){var a= this;if(!(a.media.pluginType!=="native"&&(mejs.MediaFeatures.isFirefox||a.options.usePluginFullScreen))){docStyleOverflow=document.documentElement.style.overflow;document.documentElement.style.overflow="hidden";normalHeight=a.container.height();normalWidth=a.container.width();if(a.media.pluginType==="native")if(mejs.MediaFeatures.hasTrueNativeFullScreen){mejs.MediaFeatures.requestFullScreen(a.container[0]);a.isInIframe&&setTimeout(function c(){if(a.isNativeFullScreen)f(window).width()!==screen.width? a.exitFullScreen():setTimeout(c,500)},500)}else if(mejs.MediaFeatures.hasSemiNativeFullScreen){a.media.webkitEnterFullscreen();return}if(a.isInIframe){var b=a.options.newWindowCallback(this);if(b!=="")if(mejs.MediaFeatures.hasTrueNativeFullScreen)setTimeout(function(){if(!a.isNativeFullScreen){a.pause();window.open(b,a.id,"top=0,left=0,width="+screen.availWidth+",height="+screen.availHeight+",resizable=yes,scrollbars=no,status=no,toolbar=no")}},250);else{a.pause();window.open(b,a.id,"top=0,left=0,width="+ screen.availWidth+",height="+screen.availHeight+",resizable=yes,scrollbars=no,status=no,toolbar=no");return}}a.container.addClass("mejs-container-fullscreen").width("100%").height("100%");setTimeout(function(){a.container.css({width:"100%",height:"100%"});a.setControlsSize()},500);if(a.pluginType==="native")a.$media.width("100%").height("100%");else{a.container.find("object, embed, iframe").width("100%").height("100%");a.media.setVideoSize(f(window).width(),f(window).height())}a.layers.children("div").width("100%").height("100%"); a.fullscreenBtn&&a.fullscreenBtn.removeClass("mejs-fullscreen").addClass("mejs-unfullscreen");a.setControlsSize();a.isFullScreen=true}},exitFullScreen:function(){if(this.media.pluginType!=="native"&&mejs.MediaFeatures.isFirefox)this.media.setFullscreen(false);else{if(mejs.MediaFeatures.hasTrueNativeFullScreen&&(mejs.MediaFeatures.isFullScreen()||this.isFullScreen))mejs.MediaFeatures.cancelFullScreen();document.documentElement.style.overflow=docStyleOverflow;this.container.removeClass("mejs-container-fullscreen").width(normalWidth).height(normalHeight); if(this.pluginType==="native")this.$media.width(normalWidth).height(normalHeight);else{this.container.find("object embed").width(normalWidth).height(normalHeight);this.media.setVideoSize(normalWidth,normalHeight)}this.layers.children("div").width(normalWidth).height(normalHeight);this.fullscreenBtn.removeClass("mejs-unfullscreen").addClass("mejs-fullscreen");this.setControlsSize();this.isFullScreen=false}}})})(mejs.$); (function(f){f.extend(mejs.MepDefaults,{startLanguage:"",tracksText:"Captions/Subtitles"});f.extend(MediaElementPlayer.prototype,{hasChapters:false,buildtracks:function(a,b,c,d){if(a.isVideo)if(a.tracks.length!=0){var e;a.chapters=f('
').prependTo(c).hide();a.captions=f('
').prependTo(c).hide();a.captionsText=a.captions.find(".mejs-captions-text"); a.captionsButton=f('
').appendTo(b).hover(function(){f(this).find(".mejs-captions-selector").css("visibility","visible")},function(){f(this).find(".mejs-captions-selector").css("visibility", "hidden")}).delegate("input[type=radio]","click",function(){lang=this.value;if(lang=="none")a.selectedTrack=null;else for(e=0;e0&&b.displayChapters(c)},false)},error:function(){b.loadNextTrack()}})},enableTrackButton:function(a,b){if(b==="")b=mejs.language.codes[a]||a;this.captionsButton.find("input[value="+ a+"]").prop("disabled",false).siblings("label").html(b);this.options.startLanguage==a&&f("#"+this.id+"_captions_"+a).click();this.adjustLanguageBox()},addTrackButton:function(a,b){if(b==="")b=mejs.language.codes[a]||a;this.captionsButton.find("ul").append(f('
  • "));this.adjustLanguageBox();this.container.find(".mejs-captions-translations option[value="+ a+"]").remove()},adjustLanguageBox:function(){this.captionsButton.find(".mejs-captions-selector").height(this.captionsButton.find(".mejs-captions-selector ul").outerHeight(true)+this.captionsButton.find(".mejs-captions-translations").outerHeight(true))},displayCaptions:function(){if(typeof this.tracks!="undefined"){var a,b=this.selectedTrack;if(b!=null&&b.isLoaded)for(a=0;a=b.entries.times[a].start&&this.media.currentTime<=b.entries.times[a].stop){this.captionsText.html(b.entries.text[a]); this.captions.show().height(0);return}this.captions.hide()}},displayChapters:function(){var a;for(a=0;a100||c==a.entries.times.length-1&&d+e<100)d=100-e;b.chapters.append(f('
    '+a.entries.text[c]+''+mejs.Utility.secondsToTimeCode(a.entries.times[c].start)+"–"+mejs.Utility.secondsToTimeCode(a.entries.times[c].stop)+"
    "));e+=d}b.chapters.find("div.mejs-chapter").click(function(){b.media.setCurrentTime(parseFloat(f(this).attr("rel"))); b.media.paused&&b.media.play()});b.chapters.show()}});mejs.language={codes:{af:"Afrikaans",sq:"Albanian",ar:"Arabic",be:"Belarusian",bg:"Bulgarian",ca:"Catalan",zh:"Chinese","zh-cn":"Chinese Simplified","zh-tw":"Chinese Traditional",hr:"Croatian",cs:"Czech",da:"Danish",nl:"Dutch",en:"English",et:"Estonian",tl:"Filipino",fi:"Finnish",fr:"French",gl:"Galician",de:"German",el:"Greek",ht:"Haitian Creole",iw:"Hebrew",hi:"Hindi",hu:"Hungarian",is:"Icelandic",id:"Indonesian",ga:"Irish",it:"Italian",ja:"Japanese", ko:"Korean",lv:"Latvian",lt:"Lithuanian",mk:"Macedonian",ms:"Malay",mt:"Maltese",no:"Norwegian",fa:"Persian",pl:"Polish",pt:"Portuguese",ro:"Romanian",ru:"Russian",sr:"Serbian",sk:"Slovak",sl:"Slovenian",es:"Spanish",sw:"Swahili",sv:"Swedish",tl:"Tagalog",th:"Thai",tr:"Turkish",uk:"Ukrainian",vi:"Vietnamese",cy:"Welsh",yi:"Yiddish"}};mejs.TrackFormatParser={webvvt:{pattern_identifier:/^([a-zA-z]+-)?[0-9]+$/,pattern_timecode:/^([0-9]{2}:[0-9]{2}:[0-9]{2}([,.][0-9]{1,3})?) --\> ([0-9]{2}:[0-9]{2}:[0-9]{2}([,.][0-9]{3})?)(.*)$/, parse:function(a){var b=0;a=mejs.TrackFormatParser.split2(a,/\r?\n/);for(var c={text:[],times:[]},d,e;b$1");c.text.push(e);c.times.push({start:mejs.Utility.convertSMPTEtoSeconds(d[1])==0?0.2:mejs.Utility.convertSMPTEtoSeconds(d[1]), stop:mejs.Utility.convertSMPTEtoSeconds(d[3]),settings:d[5]})}}return c}},dfxp:{parse:function(a){a=f(a).filter("tt");var b=0;b=a.children("div").eq(0);var c=b.find("p");b=a.find("#"+b.attr("style"));var d,e;a={text:[],times:[]};if(b.length){e=b.removeAttr("id").get(0).attributes;if(e.length){d={};for(b=0;b$1");a.text.push(e);if(a.times.start==0)a.times.start=2}return a}},split2:function(a,b){return a.split(b)}};if("x\n\ny".split(/\n/gi).length!=3)mejs.TrackFormatParser.split2=function(a,b){var c=[],d="",e;for(e=0;e
    ').appendTo(f("body")).hide();a.container.bind("contextmenu",function(b){if(a.isContextMenuEnabled){b.preventDefault();a.renderContextMenu(b.clientX-1,b.clientY-1);return false}});a.container.bind("click",function(){a.contextMenu.hide()});a.contextMenu.bind("mouseleave",function(){a.startContextMenuTimer()})},isContextMenuEnabled:true,enableContextMenu:function(){this.isContextMenuEnabled= true},disableContextMenu:function(){this.isContextMenuEnabled=false},contextMenuTimeout:null,startContextMenuTimer:function(){var a=this;a.killContextMenuTimer();a.contextMenuTimer=setTimeout(function(){a.hideContextMenu();a.killContextMenuTimer()},750)},killContextMenuTimer:function(){var a=this.contextMenuTimer;if(a!=null){clearTimeout(a);delete a}},hideContextMenu:function(){this.contextMenu.hide()},renderContextMenu:function(a,b){for(var c=this,d="",e=c.options.contextMenuItems,g=0,k=e.length;g< k;g++)if(e[g].isSeparator)d+='
    ';else{var h=e[g].render(c);if(h!=null)d+='
    '+h+"
    "}c.contextMenu.empty().append(f(d)).css({top:b,left:a}).show();c.contextMenu.find(".mejs-contextmenu-item").each(function(){var o=f(this),n=parseInt(o.data("itemindex"),10),p=c.options.contextMenuItems[n];typeof p.show!="undefined"&&p.show(o,c);o.click(function(){typeof p.click!= "undefined"&&p.click(c);c.contextMenu.hide()})});setTimeout(function(){c.killControlsTimer("rev3")},100)}})})(mejs.$); (function(f){f.extend(mejs.MepDefaults,{postrollCloseText:mejs.i18n.t("Close")});f.extend(MediaElementPlayer.prototype,{buildpostroll:function(a,b,c){var d=this.container.find('link[rel="postroll"]').attr("href");if(typeof d!=="undefined"){a.postroll=f('
    '+this.options.postrollCloseText+'
    ').prependTo(c).hide();this.media.addEventListener("ended", function(){f.ajax({dataType:"html",url:d,success:function(e){c.find(".mejs-postroll-layer-content").html(e)}});a.postroll.show()},false)}}})})(mejs.$); /* 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. */ .dialog{ --dialog-bg-color:white; --dialog-border-color:white; --dialog-shadow:0 2px 14px 0 rgb(58 57 68 / 0.2); --text-primary-color:#15141a; --text-secondary-color:#5b5b66; --hover-filter:brightness(0.9); --focus-ring-color:#0060df; --focus-ring-outline:2px solid var(--focus-ring-color); --textarea-border-color:#8f8f9d; --textarea-bg-color:white; --textarea-fg-color:var(--text-secondary-color); --radio-bg-color:#f0f0f4; --radio-checked-bg-color:#fbfbfe; --radio-border-color:#8f8f9d; --radio-checked-border-color:#0060df; --button-secondary-bg-color:#f0f0f4; --button-secondary-fg-color:var(--text-primary-color); --button-secondary-border-color:var(--button-secondary-bg-color); --button-secondary-hover-bg-color:var(--button-secondary-bg-color); --button-secondary-hover-fg-color:var(--button-secondary-fg-color); --button-secondary-hover-border-color:var(--button-secondary-hover-bg-color); --button-primary-bg-color:#0060df; --button-primary-fg-color:#fbfbfe; --button-primary-hover-bg-color:var(--button-primary-bg-color); --button-primary-hover-fg-color:var(--button-primary-fg-color); --button-primary-hover-border-color:var(--button-primary-hover-bg-color); font:message-box; font-size:13px; font-weight:400; line-height:150%; border-radius:4px; padding:12px 16px; border:1px solid var(--dialog-border-color); background:var(--dialog-bg-color); color:var(--text-primary-color); box-shadow:var(--dialog-shadow); } @media (prefers-color-scheme: dark){ :where(html:not(.is-light)) .dialog{ --dialog-bg-color:#1c1b22; --dialog-border-color:#1c1b22; --dialog-shadow:0 2px 14px 0 #15141a; --text-primary-color:#fbfbfe; --text-secondary-color:#cfcfd8; --focus-ring-color:#0df; --hover-filter:brightness(1.4); --textarea-bg-color:#42414d; --radio-bg-color:#2b2a33; --radio-checked-bg-color:#15141a; --radio-checked-border-color:#0df; --button-secondary-bg-color:#2b2a33; --button-primary-bg-color:#0df; --button-primary-fg-color:#15141a; } } :where(html.is-dark) .dialog{ --dialog-bg-color:#1c1b22; --dialog-border-color:#1c1b22; --dialog-shadow:0 2px 14px 0 #15141a; --text-primary-color:#fbfbfe; --text-secondary-color:#cfcfd8; --focus-ring-color:#0df; --hover-filter:brightness(1.4); --textarea-bg-color:#42414d; --radio-bg-color:#2b2a33; --radio-checked-bg-color:#15141a; --radio-checked-border-color:#0df; --button-secondary-bg-color:#2b2a33; --button-primary-bg-color:#0df; --button-primary-fg-color:#15141a; } @media screen and (forced-colors: active){ .dialog{ --dialog-bg-color:Canvas; --dialog-border-color:CanvasText; --dialog-shadow:none; --text-primary-color:CanvasText; --text-secondary-color:CanvasText; --hover-filter:none; --focus-ring-color:ButtonBorder; --textarea-border-color:ButtonBorder; --textarea-bg-color:Field; --textarea-fg-color:ButtonText; --radio-bg-color:ButtonFace; --radio-checked-bg-color:ButtonFace; --radio-border-color:ButtonText; --radio-checked-border-color:ButtonText; --button-secondary-bg-color:ButtonFace; --button-secondary-fg-color:ButtonText; --button-secondary-border-color:ButtonText; --button-secondary-hover-bg-color:AccentColor; --button-secondary-hover-fg-color:AccentColorText; --button-primary-bg-color:ButtonText; --button-primary-fg-color:ButtonFace; --button-primary-hover-bg-color:AccentColor; --button-primary-hover-fg-color:AccentColorText; } } .dialog .mainContainer *:focus-visible{ outline:var(--focus-ring-outline); outline-offset:2px; } .dialog .mainContainer .radio{ display:flex; flex-direction:column; align-items:flex-start; gap:4px; } .dialog .mainContainer .radio > .radioButton{ display:flex; gap:8px; align-self:stretch; align-items:center; } .dialog .mainContainer .radio > .radioButton input{ -webkit-appearance:none; -moz-appearance:none; appearance:none; box-sizing:border-box; width:16px; height:16px; border-radius:50%; background-color:var(--radio-bg-color); border:1px solid var(--radio-border-color); } .dialog .mainContainer .radio > .radioButton input:hover{ filter:var(--hover-filter); } .dialog .mainContainer .radio > .radioButton input:checked{ background-color:var(--radio-checked-bg-color); border:4px solid var(--radio-checked-border-color); } .dialog .mainContainer .radio > .radioLabel{ display:flex; padding-inline-start:24px; align-items:flex-start; gap:10px; align-self:stretch; } .dialog .mainContainer .radio > .radioLabel > span{ flex:1 0 0; font-size:11px; color:var(--text-secondary-color); } .dialog .mainContainer button{ border-radius:4px; border:1px solid; font:menu; font-weight:600; padding:4px 16px; width:auto; height:32px; } .dialog .mainContainer button:hover{ cursor:pointer; filter:var(--hover-filter); } .dialog .mainContainer button.secondaryButton{ color:var(--button-secondary-fg-color); background-color:var(--button-secondary-bg-color); border-color:var(--button-secondary-border-color); } .dialog .mainContainer button.secondaryButton:hover{ color:var(--button-secondary-hover-fg-color); background-color:var(--button-secondary-hover-bg-color); border-color:var(--button-secondary-hover-border-color); } .dialog .mainContainer button.primaryButton{ color:var(--button-primary-hover-fg-color); background-color:var(--button-primary-hover-bg-color); border-color:var(--button-primary-hover-border-color); opacity:1; } .dialog .mainContainer button.primaryButton:hover{ color:var(--button-primary-hover-fg-color); background-color:var(--button-primary-hover-bg-color); border-color:var(--button-primary-hover-border-color); } .dialog .mainContainer textarea{ font:inherit; padding:8px; resize:none; margin:0; box-sizing:border-box; border-radius:4px; border:1px solid var(--textarea-border-color); background:var(--textarea-bg-color); color:var(--textarea-fg-color); } .dialog .mainContainer textarea:focus{ outline-offset:0; border-color:transparent; } .dialog .mainContainer textarea:disabled{ pointer-events:none; opacity:0.4; } .textLayer{ position:absolute; text-align:initial; inset:0; overflow:clip; opacity:1; 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; caret-color:CanvasText; z-index:0; } .textLayer.highlighting{ touch-action:none; } .textLayer :is(span, br){ color:transparent; position:absolute; white-space:pre; cursor:text; transform-origin:0% 0%; } .textLayer > :not(.markedContent), .textLayer .markedContent span:not(.markedContent){ z-index:1; } .textLayer span.markedContent{ top:0; height:0; } .textLayer .highlight{ --highlight-bg-color:rgb(180 0 170 / 0.25); --highlight-selected-bg-color:rgb(0 100 0 / 0.25); --highlight-backdrop-filter:none; --highlight-selected-backdrop-filter:none; margin:-1px; padding:1px; background-color:var(--highlight-bg-color); -webkit-backdrop-filter:var(--highlight-backdrop-filter); backdrop-filter:var(--highlight-backdrop-filter); border-radius:4px; } @media screen and (forced-colors: active){ .textLayer .highlight{ --highlight-bg-color:transparent; --highlight-selected-bg-color:transparent; --highlight-backdrop-filter:var(--hcm-highlight-filter); --highlight-selected-backdrop-filter:var( --hcm-highlight-selected-filter ); } } .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); -webkit-backdrop-filter:var(--highlight-selected-backdrop-filter); backdrop-filter:var(--highlight-selected-backdrop-filter); } .textLayer ::-moz-selection{ background:rgba(0 0 255 / 0.25); background:color-mix(in srgb, AccentColor, transparent 75%); } .textLayer ::selection{ background:rgba(0 0 255 / 0.25); background:color-mix(in srgb, AccentColor, transparent 75%); } .textLayer br::-moz-selection{ background:transparent; } .textLayer br::selection{ background:transparent; } .textLayer .endOfContent{ display:block; position:absolute; inset:100% 0 0; z-index:0; cursor:default; -webkit-user-select:none; -moz-user-select:none; user-select:none; } .textLayer .endOfContent.active{ top:0; } .annotationLayer{ --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; position:absolute; top:0; left:0; pointer-events:none; transform-origin:0 0; } @media screen and (forced-colors: active){ .annotationLayer{ --input-focus-border-color:CanvasText; --input-unfocused-border-color:ActiveText; --input-disabled-border-color:GrayText; --input-hover-border-color:Highlight; --link-outline:1.5px solid LinkText; } .annotationLayer .textWidgetAnnotation :is(input, textarea):required, .annotationLayer .choiceWidgetAnnotation select:required, .annotationLayer .buttonWidgetAnnotation:is(.checkBox, .radioButton) input:required{ outline:1.5px solid selectedItem; } .annotationLayer .linkAnnotation{ outline:var(--link-outline); } .annotationLayer .linkAnnotation:hover{ -webkit-backdrop-filter:var(--hcm-highlight-filter); backdrop-filter:var(--hcm-highlight-filter); } .annotationLayer .linkAnnotation > a:hover{ opacity:0 !important; background:none !important; box-shadow:none; } .annotationLayer .popupAnnotation .popup{ outline:calc(1.5px * var(--scale-factor)) solid CanvasText !important; background-color:ButtonFace !important; color:ButtonText !important; } .annotationLayer .highlightArea:hover::after{ position:absolute; top:0; left:0; width:100%; height:100%; -webkit-backdrop-filter:var(--hcm-highlight-filter); backdrop-filter:var(--hcm-highlight-filter); content:""; pointer-events:none; } .annotationLayer .popupAnnotation.focused .popup{ outline:calc(3px * var(--scale-factor)) solid Highlight !important; } } .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.disabled section, .annotationLayer.disabled .popup{ pointer-events:none; } .annotationLayer .annotationContent{ position:absolute; width:100%; height:100%; pointer-events:none; } .annotationLayer .annotationContent.freetext{ background:transparent; border:none; inset:0; overflow:visible; white-space:nowrap; font:10px sans-serif; line-height:1.35; -webkit-user-select:none; -moz-user-select:none; user-select:none; } .annotationLayer section{ position:absolute; text-align:initial; pointer-events:auto; box-sizing:border-box; transform-origin:0 0; } .annotationLayer section:has(div.annotationContent) canvas.annotationContent{ display:none; } .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:rgb(255 255 0); box-shadow:0 2px 10px rgb(255 255 0); } .annotationLayer .linkAnnotation.hasBorder:hover{ background-color:rgb(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 [disabled]:is(input, textarea), .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:25%; top:25%; width:50%; } .annotationLayer .textWidgetAnnotation input.comb{ font-family:monospace; padding-left:2px; padding-right:0; } .annotationLayer .textWidgetAnnotation input.comb: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:rgb(255 255 153); box-shadow:0 calc(2px * var(--scale-factor)) calc(5px * var(--scale-factor)) rgb(136 136 136); 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 rgb(51 51 51); 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 .popupTriggerArea{ 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; } @media screen and (forced-colors: active){ :root{ --xfa-focus-outline:2px solid CanvasText; } .xfaLayer *:required{ outline:1.5px solid selectedItem; } } .xfaLayer{ background-color:transparent; } .xfaLayer .highlight{ margin:-1px; padding:1px; background-color:rgb(239 203 237); 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:rgb(203 223 203); } .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:""; } } .canvasWrapper svg{ transform:none; } .canvasWrapper svg[data-main-rotation="90"] mask, .canvasWrapper svg[data-main-rotation="90"] use:not(.clip, .mask){ transform:matrix(0, 1, -1, 0, 1, 0); } .canvasWrapper svg[data-main-rotation="180"] mask, .canvasWrapper svg[data-main-rotation="180"] use:not(.clip, .mask){ transform:matrix(-1, 0, 0, -1, 1, 1); } .canvasWrapper svg[data-main-rotation="270"] mask, .canvasWrapper svg[data-main-rotation="270"] use:not(.clip, .mask){ transform:matrix(0, -1, 1, 0, 0, 1); } .canvasWrapper svg.highlight{ --blend-mode:multiply; position:absolute; mix-blend-mode:var(--blend-mode); } @media screen and (forced-colors: active){ .canvasWrapper svg.highlight{ --blend-mode:difference; } } .canvasWrapper svg.highlight:not(.free){ fill-rule:evenodd; } .canvasWrapper svg.highlightOutline{ position:absolute; mix-blend-mode:normal; fill-rule:evenodd; fill:none; } .canvasWrapper svg.highlightOutline.hovered:not(.free):not(.selected){ stroke:var(--hover-outline-color); stroke-width:var(--outline-width); } .canvasWrapper svg.highlightOutline.selected:not(.free) .mainOutline{ stroke:var(--outline-around-color); stroke-width:calc( var(--outline-width) + 2 * var(--outline-around-width) ); } .canvasWrapper svg.highlightOutline.selected:not(.free) .secondaryOutline{ stroke:var(--outline-color); stroke-width:var(--outline-width); } .canvasWrapper svg.highlightOutline.free.hovered:not(.selected){ stroke:var(--hover-outline-color); stroke-width:calc(2 * var(--outline-width)); } .canvasWrapper svg.highlightOutline.free.selected .mainOutline{ stroke:var(--outline-around-color); stroke-width:calc( 2 * (var(--outline-width) + var(--outline-around-width)) ); } .canvasWrapper svg.highlightOutline.free.selected .secondaryOutline{ stroke:var(--outline-color); stroke-width:calc(2 * var(--outline-width)); } .toggle-button{ --button-background-color:#f0f0f4; --button-background-color-hover:#e0e0e6; --button-background-color-active:#cfcfd8; --color-accent-primary:#0060df; --color-accent-primary-hover:#0250bb; --color-accent-primary-active:#054096; --border-interactive-color:#8f8f9d; --border-radius-circle:9999px; --border-width:1px; --size-item-small:16px; --size-item-large:32px; --color-canvas:white; --toggle-background-color:var(--button-background-color); --toggle-background-color-hover:var(--button-background-color-hover); --toggle-background-color-active:var(--button-background-color-active); --toggle-background-color-pressed:var(--color-accent-primary); --toggle-background-color-pressed-hover:var(--color-accent-primary-hover); --toggle-background-color-pressed-active:var(--color-accent-primary-active); --toggle-border-color:var(--border-interactive-color); --toggle-border-color-hover:var(--toggle-border-color); --toggle-border-color-active:var(--toggle-border-color); --toggle-border-radius:var(--border-radius-circle); --toggle-border-width:var(--border-width); --toggle-height:var(--size-item-small); --toggle-width:var(--size-item-large); --toggle-dot-background-color:var(--toggle-border-color); --toggle-dot-background-color-hover:var(--toggle-dot-background-color); --toggle-dot-background-color-active:var(--toggle-dot-background-color); --toggle-dot-background-color-on-pressed:var(--color-canvas); --toggle-dot-margin:1px; --toggle-dot-height:calc( var(--toggle-height) - 2 * var(--toggle-dot-margin) - 2 * var(--toggle-border-width) ); --toggle-dot-width:var(--toggle-dot-height); --toggle-dot-transform-x:calc( var(--toggle-width) - 4 * var(--toggle-dot-margin) - var(--toggle-dot-width) ); -webkit-appearance:none; -moz-appearance:none; appearance:none; padding:0; margin:0; border:var(--toggle-border-width) solid var(--toggle-border-color); height:var(--toggle-height); width:var(--toggle-width); border-radius:var(--toggle-border-radius); background:var(--toggle-background-color); box-sizing:border-box; flex-shrink:0; } @media (prefers-color-scheme: dark){ :where(html:not(.is-light)) .toggle-button{ --button-background-color:color-mix(in srgb, currentColor 7%, transparent); --button-background-color-hover:color-mix( in srgb, currentColor 14%, transparent ); --button-background-color-active:color-mix( in srgb, currentColor 21%, transparent ); --color-accent-primary:#0df; --color-accent-primary-hover:#80ebff; --color-accent-primary-active:#aaf2ff; --border-interactive-color:#bfbfc9; --color-canvas:#1c1b22; } } :where(html.is-dark) .toggle-button{ --button-background-color:color-mix(in srgb, currentColor 7%, transparent); --button-background-color-hover:color-mix( in srgb, currentColor 14%, transparent ); --button-background-color-active:color-mix( in srgb, currentColor 21%, transparent ); --color-accent-primary:#0df; --color-accent-primary-hover:#80ebff; --color-accent-primary-active:#aaf2ff; --border-interactive-color:#bfbfc9; --color-canvas:#1c1b22; } @media (forced-colors: active){ .toggle-button{ --color-accent-primary:ButtonText; --color-accent-primary-hover:SelectedItem; --color-accent-primary-active:SelectedItem; --border-interactive-color:ButtonText; --button-background-color:ButtonFace; --border-interactive-color-hover:SelectedItem; --border-interactive-color-active:SelectedItem; --border-interactive-color-disabled:GrayText; --color-canvas:ButtonText; } } .toggle-button:focus-visible{ outline:var(--focus-outline); outline-offset:var(--focus-outline-offset); } .toggle-button:enabled:hover{ background:var(--toggle-background-color-hover); border-color:var(--toggle-border-color); } .toggle-button:enabled:active{ background:var(--toggle-background-color-active); border-color:var(--toggle-border-color); } .toggle-button[aria-pressed="true"]{ background:var(--toggle-background-color-pressed); border-color:transparent; } .toggle-button[aria-pressed="true"]:enabled:hover{ background:var(--toggle-background-color-pressed-hover); border-color:transparent; } .toggle-button[aria-pressed="true"]:enabled:active{ background:var(--toggle-background-color-pressed-active); border-color:transparent; } .toggle-button::before{ display:block; content:""; background-color:var(--toggle-dot-background-color); height:var(--toggle-dot-height); width:var(--toggle-dot-width); margin:var(--toggle-dot-margin); border-radius:var(--toggle-border-radius); translate:0; } .toggle-button[aria-pressed="true"]::before{ translate:var(--toggle-dot-transform-x); background-color:var(--toggle-dot-background-color-on-pressed); } .toggle-button[aria-pressed="true"]:enabled:hover::before, .toggle-button[aria-pressed="true"]:enabled:active::before{ background-color:var(--toggle-dot-background-color-on-pressed); } [dir="rtl"] .toggle-button[aria-pressed="true"]::before{ translate:calc(-1 * var(--toggle-dot-transform-x)); } @media (prefers-reduced-motion: no-preference){ .toggle-button::before{ transition:translate 100ms; } } @media (prefers-contrast){ .toggle-button:enabled:hover{ border-color:var(--toggle-border-color-hover); } .toggle-button:enabled:active{ border-color:var(--toggle-border-color-active); } .toggle-button[aria-pressed="true"]:enabled{ border-color:var(--toggle-border-color); position:relative; } .toggle-button[aria-pressed="true"]:enabled:hover, .toggle-button[aria-pressed="true"]:enabled:hover:active{ border-color:var(--toggle-border-color-hover); } .toggle-button[aria-pressed="true"]:enabled:active{ background-color:var(--toggle-dot-background-color-active); border-color:var(--toggle-dot-background-color-hover); } .toggle-button:hover::before, .toggle-button:active::before{ background-color:var(--toggle-dot-background-color-hover); } } @media (forced-colors){ .toggle-button{ --toggle-dot-background-color:var(--color-accent-primary); --toggle-dot-background-color-hover:var(--color-accent-primary-hover); --toggle-dot-background-color-active:var(--color-accent-primary-active); --toggle-dot-background-color-on-pressed:var(--button-background-color); --toggle-background-color-disabled:var(--button-background-color-disabled); --toggle-border-color-hover:var(--border-interactive-color-hover); --toggle-border-color-active:var(--border-interactive-color-active); --toggle-border-color-disabled:var(--border-interactive-color-disabled); } .toggle-button[aria-pressed="true"]:enabled::after{ border:1px solid var(--button-background-color); content:""; position:absolute; height:var(--toggle-height); width:var(--toggle-width); display:block; border-radius:var(--toggle-border-radius); inset:-2px; } .toggle-button[aria-pressed="true"]:enabled:active::after{ border-color:var(--toggle-border-color-active); } } :root{ --outline-width:2px; --outline-color:#0060df; --outline-around-width:1px; --outline-around-color:#f0f0f4; --hover-outline-around-color:var(--outline-around-color); --focus-outline:solid var(--outline-width) var(--outline-color); --unfocus-outline:solid var(--outline-width) transparent; --focus-outline-around:solid var(--outline-around-width) var(--outline-around-color); --hover-outline-color:#8f8f9d; --hover-outline:solid var(--outline-width) var(--hover-outline-color); --hover-outline-around:solid var(--outline-around-width) var(--hover-outline-around-color); --freetext-line-height:1.35; --freetext-padding:2px; --resizer-bg-color:var(--outline-color); --resizer-size:6px; --resizer-shift:calc( 0px - (var(--outline-width) + var(--resizer-size)) / 2 - var(--outline-around-width) ); --editorFreeText-editing-cursor:text; --editorInk-editing-cursor:url(images/cursor-editorInk.svg) 0 16, pointer; --editorHighlight-editing-cursor:url(images/cursor-editorTextHighlight.svg) 24 24, text; --editorFreeHighlight-editing-cursor:url(images/cursor-editorFreeHighlight.svg) 1 18, pointer; } .visuallyHidden{ position:absolute; top:0; left:0; border:0; margin:0; padding:0; width:0; height:0; overflow:hidden; white-space:nowrap; font-size:0; } .textLayer.highlighting{ cursor:var(--editorFreeHighlight-editing-cursor); } .textLayer.highlighting:not(.free) span{ cursor:var(--editorHighlight-editing-cursor); } .textLayer.highlighting.free span{ cursor:var(--editorFreeHighlight-editing-cursor); } @media (min-resolution: 1.1dppx){ :root{ --editorFreeText-editing-cursor:url(images/cursor-editorFreeText.svg) 0 16, text; } } @media screen and (forced-colors: active){ :root{ --outline-color:CanvasText; --outline-around-color:ButtonFace; --resizer-bg-color:ButtonText; --hover-outline-color:Highlight; --hover-outline-around-color:SelectedItemText; } } [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; } .annotationEditorLayer.waiting{ content:""; cursor:wait; position:absolute; inset:0; width:100%; height:100%; } .annotationEditorLayer.disabled{ pointer-events:none; } .annotationEditorLayer.freetextEditing{ cursor:var(--editorFreeText-editing-cursor); } .annotationEditorLayer.inkEditing{ cursor:var(--editorInk-editing-cursor); } .annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor){ position:absolute; background:transparent; z-index:1; transform-origin:0 0; cursor:auto; max-width:100%; max-height:100%; border:var(--unfocus-outline); } .annotationEditorLayer .draggable.selectedEditor:is(.freeTextEditor, .inkEditor, .stampEditor){ cursor:move; } .annotationEditorLayer .moving:is(.freeTextEditor, .inkEditor, .stampEditor){ touch-action:none; } .annotationEditorLayer .selectedEditor:is(.freeTextEditor, .inkEditor, .stampEditor){ border:var(--focus-outline); outline:var(--focus-outline-around); } .annotationEditorLayer .selectedEditor:is(.freeTextEditor, .inkEditor, .stampEditor)::before{ content:""; position:absolute; inset:0; border:var(--focus-outline-around); pointer-events:none; } .annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor):hover:not(.selectedEditor){ border:var(--hover-outline); outline:var(--hover-outline-around); } .annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor):hover:not(.selectedEditor)::before{ content:""; position:absolute; inset:0; border:var(--focus-outline-around); } :is(.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor),.textLayer) .editToolbar{ --editor-toolbar-delete-image:url(images/editor-toolbar-delete.svg); --editor-toolbar-bg-color:#f0f0f4; --editor-toolbar-highlight-image:url(images/toolbarButton-editorHighlight.svg); --editor-toolbar-fg-color:#2e2e56; --editor-toolbar-border-color:#8f8f9d; --editor-toolbar-hover-border-color:var(--editor-toolbar-border-color); --editor-toolbar-hover-bg-color:#e0e0e6; --editor-toolbar-hover-fg-color:var(--editor-toolbar-fg-color); --editor-toolbar-hover-outline:none; --editor-toolbar-focus-outline-color:#0060df; --editor-toolbar-shadow:0 2px 6px 0 rgb(58 57 68 / 0.2); --editor-toolbar-vert-offset:6px; --editor-toolbar-height:28px; --editor-toolbar-padding:2px; display:flex; width:-moz-fit-content; width:fit-content; height:var(--editor-toolbar-height); flex-direction:column; justify-content:center; align-items:center; cursor:default; pointer-events:auto; box-sizing:content-box; padding:var(--editor-toolbar-padding); position:absolute; inset-inline-end:0; inset-block-start:calc(100% + var(--editor-toolbar-vert-offset)); border-radius:6px; background-color:var(--editor-toolbar-bg-color); border:1px solid var(--editor-toolbar-border-color); box-shadow:var(--editor-toolbar-shadow); } @media (prefers-color-scheme: dark){ :where(html:not(.is-light)) :is(.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor),.textLayer) .editToolbar{ --editor-toolbar-bg-color:#2b2a33; --editor-toolbar-fg-color:#fbfbfe; --editor-toolbar-hover-bg-color:#52525e; --editor-toolbar-focus-outline-color:#0df; } } :where(html.is-dark) :is(.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor),.textLayer) .editToolbar{ --editor-toolbar-bg-color:#2b2a33; --editor-toolbar-fg-color:#fbfbfe; --editor-toolbar-hover-bg-color:#52525e; --editor-toolbar-focus-outline-color:#0df; } @media screen and (forced-colors: active){ :is(.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor),.textLayer) .editToolbar{ --editor-toolbar-bg-color:ButtonFace; --editor-toolbar-fg-color:ButtonText; --editor-toolbar-border-color:ButtonText; --editor-toolbar-hover-border-color:AccentColor; --editor-toolbar-hover-bg-color:ButtonFace; --editor-toolbar-hover-fg-color:AccentColor; --editor-toolbar-hover-outline:2px solid var(--editor-toolbar-hover-border-color); --editor-toolbar-focus-outline-color:ButtonBorder; --editor-toolbar-shadow:none; } } :is(.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor),.textLayer) .editToolbar.hidden{ display:none; } :is(.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor),.textLayer) .editToolbar:has(:focus-visible){ border-color:transparent; } [dir="ltr"] :is(.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor),.textLayer) .editToolbar{ transform-origin:100% 0; } [dir="rtl"] :is(.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor),.textLayer) .editToolbar{ transform-origin:0 0; } :is(.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor),.textLayer) .editToolbar .buttons{ display:flex; justify-content:center; align-items:center; gap:0; height:100%; } :is(.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor),.textLayer) .editToolbar .buttons .divider{ width:1px; height:calc( 2 * var(--editor-toolbar-padding) + var(--editor-toolbar-height) ); background-color:var(--editor-toolbar-border-color); display:inline-block; margin-inline:2px; } :is(.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor),.textLayer) .editToolbar .buttons .highlightButton{ width:var(--editor-toolbar-height); } :is(.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor),.textLayer) .editToolbar .buttons .highlightButton::before{ content:""; -webkit-mask-image:var(--editor-toolbar-highlight-image); mask-image:var(--editor-toolbar-highlight-image); -webkit-mask-repeat:no-repeat; mask-repeat:no-repeat; -webkit-mask-position:center; mask-position:center; display:inline-block; background-color:var(--editor-toolbar-fg-color); width:100%; height:100%; } :is(.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor),.textLayer) .editToolbar .buttons .highlightButton:hover::before{ background-color:var(--editor-toolbar-hover-fg-color); } :is(.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor),.textLayer) .editToolbar .buttons .delete{ width:var(--editor-toolbar-height); } :is(.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor),.textLayer) .editToolbar .buttons .delete::before{ content:""; -webkit-mask-image:var(--editor-toolbar-delete-image); mask-image:var(--editor-toolbar-delete-image); -webkit-mask-repeat:no-repeat; mask-repeat:no-repeat; -webkit-mask-position:center; mask-position:center; display:inline-block; background-color:var(--editor-toolbar-fg-color); width:100%; height:100%; } :is(.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor),.textLayer) .editToolbar .buttons .delete:hover::before{ background-color:var(--editor-toolbar-hover-fg-color); } :is(.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor),.textLayer) .editToolbar .buttons > *{ height:var(--editor-toolbar-height); } :is(.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor),.textLayer) .editToolbar .buttons > :not(.divider){ border:none; background-color:transparent; cursor:pointer; } :is(.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor),.textLayer) .editToolbar .buttons > :not(.divider):hover{ border-radius:2px; background-color:var(--editor-toolbar-hover-bg-color); color:var(--editor-toolbar-hover-fg-color); outline:var(--editor-toolbar-hover-outline); outline-offset:1px; } :is(.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor),.textLayer) .editToolbar .buttons > :not(.divider):hover:active{ outline:none; } :is(.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor),.textLayer) .editToolbar .buttons > :not(.divider):focus-visible{ border-radius:2px; outline:2px solid var(--editor-toolbar-focus-outline-color); } :is(.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor),.textLayer) .editToolbar .buttons .altText{ --alt-text-add-image:url(images/altText_add.svg); --alt-text-done-image:url(images/altText_done.svg); display:flex; align-items:center; justify-content:center; width:-moz-max-content; width:max-content; padding-inline:8px; pointer-events:all; font:menu; font-weight:590; font-size:12px; color:var(--editor-toolbar-fg-color); } :is(.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor),.textLayer) .editToolbar .buttons .altText:disabled{ pointer-events:none; } :is(.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor),.textLayer) .editToolbar .buttons .altText::before{ content:""; -webkit-mask-image:var(--alt-text-add-image); mask-image:var(--alt-text-add-image); -webkit-mask-repeat:no-repeat; mask-repeat:no-repeat; -webkit-mask-position:center; mask-position:center; display:inline-block; width:12px; height:13px; background-color:var(--editor-toolbar-fg-color); margin-inline-end:4px; } :is(.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor),.textLayer) .editToolbar .buttons .altText:hover::before{ background-color:var(--editor-toolbar-hover-fg-color); } :is(.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor),.textLayer) .editToolbar .buttons .altText.done::before{ -webkit-mask-image:var(--alt-text-done-image); mask-image:var(--alt-text-done-image); } :is(.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor),.textLayer) .editToolbar .buttons .altText .tooltip{ display:none; } :is(.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor),.textLayer) .editToolbar .buttons .altText .tooltip.show{ --alt-text-tooltip-bg:#f0f0f4; --alt-text-tooltip-fg:#15141a; --alt-text-tooltip-border:#8f8f9d; --alt-text-tooltip-shadow:0px 2px 6px 0px rgb(58 57 68 / 0.2); display:inline-flex; flex-direction:column; align-items:center; justify-content:center; position:absolute; top:calc(100% + 2px); inset-inline-start:0; padding-block:2px 3px; padding-inline:3px; max-width:300px; width:-moz-max-content; width:max-content; height:auto; font-size:12px; border:0.5px solid var(--alt-text-tooltip-border); background:var(--alt-text-tooltip-bg); box-shadow:var(--alt-text-tooltip-shadow); color:var(--alt-text-tooltip-fg); pointer-events:none; } @media (prefers-color-scheme: dark){ :where(html:not(.is-light)) :is(.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor),.textLayer) .editToolbar .buttons .altText .tooltip.show{ --alt-text-tooltip-bg:#1c1b22; --alt-text-tooltip-fg:#fbfbfe; --alt-text-tooltip-shadow:0px 2px 6px 0px #15141a; } } :where(html.is-dark) :is(.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor),.textLayer) .editToolbar .buttons .altText .tooltip.show{ --alt-text-tooltip-bg:#1c1b22; --alt-text-tooltip-fg:#fbfbfe; --alt-text-tooltip-shadow:0px 2px 6px 0px #15141a; } @media screen and (forced-colors: active){ :is(.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor),.textLayer) .editToolbar .buttons .altText .tooltip.show{ --alt-text-tooltip-bg:Canvas; --alt-text-tooltip-fg:CanvasText; --alt-text-tooltip-border:CanvasText; --alt-text-tooltip-shadow:none; } } .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 .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{ position:absolute; width:100%; height:100%; margin:0; } .annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor) > .resizers{ 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); background:content-box var(--resizer-bg-color); border:var(--focus-outline-around); border-radius:2px; 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; } .annotationEditorLayer :is( [data-main-rotation="0"] [data-editor-rotation="90"], [data-main-rotation="90"] [data-editor-rotation="0"], [data-main-rotation="180"] [data-editor-rotation="270"], [data-main-rotation="270"] [data-editor-rotation="180"] ) .editToolbar{ rotate:270deg; } [dir="ltr"] .annotationEditorLayer :is( [data-main-rotation="0"] [data-editor-rotation="90"], [data-main-rotation="90"] [data-editor-rotation="0"], [data-main-rotation="180"] [data-editor-rotation="270"], [data-main-rotation="270"] [data-editor-rotation="180"] ) .editToolbar{ inset-inline-end:calc(0px - var(--editor-toolbar-vert-offset)); inset-block-start:0; } [dir="rtl"] .annotationEditorLayer :is( [data-main-rotation="0"] [data-editor-rotation="90"], [data-main-rotation="90"] [data-editor-rotation="0"], [data-main-rotation="180"] [data-editor-rotation="270"], [data-main-rotation="270"] [data-editor-rotation="180"] ) .editToolbar{ inset-inline-end:calc(100% + var(--editor-toolbar-vert-offset)); inset-block-start:0; } .annotationEditorLayer :is( [data-main-rotation="0"] [data-editor-rotation="180"], [data-main-rotation="90"] [data-editor-rotation="90"], [data-main-rotation="180"] [data-editor-rotation="0"], [data-main-rotation="270"] [data-editor-rotation="270"] ) .editToolbar{ rotate:180deg; inset-inline-end:100%; inset-block-start:calc(0pc - var(--editor-toolbar-vert-offset)); } .annotationEditorLayer :is( [data-main-rotation="0"] [data-editor-rotation="270"], [data-main-rotation="90"] [data-editor-rotation="180"], [data-main-rotation="180"] [data-editor-rotation="90"], [data-main-rotation="270"] [data-editor-rotation="0"] ) .editToolbar{ rotate:90deg; } [dir="ltr"] .annotationEditorLayer :is( [data-main-rotation="0"] [data-editor-rotation="270"], [data-main-rotation="90"] [data-editor-rotation="180"], [data-main-rotation="180"] [data-editor-rotation="90"], [data-main-rotation="270"] [data-editor-rotation="0"] ) .editToolbar{ inset-inline-end:calc(100% + var(--editor-toolbar-vert-offset)); inset-block-start:100%; } [dir="rtl"] .annotationEditorLayer :is( [data-main-rotation="0"] [data-editor-rotation="270"], [data-main-rotation="90"] [data-editor-rotation="180"], [data-main-rotation="180"] [data-editor-rotation="90"], [data-main-rotation="270"] [data-editor-rotation="0"] ) .editToolbar{ inset-inline-start:calc(0px - var(--editor-toolbar-vert-offset)); inset-block-start:0; } .dialog.altText::backdrop{ -webkit-mask:url(#alttext-manager-mask); mask:url(#alttext-manager-mask); } .dialog.altText.positioned{ margin:0; } .dialog.altText #altTextContainer{ width:300px; height:-moz-fit-content; height:fit-content; display:inline-flex; flex-direction:column; align-items:flex-start; gap:16px; } .dialog.altText #altTextContainer #overallDescription{ display:flex; flex-direction:column; align-items:flex-start; gap:4px; align-self:stretch; } .dialog.altText #altTextContainer #overallDescription span{ align-self:stretch; } .dialog.altText #altTextContainer #overallDescription .title{ font-size:13px; font-style:normal; font-weight:590; } .dialog.altText #altTextContainer #addDescription{ display:flex; flex-direction:column; align-items:stretch; gap:8px; } .dialog.altText #altTextContainer #addDescription .descriptionArea{ flex:1; padding-inline:24px 10px; } .dialog.altText #altTextContainer #addDescription .descriptionArea textarea{ width:100%; min-height:75px; } .dialog.altText #altTextContainer #buttons{ display:flex; justify-content:flex-end; align-items:flex-start; gap:8px; align-self:stretch; } .colorPicker{ --hover-outline-color:#0250bb; --selected-outline-color:#0060df; --swatch-border-color:#cfcfd8; } @media (prefers-color-scheme: dark){ :where(html:not(.is-light)) .colorPicker{ --hover-outline-color:#80ebff; --selected-outline-color:#aaf2ff; --swatch-border-color:#52525e; } } :where(html.is-dark) .colorPicker{ --hover-outline-color:#80ebff; --selected-outline-color:#aaf2ff; --swatch-border-color:#52525e; } @media screen and (forced-colors: active){ .colorPicker{ --hover-outline-color:Highlight; --selected-outline-color:var(--hover-outline-color); --swatch-border-color:ButtonText; } } .colorPicker .swatch{ width:16px; height:16px; border:1px solid var(--swatch-border-color); border-radius:100%; outline-offset:2px; box-sizing:border-box; forced-color-adjust:none; } .colorPicker button:is(:hover, .selected) > .swatch{ border:none; } .annotationEditorLayer[data-main-rotation="0"] .highlightEditor:not(.free) > .editToolbar{ rotate:0deg; } .annotationEditorLayer[data-main-rotation="90"] .highlightEditor:not(.free) > .editToolbar{ rotate:270deg; } .annotationEditorLayer[data-main-rotation="180"] .highlightEditor:not(.free) > .editToolbar{ rotate:180deg; } .annotationEditorLayer[data-main-rotation="270"] .highlightEditor:not(.free) > .editToolbar{ rotate:90deg; } .annotationEditorLayer .highlightEditor{ position:absolute; background:transparent; z-index:1; cursor:auto; max-width:100%; max-height:100%; border:none; outline:none; pointer-events:none; transform-origin:0 0; } .annotationEditorLayer .highlightEditor:not(.free){ transform:none; } .annotationEditorLayer .highlightEditor .internal{ position:absolute; top:0; left:0; width:100%; height:100%; pointer-events:auto; } .annotationEditorLayer .highlightEditor.disabled .internal{ pointer-events:none; } .annotationEditorLayer .highlightEditor.selectedEditor .internal{ cursor:pointer; } .annotationEditorLayer .highlightEditor .editToolbar{ --editor-toolbar-colorpicker-arrow-image:url(images/toolbarButton-menuArrow.svg); transform-origin:center !important; } .annotationEditorLayer .highlightEditor .editToolbar .buttons .colorPicker{ position:relative; width:auto; display:flex; justify-content:center; align-items:center; gap:4px; padding:4px; } .annotationEditorLayer .highlightEditor .editToolbar .buttons .colorPicker::after{ content:""; -webkit-mask-image:var(--editor-toolbar-colorpicker-arrow-image); mask-image:var(--editor-toolbar-colorpicker-arrow-image); -webkit-mask-repeat:no-repeat; mask-repeat:no-repeat; -webkit-mask-position:center; mask-position:center; display:inline-block; background-color:var(--editor-toolbar-fg-color); width:12px; height:12px; } .annotationEditorLayer .highlightEditor .editToolbar .buttons .colorPicker:hover::after{ background-color:var(--editor-toolbar-hover-fg-color); } .annotationEditorLayer .highlightEditor .editToolbar .buttons .colorPicker:has(.dropdown:not(.hidden)){ background-color:var(--editor-toolbar-hover-bg-color); } .annotationEditorLayer .highlightEditor .editToolbar .buttons .colorPicker:has(.dropdown:not(.hidden))::after{ scale:-1; } .annotationEditorLayer .highlightEditor .editToolbar .buttons .colorPicker .dropdown{ position:absolute; display:flex; justify-content:center; align-items:center; flex-direction:column; gap:11px; padding-block:8px; border-radius:6px; background-color:var(--editor-toolbar-bg-color); border:1px solid var(--editor-toolbar-border-color); box-shadow:var(--editor-toolbar-shadow); inset-block-start:calc(100% + 4px); width:calc(100% + 2 * var(--editor-toolbar-padding)); } .annotationEditorLayer .highlightEditor .editToolbar .buttons .colorPicker .dropdown button{ width:100%; height:auto; border:none; cursor:pointer; display:flex; justify-content:center; align-items:center; background:none; } .annotationEditorLayer .highlightEditor .editToolbar .buttons .colorPicker .dropdown button:is(:active, :focus-visible){ outline:none; } .annotationEditorLayer .highlightEditor .editToolbar .buttons .colorPicker .dropdown button > .swatch{ outline-offset:2px; } .annotationEditorLayer .highlightEditor .editToolbar .buttons .colorPicker .dropdown button[aria-selected="true"] > .swatch{ outline:2px solid var(--selected-outline-color); } .annotationEditorLayer .highlightEditor .editToolbar .buttons .colorPicker .dropdown button:is(:hover, :active, :focus-visible) > .swatch{ outline:2px solid var(--hover-outline-color); } .editorParamsToolbar:has(#highlightParamsToolbarContainer){ padding:unset; } #highlightParamsToolbarContainer{ height:auto; padding-inline:10px; padding-block:10px 16px; gap:16px; display:flex; flex-direction:column; box-sizing:border-box; } #highlightParamsToolbarContainer .editorParamsLabel{ width:-moz-fit-content; width:fit-content; inset-inline-start:0; } #highlightParamsToolbarContainer .colorPicker{ display:flex; flex-direction:column; gap:8px; } #highlightParamsToolbarContainer .colorPicker .dropdown{ display:flex; justify-content:space-between; align-items:center; flex-direction:row; height:auto; } #highlightParamsToolbarContainer .colorPicker .dropdown button{ width:auto; height:auto; border:none; cursor:pointer; display:flex; justify-content:center; align-items:center; background:none; flex:0 0 auto; } #highlightParamsToolbarContainer .colorPicker .dropdown button .swatch{ width:24px; height:24px; } #highlightParamsToolbarContainer .colorPicker .dropdown button:is(:active, :focus-visible){ outline:none; } #highlightParamsToolbarContainer .colorPicker .dropdown button[aria-selected="true"] > .swatch{ outline:2px solid var(--selected-outline-color); } #highlightParamsToolbarContainer .colorPicker .dropdown button:is(:hover, :active, :focus-visible) > .swatch{ outline:2px solid var(--hover-outline-color); } #highlightParamsToolbarContainer #editorHighlightThickness{ display:flex; flex-direction:column; align-items:center; gap:4px; align-self:stretch; } #highlightParamsToolbarContainer #editorHighlightThickness .editorParamsLabel{ width:100%; height:auto; align-self:stretch; } #highlightParamsToolbarContainer #editorHighlightThickness .thicknessPicker{ display:flex; justify-content:space-between; align-items:center; align-self:stretch; --example-color:#bfbfc9; } @media (prefers-color-scheme: dark){ :where(html:not(.is-light)) #highlightParamsToolbarContainer #editorHighlightThickness .thicknessPicker{ --example-color:#80808e; } } :where(html.is-dark) #highlightParamsToolbarContainer #editorHighlightThickness .thicknessPicker{ --example-color:#80808e; } @media screen and (forced-colors: active){ #highlightParamsToolbarContainer #editorHighlightThickness .thicknessPicker{ --example-color:CanvasText; } } :is(#highlightParamsToolbarContainer #editorHighlightThickness .thicknessPicker > .editorParamsSlider[disabled]){ opacity:0.4; } #highlightParamsToolbarContainer #editorHighlightThickness .thicknessPicker::before, #highlightParamsToolbarContainer #editorHighlightThickness .thicknessPicker::after{ content:""; width:8px; aspect-ratio:1; display:block; border-radius:100%; background-color:var(--example-color); } #highlightParamsToolbarContainer #editorHighlightThickness .thicknessPicker::after{ width:24px; } #highlightParamsToolbarContainer #editorHighlightThickness .thicknessPicker .editorParamsSlider{ width:unset; height:14px; } #highlightParamsToolbarContainer #editorHighlightVisibility{ display:flex; flex-direction:column; align-items:flex-start; gap:8px; align-self:stretch; } #highlightParamsToolbarContainer #editorHighlightVisibility .divider{ --divider-color:#d7d7db; margin-block:4px; width:100%; height:1px; background-color:var(--divider-color); } @media (prefers-color-scheme: dark){ :where(html:not(.is-light)) #highlightParamsToolbarContainer #editorHighlightVisibility .divider{ --divider-color:#8f8f9d; } } :where(html.is-dark) #highlightParamsToolbarContainer #editorHighlightVisibility .divider{ --divider-color:#8f8f9d; } @media screen and (forced-colors: active){ #highlightParamsToolbarContainer #editorHighlightVisibility .divider{ --divider-color:CanvasText; } } #highlightParamsToolbarContainer #editorHighlightVisibility .toggler{ display:flex; justify-content:space-between; align-items:center; align-self:stretch; } :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, .hiddenCanvasElement{ position:absolute; top:0; left:0; width:0; height:0; display:none; } .pdfViewer{ --scale-factor:1; padding-bottom:var(--pdfViewer-padding-bottom); --hcm-highlight-filter:none; --hcm-highlight-selected-filter:none; } @media screen and (forced-colors: active){ .pdfViewer{ --hcm-highlight-filter:invert(100%); } } .pdfViewer .canvasWrapper{ overflow:hidden; width:100%; height:100%; } .pdfViewer .canvasWrapper canvas{ margin:0; display:block; } .pdfViewer .canvasWrapper canvas[hidden]{ display:none; } .pdfViewer .canvasWrapper canvas[zooming]{ width:100%; height:100%; } .pdfViewer .canvasWrapper canvas .structTree{ contain:strict; } .pdfViewer .page{ direction:ltr; width:816px; height:1056px; margin:var(--page-margin); position:relative; overflow:visible; border:var(--page-border); background-clip:content-box; background-color:rgb(255 255 255); } .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: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.loadingIcon::after{ position:absolute; top:0; left:0; content:""; width:100%; height:100%; background:url("images/loading-icon.gif") center no-repeat; display:none; 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; } :root{ --dir-factor:1; --inline-start:left; --inline-end:right; --sidebar-width:200px; --sidebar-transition-duration:200ms; --sidebar-transition-timing-function:ease; --toolbar-icon-opacity:0.7; --doorhanger-icon-opacity:0.9; --editor-toolbar-base-offset:105px; --main-color:rgb(12 12 13); --body-bg-color:rgb(212 212 215); --progressBar-color:rgb(10 132 255); --progressBar-bg-color:rgb(221 221 222); --progressBar-blend-color:rgb(116 177 239); --scrollbar-color:auto; --scrollbar-bg-color:auto; --toolbar-icon-bg-color:rgb(0 0 0); --toolbar-icon-hover-bg-color:rgb(0 0 0); --sidebar-narrow-bg-color:rgb(212 212 215 / 0.9); --sidebar-toolbar-bg-color:rgb(245 246 247); --toolbar-bg-color:rgb(249 249 250); --toolbar-border-color:rgb(184 184 184); --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 rgb(0 0 0 / 0.25), 0 1px 0 rgb(0 0 0 / 0.15), 0 0 1px rgb(0 0 0 / 0.1); --toolbarSidebar-border-bottom:none; --button-hover-color:rgb(221 222 223); --toggled-btn-color:rgb(0 0 0); --toggled-btn-bg-color:rgb(0 0 0 / 0.3); --toggled-hover-active-btn-color:rgb(0 0 0 / 0.4); --toggled-hover-btn-outline:none; --dropdown-btn-bg-color:rgb(215 215 219); --dropdown-btn-border:none; --separator-color:rgb(0 0 0 / 0.3); --field-color:rgb(6 6 6); --field-bg-color:rgb(255 255 255); --field-border-color:rgb(187 187 188); --treeitem-color:rgb(0 0 0 / 0.8); --treeitem-bg-color:rgb(0 0 0 / 0.15); --treeitem-hover-color:rgb(0 0 0 / 0.9); --treeitem-selected-color:rgb(0 0 0 / 0.9); --treeitem-selected-bg-color:rgb(0 0 0 / 0.25); --thumbnail-hover-color:rgb(0 0 0 / 0.1); --thumbnail-selected-color:rgb(0 0 0 / 0.2); --doorhanger-bg-color:rgb(255 255 255); --doorhanger-border-color:rgb(12 12 13 / 0.2); --doorhanger-hover-color:rgb(12 12 13); --doorhanger-hover-bg-color:rgb(237 237 237); --doorhanger-separator-color:rgb(222 222 222); --dialog-button-border:none; --dialog-button-bg-color:rgb(12 12 13 / 0.1); --dialog-button-hover-bg-color:rgb(12 12 13 / 0.3); --loading-icon:url(images/loading.svg); --treeitem-expanded-icon:url(images/treeitem-expanded.svg); --treeitem-collapsed-icon:url(images/treeitem-collapsed.svg); --toolbarButton-editorFreeText-icon:url(images/toolbarButton-editorFreeText.svg); --toolbarButton-editorHighlight-icon:url(images/toolbarButton-editorHighlight.svg); --toolbarButton-editorInk-icon:url(images/toolbarButton-editorInk.svg); --toolbarButton-editorStamp-icon:url(images/toolbarButton-editorStamp.svg); --toolbarButton-menuArrow-icon:url(images/toolbarButton-menuArrow.svg); --toolbarButton-sidebarToggle-icon:url(images/toolbarButton-sidebarToggle.svg); --toolbarButton-secondaryToolbarToggle-icon:url(images/toolbarButton-secondaryToolbarToggle.svg); --toolbarButton-pageUp-icon:url(images/toolbarButton-pageUp.svg); --toolbarButton-pageDown-icon:url(images/toolbarButton-pageDown.svg); --toolbarButton-zoomOut-icon:url(images/toolbarButton-zoomOut.svg); --toolbarButton-zoomIn-icon:url(images/toolbarButton-zoomIn.svg); --toolbarButton-presentationMode-icon:url(images/toolbarButton-presentationMode.svg); --toolbarButton-print-icon:url(images/toolbarButton-print.svg); --toolbarButton-openFile-icon:url(images/toolbarButton-openFile.svg); --toolbarButton-download-icon:url(images/toolbarButton-download.svg); --toolbarButton-bookmark-icon:url(images/toolbarButton-bookmark.svg); --toolbarButton-viewThumbnail-icon:url(images/toolbarButton-viewThumbnail.svg); --toolbarButton-viewOutline-icon:url(images/toolbarButton-viewOutline.svg); --toolbarButton-viewAttachments-icon:url(images/toolbarButton-viewAttachments.svg); --toolbarButton-viewLayers-icon:url(images/toolbarButton-viewLayers.svg); --toolbarButton-currentOutlineItem-icon:url(images/toolbarButton-currentOutlineItem.svg); --toolbarButton-search-icon:url(images/toolbarButton-search.svg); --findbarButton-previous-icon:url(images/findbarButton-previous.svg); --findbarButton-next-icon:url(images/findbarButton-next.svg); --secondaryToolbarButton-firstPage-icon:url(images/secondaryToolbarButton-firstPage.svg); --secondaryToolbarButton-lastPage-icon:url(images/secondaryToolbarButton-lastPage.svg); --secondaryToolbarButton-rotateCcw-icon:url(images/secondaryToolbarButton-rotateCcw.svg); --secondaryToolbarButton-rotateCw-icon:url(images/secondaryToolbarButton-rotateCw.svg); --secondaryToolbarButton-selectTool-icon:url(images/secondaryToolbarButton-selectTool.svg); --secondaryToolbarButton-handTool-icon:url(images/secondaryToolbarButton-handTool.svg); --secondaryToolbarButton-scrollPage-icon:url(images/secondaryToolbarButton-scrollPage.svg); --secondaryToolbarButton-scrollVertical-icon:url(images/secondaryToolbarButton-scrollVertical.svg); --secondaryToolbarButton-scrollHorizontal-icon:url(images/secondaryToolbarButton-scrollHorizontal.svg); --secondaryToolbarButton-scrollWrapped-icon:url(images/secondaryToolbarButton-scrollWrapped.svg); --secondaryToolbarButton-spreadNone-icon:url(images/secondaryToolbarButton-spreadNone.svg); --secondaryToolbarButton-spreadOdd-icon:url(images/secondaryToolbarButton-spreadOdd.svg); --secondaryToolbarButton-spreadEven-icon:url(images/secondaryToolbarButton-spreadEven.svg); --secondaryToolbarButton-documentProperties-icon:url(images/secondaryToolbarButton-documentProperties.svg); --editorParams-stampAddImage-icon:url(images/toolbarButton-zoomIn.svg); } [dir="rtl"]:root{ --dir-factor:-1; --inline-start:right; --inline-end:left; } @media (prefers-color-scheme: dark){ :root:where(:not(.is-light)){ --main-color:rgb(249 249 250); --body-bg-color:rgb(42 42 46); --progressBar-color:rgb(0 96 223); --progressBar-bg-color:rgb(40 40 43); --progressBar-blend-color:rgb(20 68 133); --scrollbar-color:rgb(121 121 123); --scrollbar-bg-color:rgb(35 35 39); --toolbar-icon-bg-color:rgb(255 255 255); --toolbar-icon-hover-bg-color:rgb(255 255 255); --sidebar-narrow-bg-color:rgb(42 42 46 / 0.9); --sidebar-toolbar-bg-color:rgb(50 50 52); --toolbar-bg-color:rgb(56 56 61); --toolbar-border-color:rgb(12 12 13); --button-hover-color:rgb(102 102 103); --toggled-btn-color:rgb(255 255 255); --toggled-btn-bg-color:rgb(0 0 0 / 0.3); --toggled-hover-active-btn-color:rgb(0 0 0 / 0.4); --dropdown-btn-bg-color:rgb(74 74 79); --separator-color:rgb(0 0 0 / 0.3); --field-color:rgb(250 250 250); --field-bg-color:rgb(64 64 68); --field-border-color:rgb(115 115 115); --treeitem-color:rgb(255 255 255 / 0.8); --treeitem-bg-color:rgb(255 255 255 / 0.15); --treeitem-hover-color:rgb(255 255 255 / 0.9); --treeitem-selected-color:rgb(255 255 255 / 0.9); --treeitem-selected-bg-color:rgb(255 255 255 / 0.25); --thumbnail-hover-color:rgb(255 255 255 / 0.1); --thumbnail-selected-color:rgb(255 255 255 / 0.2); --doorhanger-bg-color:rgb(74 74 79); --doorhanger-border-color:rgb(39 39 43); --doorhanger-hover-color:rgb(249 249 250); --doorhanger-hover-bg-color:rgb(93 94 98); --doorhanger-separator-color:rgb(92 92 97); --dialog-button-bg-color:rgb(92 92 97); --dialog-button-hover-bg-color:rgb(115 115 115); } } :root:where(.is-dark){ --main-color:rgb(249 249 250); --body-bg-color:rgb(42 42 46); --progressBar-color:rgb(0 96 223); --progressBar-bg-color:rgb(40 40 43); --progressBar-blend-color:rgb(20 68 133); --scrollbar-color:rgb(121 121 123); --scrollbar-bg-color:rgb(35 35 39); --toolbar-icon-bg-color:rgb(255 255 255); --toolbar-icon-hover-bg-color:rgb(255 255 255); --sidebar-narrow-bg-color:rgb(42 42 46 / 0.9); --sidebar-toolbar-bg-color:rgb(50 50 52); --toolbar-bg-color:rgb(56 56 61); --toolbar-border-color:rgb(12 12 13); --button-hover-color:rgb(102 102 103); --toggled-btn-color:rgb(255 255 255); --toggled-btn-bg-color:rgb(0 0 0 / 0.3); --toggled-hover-active-btn-color:rgb(0 0 0 / 0.4); --dropdown-btn-bg-color:rgb(74 74 79); --separator-color:rgb(0 0 0 / 0.3); --field-color:rgb(250 250 250); --field-bg-color:rgb(64 64 68); --field-border-color:rgb(115 115 115); --treeitem-color:rgb(255 255 255 / 0.8); --treeitem-bg-color:rgb(255 255 255 / 0.15); --treeitem-hover-color:rgb(255 255 255 / 0.9); --treeitem-selected-color:rgb(255 255 255 / 0.9); --treeitem-selected-bg-color:rgb(255 255 255 / 0.25); --thumbnail-hover-color:rgb(255 255 255 / 0.1); --thumbnail-selected-color:rgb(255 255 255 / 0.2); --doorhanger-bg-color:rgb(74 74 79); --doorhanger-border-color:rgb(39 39 43); --doorhanger-hover-color:rgb(249 249 250); --doorhanger-hover-bg-color:rgb(93 94 98); --doorhanger-separator-color:rgb(92 92 97); --dialog-button-bg-color:rgb(92 92 97); --dialog-button-hover-bg-color:rgb(115 115 115); } @media screen and (forced-colors: active){ :root{ --button-hover-color:Highlight; --doorhanger-hover-bg-color:Highlight; --toolbar-icon-opacity:1; --toolbar-icon-bg-color:ButtonText; --toolbar-icon-hover-bg-color:ButtonFace; --toggled-hover-active-btn-color:ButtonText; --toggled-hover-btn-outline:2px solid ButtonBorder; --toolbar-border-color:CanvasText; --toolbar-border-bottom:1px solid var(--toolbar-border-color); --toolbar-box-shadow:none; --toggled-btn-color:HighlightText; --toggled-btn-bg-color:LinkText; --doorhanger-hover-color:ButtonFace; --doorhanger-border-color-whcm:1px solid ButtonText; --doorhanger-triangle-opacity-whcm:0; --dialog-button-border:1px solid Highlight; --dialog-button-hover-bg-color:Highlight; --dialog-button-hover-color:ButtonFace; --dropdown-btn-border:1px solid ButtonText; --field-border-color:ButtonText; --main-color:CanvasText; --separator-color:GrayText; --doorhanger-separator-color:GrayText; --toolbarSidebar-box-shadow:none; --toolbarSidebar-border-bottom:1px solid var(--toolbar-border-color); } } @media screen and (prefers-reduced-motion: reduce){ :root{ --sidebar-transition-duration:0; } } *{ padding:0; margin:0; } html, body{ height:100%; width:100%; } body{ background-color:var(--body-bg-color); scrollbar-color:var(--scrollbar-color) var(--scrollbar-bg-color); } .hidden, [hidden]{ display:none !important; } #viewerContainer.pdfPresentationMode:fullscreen{ top:0; background-color:rgb(0 0 0); width:100%; height:100%; overflow:hidden; cursor:none; -webkit-user-select:none; -moz-user-select: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; } #sidebarContainer{ position:absolute; inset-block:32px 0; inset-inline-start:calc(-1 * var(--sidebar-width)); width:var(--sidebar-width); visibility:hidden; z-index:100; font:message-box; border-top:1px solid rgb(51 51 51); 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; added by ep developer */ } #sidebarContent{ inset-block:32px 0; inset-inline-start:0; overflow:auto; position:absolute; width:100%; box-shadow:inset calc(-1px * var(--dir-factor)) 0 0 rgb(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; 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; } #loadingBar{ --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){ transition-duration:0s; } .findbar, .secondaryToolbar, .editorParamsToolbar{ top:32px; position:absolute; z-index:30000; height:auto; padding:0 4px; margin:4px 2px; font:message-box; font-size:12px; line-height:14px; text-align:left; cursor:default; } .findbar{ inset-inline-start:64px; min-width:300px; background-color:var(--toolbar-bg-color); } .findbar > div{ height:32px; } .findbar > div#findbarInputContainer{ margin-inline-end:4px; } .findbar.wrapContainers > div, .findbar.wrapContainers > div#findbarMessageContainer > *{ clear:both; } .findbar.wrapContainers > div#findbarMessageContainer{ height:auto; } .findbar input[type="checkbox"]{ pointer-events:none; } .findbar label{ -webkit-user-select:none; -moz-user-select:none; user-select:none; } .findbar label:hover, .findbar input:focus-visible + label{ color:var(--toggled-btn-color); background-color:var(--button-hover-color); } .findbar .toolbarField[type="checkbox"]:checked + .toolbarLabel{ background-color:var(--toggled-btn-bg-color) !important; color:var(--toggled-btn-color); } #findInput{ width:200px; } #findInput::-moz-placeholder{ font-style:normal; } #findInput::placeholder{ font-style:normal; } .loadingInput:has(> #findInput[data-status="pending"])::after{ display:block; visibility:visible; } #findInput[data-status="notFound"]{ background-color:rgb(255 102 102); } .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; font:menu; font-size:13px; font-style:normal; font-weight:400; line-height:150%; 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; } .editorParamsToolbarContainer .editorParamsSlider::-webkit-slider-runnable-track, .editorParamsToolbarContainer .editorParamsSlider::-moz-range-track{ background-color:black; } .editorParamsToolbarContainer .editorParamsSlider::-webkit-slider-thumb, .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:calc(var(--editor-toolbar-base-offset) + 0px); } #editorInkParamsToolbar{ inset-inline-end:calc(var(--editor-toolbar-base-offset) + 28px); } #editorFreeTextParamsToolbar{ inset-inline-end:calc(var(--editor-toolbar-base-offset) + 56px); } #editorHighlightParamsToolbar{ inset-inline-end:calc(var(--editor-toolbar-base-offset) + 84px); } #editorStampAddImage::before{ -webkit-mask-image:var(--editorParams-stampAddImage-icon); mask-image: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 rgb(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:rgb(217 217 217); color:rgb(82 82 82); text-align:center; padding:4px 5px; margin:5px; } #findMsg[data-status="notFound"]{ font-weight:bold; } :is(#findResultsCount, #findMsg):empty{ display:none; } #toolbarViewerMiddle{ position:absolute; left:50%; transform:translateX(-50%); } #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{ padding-inline-start:1px; } #toolbarViewerRight{ padding-inline-end:1px; } #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:is(:hover, :focus-visible), .dropdownToolbarButton:hover{ background-color:var(--button-hover-color); } .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; -webkit-user-select:none; -moz-user-select:none; 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{ display:flex; width:-moz-fit-content; width:fit-content; min-width:140px; padding:0; background-color:var(--dropdown-btn-bg-color); border:var(--dropdown-btn-border); } .dropdownToolbarButton::after{ top:6px; inset-inline-end:6px; pointer-events:none; -webkit-mask-image:var(--toolbarButton-menuArrow-icon); mask-image:var(--toolbarButton-menuArrow-icon); } .dropdownToolbarButton > select{ -webkit-appearance:none; -moz-appearance:none; appearance:none; width:inherit; min-width:inherit; height:28px; font-size:12px; color:var(--main-color); margin:0; padding-block:1px 2px; padding-inline:6px 38px; border:none; background-color:var(--dropdown-btn-bg-color); } .dropdownToolbarButton > select:is(:hover, :focus-visible){ background-color:var(--button-hover-color); color:var(--toggled-btn-color); } .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{ position:absolute; display:inline-block; width:16px; height:16px; content:""; background-color:var(--toolbar-icon-bg-color); -webkit-mask-size:cover; mask-size:cover; } .dropdownToolbarButton:is(:hover, :focus-visible, :active)::after{ background-color:var(--toolbar-icon-hover-bg-color); } .toolbarButton::before{ opacity:var(--toolbar-icon-opacity); top:6px; left:6px; } .toolbarButton:is(:hover, :focus-visible)::before, .secondaryToolbarButton:is(:hover, :focus-visible)::before{ background-color:var(--toolbar-icon-hover-bg-color); } .secondaryToolbarButton::before{ opacity:var(--doorhanger-icon-opacity); top:5px; inset-inline-start:12px; } #sidebarToggle::before{ -webkit-mask-image:var(--toolbarButton-sidebarToggle-icon); mask-image:var(--toolbarButton-sidebarToggle-icon); transform:scaleX(var(--dir-factor)); } #secondaryToolbarToggle::before{ -webkit-mask-image:var(--toolbarButton-secondaryToolbarToggle-icon); mask-image:var(--toolbarButton-secondaryToolbarToggle-icon); transform:scaleX(var(--dir-factor)); } #findPrevious::before{ -webkit-mask-image:var(--findbarButton-previous-icon); mask-image:var(--findbarButton-previous-icon); } #findNext::before{ -webkit-mask-image:var(--findbarButton-next-icon); mask-image:var(--findbarButton-next-icon); } #previous::before{ -webkit-mask-image:var(--toolbarButton-pageUp-icon); mask-image:var(--toolbarButton-pageUp-icon); } #next::before{ -webkit-mask-image:var(--toolbarButton-pageDown-icon); mask-image:var(--toolbarButton-pageDown-icon); } #zoomOut::before{ -webkit-mask-image:var(--toolbarButton-zoomOut-icon); mask-image:var(--toolbarButton-zoomOut-icon); } #zoomIn::before{ -webkit-mask-image:var(--toolbarButton-zoomIn-icon); mask-image:var(--toolbarButton-zoomIn-icon); } #presentationMode::before{ -webkit-mask-image:var(--toolbarButton-presentationMode-icon); mask-image:var(--toolbarButton-presentationMode-icon); } #editorFreeText::before{ -webkit-mask-image:var(--toolbarButton-editorFreeText-icon); mask-image:var(--toolbarButton-editorFreeText-icon); } #editorHighlight::before{ -webkit-mask-image:var(--toolbarButton-editorHighlight-icon); mask-image:var(--toolbarButton-editorHighlight-icon); } #editorInk::before{ -webkit-mask-image:var(--toolbarButton-editorInk-icon); mask-image:var(--toolbarButton-editorInk-icon); } #editorStamp::before{ -webkit-mask-image:var(--toolbarButton-editorStamp-icon); mask-image:var(--toolbarButton-editorStamp-icon); } :is(#print, #secondaryPrint)::before{ -webkit-mask-image:var(--toolbarButton-print-icon); mask-image:var(--toolbarButton-print-icon); } #secondaryOpenFile::before{ -webkit-mask-image:var(--toolbarButton-openFile-icon); mask-image:var(--toolbarButton-openFile-icon); } :is(#download, #secondaryDownload)::before{ -webkit-mask-image:var(--toolbarButton-download-icon); mask-image:var(--toolbarButton-download-icon); } a.secondaryToolbarButton{ padding-top:5px; text-decoration:none; } a:is(.toolbarButton, .secondaryToolbarButton)[href="#"]{ opacity:0.5; pointer-events:none; } #viewBookmark::before{ -webkit-mask-image:var(--toolbarButton-bookmark-icon); mask-image:var(--toolbarButton-bookmark-icon); } #viewThumbnail::before{ -webkit-mask-image:var(--toolbarButton-viewThumbnail-icon); mask-image:var(--toolbarButton-viewThumbnail-icon); } #viewOutline::before{ -webkit-mask-image:var(--toolbarButton-viewOutline-icon); mask-image:var(--toolbarButton-viewOutline-icon); transform:scaleX(var(--dir-factor)); } #viewAttachments::before{ -webkit-mask-image:var(--toolbarButton-viewAttachments-icon); mask-image:var(--toolbarButton-viewAttachments-icon); } #viewLayers::before{ -webkit-mask-image:var(--toolbarButton-viewLayers-icon); mask-image:var(--toolbarButton-viewLayers-icon); } #currentOutlineItem::before{ -webkit-mask-image:var(--toolbarButton-currentOutlineItem-icon); mask-image:var(--toolbarButton-currentOutlineItem-icon); transform:scaleX(var(--dir-factor)); } #viewFind::before{ -webkit-mask-image:var(--toolbarButton-search-icon); mask-image:var(--toolbarButton-search-icon); } .pdfSidebarNotification::after{ position:absolute; display:inline-block; top:2px; inset-inline-end:2px; content:""; background-color:rgb(112 219 85); 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; } #firstPage::before{ -webkit-mask-image:var(--secondaryToolbarButton-firstPage-icon); mask-image:var(--secondaryToolbarButton-firstPage-icon); } #lastPage::before{ -webkit-mask-image:var(--secondaryToolbarButton-lastPage-icon); mask-image:var(--secondaryToolbarButton-lastPage-icon); } #pageRotateCcw::before{ -webkit-mask-image:var(--secondaryToolbarButton-rotateCcw-icon); mask-image:var(--secondaryToolbarButton-rotateCcw-icon); } #pageRotateCw::before{ -webkit-mask-image:var(--secondaryToolbarButton-rotateCw-icon); mask-image:var(--secondaryToolbarButton-rotateCw-icon); } #cursorSelectTool::before{ -webkit-mask-image:var(--secondaryToolbarButton-selectTool-icon); mask-image:var(--secondaryToolbarButton-selectTool-icon); } #cursorHandTool::before{ -webkit-mask-image:var(--secondaryToolbarButton-handTool-icon); mask-image:var(--secondaryToolbarButton-handTool-icon); } #scrollPage::before{ -webkit-mask-image:var(--secondaryToolbarButton-scrollPage-icon); mask-image:var(--secondaryToolbarButton-scrollPage-icon); } #scrollVertical::before{ -webkit-mask-image:var(--secondaryToolbarButton-scrollVertical-icon); mask-image:var(--secondaryToolbarButton-scrollVertical-icon); } #scrollHorizontal::before{ -webkit-mask-image:var(--secondaryToolbarButton-scrollHorizontal-icon); mask-image:var(--secondaryToolbarButton-scrollHorizontal-icon); } #scrollWrapped::before{ -webkit-mask-image:var(--secondaryToolbarButton-scrollWrapped-icon); mask-image:var(--secondaryToolbarButton-scrollWrapped-icon); } #spreadNone::before{ -webkit-mask-image:var(--secondaryToolbarButton-spreadNone-icon); mask-image:var(--secondaryToolbarButton-spreadNone-icon); } #spreadOdd::before{ -webkit-mask-image:var(--secondaryToolbarButton-spreadOdd-icon); mask-image:var(--secondaryToolbarButton-spreadOdd-icon); } #spreadEven::before{ -webkit-mask-image:var(--secondaryToolbarButton-spreadEven-icon); mask-image:var(--secondaryToolbarButton-spreadEven-icon); } #documentProperties::before{ -webkit-mask-image:var(--secondaryToolbarButton-documentProperties-icon); mask-image:var(--secondaryToolbarButton-documentProperties-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; text-align:end; width:40px; background-size:0 0; transition-property:none; } #pageNumber::-webkit-inner-spin-button{ -webkit-appearance:none; } .loadingInput:has(> #pageNumber.loading)::after{ display:block; visibility:visible; transition-property:visibility; transition-delay:var(--loading-icon-delay); } .loadingInput::after{ position:absolute; visibility:hidden; display:none; top:calc(50% - 8px); width:16px; height:16px; content:""; background-color:var(--toolbar-icon-bg-color); -webkit-mask-size:cover; mask-size:cover; -webkit-mask-image:var(--loading-icon); mask-image:var(--loading-icon); } .loadingInput.start::after{ inset-inline-start:4px; } .loadingInput.end::after{ inset-inline-end:4px; } .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; -webkit-user-select:none; -moz-user-select:none; user-select:none; cursor:default; } #numPages.toolbarLabel{ padding-inline-start:3px; } #thumbnailView, #outlineView, #attachmentsView, #layersView{ position:absolute; width:calc(100% - 8px); inset-block:0; padding:4px 4px 0; overflow:auto; -webkit-user-select:none; -moz-user-select:none; user-select:none; } #thumbnailView{ width:calc(100% - 60px); padding:10px 30px 0; } #thumbnailView > a:is(:active, :focus){ outline:0; } .thumbnail{ --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 rgb(132 132 132); } .treeWithDeepNesting > .treeItem, .treeItem > .treeItems{ margin-inline-start:20px; } .treeItem > a{ text-decoration:none; display:inline-block; min-width:calc(100% - 4px); height:auto; margin-bottom:1px; padding:2px 0 5px; padding-inline-start:4px; border-radius:2px; color:var(--treeitem-color); font-size:13px; line-height:15px; -webkit-user-select:none; -moz-user-select:none; user-select:none; white-space:normal; cursor:pointer; } #layersView .treeItem > a *{ cursor:pointer; } #layersView .treeItem > a > label{ padding-inline-start:4px; } #layersView .treeItem > a > label > input{ float:var(--inline-start); margin-top:1px; } .treeItemToggler{ position:relative; float:var(--inline-start); height:0; width:0; color:rgb(255 255 255 / 0.5); } .treeItemToggler::before{ inset-inline-end:4px; -webkit-mask-image:var(--treeitem-expanded-icon); mask-image:var(--treeitem-expanded-icon); } .treeItemToggler.treeItemsHidden::before{ -webkit-mask-image:var(--treeitem-collapsed-icon); mask-image:var(--treeitem-collapsed-icon); transform:scaleX(var(--dir-factor)); } .treeItemToggler.treeItemsHidden ~ .treeItems{ display:none; } .treeItem.selected > a{ background-color:var(--treeitem-selected-bg-color); color:var(--treeitem-selected-color); } .treeItemToggler:hover, .treeItemToggler:hover + a, .treeItemToggler:hover ~ .treeItems, .treeItem > a:hover{ background-color:var(--treeitem-bg-color); background-clip:padding-box; border-radius:2px; color:var(--treeitem-hover-color); } #outlineOptionsContainer{ display:none; } #sidebarContainer:has(#outlineView:not(.hidden)) #outlineOptionsContainer{ display:inherit; } .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 rgb(0 0 0 / 0.5); border-radius:4px; box-shadow:0 1px 4px rgb(0 0 0 / 0.3); } dialog::backdrop{ background-color:rgb(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:rgb(255 255 255); } #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; } .grab-to-pan-grabbing{ position:fixed; background:rgb(0 0 0 / 0); display:block; inset:0; overflow:hidden; z-index:50000; } @page{ margin:0; } #printContainer{ display:none; } @media print{ body{ background:rgb(0 0 0 / 0) none; } body[data-pdfjsprinting] #outerContainer{ display:none; } body[data-pdfjsprinting] #printContainer{ display:block; } #printContainer{ height:100%; } #printContainer > .printedPage{ page-break-after:always; page-break-inside:avoid; height:100%; width:100%; display:flex; flex-direction:column; justify-content:center; align-items:center; } #printContainer > .xfaPrintedPage .xfaPage{ position:absolute; } #printContainer > .xfaPrintedPage{ page-break-after:always; page-break-inside:avoid; width:100%; height:100%; position:relative; } #printContainer > .printedPage :is(canvas, img){ max-width:100%; max-height:100%; direction:ltr; display:block; } } .visibleMediumView{ display:none; } @media all and (max-width: 900px){ #toolbarViewerMiddle{ display:table; margin:auto; left:auto; position:inherit; transform:none; } } @media all and (max-width: 840px){ #sidebarContainer{ background-color:var(--sidebar-narrow-bg-color); } #outerContainer.sidebarOpen #viewerContainer{ inset-inline-start:0 !important; } } @media all and (max-width: 750px){ :root{ --editor-toolbar-base-offset:40px; } #outerContainer .hiddenMediumView{ display:none; } #outerContainer .visibleMediumView{ display:inherit; } } @media all and (max-width: 690px){ .hiddenSmallView, .hiddenSmallView *{ display:none; } .toolbarButtonSpacer{ width:0; } .findbar{ inset-inline-start:34px; } } @media all and (max-width: 560px){ #scaleSelectContainer{ display:none; } } Mauricio Ríos García - Page 91 of 166 - Economía Internacional y Wealth Management
    Skip to content
    Saturday, July 12, 2025
    Mauricio Ríos García

    Mauricio Ríos García

    Economía Internacional y Wealth Management
    Mauricio Ríos García
    • Home
    • BIO
    • Contacto
    • Mis libros
    • Biblioteca
    • Consulting
    • Productos
    • Podcast
    • Macro Alertness

    Daily News

    • Viernes, 11 de julio de 2025

    • Jueves, 10 de julio de 2025

    • Miércoles, 9 de julio de 2025

    • Martes, 8 de julio de 2025

    • Lunes, 7 de julio de 2025

    • Viernes, 4 de julio de 2025

    • Jueves, 3 de julio de 2025

    • Op-Eds

      Bolivia puede y debe dolarizar ahora mismo

      Es curioso. He visto con mucha paciencia las tres horas con 35 minutos del debate organizado por la Academia Boliviana de Ciencias Económicas entre los…

      Mauricio Ríos García July 4, 2025
      View More
    • Op-Eds

      Los commodities y los emergentes

      Definitivamente, hay problemas con la inversión tradicional, con la típica posición 60/40. Los inversores están retirando fondos de bonos a largo plazo a un ritmo…

      Mauricio Ríos García June 26, 2025
      View More
    • Op-Eds

      Ciudadanía argentina por inversión: Una apuesta estratégica en un país en liberación

      Argentina, un país de paradojas históricas, ha sido durante más de un siglo un enigma económico: premiada con recursos naturales abundantes, una clase media robusta…

      Mauricio Ríos García June 16, 2025
      View More
    • Op-Eds

      El fin del bono estadounidense libre de riesgo

      Vivimos un momento excepcional en la historia del sistema financiero global: un cambio de paradigma que parece seguir gestándose lentamente, pero cuyas señales son ya…

      Mauricio Ríos García June 11, 2025
      View More
    • Op-Eds

      Los acuerdos comerciales de EEUU y China alivian los mercados globales, aunque manteniendo cautela

      Definitivamente, ha sido difícil de digerir lo que ha pasado alrededor de los aranceles. La victoria de Trump en las elecciones trajo un subidón sobre…

      Mauricio Ríos García May 13, 2025
      View More

    Poder & Mercado

    • Podcast

      #87 Daniel Lacalle: El Nuevo Orden Económico Mundial

      Mauricio Ríos García June 22, 2025
    • Podcast

      #86 Reseña del Anti-Rallo, de Philipp Bagus

      Mauricio Ríos García January 12, 2024
    • Podcast

      #85 La libertad sin atajos políticos

      Mauricio Ríos García November 21, 2023
    • Podcast

      #84 El golpe de Pedro Sánchez a la democracia en España

      Mauricio Ríos García November 14, 2023
    • Podcast

      #83 Mi apoyo moderado pero decidido a las propuestas de Javier Milei

      Mauricio Ríos García October 20, 2023

    Daily News

    Lunes, 21 de febrero de 2022

    Mauricio Ríos García February 21, 2022

    Economía Internacional Alertan que Bolivia está en riesgo de dejar de ser exportador de gas – Los TiemposEcuador busca recuperar reservas petroleras licitando campos –…

    View More Lunes, 21 de febrero de 2022
    Entrevistas Videos

    Bolivia: Cuenta regresiva para el modelo económico de Arce Catacora | Entrevista

    Mauricio Ríos García February 19, 2022 Arce CatacoraBoliviaBonos SoberanosDefault

    Qué pena que el hecho de que Bolivia no pueda conseguir financiamiento represente riegos de corto plazo tan grandes, a la vez que -modestia aparte-…

    View More Bolivia: Cuenta regresiva para el modelo económico de Arce Catacora | Entrevista
    Daily News

    Viernes, 18 de febrero de 2022

    Mauricio Ríos García February 18, 2022

    Economía Internacional Bolivia: Bonos sin vender – Humberto VacaflorBolivia: Cuenta regresiva para el modelo económico de Arce – Mauricio Ríos GarcíaBolivia informe del Relator de…

    View More Viernes, 18 de febrero de 2022
    Op-Eds

    Cuenta regresiva para el modelo económico de Arce Catacora

    Mauricio Ríos García February 17, 2022 Arce CatacoraBoliviaBonos SoberanosDefault

    Aunque no son nuevos, porque los tiene al menos desde que el Movimiento al Socialismo (MAS) accedió con Evo Morales al poder en 2006, Bolivia no…

    View More Cuenta regresiva para el modelo económico de Arce Catacora
    Daily News

    Jueves, 17 de febrero de 2022

    Mauricio Ríos García February 17, 2022

    Economía Internacional Bolivia: S&P observa reducida capacidad exportadora de gas – Los TiemposBolivia: Amplían plazo para oferta de bonos por $2.000 millones – Página SieteBolivia:…

    View More Jueves, 17 de febrero de 2022
    Op-Eds

    Algunos fondos para sacar provecho de la ‘gran rotación’ en 2022

    Mauricio Ríos García February 16, 2022 Asset ManagementCrisis InvestingValue InvestingWealth Management

    Al inicio de la crisis de la pandemia del Covid-19, y dado el escenario que ya se observaba inmediatamente antes de que comenzara, hablamos sobre…

    View More Algunos fondos para sacar provecho de la ‘gran rotación’ en 2022
    Op-Eds

    Arce invita a un relator de la ONU a Bolivia para victimizarse y ocultar los abusos del sistema judicial

    Mauricio Ríos García February 16, 2022 Arce CatacoraBoliviaEvo MoralesFraudeJeanine Áñez

    El régimen del Movimiento al Socialismo (MAS) no cesa en su oficiosa labor por instalar en la opinión pública su versión de los hechos de finales de 2019 en…

    View More Arce invita a un relator de la ONU a Bolivia para victimizarse y ocultar los abusos del sistema judicial
    Daily News

    Miércoles, 16 de febrero de 2022

    Mauricio Ríos García February 16, 2022

    Economía Internacional Argentina Inflation Accelerates for Second Straight Month – BloombergArgentina’s 50% Inflation Has Crypto Credit Cards Booming – BloombergArgentina’s president struggles to sell IMF…

    View More Miércoles, 16 de febrero de 2022
    Entrevistas

    Ante declive de reservas del BCB, economistas aconsejan exportar más

    Mauricio Ríos García February 15, 2022 Banco Central de BoliviaBoliviaReservas Internacionales

    Las reservas en divisas registran un mínimo histórico. Al 28 de enero del presente año, el Banco Central de Bolivia (BCB) registró $us 4.511 millones…

    View More Ante declive de reservas del BCB, economistas aconsejan exportar más
    Daily News

    Martes, 15 de febrero de 2022

    Mauricio Ríos García February 15, 2022

    Economía Internacional Bolivia en el puesto 169 en el Índice de Libertad Económica 2022 – El DiarioBolivia: Ante declive de reservas del BCB, aconsejan exportar…

    View More Martes, 15 de febrero de 2022
    Op-Eds

    Se intensifica el calvario ‘judicial’ de Jeanine Áñez

    Mauricio Ríos García February 14, 2022 Arce CatacoraBoliviaJeanine Áñez

    El régimen del Movimiento al Socialismo (MAS) sostiene su posición implacable en su venganza por la renuncia, abandono del cargo y huida de Evo Morales…

    View More Se intensifica el calvario ‘judicial’ de Jeanine Áñez
    Daily News

    Lunes, 14 de febrero de 2022

    Mauricio Ríos García February 14, 2022

    Economía Internacional Bolivia: Relator de la ONU confirma visita para evaluar sistema judicial – El DeberBolivia: Áñez sufre descompensaciones por huelga de hambre – Los…

    View More Lunes, 14 de febrero de 2022
    Daily News

    Viernes, 11 de febrero de 2022

    Mauricio Ríos García February 11, 2022

    Economía Internacional Bolivia oferta bonos por $2.000 MM para extender vencimientos – El DeberBolivia ofrece intercambio y recompra de bonos por $2.000 MM – Página…

    View More Viernes, 11 de febrero de 2022
    Daily News

    Jueves, 10 de febrero de 2022

    Mauricio Ríos García February 10, 2022

    Economía Internacional Bolivia: Inicia juicio contra Añez en medio de cuestionamientos – El DiarioBolivia: Hidrocarburos evaluará sector para elaborar política energética – El DiarioBrasil: Bolsonaro:…

    View More Jueves, 10 de febrero de 2022

    Posts pagination

    Previous page Page 1 … Page 90 Page 91 Page 92 … Page 166 Next page

    Follow me!

    https://www.facebook.com/riosmauriciocom
    https://twitter.com/riosmauricio
    https://www.youtube.com/riosmauricio
    https://www.linkedin.com/in/riosmauricio
    https://instagram.com/_riosmauricio

    Search

    Sign Up for Updates

    Twitter Update

    Categorías

    • Cartas Abiertas
    • Daily News
    • Debates
    • Ensayos
    • Entrevistas
    • Eventos
    • Macro Alertness
    • Obituario
    • Op-Eds
    • Podcast
    • Reseñas
    • Uncategorized
    • Videos

    Poder & Mercado

    Market Overview

    Financial Markets by TradingView

    Archivos

    YouTube

    https://youtu.be/lJZI_VXp4z0

    Debido a la extraordinaria expansión monetaria y crediticia con la que se ha pretendido enfrentar la crisis de la pandemia y los confinamientos, ahora nos enfrentamos a una nueva era de inflación. En una conversación en Value School (Madrid) ofrezco a detalle mi visión sobre la economía global y cómo encarar sus nuevos desafíos.

    Disclaimer

    La información contenida en este website no constituye ni debe interpretarse como una oferta o solicitud de compra de valores o instrumentos financieros relacionados a ninguna entidad en particular ni en ninguna jurisdicción.

    De igual manera, el editor cree que las fuentes de las cuales se obtiene toda información son confiables, pero no puede garantizar la precisión o los supuestos de las mismas.

    Instagram

    Instagram post 18286518733252624 Instagram post 18286518733252624
    Primer día de una historia admirable. Primer día de una historia admirable.
    Instagram post 18511253179043066 Instagram post 18511253179043066
    Instagram post 18061585093906564 Instagram post 18061585093906564
    Instagram post 18064130987088112 Instagram post 18064130987088112
    Instagram post 18050640611582469 Instagram post 18050640611582469
    Instagram post 17887003422163782 Instagram post 17887003422163782
    Instagram post 18029992160444482 Instagram post 18029992160444482
    Instagram post 18096356524504011 Instagram post 18096356524504011

    Sobre el editor

    Mauricio Ríos García es economista independiente, reside en Bolivia y se dedica a la investigación de riesgo y coyuntura económica global para ayudarlo a revisar sus posiciones, replantear sus estrategias empresariales y proteger su riqueza en tiempos adversos.

    https://youtu.be/IyxGoYag5dA
    Mauricio Ríos García | © Copyright All right reserved