.viewer-modal {
    display: none;
    background: rgba(0,0,0,0.8);
    position: fixed;
    top: 0;
    left: 0;
/*    bottom: 0;
    right: 0;*/
    width: 100vw;
    height: 100vh;
    z-index: 10000000;
}
.viewer-modal.show-viewer { display: block !important; }

.viewer {
    position: relative; 
    padding: 0.5em 2em; 
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: stretch;
    height: calc(100vh - 1em);
}
.viewer .viewer-section {
    flex:  0 0;
}
.viewer .viewer-section.vm {
    flex:  1 1;
}



.viewer .viewer-row {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: flex-start;
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/*
    Header
*/
.viewer-title {
    color: #faea26;
    text-transform: uppercase;
    margin: 0;
    padding: 0;
    font-size: 2.25rem;
    line-height: 1em;
    letter-spacing: 1px;
}
.viewer-close {
    background-color: #faea26;
    margin: 0;
    padding: 0;
    cursor: pointer;
    border-radius: 99999px;
    width: 2.5rem;
    height: 2.5rem;
    display: block;
    transition: all .3s ease-in-out;
}
.viewer-close:before {
    background-image: url("data:image/svg+xml,%3Csvg height='20' viewBox='0 0 20 20' width='20' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23292830' fill-rule='nonzero' transform='translate(-7)'%3E%3Cpath d='m6 8h22v4h-22z' transform='matrix(.70710678 -.70710678 -.70710678 -.70710678 12.050253 29.091883)'/%3E%3Cpath d='m6 8h22v4h-22z' transform='matrix(-.70710678 -.70710678 .70710678 -.70710678 21.949747 29.091883)'/%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: 35%;
    background-position: center center;
    display: block;
    content: '';
    width: 100%;
    height: 100%;
    transition: all .3s ease-in-out;
}

.viewer-close:hover {
    background-color: #fcf171;
}
.viewer-close:hover:before {
    transform: scale(1.3);
}


/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/*
    Comic actions
*/
.viewer-actions {
    padding-top:  10px;
    color:  #fff;
    font-family: Lato,sans-serif;
    font-size:  13px;
    line-height:  1em;
    text-transform: uppercase;
}

.viewer-actions-date {
    font-weight:  700;
    font-family: Acumin-Pro-Extra-Condensed,sans-serif;
    text-transform: none;
    font-size: 2em;
    line-height: 1em;
}

.viewer-actions-prev {
    cursor: pointer;
    width: 18px;
    height: 26px;
    display: inline-block;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg height='24' viewBox='0 0 18 24' width='18' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m113 151v24l-18-12z' fill='%23f1f0f0' transform='translate(-95 -151)'/%3E%3C/svg%3E");
    background-position: 0 center;
    line-height:  1em;
}
.viewer-actions-next {
    cursor: pointer;
    width: 18px;
    height: 26px;
    display: inline-block;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg height='24' viewBox='0 0 18 24' width='18' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m18,0l0,24l-18,-12l18,-12z' fill='%23f1f0f0' transform='rotate(180 9,12)'/%3E%3C/svg%3E");
    background-position: 0 center;
    line-height:  1em;
}
.viewer-actions-next.inactive {
    background-image: none;
    cursor: default;
    pointer-events: none;
}

.viewer-actions-date {
    display: inline-block;
    margin: 0;
    padding: 0 6px 4px;
}


/* icons */
.viewer-actions-container {display: flex; align-items: center;}
.viewer-actions-archive,
.viewer-actions-fave,
.viewer-actions-save,
.viewer-actions-unfave,
.viewer-actions-unsave
{
    cursor: pointer;
    margin-left:  15px;
    height: 26px;
    line-height: 26px;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: 0 center;
    padding-left:  34px;
}

.viewer-actions-archive {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' x='0' y='0' width='28' height='26' viewBox='0 0 28 26'%3E%3Crect fill='%23f1f0f0' x='3.5' y='9.7' width='3.1' height='3.1'/%3E%3Crect fill='%23f1f0f0' x='8' y='9.7' width='3.1' height='3.1'/%3E%3Crect fill='%23f1f0f0' x='12.5' y='9.7' width='3.1' height='3.1'/%3E%3Crect fill='%23f1f0f0' x='17' y='9.7' width='3.1' height='3.1'/%3E%3Crect fill='%23f1f0f0' x='21.5' y='9.7' width='3.1' height='3.1'/%3E%3Crect fill='%23f1f0f0' x='3.5' y='14.7' width='3.1' height='3.1'/%3E%3Crect fill='%23f1f0f0' x='8' y='14.7' width='3.1' height='3.1'/%3E%3Crect fill='%23f1f0f0' x='12.5' y='14.7' width='3.1' height='3.1'/%3E%3Crect fill='%23f1f0f0' x='17' y='14.7' width='3.1' height='3.1'/%3E%3Crect fill='%23f1f0f0' x='21.5' y='14.7' width='3.1' height='3.1'/%3E%3Crect fill='%23f1f0f0' x='3.5' y='19.7' width='3.1' height='3.1'/%3E%3Crect fill='%23f1f0f0' x='8' y='19.7' width='3.1' height='3.1'/%3E%3Crect fill='%23f1f0f0' x='12.5' y='19.7' width='3.1' height='3.1'/%3E%3Crect fill='%23f1f0f0' x='17' y='19.7' width='3.1' height='3.1'/%3E%3Crect fill='%23f1f0f0' x='21.5' y='19.7' width='3.1' height='3.1'/%3E%3Cpath fill='%23f1f0f0' d='M26.5,1.8h-2.7v0c0-0.8-0.7-1.5-1.5-1.5h-1h-0.2h-1.4c-0.8,0-1.5,0.7-1.5,1.5v0H9.7v0c0-0.8-0.7-1.5-1.5-1.5h-1H7H5.6c-0.8,0-1.5,0.7-1.5,1.5v0H1.5C0.7,1.8,0,2.4,0,3.2v21.3C0,25.3,0.7,26,1.5,26h25.1c0.8,0,1.5-0.7,1.5-1.5V3.2C28,2.4,27.3,1.8,26.5,1.8z M26.7,24.7H1.3V7.3h25.4V24.7z'/%3E%3C/svg%3E%0A");
}
.viewer-actions-fave {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAXCAYAAAAYyi9XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQwIDc5LjE2MDQ1MSwgMjAxNy8wNS8wNi0wMTowODoyMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTggKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RjQxMDNFN0RGNjk3MTFFODk1NjZCMkE3NTgwNTkzNDUiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RjQxMDNFN0VGNjk3MTFFODk1NjZCMkE3NTgwNTkzNDUiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpGNDEwM0U3QkY2OTcxMUU4OTU2NkIyQTc1ODA1OTM0NSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpGNDEwM0U3Q0Y2OTcxMUU4OTU2NkIyQTc1ODA1OTM0NSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Po6U+K0AAAGqSURBVHjavJaxSgNBEIZnNQabFL5AxAewsLBRW63URntB8UEkD2AjsRUbMeITqIWIjaggdgoGsQohTaJwJt6u/8Cs7IXkbjcJ/vDlZsPN/Hub250QiYwxzBQogTvQABF4A6dgWe6hrhxmBZyBquQ0pEZJalKvpG1QN+k6AQUnh+PzjBw23/mbrAR7zg1tEAMtYy3jjoyvQF647WOiHazYgxQ+5vCgD0BRtmIwDspgAuySvzSYZ8MjBFugI0WyZLrGKsD0mA3fERRlBmOehqpH7KMPNvxGkA9IMjI57bkirtr8RJ+BScohZJKsFhvWKFyclxsgr8aJ131ehlFKy/WGDSv/YGhVsRv/QjZnbEYvu/kv7cZn5xnwBAoB2yNEX2AWVG3hKlgHkZjpEZjYn4i33ap4JA5vZk1O+2GX1y5jJDUp0Wm6TBecrqGHMKtLLcoyZIrSzwbVvdQgX0OS9lMewOxQcinU0LIJmh5GLbCRUcvL0C7xY4rZM5j2qONtyOTAPvhxjDg+SFvCYQwZPiiWwCt4AYvynXeNRItJ/LtK16Rco6C+phT9CjAAkyGoMNfdqBoAAAAASUVORK5CYII=");
}
.viewer-actions-save {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' x='0' y='0' width='15' height='25' viewBox='0 0 15 25'%3E%3Cpolygon fill='%23f1f1f1' points='0,0 15,0 15,25 7.5,21.4 0,25 '/%3E%3C/svg%3E");
}
.viewer-actions-unfave {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAXCAYAAAAYyi9XAAAABGdBTUEAALGPC/xhBQAAAjpJREFUSA21lk9LFVEYxu+1MKVcSLQSBLEPoNImV7qIFiHh2pUfoL27BL+AUmG72kWtC3FhG1e1DpeKEERBi5IwA51+v3PP0TkyMyX3+sBzz/vneZ8zc+94xlarhKIohuEK/Ai/w99wF76G90rSLLQXNWqdcVYPvYYzcUpoLMJvsAmvaA6VZobIrTVBz8U0E1YKy6WJd8QP4DgcgLfhEvwBxRbsjzQW9tSodcZZPfRKeJw2m6RyEqsL2ZWUEvqafI66p6zPYmxtvCTNQnoLUXfMOtni42UsrGfKigTdBDyCXqA0nqiQZiU0z6F44Yb7ISyKu5mqJkHrg5CwUiPLyoin48C+G3qV4nqmqknQDUKfRjlYI8vK6G5AcXSVzgG8CQfgL9iIdrt9yKBPXWHcKD5rXovhgXf4ya3B1Fm/t5HeYQf26sN6O9o/7O02mVvy3vYOZ+PuX1n9ansKPaHeYjaYE2yGtCjesLZ7taNeUE+xeepLMgZ/WgVrp40uA72CY8d7LLOjMQN9AsUTeCUTXCBxFnoaCT1nKsdpzEFPe7EBq0/6yulO0Zk4yxK85hrk/HF1ToX01tgjv9M4UGqqhc4IPaZL7foQ4Sj8AIV3/Khe3emoiVqWMDv6r5msz5CvIH/LhLcEtzIRiTVoL8GZ/vO6/84Znoe+wcUXeD8NG8caS9DMp15XK2Yj8L2u4ASuRhoLeyNdbXJ+GMM+6Fv9D0wwtuYReTnA3IN4J/LSDvzs6tnM/1t8nV0YfwHIDEWsn6x5nAAAAABJRU5ErkJggg==");
}
.viewer-actions-unsave {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' x='0' y='0' width='15' height='25' viewBox='0 0 15 25'%3E%3Cpath fill='%23f1f1f1' d='M13.5,1.5v21.1l-5.4-2.5l-0.6-0.3l-0.6,0.3l-5.4,2.5V1.5H13.5 M15,0H0v25l7.5-3.6L15,25V0L15,0z'/%3E%3C/svg%3E");
}




/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/*
    Viewer & panel
*/
.viewer .viewer-main {
    align-items: stretch;
    height: 100%;
}
.viewer-nav:hover {
    background-color: #8646ed;
}
.viewer-nav {
    cursor: pointer;
    transition: background-color .2s linear;
    background-color: #772feb;
    width: 50px;
    min-width: 50px;
    flex:  0 0 50px;
    color:  #fff;
    position: relative;
}

.viewer-nav.prev:before,
.viewer-nav.next:before {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 50%;
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    content: '';
}

.viewer-nav.prev:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' viewBox='0 0 22 36'%3E%3Cpolyline style='fill:none;stroke:%23FFFFFF;stroke-width:4;stroke-miterlimit:10;' points='19,3 3,18.4 19,33 '/%3E%3C/svg%3E");
}
.viewer-nav.next:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' viewBox='0 0 22 36'%3E%3Cpolyline style='fill:none;stroke:%23FFFFFF;stroke-width:4;stroke-miterlimit:10;' points='3,3 19,18.4 3,33 '/%3E%3C/svg%3E");
}


