/* http://meyerweb.com/eric/tools/css/reset/  v2.0 | 20110126 License: none (public domain) */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

body { line-height: 1; }

ol, ul { list-style: none; }

blockquote, q { quotes: none; }

blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }

table { border-collapse: collapse; border-spacing: 0; }

@-ms-viewport { zoom: 1;
  width: device-width; }

@viewport { zoom: 1;
  width: device-width; }

html { box-sizing: border-box; font-family: sans-serif; font-size: 14px; zoom: 1; }

@media (min-width: 480px) { html { font-size: 16px; } }

*, *:before, *:after { box-sizing: inherit; }

html, body { width: 100%; height: 100%; width: 100vw; height: 100vh; }

body { margin: 0; }

main { min-height: 100%; }

small { font-size: 0.75em; }

/*! Hint.css - v2.7.0 - 2021-10-01 https://kushagra.dev/lab/hint/ Copyright (c) 2021 Kushagra Gour */
/*-------------------------------------*\ HINT.css - A CSS tooltip library \*-------------------------------------*/
/** HINT.css is a tooltip library made in pure CSS. Source: https://github.com/chinchang/hint.css Demo: http://kushagragour.in/lab/hint/ */
/** source: hint-core.scss Defines the basic styling for the tooltip. Each tooltip is made of 2 parts: 1) body (:after) 2) arrow (:before) Classes added: 1) hint */
[class*="hint--"] { position: relative; display: inline-block; /** tooltip arrow */ /** tooltip body */ }

[class*="hint--"]:before, [class*="hint--"]:after { position: absolute; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); visibility: hidden; opacity: 0; z-index: 1000000; pointer-events: none; -webkit-transition: 0.3s ease; transition: 0.3s ease; -webkit-transition-delay: 0ms; transition-delay: 0ms; }

[class*="hint--"]:hover:before, [class*="hint--"]:hover:after { visibility: visible; opacity: 1; }

[class*="hint--"]:hover:before, [class*="hint--"]:hover:after { -webkit-transition-delay: 100ms; transition-delay: 100ms; }

[class*="hint--"]:before { content: ''; position: absolute; background: transparent; border: 6px solid transparent; z-index: 1000001; }

