/**
 * @license Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
:root {
--ck-color-minimap-tracker-background: 208, 0%, 51%;
--ck-color-minimap-iframe-outline: hsl(0deg 0% 75%);
--ck-color-minimap-iframe-shadow: hsl(0deg 0% 0% / 11%);
--ck-color-minimap-progress-background: hsl(0,0%,40%);
}
.ck.ck-minimap {
position: absolute;
user-select: none;
background: var(--ck-color-base-background);
}
.ck.ck-minimap {
width: 100%;
height: 100%;
}
.ck.ck-minimap iframe {
border: 0;
pointer-events: none;
position: relative;
outline: 1px solid var(--ck-color-minimap-iframe-outline);
box-shadow: 0 2px 5px var(--ck-color-minimap-iframe-shadow);
margin: 0;
}
.ck.ck-minimap .ck.ck-minimap__position-tracker {
position: absolute;
width: 100%;
top: 0;
background: hsla( var(--ck-color-minimap-tracker-background), .2 );
z-index: 1;
transition: background 100ms ease-in-out;
}
.ck.ck-minimap .ck.ck-minimap__position-tracker:hover {
background: hsla( var(--ck-color-minimap-tracker-background), .3 );
}
.ck.ck-minimap .ck.ck-minimap__position-tracker.ck-minimap__position-tracker_dragging {
background: hsla( var(--ck-color-minimap-tracker-background), .4 );
}
.ck.ck-minimap .ck.ck-minimap__position-tracker.ck-minimap__position-tracker_dragging::after {
opacity: 1;
}
.ck.ck-minimap .ck.ck-minimap__position-tracker::after {
content: attr(data-progress) "%";
position: absolute;
top: 5px;
right: 5px;
background: var(--ck-color-minimap-progress-background);
color: var(--ck-color-base-background);
border: 1px solid var(--ck-color-base-background);
padding: 2px 4px;
font-size: 10px;
border-radius: 3px;
opacity: 0;
transition: opacity 100ms ease-in-out;
}