.viewer-nav.inactive {
    pointer-events: none;
    cursor: default;
    background-color: #8d8d8d;
}

.viewer-comic {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAZAAAAGQCAMAAAC3Ycb+AAAABlBMVEWVlZWVlZUMP+RGAAAAAXRSTlMAQObYZgAAAYNJREFUeNrt1yECAAAIAjH8/6dNdJtlpGXaJd0QERERERER0bviAyIiIiIiIiKlTkRERERERERKnYiIiIiIiEipExEREREREZFSJyIiIiIiIlLqRERERERERKTUiYiIiIiIiJQ6ERERERERESl1IiIiIiIiIqVOREREREREREqdiIiIiIiISKl7g4iIiIiIiEipExEREREREZFSJyIiIiIiIlLqRERERERERKTUiYiIiIiIiJQ6ERERERERESl1IiIiIiIiIqVOREREREREREqdiIiIiIiISKkTERERERERkVInIiIiIiIiUupEREREREREpNSJiIiIiIiISKkTERERERERKXUiIiIiIiIiUupERERERERESp2IiIiIiIiIlDoRERERERGRUiciIiIiIiIipU5ERERERESk1ImIiIiIiIhIqRMREREREREpdSIiIiIiIiJS6kRERERERERK3RtERERERERESp2IiIiIiIiIlDoRERERERGRUiciIiIiIiKisxYCPT6BDa+W5wAAAABJRU5ErkJggg==);
    flex: 1 1 auto;
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: center;
}
.viewer-comic img {
    max-width:  100%;
    max-height:  100%;
}





