.verse-box.marked{padding:0 8px;margin:0 -8px}*:not(.marked)+.verse-box.marked{padding-top:8px;border-top-left-radius:.25rem!important;border-top-right-radius:.25rem!important}.verse-box.marked:has(+*:not(.marked)){padding-bottom:8px;border-bottom-left-radius:.25rem!important;border-bottom-right-radius:.25rem!important}.markom-temp-highlighted .verse-content{text-decoration:underline;text-decoration-style:dotted;text-underline-offset:3px;text-decoration-thickness:2px}.comment-indicator{display:inline-block;z-index:1;cursor:pointer;margin-right:5px}.marginalia{position:absolute;border-right:2px solid black;left:-3px}.marked .marginalia{left:5px}#comment-tooltip{position:absolute;z-index:1;background-color:#ebe48e;padding:5px;box-shadow:0 2px 5px #00000029,0 2px 10px #0000001f;white-space:pre-line}#markom-tooltip{position:absolute;background:#fff;border:1px solid #055E96;border-radius:.25rem!important;padding:5px;z-index:10;max-width:570px;min-width:290px}#markom-tooltip .card,#markom-tooltip input{border-radius:.25rem!important}#markom-tooltip .btn-group-sm>.btn,#markom-tooltip .btn{border-radius:10rem!important;-webkit-box-shadow:none!important;box-shadow:none!important;white-space:nowrap}#markom-tooltip>#markom-tooltip-arrow{display:none}#markom-tooltip>#markom-tooltip-arrow,#markom-tooltip>#markom-tooltip-arrow:before{position:absolute;width:8px;height:8px;background:inherit;border-right:inherit;border-bottom:inherit}#markom-tooltip>#markom-tooltip-arrow{visibility:hidden;bottom:-4px;left:calc(50% - 4px)}#markom-tooltip>#markom-tooltip-arrow:before{visibility:visible;content:"";transform:rotate(45deg)}markom-tooltip{position:relative}markom-tooltip button.far,markom-tooltip button.fas{background:none;margin:0;padding:0;border:none;min-width:30px;min-height:30px;font-size:16px}markom-tooltip button.far.fa-angle-left,markom-tooltip button.far.fa-angle-right,markom-tooltip button.fas.fa-angle-left,markom-tooltip button.fas.fa-angle-right{font-size:20px}markom-tooltip .btn .far,markom-tooltip .btn .fas{margin-right:6px}markom-tooltip .btn.btn-sm{font-size:.9rem;padding:.4rem 1.2rem}markom-tooltip .tooltip-head{font-weight:700;border-bottom:1px solid #eee}markom-tooltip .cursor-pointer{cursor:pointer}markom-tooltip .mark-header,markom-tooltip .mark-header-input{font-size:24px}markom-tooltip #comment_area{display:block;width:300px;height:100px}markom-tooltip .comment-body{white-space:pre-line}markom-tooltip .comments-row .comment{cursor:pointer;display:flex;margin-bottom:5px}markom-tooltip .comments-row .comment span{height:28.8px;width:100%;overflow:hidden;position:relative;display:flex;gap:5px}markom-tooltip .comments-row .comment span:before{content:"";width:50%;height:100%;position:absolute;right:0;top:0;background:linear-gradient(to right,transparent,white)}markom-tooltip .buttons-row{display:flex;justify-content:center;margin-bottom:10px}markom-tooltip .scroll-colors-row{max-width:370px;overflow-x:auto}markom-tooltip .colors-row{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:10px;width:max-content;min-width:100%}markom-tooltip .colors-row>div{display:flex;flex-direction:column;align-items:center;cursor:pointer;gap:5px}markom-tooltip .colors-row>div>div{font-size:10px;max-width:40px;text-overflow:ellipsis;overflow-wrap:normal;overflow:hidden;white-space:nowrap}markom-tooltip .colors-row span{--button-color: #000;color:var(--button-color);border-radius:50%;width:30px;height:30px;display:inline-flex;justify-content:center;align-items:center}markom-tooltip .colors-row span i{line-height:2}markom-tooltip .colors-row span.edit{border:1px solid var(--button-color);display:flex;justify-content:center;align-items:center;font-size:16px}markom-tooltip .colors-row span.active{border:2px solid var(--button-color)}markom-tooltip .fas.fa-trash{cursor:pointer}markom-tooltip .media{margin-bottom:1rem;display:flex;align-items:center;gap:10px}markom-tooltip .media.media-thumbnail img{height:30px}markom-tooltip .media.media-thumbnail{flex-shrink:0;margin:0}markom-tooltip .media img{max-width:80%;max-height:50vh}markom-tooltip video{max-width:100%}markom-tooltip .visibility-hidden{visibility:hidden}markom-tooltip .comment-title{font-size:small;color:#555;margin-bottom:6px;display:flex;justify-content:space-between;align-items:center}markom-tooltip .comment-title .comment-title-verse{font-weight:700}markom-tooltip .comment-title *{display:inline-block}#text-list *::selection{background-color:#0000001a}.color-tag-form{display:flex;flex-direction:column}.color-tag-form input{width:100%;height:35px;margin-bottom:10px;border:1px solid black;background:#fff}.color-edit{display:flex;flex-direction:column}.color-edit .color-row{display:flex;gap:10px;align-items:center;margin-bottom:5px}.color-edit .color-row.add{border:1px solid gray;border-radius:5px;padding:2px 10px}.color-edit .color-row .color-preview{width:30px;height:30px;border-radius:50%;flex-shrink:0}.color-edit .color-row .color-tag{white-space:nowrap;max-width:300px;overflow:hidden;text-overflow:ellipsis}.color-edit .color-row i{cursor:pointer}.color-edit .color-row i.fa-pen{margin-left:auto}#all-marks{background:none;border:none}#markom-switch-wrapper *{cursor:pointer;color:#000}#markom-marks-modal #markom-marks-modal-close{align-self:flex-end;padding:10px;width:32px;height:32px;display:flex;align-items:center;justify-content:center}markom-search{padding:10px 20px}markom-search .custom-control-label{display:flex;gap:5px;align-items:center;height:30px}markom-search .custom-control-label:before,markom-search .custom-control-label:after{top:unset}markom-search .color-label .color-preview{width:25px;height:25px;border-radius:50%;flex-shrink:0}markom-search .color-label .color-tag{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}markom-search .spinner-container{display:flex;justify-content:center}markom-search .spinner-container .spinner-grow{width:3rem;height:3rem}markom-search .mark-hit{border:2px solid lightgray;border-radius:5px;padding:10px;margin-bottom:5px;display:flex;flex-direction:column;gap:5px}markom-search .mark-hit .header{display:flex}markom-search .mark-hit .header a{margin-right:auto}markom-search .mark-hit .header .date{font-size:16px}markom-search .mark-hit .multiple_verse{padding:5px;background-color:#e9f0f6;border-radius:5px}markom-search .mark-hit .multiple_verse .verse{font-size:14px;position:relative;top:-6px;margin-right:2px}markom-search .mark-hit .media img{max-width:100%;border-radius:5px}markom-search .mark-hit .media audio::-webkit-media-controls-enclosure{border-radius:5px}markom-search .mark-hit .comment{font-weight:500}markom-search .mark-hit .color{display:flex;gap:5px;align-items:center}markom-search .mark-hit .color .color-preview{width:25px;height:25px;border-radius:50%;flex-shrink:0}markom-search .mark-hit .color .color-tag{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:500}
