title: $:/plugins/tiddlywiki/dynannotate/styles
tags: [[$:/tags/Stylesheet]]

\rules only filteredtranscludeinline transcludeinline macrodef macrocallinline

.tc-dynannotation-wrapper {
	position: relative;
}

.tc-dynannotation-annotation-overlay {
	position: absolute;
	background: rgba(255,255,0,0.3);
	mix-blend-mode: multiply;
}

.tc-dynannotation-search-overlay {
	position: absolute;
	pointer-events: none;
	background: rgba(255,0,0,0.3);
}

.tc-dynannotation-search-overlay-blurred {
	background: rgba(255,0,0,0.3);
	mix-blend-mode: multiply;
	border-radius: 4px;
	filter: blur(2px);
}

@keyframes ta-dynannotation-search-overlay-animated { to { background-position: 100% 100% } }

.tc-dynannotation-search-overlay-animated {
	mix-blend-mode: multiply;
	background: repeating-linear-gradient(-45deg, #ff8 0, #dd8 25%, transparent 0, transparent 50%) 0 / .6em .6em;
	animation: ta-dynannotation-search-overlay-animated 12s linear infinite;
}

.tc-dynannotate-example-frame {
    border: 1px solid black;
    border-radius: 20px;
    padding: 1em;
}

.tc-control-panel table.tc-dynannotate-search-parameters, .tc-control-panel table.tc-dynannotate-search-parameters input {
    width: initial;
}

.tc-dynannotate-snippet-highlight {
	background: #efef53;
}

.tc-dynannotation-example-info {
	background: #ffa;
	padding: 1em;
}

.tc-dynannotate-spotlight-wrapper {
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: 1000;
	pointer-events: none;
}

.tc-dynannotate-spotlight {
	position: absolute;
	height: 100%;
	width: 100%;
	display: none;
}