/*
heart filled
data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAXCAYAAAAYyi9XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQwIDc5LjE2MDQ1MSwgMjAxNy8wNS8wNi0wMTowODoyMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTggKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RjQxMDNFN0RGNjk3MTFFODk1NjZCMkE3NTgwNTkzNDUiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RjQxMDNFN0VGNjk3MTFFODk1NjZCMkE3NTgwNTkzNDUiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpGNDEwM0U3QkY2OTcxMUU4OTU2NkIyQTc1ODA1OTM0NSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpGNDEwM0U3Q0Y2OTcxMUU4OTU2NkIyQTc1ODA1OTM0NSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Po6U+K0AAAGqSURBVHjavJaxSgNBEIZnNQabFL5AxAewsLBRW63URntB8UEkD2AjsRUbMeITqIWIjaggdgoGsQohTaJwJt6u/8Cs7IXkbjcJ/vDlZsPN/Hub250QiYwxzBQogTvQABF4A6dgWe6hrhxmBZyBquQ0pEZJalKvpG1QN+k6AQUnh+PzjBw23/mbrAR7zg1tEAMtYy3jjoyvQF647WOiHazYgxQ+5vCgD0BRtmIwDspgAuySvzSYZ8MjBFugI0WyZLrGKsD0mA3fERRlBmOehqpH7KMPNvxGkA9IMjI57bkirtr8RJ+BScohZJKsFhvWKFyclxsgr8aJ131ehlFKy/WGDSv/YGhVsRv/QjZnbEYvu/kv7cZn5xnwBAoB2yNEX2AWVG3hKlgHkZjpEZjYn4i33ap4JA5vZk1O+2GX1y5jJDUp0Wm6TBecrqGHMKtLLcoyZIrSzwbVvdQgX0OS9lMewOxQcinU0LIJmh5GLbCRUcvL0C7xY4rZM5j2qONtyOTAPvhxjDg+SFvCYQwZPiiWwCt4AYvynXeNRItJ/LtK16Rco6C+phT9CjAAkyGoMNfdqBoAAAAASUVORK5CYII=

heart empty
data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAXCAYAAAAYyi9XAAAABGdBTUEAALGPC/xhBQAAAjpJREFUSA21lk9LFVEYxu+1MKVcSLQSBLEPoNImV7qIFiHh2pUfoL27BL+AUmG72kWtC3FhG1e1DpeKEERBi5IwA51+v3PP0TkyMyX3+sBzz/vneZ8zc+94xlarhKIohuEK/Ai/w99wF76G90rSLLQXNWqdcVYPvYYzcUpoLMJvsAmvaA6VZobIrTVBz8U0E1YKy6WJd8QP4DgcgLfhEvwBxRbsjzQW9tSodcZZPfRKeJw2m6RyEqsL2ZWUEvqafI66p6zPYmxtvCTNQnoLUXfMOtni42UsrGfKigTdBDyCXqA0nqiQZiU0z6F44Yb7ISyKu5mqJkHrg5CwUiPLyoin48C+G3qV4nqmqknQDUKfRjlYI8vK6G5AcXSVzgG8CQfgL9iIdrt9yKBPXWHcKD5rXovhgXf4ya3B1Fm/t5HeYQf26sN6O9o/7O02mVvy3vYOZ+PuX1n9ansKPaHeYjaYE2yGtCjesLZ7taNeUE+xeepLMgZ/WgVrp40uA72CY8d7LLOjMQN9AsUTeCUTXCBxFnoaCT1nKsdpzEFPe7EBq0/6yulO0Zk4yxK85hrk/HF1ToX01tgjv9M4UGqqhc4IPaZL7foQ4Sj8AIV3/Khe3emoiVqWMDv6r5msz5CvIH/LhLcEtzIRiTVoL8GZ/vO6/84Znoe+wcUXeD8NG8caS9DMp15XK2Yj8L2u4ASuRhoLeyNdbXJ+GMM+6Fv9D0wwtuYReTnA3IN4J/LSDvzs6tnM/1t8nV0YfwHIDEWsn6x5nAAAAABJRU5ErkJggg==

bookmark:  ;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' x='0' y='0' width='15' height='25' viewBox='0 0 15 25'%3E%3Cpolygon fill='%23f1f1f1' points='0,0 15,0 15,25 7.5,21.4 0,25 '/%3E%3C/svg%3E");

bookmark empty: ;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' x='0' y='0' width='15' height='25' viewBox='0 0 15 25'%3E%3Cpath fill='%23f1f1f1' d='M13.5,1.5v21.1l-5.4-2.5l-0.6-0.3l-0.6,0.3l-5.4,2.5V1.5H13.5 M15,0H0v25l7.5-3.6L15,25V0L15,0z'/%3E%3C/svg%3E");
*/