[class*="hint--"]:after { background: #383838; color: white; padding: 8px 10px; font-size: 12px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; line-height: 12px; white-space: nowrap; }

[class*="hint--"][aria-label]:after { content: attr(aria-label); }

[class*="hint--"][data-hint]:after { content: attr(data-hint); }

[aria-label='']:before, [aria-label='']:after, [data-hint='']:before, [data-hint='']:after { display: none !important; }

/** source: hint-position.scss Defines the positoning logic for the tooltips. Classes added: 1) hint--top 2) hint--bottom 3) hint--left 4) hint--right */
/** set default color for tooltip arrows */
.hint--top-left:before { border-top-color: #383838; }

.hint--top-right:before { border-top-color: #383838; }

.hint--top:before { border-top-color: #383838; }

.hint--bottom-left:before { border-bottom-color: #383838; }

.hint--bottom-right:before { border-bottom-color: #383838; }

.hint--bottom:before { border-bottom-color: #383838; }

.hint--left:before { border-left-color: #383838; }

.hint--right:before { border-right-color: #383838; }

/** top tooltip */
.hint--top:before { margin-bottom: -11px; }

.hint--top:before, .hint--top:after { bottom: 100%; left: 50%; }

.hint--top:before { left: calc(50% - 6px); }

.hint--top:after { -webkit-transform: translateX(-50%); transform: translateX(-50%); }

.hint--top:hover:before { -webkit-transform: translateY(-8px); transform: translateY(-8px); }

.hint--top:hover:after { -webkit-transform: translateX(-50%) translateY(-8px); transform: translateX(-50%) translateY(-8px); }

/** bottom tooltip */
.hint--bottom:before { margin-top: -11px; }

.hint--bottom:before, .hint--bottom:after { top: 100%; left: 50%; }

.hint--bottom:before { left: calc(50% - 6px); }

.hint--bottom:after { -webkit-transform: translateX(-50%); transform: translateX(-50%); }

.hint--bottom:hover:before { -webkit-transform: translateY(8px); transform: translateY(8px); }

.hint--bottom:hover:after { -webkit-transform: translateX(-50%) translateY(8px); transform: translateX(-50%) translateY(8px); }

/** right tooltip */
.hint--right:before { margin-left: -11px; margin-bottom: -6px; }

.hint--right:after { margin-bottom: -14px; }

.hint--right:before, .hint--right:after { left: 100%; bottom: 50%; }

.hint--right:hover:before { -webkit-transform: translateX(8px); transform: translateX(8px); }

.hint--right:hover:after { -webkit-transform: translateX(8px); transform: translateX(8px); }

/** left tooltip */
.hint--left:before { margin-right: -11px; margin-bottom: -6px; }

.hint--left:after { margin-bottom: -14px; }

.hint--left:before, .hint--left:after { right: 100%; bottom: 50%; }

.hint--left:hover:before { -webkit-transform: translateX(-8px); transform: translateX(-8px); }

.hint--left:hover:after { -webkit-transform: translateX(-8px); transform: translateX(-8px); }

/** top-left tooltip */
.hint--top-left:before { margin-bottom: -11px; }

.hint--top-left:before, .hint--top-left:after { bottom: 100%; left: 50%; }

.hint--top-left:before { left: calc(50% - 6px); }

.hint--top-left:after { -webkit-transform: translateX(-100%); transform: translateX(-100%); }

.hint--top-left:after { margin-left: 12px; }

.hint--top-left:hover:before { -webkit-transform: translateY(-8px); transform: translateY(-8px); }

.hint--top-left:hover:after { -webkit-transform: translateX(-100%) translateY(-8px); transform: translateX(-100%) translateY(-8px); }

/** top-right tooltip */
.hint--top-right:before { margin-bottom: -11px; }

.hint--top-right:before, .hint--top-right:after { bottom: 100%; left: 50%; }

.hint--top-right:before { left: calc(50% - 6px); }

.hint--top-right:after { -webkit-transform: translateX(0); transform: translateX(0); }

.hint--top-right:after { margin-left: -12px; }

.hint--top-right:hover:before { -webkit-transform: translateY(-8px); transform: translateY(-8px); }

.hint--top-right:hover:after { -webkit-transform: translateY(-8px); transform: translateY(-8px); }

/** bottom-left tooltip */
.hint--bottom-left:before { margin-top: -11px; }

.hint--bottom-left:before, .hint--bottom-left:after { top: 100%; left: 50%; }

.hint--bottom-left:before { left: calc(50% - 6px); }

.hint--bottom-left:after { -webkit-transform: translateX(-100%); transform: translateX(-100%); }

.hint--bottom-left:after { margin-left: 12px; }

.hint--bottom-left:hover:before { -webkit-transform: translateY(8px); transform: translateY(8px); }

.hint--bottom-left:hover:after { -webkit-transform: translateX(-100%) translateY(8px); transform: translateX(-100%) translateY(8px); }

/** bottom-right tooltip */
.hint--bottom-right:before { margin-top: -11px; }

.hint--bottom-right:before, .hint--bottom-right:after { top: 100%; left: 50%; }

.hint--bottom-right:before { left: calc(50% - 6px); }

.hint--bottom-right:after { -webkit-transform: translateX(0); transform: translateX(0); }

.hint--bottom-right:after { margin-left: -12px; }

.hint--bottom-right:hover:before { -webkit-transform: translateY(8px); transform: translateY(8px); }

.hint--bottom-right:hover:after { -webkit-transform: translateY(8px); transform: translateY(8px); }

/** source: hint-sizes.scss Defines width restricted tooltips that can span across multiple lines. Classes added: 1) hint--small 2) hint--medium 3) hint--large */
.hint--small:after, .hint--medium:after, .hint--large:after { white-space: normal; line-height: 1.4em; word-wrap: break-word; }

.hint--small:after { width: 80px; }

.hint--medium:after { width: 150px; }

.hint--large:after { width: 300px; }

/** source: hint-theme.scss Defines basic theme for tooltips. */
[class*="hint--"] { /** tooltip body */ }

[class*="hint--"]:after { text-shadow: 0 -1px 0px black; box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.3); }

/** source: hint-color-types.scss Contains tooltips of various types based on color differences. Classes added: 1) hint--error 2) hint--warning 3) hint--info 4) hint--success */
/** Error */
.hint--error:after { background-color: #b34e4d; text-shadow: 0 -1px 0px #592726; }

.hint--error.hint--top-left:before { border-top-color: #b34e4d; }

.hint--error.hint--top-right:before { border-top-color: #b34e4d; }

.hint--error.hint--top:before { border-top-color: #b34e4d; }

.hint--error.hint--bottom-left:before { border-bottom-color: #b34e4d; }

.hint--error.hint--bottom-right:before { border-bottom-color: #b34e4d; }

.hint--error.hint--bottom:before { border-bottom-color: #b34e4d; }

.hint--error.hint--left:before { border-left-color: #b34e4d; }

.hint--error.hint--right:before { border-right-color: #b34e4d; }

/** Warning */
.hint--warning:after { background-color: #c09854; text-shadow: 0 -1px 0px #6c5328; }

.hint--warning.hint--top-left:before { border-top-color: #c09854; }

.hint--warning.hint--top-right:before { border-top-color: #c09854; }

.hint--warning.hint--top:before { border-top-color: #c09854; }

.hint--warning.hint--bottom-left:before { border-bottom-color: #c09854; }

.hint--warning.hint--bottom-right:before { border-bottom-color: #c09854; }

.hint--warning.hint--bottom:before { border-bottom-color: #c09854; }

.hint--warning.hint--left:before { border-left-color: #c09854; }

.hint--warning.hint--right:before { border-right-color: #c09854; }

/** Info */
.hint--info:after { background-color: #3986ac; text-shadow: 0 -1px 0px #1a3c4d; }

.hint--info.hint--top-left:before { border-top-color: #3986ac; }

.hint--info.hint--top-right:before { border-top-color: #3986ac; }

.hint--info.hint--top:before { border-top-color: #3986ac; }

.hint--info.hint--bottom-left:before { border-bottom-color: #3986ac; }

.hint--info.hint--bottom-right:before { border-bottom-color: #3986ac; }

.hint--info.hint--bottom:before { border-bottom-color: #3986ac; }

.hint--info.hint--left:before { border-left-color: #3986ac; }

.hint--info.hint--right:before { border-right-color: #3986ac; }

/** Success */
.hint--success:after { background-color: #458746; text-shadow: 0 -1px 0px #1a321a; }

.hint--success.hint--top-left:before { border-top-color: #458746; }

.hint--success.hint--top-right:before { border-top-color: #458746; }

.hint--success.hint--top:before { border-top-color: #458746; }

.hint--success.hint--bottom-left:before { border-bottom-color: #458746; }

.hint--success.hint--bottom-right:before { border-bottom-color: #458746; }

.hint--success.hint--bottom:before { border-bottom-color: #458746; }

.hint--success.hint--left:before { border-left-color: #458746; }

.hint--success.hint--right:before { border-right-color: #458746; }

/** source: hint-always.scss Defines a persisted tooltip which shows always. Classes added: 1) hint--always */
.hint--always:after, .hint--always:before { opacity: 1; visibility: visible; }

.hint--always.hint--top:before { -webkit-transform: translateY(-8px); transform: translateY(-8px); }

.hint--always.hint--top:after { -webkit-transform: translateX(-50%) translateY(-8px); transform: translateX(-50%) translateY(-8px); }

.hint--always.hint--top-left:before { -webkit-transform: translateY(-8px); transform: translateY(-8px); }

.hint--always.hint--top-left:after { -webkit-transform: translateX(-100%) translateY(-8px); transform: translateX(-100%) translateY(-8px); }

.hint--always.hint--top-right:before { -webkit-transform: translateY(-8px); transform: translateY(-8px); }

.hint--always.hint--top-right:after { -webkit-transform: translateY(-8px); transform: translateY(-8px); }

.hint--always.hint--bottom:before { -webkit-transform: translateY(8px); transform: translateY(8px); }

.hint--always.hint--bottom:after { -webkit-transform: translateX(-50%) translateY(8px); transform: translateX(-50%) translateY(8px); }

.hint--always.hint--bottom-left:before { -webkit-transform: translateY(8px); transform: translateY(8px); }

.hint--always.hint--bottom-left:after { -webkit-transform: translateX(-100%) translateY(8px); transform: translateX(-100%) translateY(8px); }

.hint--always.hint--bottom-right:before { -webkit-transform: translateY(8px); transform: translateY(8px); }

.hint--always.hint--bottom-right:after { -webkit-transform: translateY(8px); transform: translateY(8px); }

.hint--always.hint--left:before { -webkit-transform: translateX(-8px); transform: translateX(-8px); }

.hint--always.hint--left:after { -webkit-transform: translateX(-8px); transform: translateX(-8px); }

.hint--always.hint--right:before { -webkit-transform: translateX(8px); transform: translateX(8px); }

.hint--always.hint--right:after { -webkit-transform: translateX(8px); transform: translateX(8px); }

/** source: hint-rounded.scss Defines rounded corner tooltips. Classes added: 1) hint--rounded */
.hint--rounded:after { border-radius: 4px; }

/** source: hint-effects.scss Defines various transition effects for the tooltips. Classes added: 1) hint--no-animate 2) hint--bounce */
.hint--no-animate:before, .hint--no-animate:after { -webkit-transition-duration: 0ms; transition-duration: 0ms; }

.hint--bounce:before, .hint--bounce:after { -webkit-transition: opacity 0.3s ease, visibility 0.3s ease, -webkit-transform 0.3s cubic-bezier(0.71, 1.7, 0.77, 1.24); transition: opacity 0.3s ease, visibility 0.3s ease, -webkit-transform 0.3s cubic-bezier(0.71, 1.7, 0.77, 1.24); transition: opacity 0.3s ease, visibility 0.3s ease, transform 0.3s cubic-bezier(0.71, 1.7, 0.77, 1.24); transition: opacity 0.3s ease, visibility 0.3s ease, transform 0.3s cubic-bezier(0.71, 1.7, 0.77, 1.24), -webkit-transform 0.3s cubic-bezier(0.71, 1.7, 0.77, 1.24); }

.hint--no-shadow:before, .hint--no-shadow:after { text-shadow: initial; box-shadow: initial; }

.hint--no-arrow:before { display: none; }

canvas { display: block; position: absolute; top: 0; left: 0; bottom: 0; right: 0; cursor: crosshair; -webkit-transition: background-color 200ms ease-in-out; transition: background-color 200ms ease-in-out; }

canvas.epok-dark { background: #000; }

canvas.epok-light { background: #fff; }

canvas.epok-no-cursor { cursor: none; }

.material-icons { vertical-align: middle; }

.epok-button { display: inline-block; padding: 0.5em 1.75em; margin: 0.5em 0.1em; color: #000; background: #efefef; border: none; cursor: pointer; font-weight: 600; border-radius: 2px; box-shadow: 0 0 0 4px rgba(18, 18, 18, 0.9); vertical-align: middle; text-align: left; }

.epok-button:hover, .epok-button:focus { color: #121212; background-color: #fff; }

.epok-button:active { color: #414141; }

.epok-a, .epok-cta { cursor: pointer; color: #efefef; }

.epok-a.epok-invert, .epok-cta.epok-invert { color: #111; }

.epok-a:visited, .epok-cta:visited { color: #efefef; }

.epok-a:visited.epok-invert, .epok-cta:visited.epok-invert { color: #111; }

.epok-a:hover, .epok-a:focus, .epok-cta:hover, .epok-cta:focus { color: #fff; }

.epok-a:hover.epok-invert, .epok-a:focus.epok-invert, .epok-cta:hover.epok-invert, .epok-cta:focus.epok-invert { color: #000; }

.epok-a:active, .epok-cta:active { color: #414141; }

.epok-a { text-decoration: underline; }

.epok-cta { background-color: transparent; border: none; }

.epok-info, .epok-info-more { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-flow: column nowrap; -ms-flex-flow: column nowrap; flex-flow: column nowrap; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; }

.epok-info.epok-hide, .epok-info-more.epok-hide { opacity: 0; pointer-events: none; }

.epok-info { position: absolute; left: 0; top: 4em; bottom: 4em; width: 60%; max-width: 36em; z-index: 10; -webkit-transition: opacity 300ms ease-in-out; transition: opacity 300ms ease-in-out; }

.epok-info-content, .epok-info-more-content { -webkit-box-flex: 0; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; flex: 0 1 auto; margin: auto 0; max-height: 100%; overflow: auto; }

.epok-info-content .epok-info-item { float: left; clear: both; line-height: 1.75em; padding: 0.75em 1.75em; margin: 0.5em 0; color: #efefef; background-color: rgba(18, 18, 18, 0.9); }

.epok-info-content .epok-button { float: left; clear: both; font-size: 1.5em; }

.epok-info-more { position: fixed; z-index: 1002; top: 0; right: 0; bottom: 0; left: 0; padding: 3em; line-height: 1.85; background-color: #fff; color: #000; -webkit-transition: opacity 400ms ease-in-out, -webkit-transform 400ms ease-out; transition: opacity 400ms ease-in-out, -webkit-transform 400ms ease-out; transition: opacity 400ms ease-in-out, transform 400ms ease-out; transition: opacity 400ms ease-in-out, transform 400ms ease-out, -webkit-transform 400ms ease-out; }

.epok-info-more.epok-hide { -webkit-transform: scale(1.05); transform: scale(1.05); }

.epok-info-more .epok-info-more-button { padding: 0; margin-left: auto; }

.epok-info-more h2 { font-size: 1.1em; font-weight: bolder; margin: 2em 0 1em; }

.epok-info-more h3 { font-size: 1.05em; font-weight: bold; margin: 1em 0 1em; }

.epok-info-more p, .epok-info-more aside { margin-bottom: 1em; }

.epok-info-more aside { font-weight: lighter; font-style: italic; opacity: 0.75; }

.epok-info-more ul { line-height: 1.6; list-style-type: circle; margin: 0 0 1em 2em; }

.epok-info-more li { padding: 0.1em 0; }

.epok-info-more code { display: inline-block; padding: 0 0.4em; background-color: #333; color: #fff; border-radius: 2px; font-style: normal; font-family: monospace; }

.epok-info-more-content { padding: 2em; margin: auto; max-width: 36em; }

/* Quick fix for a broken DAT.GUI style */
.hue-field { width: 13px !important; }

.npm-scb-wrap, .npm-scb-now-playing { right: 0; }

.npm-scb-inner { -webkit-transition: width 500ms cubic-bezier(1, 0, 0, 1), top 500ms ease-out, background-color 300ms ease-out 100ms, box-shadow 200ms ease-out 200ms; transition: width 500ms cubic-bezier(1, 0, 0, 1), top 500ms ease-out, background-color 300ms ease-out 100ms, box-shadow 200ms ease-out 200ms; }

.npm-scb-wrap { opacity: 0.7; text-shadow: 0 0 3px #000, 0 0 3px #000; -webkit-transition: opacity 300ms ease-in-out; transition: opacity 300ms ease-in-out; }

.npm-scb-wrap:hover { opacity: 1; }

.npm-scb-wrap .epok-track { margin: 0; }

.npm-scb-now-playing { width: auto; }

.npm-scb-info { width: auto; }

.npm-scb-icon { background-color: rgba(0, 0, 0, 0.3); }

.epok-soundcloud.epok-show .npm-scb-inner, .npm-scb-wrap:hover .npm-scb-inner { top: 0; background-color: rgba(255, 255, 255, 0.85); box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); }

.epok-soundcloud.epok-show .npm-scb-now-playing, .npm-scb-wrap:hover .npm-scb-now-playing { opacity: 0; }

.epok-main-controls { position: absolute; bottom: 0; left: 0; padding: 0.4em 1.2em; z-index: 1001; }

.epok-main-control { display: inline-block; font-size: 1.3rem; padding: 0; border: none; margin: 0.5rem; background: transparent; color: #fff; cursor: pointer; outline: none; text-decoration: none; text-align: center; text-shadow: 0 0 3px #000, 0 0 3px #000; opacity: 0.7; -webkit-transition: opacity 300ms ease-in-out; transition: opacity 300ms ease-in-out; }

.epok-main-control:hover { opacity: 1; }

.epok-main-control:active { opacity: 0.6; }

.epok-quality-stepper { margin: 0.5em 0.2em; }

.epok-quality-level.epok-hide { display: none; }

.epok-edit-controls { position: absolute; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-flow: column nowrap; -ms-flex-flow: column nowrap; flex-flow: column nowrap; -webkit-box-pack: stretch; -webkit-justify-content: stretch; -ms-flex-pack: stretch; justify-content: stretch; top: 0; right: 0; max-height: 100%; padding-bottom: 20px; z-index: 1000; -webkit-transition: opacity 300ms ease-out; transition: opacity 300ms ease-out; }

.epok-edit-controls.epok-hide { opacity: 0; pointer-events: none; }

.epok-edit-controls .dg.main { overflow-y: auto; }

.epok-edit-controls .close-button { position: absolute; bottom: 0; }

.epok-track { visibility: hidden; }

.epok-audio-controls { display: none; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row nowrap; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; padding: 0.7em 1em; color: #fff; text-shadow: 0 0 3px #000, 0 0 3px #000; }

.epok-audio-controls.epok-show { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }

.epok-audio-controls.epok-on-window { position: absolute; z-index: 1002; }

.epok-audio-controls .epok-play-state { position: relative; }

.epok-audio-controls .epok-play-toggle, .epok-audio-controls .epok-play-indicator { width: 1.2rem; height: 1.2rem; line-height: 1.2rem; }

.epok-audio-controls .epok-play-indicator { position: absolute; top: 0; right: 0; bottom: 0; left: 0; text-align: center; }

.epok-audio-controls .epok-play-indicator::after { content: '\25BA'; }

.epok-audio-controls .epok-play-toggle { position: relative; z-index: 10; opacity: 0; padding: 0; border: none; margin: 0; cursor: pointer; }

.epok-audio-controls .epok-play-toggle:checked + .epok-play-indicator::after { content: '\2759\2759'; }

.epok-audio-controls .epok-progress { -webkit-box-flex: 1; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; margin: 0 1em; cursor: pointer; }

.epok-captured-overlay { position: absolute; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row nowrap; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; top: 0; left: 0; bottom: 0; right: 0; opacity: 0; pointer-events: none; z-index: 1002; overflow: hidden; background-color: rgba(0, 0, 0, 0.9); -webkit-transition: opacity 300ms ease-out; transition: opacity 300ms ease-out; }

.epok-captured-overlay.epok-show { opacity: 1; pointer-events: all; }

.epok-captured-overlay .epok-main-controls { z-index: 10002; }

.epok-captured-url { display: inline-block; color: #efefef; background: transparent; padding: 0.3em; border: 1px solid #efefef; border-radius: 2px; vertical-align: middle; text-shadow: 0 0 1px #000, 0 0 1px #000, 0 0 2px #000, 0 0 3px #000; box-shadow: 0 0 4px #000; min-width: 17em; }

.epok-captured-url:hover, .epok-captured-url:focus { color: #fff; }

.epok-capture-url.epok-loading, .epok-capture-url.epok-loading .epok-captured-url { cursor: progress; }

/*# sourceMappingURL=tendrils.css.map */