/* HEADER CAT BOX */
 {display:none;position: absolute;top: 48px;left: 0;width: 100%;background: #fff;border-bottom: 1px solid #ccc;border-top: 1px solid #ccc;z-index: 2;padding: 30px 20px 20px 50px;height:480px;overflow-y:auto;}
.sub-box {float:left;clear:both;width:100%;padding: 30px;}
.sub-box:empty {display:none;}
.sub-box ul {margin-bottom: 10px;}
.sub-box li {float:left;width: 100%;}
.sub-box li a {float:left;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#666;font-size:15px;line-height: 25px;}
.sub-box li a:hover {text-decoration:underline;}

/* MODAL */
.modal-cover {display:none;position:fixed;top:0;left:0;bottom:0;right:0;z-index:98;background:rgba(0,0,0,0.5);backdrop-filter: blur(4px);}
#subModal {display:none;background:#fff;position:fixed;width:640px;height:480px;top:50%;left:50%;transform:translate(-50%, -50%);max-width: calc(100% - 20px); max-height: calc(100% - 20px);z-index:995;box-shadow: 0 5px 30px rgb(0 0 0 / 70%);}
#subModal.modal-fullscreen {width:auto;height:auto;top:0;left:0;right:0;bottom:0;margin:0;border-radius:0;box-shadow:none;transform:none;max-width:100%;max-height:100%;}
#subModal .modal-close {display:block;cursor:pointer;border-radius:5px;padding:8px 0;transition:0.1s;position:absolute;z-index:99;color:#555;background: rgba(0,0,0,0.05);text-align:center; box-shadow: 0 0px 2px rgb(0 0 0 / 20%); top: 10px; right: 15px; width: 34px; height: 34px; font-size: 16px;}
#subModal .modal-close i {line-height:34px;display:inline-block;}
#subModal .modal-close-alt {position:absolute;top:-7px;right:-50px;width:40px;height:40px;border-radius:6px;cursor:pointer;transition:0.2s;display:flex;}
#subModal .modal-close-alt:hover {transform:scale(1.2);}
#subModal .modal-close-alt svg {margin:auto;color:#fff;width:34px;height:34px;}
#subModal .modal-close:hover {-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}
#subModal .modal-content {position:absolute;right:0;bottom:0;top:0;left:0;}
#subModal .modal-content .modal-iframe, #subModal .modal-loader {background: #fff url(../img/input-loader.webp) no-repeat center center; background-size: 40px;border:none;padding:0;position:absolute;top:0;left:0;width:100%;height:100%;}
#subModal, #subModal .modal-content, #subModal .modal-content .modal-iframe {border-radius:5px;}
#subModal .modal-is-inline .modal-content {overflow-y:auto;scrollbar-width: thin;}
#subModal .head {display:block;width:100%;font-size:20px;font-weight:bold;color:#171717;padding:16px 16px;line-height:1.2;}
#subModal .subhead {display:block;width:100%;font-weight:600;color:#171717;margin-top:-8px;line-height:1.2;padding:0px 16px 16px 16px;border-bottom:1px solid #ccc;}



/* MOBILE LAYOUT */
@media screen and (max-width: 767px) {
  
  
}

@media screen and (max-width: 440px) {
  
}

html[mode="dark"] #showcase-box {background-color:var(--mb-color11);}

/* RTL */
html[dir="rtl"] .svi-show-saved .svi-count {margin-left:0;margin-right:3px;}
html[dir="rtl"] .svi-save-btn .svi-icon .svi-count {left:-4px;right:auto;}