/*
    Zoom tools
*/
#theComicImage {
    cursor: pointer;
}
.viewer-zoom-in,
.viewer-zoom-out {
    display: inline-block;
    position: relative;
    margin:  0;
    padding:  0;
    border-radius: 2.5rem;
    width: 2.5rem;
    height: 2.5rem;
    background-color: #faea26;
    cursor: pointer;
    background-position: center;
    background-size: 60%;
    background-repeat: no-repeat;
}

.viewer-zoom-in {
    background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 30 31'%3E%3Cpolygon fill='%23292830' points='18,11 14,11 14,7 11,7 11,11 7,11 7,14 11,14 11,18 14,18 14,14 18,14 '/%3E%3Cpath fill='%23292830' d='M29.7,28.8l-8.3-8.3c1.9-2.1,3.1-5,3.1-8.1c0-6.6-5.4-12-12-12c-6.6,0-12,5.4-12,12c0,6.6,5.4,12,12,12 c2.4,0,4.7-0.7,6.6-2l8.5,8.4L29.7,28.8z M3.5,12.5c0-5,4-9,9-9c5,0,9,4,9,9c0,5-4,9-9,9C7.5,21.5,3.5,17.5,3.5,12.5z'/%3E%3C/svg%3E");
}
.viewer-zoom-out {
    background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 30 31'%3E%3Crect fill='%23292830' x='7' y='11' width='11' height='3'/%3E%3Cpath fill='%23292830' d='M29.7,28.8l-8.3-8.3c1.9-2.1,3.1-5,3.1-8.1c0-6.6-5.4-12-12-12c-6.6,0-12,5.4-12,12c0,6.6,5.4,12,12,12 c2.4,0,4.7-0.7,6.6-2l8.5,8.4L29.7,28.8z M3.5,12.5c0-5,4-9,9-9c5,0,9,4,9,9c0,5-4,9-9,9C7.5,21.5,3.5,17.5,3.5,12.5z'/%3E%3C/svg%3E");
}


/* mobile  */
.mobile-only {
    display: none;
}
@media only screen and (max-width: 768px) {
    #pz1 {
        flex-direction: column;
    }

    .desktop-only {
        display: none;
    }
    .mobile-only {
        display: block;
        max-width: 100%;
    }
    .viewer-nav {
        display: none;
    }
}