
 




.verts{
  display:flex !important;
  justify-content:flex-start !important;
  align-items:center;
  gap:1.6rem !important;              
  flex-wrap:nowrap !important;         
  overflow-x:auto;                     
  overflow-y:hidden;
  padding:.7rem 0;
  font-size:1rem;
  -webkit-overflow-scrolling:touch;
}

.verts::-webkit-scrollbar{ display:none; }

.verts{ scrollbar-width:none; }


.verts .vitem{
  flex:0 0 auto;                       
  position:relative;
  white-space:nowrap;
  color:#6c757d;
  text-decoration:none;
  font-weight:400;                     
  padding-bottom:.35rem;               
  
  line-height:1.5;
  cursor:pointer;
}
.verts .vitem:hover{ color:inherit; }
.verts .vitem.on{ color:inherit; }     


.verts .vitem.on::after{
  content:"";
  position:absolute;
  left:0; right:0;
  bottom:0;
  height:2px;
  background:currentColor;
}


.verts .vitem .vfilter{
  margin-left:.35rem;
  font-size:14px;
  color:inherit;
  vertical-align:middle;
}

body.dark-mode .verts .vitem{ color:#adb5bd; }
body.dark-mode .verts .vitem.on{ color:#e8eaed; }

body.dark-mode .verts .vitem:hover{ color:#e8eaed; }


.tools{ border-top:0; padding-top:0; }
.tools > summary{ list-style:none; user-select:none; border-bottom:1px solid transparent; }
.tools > summary::-webkit-details-marker{ display:none; }
.tools > summary::before{ content:none; }


.verts{ cursor:default; }


.verts .vfilter-hidden{ visibility:hidden; pointer-events:none; }


.channel-bar-with-arrows .carousel-control-prev,.channel-bar-with-arrows .carousel-control-next{ width:auto; padding:0; opacity:1; top:.7rem; bottom:auto; height:1.5rem; font-size:1rem; line-height:1.5; }


.channel-bar-with-arrows .carousel-control-prev > span,.channel-bar-with-arrows .carousel-control-next > span{ width:1.5rem; height:1.5rem;
  border:1px solid transparent; background:rgba(255,255,255,.92); color:#6c757d; }
.channel-bar-with-arrows .carousel-control-prev:hover > span,.channel-bar-with-arrows .carousel-control-next:hover > span{ color:#343a40; }
body.dark-mode .channel-bar-with-arrows .carousel-control-prev > span,body.dark-mode .channel-bar-with-arrows .carousel-control-next > span{ background:rgba(52,58,64,.94); color:#adb5bd; }
body.dark-mode .channel-bar-with-arrows .carousel-control-prev:hover > span,body.dark-mode .channel-bar-with-arrows .carousel-control-next:hover > span{ color:#e8eaed; }
.channel-bar-with-arrows .carousel-control-prev i,.channel-bar-with-arrows .carousel-control-next i{ font-size:1rem; line-height:1; }
@media(hover:hover){
  .channel-bar-with-arrows .carousel-control-prev,.channel-bar-with-arrows .carousel-control-next{ opacity:0; transition:opacity .15s ease; }
  .channel-bar-with-arrows:hover .carousel-control-prev,.channel-bar-with-arrows:hover .carousel-control-next,
  .channel-bar-with-arrows:focus-within .carousel-control-prev,.channel-bar-with-arrows:focus-within .carousel-control-next{ opacity:1; }
}


@media(min-width:768px){ :where([data-home-channel-scroll]) .verts{ display:grid !important; grid-auto-flow:column; grid-auto-columns:100px; justify-items:start; gap:0 !important; } }

@media(max-width:767px){
  .verts{ font-size:.95rem; gap:1.2rem !important; }
}




.ts-form .form-control{ border-color:#ced4da !important; }

.ts-form .btn{ border-color:#ced4da !important; color:#6c757d;
  background:none;
  
  border-left:0 !important;
  margin-left:0 !important; }
.ts-form .btn:hover{ background:rgba(128,128,128,.12); color:#343a40; }
body.dark-mode .ts-form .form-control,
body.dark-mode .ts-form .btn{ border-color:#6c757d !important; }
.ts-form .form-control::-webkit-search-cancel-button{ filter:grayscale(1); opacity:.45; }
.ts-form .form-control::-webkit-search-cancel-button:hover{ opacity:.8; }
.ts-head{ display:flex; align-items:center; flex:1 1 auto; min-width:0; }
.ts-form{ flex:1 1 auto; min-width:0; }




:root{ --sb-track:rgba(0,0,0,.04); --sb-thumb:rgba(0,0,0,.2); --sb-thumb-hover:rgba(0,0,0,.32); }
body.dark-mode{ --sb-track:rgba(255,255,255,.04); --sb-thumb:rgba(255,255,255,.2); --sb-thumb-hover:rgba(255,255,255,.32); }
body{ scrollbar-color:var(--sb-thumb) var(--sb-track); }
::-webkit-scrollbar{ width:10px; height:10px; }
::-webkit-scrollbar-track{ background:var(--sb-track); }
::-webkit-scrollbar-thumb{ background:var(--sb-thumb); border-radius:5px; }
::-webkit-scrollbar-thumb:hover{ background:var(--sb-thumb-hover); }


 

 
.ts-note-stage{ position:relative; margin:.55rem 0 1rem; }
@media(min-width:768px){ .ts-note-scroll > .ts-note-caption{ display:none; } }    
.ts-note-excerpt{ display:none; }    
.ts-note{ border-radius:10px; overflow:hidden; margin:0; }
body.dark-mode .ts-note{ border:1px solid rgba(128,128,128,.22); }
@media(min-width:768px){ body.dark-mode .ts-note{ border-color:var(--ts-line); } }    

 
.ts-note-media{ position:relative; background:transparent; }  
.ts-note-media .carousel-item img{ display:block; width:100%; height:60vh; object-fit:contain; }
 
.ts-note-media .carousel-control-prev,.ts-note-media .carousel-control-next{ width:auto; padding:0 .75rem; opacity:1; }
.ts-note-arrow{ width:2.4rem; height:2.4rem; display:inline-flex; align-items:center; justify-content:center; }
 
 
.ts-note-media > .ts-note-back{ position:absolute; top:.75rem; left:.75rem; z-index:2; width:2.4rem; height:2.4rem; }
 
.ts-note-count{ position:absolute; top:.75rem; right:.75rem; z-index:2; padding:.15rem .6rem;
  font-size:.85rem; background:rgba(52,58,64,.94); color:#fff; }
 
@media(hover:hover){
  .ts-note-media .carousel-control-prev,.ts-note-media .carousel-control-next,.ts-note-count,.ts-note-media > .ts-note-back,.ts-note-body .ts-note-close{ opacity:0; transition:opacity .15s ease; }
  .ts-note-media:hover .carousel-control-prev,.ts-note-media:hover .carousel-control-next,.ts-note-media:hover .ts-note-count,.ts-note-media:hover > .ts-note-back,.ts-note-body:hover .ts-note-close,
  .ts-note-media:focus-within .carousel-control-prev,.ts-note-media:focus-within .carousel-control-next,.ts-note-media:focus-within .ts-note-count,.ts-note-media:focus-within > .ts-note-back,.ts-note-body:focus-within .ts-note-close{ opacity:1; }
}

 
.ts-note .ts-note-body{ padding:0; }
 
.ts-note-head{ padding:.9rem 1.25rem 0; }
 
.ts-note-head > .ts-note-close{ position:absolute; top:.75rem; right:.75rem; z-index:2; width:2.4rem; height:2.4rem; }
 
.ts-note-head > .ts-note-title{ padding-right:calc(.75rem + 2.4rem + .5rem - 1.25rem); }
.ts-note-scroll{ padding:0 1.25rem 1rem; }
 
.ts-note-actions{ margin-top:1rem; padding:.6rem 0; border-top:1px solid transparent; }
.ts-note-actions + .ts-note-comments{ margin-top:0; border-top-color:transparent; }
.ts-note-authorrow{ margin-bottom:.6rem; }
 
.ts-note-avatar{ font-size:1.5rem; }
 
 
.ts-note-site-icon{ width:1.5rem; height:1.5rem; margin:0 calc(.1875rem + .25rem) 0 .1875rem; object-fit:cover; }
.ts-note-author{ font-size:.95rem; }                             
.ts-note-title{ font-size:var(--ts-font-size-title); font-weight:600; line-height:1.4; margin:0 0 .9rem; }   
 
.ts-note-visit{ margin-top:1rem; background:var(--g-rest); border-color:transparent; color:inherit; }   
.ts-note-visit:hover{ background:var(--g-hover); color:inherit; }
.ts-note-text{ font-size:.95rem; line-height:1.7; white-space:pre-line; }   
.ts-note-tags{ font-size:.95rem; margin-top:.4rem; }
 
@media(min-width:768px){ .ts-note-text, .ts-note-tags{ font-size:var(--ts-font-size-body); } .ts-note-author{ font-size:var(--ts-font-size-secondary); } .ts-note-cname .badge{ font-size:var(--ts-font-size-small); } }
.ts-note-meta{ margin-top:.6rem; }

 
.ts-note-comments{ margin-top:1rem; padding-top:.9rem; border-top:1px solid var(--ts-line); }   
.ts-note-chead{ font-size:var(--ts-font-size-secondary); margin-bottom:.6rem; }         
.ts-note-comment{ padding:.5rem 0; }
.ts-note-cname{ font-size:var(--ts-font-size-secondary); font-weight:600; }
.ts-note-ctext{ font-size:.9rem; margin:.15rem 0; }
@media(min-width:768px){ .ts-note-ctext{ font-size:inherit; } }    
.ts-note-more{ display:inline-block; font-size:var(--ts-font-size-secondary); margin-top:.4rem; }
 
.ts-note-replies .ts-note-comment:last-child{ padding-bottom:0; }
 
.ts-note-thread > .ts-note-comment > .ts-note-avatar, .ts-note-thread > .ts-note-comment > a > .ts-note-avatar{ font-size:1.875rem; }
.ts-note-thread > .ts-note-comment > .ts-note-site-icon, .ts-note-thread > .ts-note-comment > a > .ts-note-site-icon{ width:1.875rem; height:1.875rem; margin:0 calc(.234375rem + .25rem) 0 .234375rem; }
 
.ts-note-authorrow .ts-note-avatar, #comments .ts-note-thread > .ts-note-comment > .ts-note-avatar, #comments .ts-note-thread > .ts-note-comment > a > .ts-note-avatar, #comment-form .ts-note-avatar{ font-size:40px; width:40px; margin-right:.5rem !important; }
.ts-note-authorrow .ts-note-site-icon, #comments .ts-note-thread > .ts-note-comment > .ts-note-site-icon, #comments .ts-note-thread > .ts-note-comment > a > .ts-note-site-icon, #comment-form .ts-note-site-icon{ width:40px; height:40px; margin:0 .5rem 0 0; }
 
#comment-form .form-control, #comment-form .form-control:focus, #comment-form .btn-secondary{ background:var(--g-rest); }
#comment-form .form-control:placeholder-shown, #comment-form .btn-secondary{ border-color:transparent !important; }
#comment-form .btn-secondary{ color:var(--ts-gray-600); opacity:1; }
#comment-form .input-group-append{ margin-left:0; }
#comment-form .form-control:not(:placeholder-shown){ border-color:var(--ts-primary) !important; }
.ts-note-thread > .ts-note-comment > .flex-grow-1 > .ts-note-cname{ min-height:1.875rem; }
 
#comments .ts-note-thread > .ts-note-comment > .flex-grow-1 > .ts-note-cname{ min-height:40px; }
#comment-form .align-self-end{ margin-top:-1px; margin-bottom:-1px !important; }
.ts-note-comment.is-located{ background:var(--g-rest, rgba(128,128,128,.10)); border-radius:.35rem;
  box-shadow:-.5rem 0 0 var(--g-rest, rgba(128,128,128,.10)), .5rem 0 0 var(--g-rest, rgba(128,128,128,.10)); }
 
.ts-note-related{ margin-top:1rem; padding-top:.9rem; border-top:1px solid var(--ts-line); }
.ts-note .imgcards{ -webkit-column-count:2; -moz-column-count:2; column-count:2; }
 
@media(min-width:992px){ .ts-note .imgcards{ -webkit-column-count:3; -moz-column-count:3; column-count:3; } }
 
body.dark-mode .ts-note .imgcards .card{ background-color:transparent; }
 
.ts-note-related .imgcards .card-body .fa-heart,.ts-note-recommend .imgcards .card-body .fa-heart{ display:none; }
.ts-note-related .imgcards .card-body .fa-bookmark,.ts-note-recommend .imgcards .card-body .fa-bookmark{ display:none; }
 
.ts-note-input{ padding:.75rem 1.25rem 1rem; border-top:1px solid transparent; }  

 
 

 
@media(min-width:992px){
  .wrapper .main-sidebar .kc-callus{ display:none; }
}
@media(min-width:768px){
  .ts-note{ height:calc(100vh - 57px - 53px - .55rem - 1rem); min-height:22rem; }
  .ts-note > .row,.ts-note-media,.ts-note-media .carousel,.ts-note-media .carousel-inner,
  .ts-note-media .carousel-item,.ts-note .ts-note-body{ height:100%; }
  .ts-note-media .carousel-item img{ height:100%; }
  .ts-note-head,.ts-note-input{ flex:0 0 auto; }
   
  .ts-note-scroll{ flex:1 1 auto; min-height:0; overflow-y:auto; }
   
  .ts-note-scroll{ scrollbar-width:none; }
  .ts-note-scroll::-webkit-scrollbar{ display:none; }
}

 
.ai-search-dock{position:fixed;left:250px;right:0;bottom:0;z-index:1020}
@media(max-width:991.98px){.ai-search-dock{left:0}}
.ai-search-dock-box{padding-left:.5rem;padding-right:.5rem}
.ai-search-dock-box{padding-bottom:12.5px;background-color:transparent}
body.dark-mode .ai-search-dock-box{background-color:transparent}
 
.ai-search-dock .input-group{background-color:#fff;border-radius:.2rem}
body.dark-mode .ai-search-dock .input-group{background-color:var(--ts-near-black)}

 
@media(max-width:767px){
   
  html, body, .ts-note-cmodal, .ts-note-cmodal .modal-body{ scrollbar-width:none; -ms-overflow-style:none; }
  html::-webkit-scrollbar, body::-webkit-scrollbar, .ts-note-cmodal::-webkit-scrollbar, .ts-note-cmodal .modal-body::-webkit-scrollbar{ display:none; width:0; height:0; }
   
  .ts-note-mtop{ position:fixed; top:0; left:0; right:0; z-index:1030; background:transparent; padding:.5rem .75rem;
    border-bottom:1px solid transparent; pointer-events:none; }
  body.dark-mode .ts-note-mtop{ background:transparent; }
  .ts-note-mtop > *{ pointer-events:auto; }
   
  .ts-note-ghost{ font-size:1.5rem; background:transparent; border-color:transparent; box-shadow:none; -webkit-tap-highlight-color:transparent; }
  .ts-note-ghost:focus{ box-shadow:none; outline:0; }
  .ts-note-ghost:active{ background-color:rgba(52,58,64,.94); }
  .ts-note-ghost:active i{ color:#fff !important; }
   
  .ts-note-fabavatar{ width:2.4rem; height:2.4rem; font-size:1.2rem; }
  .ts-note-fabavatar .ts-note-site-icon{ width:2.4rem; height:2.4rem; margin:0; flex-shrink:0; }
  .ts-note-fabavatar .ts-note-avatar{ font-size:2em; }
   
  .ts-note-page{ position:relative; padding-top:0; padding-bottom:3.5rem; --ts-note-inset:calc(.5rem + 7.5px); }                  
  .ts-note-stage{ width:100vw; margin:0 0 0 calc(50% - 50vw); }
   
  .ts-note-media .carousel-item img{ height:auto; aspect-ratio:var(--ts-note-ratio, 3 / 4); object-fit:contain; }
   
  .ts-note{ border-radius:0; box-shadow:none; }
  body.dark-mode .ts-note{ border:0; }
  .ts-note-head{ padding:0; }
   
  .ts-note-scroll{ padding:1rem var(--ts-note-inset) 0; }
  .ts-note-title{ font-size:1.2rem; }                            
   
  .ts-note-chev i{ transition:transform .35s ease; }
  @media (prefers-reduced-motion: reduce){ .ts-note-chev i{ transition:none; } }
   
  .ts-note-page[data-note-mode=card]{ padding-bottom:0; }
  .ts-note-page[data-note-mode=card] .ts-note{ min-height:var(--ts-note-vh, 100vh); background-color:var(--ts-near-black); }                  
  .ts-note-page[data-note-mode=card] .ts-note-media .carousel-inner{ height:var(--ts-note-boxh, 100vh); }
  .ts-note-page[data-note-mode=card] .ts-note-media .carousel-item, .ts-note-page[data-note-mode=card] .ts-note-media .carousel-item img{ height:100%; }
  .ts-note-page[data-note-mode=card] .ts-note-media .carousel-item img{ aspect-ratio:auto; object-fit:cover; object-position:center top; }      
   
  .ts-note-page[data-note-mode=card] .ts-note-body{ position:absolute; left:0; right:0; top:calc(var(--ts-note-vh, 100vh) - var(--ts-note-dock, 2.75rem) - 3.15rem); width:auto; height:0; z-index:2; }
  .ts-note-page[data-note-mode=card] .ts-note-scroll{ height:0; padding:0; overflow:visible; }
  .ts-note-page[data-note-mode=card] .ts-note-caption{ position:absolute; left:0; right:0; bottom:100%; margin:0; cursor:pointer; padding:0 calc(var(--ts-note-inset) + 2.4rem + .75rem) .75rem var(--ts-note-inset); }    
  .ts-note-page[data-note-mode=card] .ts-note-caption .ts-note-excerpt{ display:block; margin:0; font-size:1rem; line-height:1.5; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }    
  .ts-note-page[data-note-mode=card] .ts-note-caption .ts-note-title{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }    
  .ts-note-caption .ts-note-title{ color:inherit; margin:0; }                                                            
   
  .ts-note-cmodal{ --ts-note-inset:calc(.5rem + 7.5px); }
  .ts-note-cmodal .modal-body.ts-note-panes{ display:flex; padding:0; overflow-x:auto; overflow-y:hidden; scroll-snap-type:x mandatory; overscroll-behavior:contain; }
   
  .ts-note-cmodal .ts-note-pane{ flex:0 0 100%; width:100%; min-width:0; overflow-x:hidden; overflow-y:auto; overscroll-behavior-y:contain; scroll-snap-align:start; scroll-snap-stop:always; padding:.75rem var(--ts-note-inset); scrollbar-width:none; -ms-overflow-style:none; }
  .ts-note-cmodal .ts-note-pane::-webkit-scrollbar, .ts-note-cmodal .modal-body.ts-note-panes::-webkit-scrollbar{ display:none; width:0; height:0; }
  .ts-note-cmodal:not(.is-tab-comments) .modal-footer{ display:none; }
  .ts-note-cmodal .ts-note-ptitle{ font-size:1.2rem; font-weight:600; line-height:1.4; margin:0 0 .75rem; }                
   
  html, body{ overscroll-behavior-y:none; }
  .ts-note-page.is-swipeable{ touch-action:pan-x; }
  .ts-note-peek{ position:fixed; left:0; right:0; top:0; z-index:0; overflow:hidden; pointer-events:none; visibility:hidden; background-color:var(--ts-near-black); --ts-note-inset:calc(.5rem + 7.5px); }
  .ts-note-peek-media{ position:absolute; left:0; right:0; top:0; overflow:hidden; }                                                     
  .ts-note-peek-media img{ display:block; width:100%; height:100%; object-fit:cover; object-position:center top; }
  .ts-note-peek-title{ position:absolute; left:0; right:0; padding:0 calc(var(--ts-note-inset) + 2.4rem + .75rem) .75rem var(--ts-note-inset); font-size:1.2rem; font-weight:600; line-height:1.4; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
  .ts-note-peek-title > div{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }    
  .ts-note-peek-title .ts-note-peek-excerpt{ font-size:1rem; font-weight:400; line-height:1.5; }        
   
   
  .ts-note-fab{ position:absolute; left:calc(var(--ts-note-inset) - .45rem); right:calc(var(--ts-note-inset) - .45rem); bottom:calc(100% + .75rem); font-size:.9rem; line-height:1; }
  .ts-note-fab > *{ margin-top:0; margin-bottom:0; }
  .ts-note-fab > .ts-note-act{ margin-right:.75rem; }
  .ts-note-fab .ts-note-fabnum{ margin-left:-.15rem; }                                                           
  .ts-note-fabhead{ width:2.4rem; height:2.4rem; flex-shrink:0; }                                                 
  .ts-note-page[data-note-mode=card] .ts-note-count{ top:3.4rem; }                                                 
  .ts-note-chev.is-off{ visibility:hidden; pointer-events:none; }                                               
  .ts-note-mtop .ts-note-backlink, .ts-note-mtop .ts-note-backlink:hover, .ts-note-mtop .ts-note-backlink:focus, .ts-note-mtop .ts-note-backlink:active,
  .ts-note-fab .ts-note-chev, .ts-note-fab .ts-note-chev:hover, .ts-note-fab .ts-note-chev:focus, .ts-note-fab .ts-note-chev:active{ background-color:rgba(52,58,64,.94); border-color:transparent; color:#fff; }    
  .ts-note-fab .ts-note-chev.is-two-lines{ bottom:calc(2.4rem + .75rem + (1.68rem + 1.5rem) / 2 - 1.2rem); }    
  .ts-note-fab .ts-note-chev{ position:absolute; right:.45rem; bottom:calc(2.4rem + .75rem + 1.68rem / 2 - 1.2rem); }    
   
  .ts-note-cmodal .modal-dialog{ position:fixed; left:0; right:0; bottom:0; margin:0; max-width:none; height:60vh; max-height:none; transform:translate(0,100%); }
  .ts-note-cmodal.show .modal-dialog{ transform:none; }
   
  .ts-note-cmodal .modal-header .verts{ padding:.7rem 0 0; }
  .ts-note-cmodal .modal-header .verts .vitem{ padding-bottom:.7rem; font-weight:600; }
   
  body.dark-mode .ts-note-cmodal .modal-header, body.dark-mode .ts-note-cmodal .modal-footer{ border-color:var(--ts-line); }
  .ts-note-cmodal .modal-content{ border-radius:10px 10px 0 0; border-color:transparent; background-clip:border-box; }    
}
