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 143 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

    Op-Eds

    ¿Dónde veranean los grandes capitales argentinos?

    Mauricio Ríos García August 9, 2018 ArgentinaCompetencia FiscalOffshore BankingOffshore Wealth ManagementParaíso Fiscal

    He vuelto a Argentina luego de exactamente dos años. No es necesario hablar sobre cómo van las cosas y esta vez, sobre todo con la…

    View More ¿Dónde veranean los grandes capitales argentinos?
    Op-Eds

    Algunas ventajas y características de las jurisdicciones offshore

    Mauricio Ríos García August 2, 2018 Competencia FiscalFamily OfficeOffshore Wealth ManagementPanamáPanama PapersUHNWI

    La etapa de ajuste en el ciclo se está agravando, y a pesar del hecho de que en algunos casos el Estado está despidiendo un…

    View More Algunas ventajas y características de las jurisdicciones offshore
    Op-Eds

    El FMI y su absurda defensa de la desdolarización

    Mauricio Ríos García July 30, 2018 21060BoliviaEtibar JafarovFMIHiperinflación

    Etibar Jafarov, actual economista principal del FMI, ofreció una nota para América Economía el pasado 22 de julio, en la que afirma que la ‘desdolarización’ de créditos y despósitos…

    View More El FMI y su absurda defensa de la desdolarización
    Op-Eds

    ¿Qué tanto te afecta el desplome de Facebook?

    Mauricio Ríos García July 26, 2018 AlphabetAmazonFacebookGoogleMark ZuckerbergNasdaq

    Si no te has enterado ya, esta semana ha sido testigo de un desplome con muy pocos precedentes desde la Gran Depresión de los años…

    View More ¿Qué tanto te afecta el desplome de Facebook?
    Op-Eds

    No prolongue la agonía en la etapa de ajuste

    Mauricio Ríos García July 19, 2018 AjusteBoliviaDesaceleraciónEscuela AustríacaValue InvestingWarren BuffettWealth Management

    En la misión de ayudarlo de la mejor manera posible a afrontar un entorno de riesgo e incertidumbre cada vez mayor, no han sido pocas…

    View More No prolongue la agonía en la etapa de ajuste
    Entrevistas

    Entrevista sobre ‘crisis investing’ en Bolivia

    Mauricio Ríos García July 16, 2018 BoliviaCrisisCrisis InvestingIliquidezLiquidaciónLiquidez

    Esta es una entrevista con el El Deber para su suplemento Dinero, publicada el día martes 17 de julio de 2018. Estrategias para dirigir una…

    View More Entrevista sobre ‘crisis investing’ en Bolivia
    Op-Eds

    Balance económico al segundo trimestre 2018

    Mauricio Ríos García July 12, 2018 ArgentinaBoliviaDevaluación CambiariaDonald TrumpGuerra ComercialOPEPProteccionismoReserva Federal

    Durante el segundo trimestre de 2018 el crecimiento sincronizado de las principales economías del globo se ha desvanecido rápidamente, a la vez que el entorno…

    View More Balance económico al segundo trimestre 2018
    Op-Eds

    Algunas características de nuestros fondos de inversión

    Mauricio Ríos García July 6, 2018 Asset ManagementFamily OfficeValue InvestingWealth Management

    Si ya has superado aquella primera etapa en la que tu asesor de inversiones, con soluciones personalizadas, te ha ayudado a establecer el propósito de tus…

    View More Algunas características de nuestros fondos de inversión
    Op-Eds

    Si no se argentiniza, ¿Bolivia se ecuatoriza?

    Mauricio Ríos García July 5, 2018 Arce CatacoraArgentinaBoliviaDevaluación CambiariaEcuador

    Nadie duda de que a pesar de haber renunciado al cargo, el vínculo que Arce Catacora tiene con la política económica sigue siendo determinante, y…

    View More Si no se argentiniza, ¿Bolivia se ecuatoriza?
    Op-Eds

    A menores tasas, mayor intoxicación

    Mauricio Ríos García June 27, 2018 BoliviaBurbuja inmobiliariaBurbujasDevaluaciónInflaciónLey de Servicios Financieros

    A great crash is coming, and I don’t want my name in any way connected with it. – Ludwig von Mises, 1929 Al menos desde…

    View More A menores tasas, mayor intoxicación
    Uncategorized

    35 a mis 35

    Mauricio Ríos García June 22, 2018

    Ya vi hacer esto antes a Bryan Caplan, Huerta de Soto y Ray Dalio, cada uno con sus propios estilos. Siempre me pareció buena idea,…

    View More 35 a mis 35
    Op-Eds

    Invertir en Colombia con Iván Duque

    Mauricio Ríos García June 19, 2018 ColombiaCompetencia FiscalEconomía NaranjaETVEInfierno FiscalIván Duque

    A muchos les ha llamado la atención el perfil político del presidente electo de Colombia, Iván Duque, habiendo vencido las elecciones en primera vuelta, y…

    View More Invertir en Colombia con Iván Duque
    Op-Eds

    ¿Pánico? No inviertas

    Mauricio Ríos García June 13, 2018 Bill GatesCrisis InvestingDeutsche BankRecesiónWarren Buffett

    Si eres de los que invierte cuando el índice bursátil cotiza al alza y además la bolsa está cara, pero cuando cae entre un 3% y…

    View More ¿Pánico? No inviertas
    Op-Eds

    Entre la revaluación del dólar y las devaluaciones emergentes

    Mauricio Ríos García June 6, 2018 ArgentinaBoliviaBrasilChinaEconomías EmergentesPBOCProteccionismoReserva Federal

    Las economías emergentes están convirtiéndose en las protagonistas del problema del incremento de tasas de la Fed y la revaluación del dólar. Jim Grant, uno…

    View More Entre la revaluación del dólar y las devaluaciones emergentes

    Posts pagination

    Previous page Page 1 … Page 142 Page 143 Page 144 … 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