/* YoutubeRepeater styles start */
/* make sure there's always a scrollbar 

div#container { background: linear-gradient(
    90deg, rgba(200, 200, 200, 0.1) 0px,
    rgba(212, 212, 212, 1) 80px
    
  ) !important}

*/

div#container {  box-shadow: inset 0 0 3vw 3vw #c1c1c1;     }

#player, #player video, .videoPlayer {min-width: calc(38vw + 130px) !important;
  min-height: calc(calc(38vw + 130px) * 0.5625);
  margin-left: min(0px, calc(calc(640px - calc(38vw + 130px)) / 2)); 
  max-width: 100vw !important;}
         html {background: #000 !important;}
.gsc-completion-container { 
  left: 44px;
  background: linear-gradient(
    89.5deg, rgba(255, 255, 255, 0.1) 0px,
    rgba(255, 255, 255, 0.84) 33px,      rgba(255, 255, 255, 0.96) 111px
  ) !important;
}
  .gsc-completion-container, .gssb_c {position: absolute !important;
  z-index: 100000000 !important; background-color: rgba (255,255,255,0.96);} 
  
  
  
      .gsc-control-cse   { visibility:hidden;    }
.gsc-results-wrapper-overlay, .gsc-results-wrapper-visible {background-color: transparent !important; 
  baox-shadow: inset 100px 0px 2vw 2vw #ddd !important; border-radius: 0 12px 12px 0 !important; }
 .gsc-webResult .gsc-result {background-color: #ddd !important; border-color: transparent !important ;  
    } .gsc-adBlock {display:none;}
  
        
     body {
  background-color: #c1c1c1 !important;  }
           #logos {margin-left: min(0px, calc(calc(640px - calc(65vw - 300px)) / 2));}
      div#container, #___gcse_1, #footer_row, .menu_row, #header_row,
    .gsc-control-cse, .gsc-control-cse-en, #_ctl0_Content_videoRelated1
     {background-color: #dadada !important;     border:0px !important; 
      border-color: transparent !important; color:#555 !important; }

  
      
         div#container,  .menu_row,  #header_row  {  border-radius: 1px; }
 .gs-webResult:hover, .gsc-result:hover {
  background-color:#eee !important; border-radius:15px !important;}
  
  @media (prefers-color-scheme: dark) {
  body {background-color: #111 !important;  }
  #header_row {background-color: #000 !important; opacity:0.9   }
                                    #banner * {color: #444 !important;}
   .gsc-webResult .gsc-result  {background-color: #222 !important;border-color:#222 !important; }
   .gs-bidi-start-align, .gs-snippet {color:#aaa !important }
  div#container, #___gcse_1, .menu_row, 
    .gsc-control-cse, .gsc-control-cse-en, #_ctl0_Content_videoRelated1 
    {background-color: transparent !important;   }  
     #content_row {color: #789 !important; }
    #footer_row   {background-color: transparent !important; }
      .gs-title  { color: #47c !important       }
      .gs-title b {  color: #47e !important        }
      .gsc-cursor-page   {border-radius: 3px; background-color: #660 !important}
       .gs-webResult:hover, .gsc-result:hover {
  background-color:#000 !important; border-color:#DE8 !important;}
                 div#container{     box-shadow:  unset !important;}
   .gsc-results-wrapper-overlay, .gsc-results-wrapper-visible,  .menu_row 
 {background-color: #222 !important;  }
 .gs-spelling  {background-color: #eee !important;  }

  }

 .gsc-above-wrapper-area-container { margin: 11px 0 8px 0!important; background-color:transparent !important;}
             .gsc-input-box { height:52px !important; border:0px !important; }
           
                 #___gcse_1 {visibility:hidden;}
  
.videoTimeBox  {  border-radius:8px;}

html { overflow-y: scroll; }

html, body
{
  margin: 0;
  padding: 0;
  width: 100%; height: 100%;
  font-size: 14px; line-height: 18px;
  font-family: Arial, Helvetica; 
  background-color: #eee;  
}

img { border-width: 0px; }

h1  
{ 
  margin: 0px; padding: 0px;
  font-size: 15px; line-height: 22px; font-family: Arial, Helvetica; font-weight: bold;
}

div#container
{        left:0px !important;
  position: relative; /* needed for footer positioning*/
  margin: 0 auto;
  padding: 0px; 
  width: 985px; 
  height: auto !important;
  height: 100%; 
  min-height: 100%;
  background-color: white;  
  border-width: 0px 1px 0px 1px;
  border-color: #cccccc; border-style: solid;
}

div#header_row
{
  height: 90px;
}
div#logo
{
  position: absolute;
  top: 0px; left: 0px;
  width: 270px; height: 90px;
}
div#banner
{
  position: absolute;
  top: 0px; right: 170px;
  width: 808px; height: 90px;
  overflow: hidden;
}


.banner_text
{
  position: absolute;
  top: 6px; right: 14px;
  width: 400px; height: 16px;
  font-size: 12px; line-height: 15px;
  font-family: Arial, Helvetica; 
  text-align: right;
  overflow: hidden;
}
.banner_text a       { color: #0033cc; text-decoration: none; }
.banner_text a:hover { color: red; text-decoration: underline; }
div#banner_550x80x1
{
  position: absolute;
  top: 4px; right: 7px;
  width: 550px; height: 80px;
  text-align: right; 
  border-width: 0px; border-color: red; border-style: solid;
}

div#banner_550x80x2
{
  position: relative;
  display: table-cell; 
  width: 550px; height: 80px;
  text-align: right; 
  vertical-align: middle;  
  border-width: 0px; border-color: blue; border-style: solid;
}


div.menu_row
{
  height: 33px;
  border-width: 0px 0px 1px 0px; 
  border-color: #eaeaea; border-style: solid;
  font-size: 16px; line-height: 30px;
  font-family: Arial, Helvetica; 
  background-color: #fafafa;
}
.menu_item, .menu_item_sel
{
  padding-top: 0px;
  height: 33px;
  border-width: 0px 0px 0px 0px; 
  border-color: #eaeaea; border-style: solid;
  font-size: 16px; line-height: 30px;
  font-family: Arial, Helvetica; 
  font-weight: bold;
  text-align: center;
  white-space: nowrap;  
}
.menu_item_sel     { background-color: #eaeaea; } 
.menu_item a       { color: #6699C1; text-decoration: none; }
.menu_item a:hover { color: red; text-decoration: underline; }
.menu_item_sel a       { color: #6699C1; text-decoration: none; }
.menu_item_sel a:hover { color: red; text-decoration: underline; }
div.menu_search
{
  position: relative;
  padding: 0px;
  width: 301px;
  height: 29px;
  border-width: 0px; border-color: red; border-style: solid;
  background-color: #eaeaea;
  padding-top: 0px;
  font-size: 15px; line-height: 25px;
  color: red;
}
.menu_search_txt
{
  position: absolute;
  left: 6px; top: 5px; width: 180px; height: 21px;
  border-width: 1px; border-color: #bbdafd; border-style: solid;
  font-size: 15px; line-height: 22px;
  font-family: Arial, Helvetica; 
}
.menu_search_btn
{
  position: absolute;
  left: 190px; top: 3px; width: 113px; height: 28px;
  border-width: 0px; border-color: red; border-style: solid;
  font-size: 12px; line-height: 22px;
  font-family: Arial, Helvetica; 
  cursor: pointer;
}
  
div#content_row
{
  position: relative;
  padding: 0px 0px 20px 0px; /* bottom padding for footer */
  border-width: 0px; border-color: blue; border-style: solid;
}
div#content_row a       { color: #0033cc; text-decoration: none; }
div#content_row a:hover { color: red; text-decoration: underline; }


div#ContentLarge
{
  position: relative;
  padding: 0px 14px 0px 14px;
  border-width: 0px; border-color: green; border-style: solid;
  font-size: 15px; line-height: 22px;
  font-family: Arial, Helvetica; 
  font-weight: normal;
  text-align: left;
}

div.WelcomeLeft
{
  position: relative;
  width: 470px; height: auto;
  border-width: 0px; border-color: red; border-style: solid;
}

div.WelcomeRight
{
  position: absolute;
  left: 490px; top: 53px; width: 485px; height: 490px;
  border-width: 0px; border-color: red; border-style: solid;
}

.LargeBold
{
  vertical-align: top;
  font-size: 15px; line-height: 20px; font-weight: bold;
  font-family: Arial, Helvetica; 
}
.LargeText
{
  vertical-align: top;
  font-size: 15px; line-height: 20px; font-weight: normal;
  font-family: Arial, Helvetica; 
  letter-spacing: 0.2px;
}
    

div#footer_row
{
  position: fixed;
  bottom: 0px; /* stick to bottom */
  height: 18px;
  width: 982px;
  background: #333333;
  border-width: 1px 0px 0px 0px; border-color: #cccccc; border-style: solid;
  background-color: #efefef;  
  font-size: 12px; line-height: 18px;
  font-family: Arial, Helvetica; 
  color: #555555;
  overflow: hidden;
}
div#footer_row a       { color: #0033cc; text-decoration: none; } 
div#footer_row a:hover { color: red;     text-decoration: none; } 


div#footer_left_Bicon
{
  position: absolute;
  left: 3px; top: 2px; width: 16px; height: 16px;
  text-align: left;
}
div#footer_left_Btext
{
  position: absolute;
  left: 20px; top: 0px; width: 120px; height: 18px;
  border-width: 0px; border-color: red; border-style: solid;
  text-align: left;
}

div#footer_left_Ticon
{
  position: absolute;
  left: 141px; top: 0px; width: 16px; height: 16px;
  text-align: left;
}
div#footer_left_Ttext
{
  position: absolute;
  left: 160px; top: 0px; width: 130px; height: 18px;
  border-width: 0px; border-color: blue; border-style: solid;
  text-align: left;
}


div#footer_right
{
  position: absolute;
  right: 4px; top: 0px; width: 320px; height: 18px;
  border-width: 0px; border-color: red; border-style: solid;
  text-align: right;
}

.red_error { color: red; }

/* icon link (Nikhil's photo blog) */
a.icon 
{
  padding: 1px 0px 2px 20px;
  background-repeat: no-repeat;
  background-position: 0 0;
}
a.digg      { background-image: url(//www.youtuberepeater.com/images/icon_digg.gif); }
a.favorite  { background-image: url(//www.youtuberepeater.com/images/icon_favs.gif); }
a.facebook  { background-image: url(//www.youtuberepeater.com/images/icon_facebook.gif); }
a.youtube   { background-image: url(//www.youtuberepeater.com/images/icon_youtube.gif); }
a.twitter   { background-image: url(//www.youtuberepeater.com/images/icon_twitter.gif); }
ul.linkBar 
{
  padding: 2px 0px 2px 0px;
  margin: 0px;
  list-style: none none outside;
  font-size: 12px;
  border-width: 0px; border-color: red; border-style: solid;
}
ul.linkBar li 
{
  padding-left: 5px;
  display: inline; /* list-item; */
  height: 20px;
}

/* Video Handler classes */
div.videoError
{
  position: relative;
  left: 8px; top: 8px; width: 880px; height: auto;
  border-width: 0px; border-color: red; border-style: solid;
}
div.videoTop
{
  position: relative;
  left: 51px; top: 8px; width: 635px; height: 20px;
  padding: 1px;
  border-width: 0px; border-color: red; border-style: solid;
  overflow: hidden;  
}
div.videoTitle
{
  position: absolute;
  left: 0px; top: -1px; width: 520px; height: 20px;
  padding: 0px;
  border-width: 0px; border-color: blue; border-style: solid;
  overflow: hidden;  
}
div.videoYTLink
{
  position: absolute;
  right: 51px; top: -1px; width: 76px; height: 20px;
  padding: 0px;
  font-size: 12px; line-height: 20px; font-family: Arial, Helvetica; font-weight: normal;
  border-width: 0px; border-color: blue; border-style: solid;
  text-align: right;
}
div.videoPlayer
{
  position: relative;
  left: 8px; top: 8px; width: 640px; height: 360px;
  border-width: 0px; border-color: red; border-style: solid;
}
div.videoInfo
{
  position: relative;
  left: 8px; top: 12px; width: 640px; height: 20px;
  border-width: 0px; border-color: red; border-style: solid;
}
div.videoStars
{
  position: absolute;
  left: 0px; top: 0px; width: 76px; height: 16px;
}
div.videoRatings
{
  position: absolute;
  left: 80px; top: 0px; width: 100px; height: 16px;
  color: #666666;
  border-width: 0px; border-color: blue; border-style: solid;
}
div.videoViews
{
  position: absolute;
  right: 3px; top: 0px; width: 120px; height: 16px;
  color: #555;
  text-align: right;
  border-width: 0px; border-color: blue; border-style: solid;
}
div.videoStartEnd
{
  position: absolute;
  left: 180px; top: 0px; width: 320px; height: 16px;
  color: #666666;
  border-width: 0px; border-color: blue; border-style: solid;
  text-align: center;
}
div.videoTimeBox
{
  position: relative;
  left: 33px; top: 14px; width: 588px; height: 30px; /* dynamic */
  border-width: 1px; border-color: #ff8888; border-style: solid;
  background-color: #fff2f2 !important; 
  overflow: hidden; opacity:1; 
}
        
div.videoTimeStart
{
  position: absolute;
  left: 12px; top: 5px; width: 260px; height: 20px;
}
div.videoTimeEnd
{
  position: absolute;
  left: 250px; top: 5px; width: 240px; height: 20px;
}
div.videoTimeClose
{
  position: absolute;
  right: 6px; top: 5px; width: 100px; height: 20px;
  text-align: right;
}
.videoTimeTxt
{
  border-width: 1px; border-color: #ff8888; border-style: solid;
  width: 40px; height: 16px;
  text-align: right;
  padding-right: 4px;
  margin-left: 4px;
  margin-right: 4px;
}
.videoTimeBtn
{
  font-size: 12px; line-height: 20px;
  font-family: Arial, Helvetica; 
  cursor: pointer;
  margin-left: 4px;
}

div.videoBottom
{
  position: relative;
  left: 4px; top: 20px; width: 644px; height: 150px;
  border-width: 0px; border-color: red; border-style: solid;
}
div.videoMiniImage 
{  
  position: relative;
  float: right;
  width: 190px; height: 133px;
  border-width: 0px; border-color: red; border-style: solid;
  text-align: right;
}
div.videoMiniFill1
{  
  position: absolute;
  left: 13px; top: 22px; width: 171px; height: 87px;
  border-width: 0px; border-color: red; border-style: solid;    
  overflow: hidden;  
}    
div.videoMiniFill2
{  
  position: absolute;
  left: 0px; top: -23px; width: 171px; height: 128px;
  border-width: 0px; border-color: blue; border-style: solid;    
}
div.videoSocial /* this is where Digg & Facebook buttons are */
{  
  position: relative;
  float: left;
  width: 130px; height: 132px;
  border-width: 0px; border-color: red; border-style: solid;
  text-align: left;
}
div.diggImage 
{  
  position: relative;
  width: 54px; height: 86px;
  border-width: 0px; border-color: red; border-style: solid;
  text-align: left;
  overflow: hidden; 
}
div.diggText
{  
  position: absolute;
  left: 56px; top: 0px; 
  width: 66px; height: 82px;
  border-width: 0px; border-color: red; border-style: solid;
  font-size: 12px;
  color: #888888;
  text-align: left;
}



div.videoBottomLink
{  
  position: relative;
  left: 8px; top: 16px; width: 880px; height: 34px;
  border-width: 0px; border-color: red; border-style: solid;
left:-259px;    text-align:right   ; 
}    


div.videoBold { font-weight: bold; }
div.videoBold a { color: #0033cc; text-decoration: none; }
div.videoBold a:hover { color: red; text-decoration: underline; }

div.videoRelatedHead
{
  position: absolute;
  right: 10px; width: 312px; top: 6px; height: 20px;
  padding: 1px;
}

div.videoRelated
{
  position: absolute;
  right: 10px; width: 312px; top: 30px; height: 553px;
  border-width: 1px; border-color: #cccccc; border-style: solid;
  padding: 1px;
  overflow-y: scroll;
}

/* Top Repeater classes */
div.topRepRow
{
  position: relative;
  left: 0px; top: 0px; width: 952px; height: 484px;
  border-width: 0px; border-color: blue; border-style: solid;
  padding: 0px; margin: 0px;
}    
div.topRepH1, div.topRepH2
{
  position: relative;
  left: 0px; top: 0px; width: 460px; height: 20px;
  border-width: 0px; border-color: red; border-style: solid;
  padding: 3px;
}    
div.topRepH2 { position: absolute; left: 482px; top: 0px; }
div.topRepV1, div.topRepV2
{
  position: relative;
  left: 0px; top: 0px; width: 468px; height: 449px;
  border-width: 1px; border-color: #cccccc; border-style: solid;
  padding: 1px;
  overflow-y: scroll;  overflow-x: hidden;
}
div.topRepV2 { position: absolute; left: 482px; top: 26px; }
div.topRepBottom
{
  position: relative;
  left: 0px; top: 0px; width: 865px; height: auto;
  border-width: 1px; border-color: red; border-style: solid;
  font-size: 14px; line-height: 16px;
  font-family: Arial, Helvetica; 
  color: #333333;
  padding: 1px;
}

/* video item display classes */
div.ItemRow1,div.ItemRow2
{
  position: relative;
  margin: 2px; height: 52px; width: 446px;
  border-width: 1px; border-color: #EEEEEE; border-style: solid;
  background-color: #F4F4F4;
  color: #333333;
  text-decoration: none;
  /* cursor: pointer; - before 2011-07-27.  then removed double-linking */
  overflow: hidden; 
}
div.ItemRow2        { background-color: white; }
div.ItemRow1:hover  { background-color: #fff7f3; }
div.ItemRow2:hover  { background-color: #fff7f3; }
div.ItemImage
{
  position: absolute;
  width: 100px; height: 50px;
  border-width: 1px; border-color: white; border-style: solid;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
div.ItemTitle
{
  position: absolute;
  left: 106px; top: 1px; right: 2px; height: 32px;
  font-size: 14px; line-height: 16px; font-family: Arial, Helvetica; font-weight: normal;
  border-width: 0px; border-color: blue; border-style: solid;
  overflow: hidden;
  color: #0033cc; text-decoration: none;
}
div.ItemStars
{
  position: absolute;
  left: 106px; top: 35px; width: 60px; height: 12px;
  border-width: 0px; border-color: blue; border-style: solid;
  overflow: hidden;
}
div.ItemViews
{
  position: absolute;
  left: 172px; top: 35px; width: 160px; height: 14px;
  font-size: 12px; line-height: 14px; font-family: Arial, Helvetica; font-weight: normal;
  color: black;
  border-width: 0px; border-color: blue; border-style: solid;
  overflow: hidden;
  white-space: nowrap;
}
div.ItemRepeats
{
  position: absolute;
  top: 35px; right: 2px; width: 80px; height: 14px;
  font-size: 12px; line-height: 14px; font-family: Arial, Helvetica; font-weight: normal;
  color: black;
  border-width: 0px; border-color: blue; border-style: solid;
  overflow: hidden;
  white-space: nowrap;
  text-align: right; 
}

.gsc-modal-background-image, .gsc-modal-background-image-visible {display:none !important;}

.gsc-url-top {display:none !important;}


 


.gs-webResult.gs-result .gsc-thumbnail-insideoff,
.gs-webResult.gs-result .gsc-url-top,
.gs-webResult.gs-result .gsc-table-result {
  overflow: hidden; } 
 

#gcs-search-box, #searchDiv {width:420px !important;left:122px; background-color: Transparent;}

.gsc-results-wrapper-overlay, .gsc-results-wrapper-visible {
  top: 86px !important; padding: 0px !important; margin: -1px !important;
   height: calc(100vw - 120px);
    left: calc(100% - 565px) !important;
   right: 70px !important; 
  max-width:600px !important;
  box-shadow: unset !important;
  }
  .gsc-orderby, .gsc-option-menu {margin-right:min(7vw,250px) !important;}
.gsc-webResult, .gsc-result {max-width: 720px !important; padding:3px !important; bottom:-3px !important;}

.gsc-results-wrapper-visible .gs-image img {width:unset; border-radius:4px;}
             

                          
/* YoutubeRepeater styles end */
            .videoSocial {opacity:0.0!important;}
.videoYTLink {opacity:0.3!important;}
.videoMiniImage {margin-right: 107px;}
#gsc-i-id1 { font-size:20px; }
.videoStars {display:none}
.gsc-url-top{display:none !important;}
.gsc-control-cse .gs-spelling,.gsc-control-cse .gs-result .gs-title,.gsc-control-cse .gs-result .gs-title *{font-size:14px !important;}







#gecko:hover {
    animation:hover 2.1s linear infinite !important;
}

@keyframes spin{
  0%{transform:translate(0) rotate(0deg) scale(1)}
  10%{transform:translate(0) rotate(-15deg) scale(0.8) }
  80%{transform:translate(0) rotate(360deg) scale(0.65); opacity: 0.8}
  93%{transform:translate(0) rotate(410deg) scale(0.72); opacity: 0.3}
  100%{transform:translate(49%,68%) rotate(360deg) scaleX(-1) scale(1); opacity: 1}
}

@keyframes hover{
  0%{transform: rotate(1deg) scale(0.82) ;}
  100%{transform: rotate(360deg) scale(0.88);}
}

                
.gsc-input-box {background-color: rgba(255,255,255,0.47); margin-left:-35px; width:min(100vw, 487px);}
    .gsc-input-box  input    {background-color: rgba(255,255,255,0.6); border-radius: 3px}
  #Div1 input {         background-color: rgba(255,255,255,0.67) !important;}
video, #player {     max-with: 100vw !important;
  position: relative;
  z-index: 20002000 !important;
}

#ambientFX {
  position: fixed;
  pointer-events: none;
  z-index: 20000000;
  display: flex;
  align-items: flex-end;
  opacity: 0.55;
  transition: opacity .5s ease;    
}
#ambientFX.active {
  opacity: 0.72;
}
#ambientFX.faint {opacity: 0.5;}
.afx-bar {
  flex: 1;
  margin: 0;
  height: 100%;
  transform-origin: bottom;
  transform: scaleY(0.2);
  transition: transform 0.1s linear;
  background: rgba(110,190,175,0.15);       
}    
#logo     {background-color: transparent}

#gs_tti50::before::after {
  content: "(=Google Videos Site:Youtube.com)";
  position: absolute;
  bottom: 100%;
  left: 0;
  border: 1px #555 solid;
  border-radius: 2px;
  background: #eee;
  color: #111;
  padding: 5px;
  font-size: 12px; line-height:7px;
  white-space: nowrap;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.2s;
}

#gs_tti50::before::after:hover{
  opacity: 1;
}
.gsc-results-wrapper-overlay
               {
  scrollbar-width: none;        /* Firefox */
  -ms-overflow-style: none;     /* IE/Edge legacy */
}                
.gsc-results-wrapper-overlay::-webkit-scrollbar {
  display: none;                /* Chrome, Safari, Edge */
}

.gs-image { transition: opacity 0.4 ease, filter 0.4s ease; }

#header_row,
#_ctl0_Content_videoBottom1, #_ctl0_Content_timeBox  { transition: opacity 3.5s ease; }

.menu_row { transition: opacity 3.5s ease, background-color 3.5s ease; }

body{ transition: background-color 3.5s ease; }

 body.dim div#container, div#container { transition: box-shadow 3.5s ease, background-color 3.5s ease !important; }

.gsc-results-wrapper-overlay,
.gsc-results-wrapper-visible,
.gsc-webResult,
.gsc-result {
  transition: background-color 3.5s ease, border-color 3.5s ease;
}

   #ambientFX { transition: opacity 2.5s ease;}
     body.dim  #_ctl0_Content_timeBox {opacity: 0.45 !important; }
                       gsc-control-cse gsc-control-cse-en     {background-color: transparent !important; }
#_ctl0_Content_videoRelated1      { overflow-y: hidden; background-color: transparent !important;  }
                              background-color: transparent !important
            .gs-image    {opacity:0.9; filter:blur(0.15px); transition: all 0.17s ease; }  
             .gs-image:hover    {opacity:1; filter:blur(0)} 

       body.dim  .gs-image   {opacity:0.54; filter:blur(5.4px)}  
  body.dim  #header_row  {opacity:0.3}     
  body.dim #_ctl0_Content_videoBottom1  {opacity:0} 
 #___gcse_2  .gsc-above-wrapper-area-container,
  .gcsc-find-more-on-google   {visibility:hidden;}
 #___gcse_2   .gsc-results-wrapper-overlay,
    #___gcse_2 .gsc-results-wrapper-visible {  height: calc(100vw -190px) !important; }
  
                                               /*
 class="gsc-cursor-box gs-bidi-start-align" */
 @media (prefers-color-scheme: light)    {    
 body.dim { background-color: #999 !important;  }     
 body.dim  div#container {  box-shadow: inset 0 0 3vw 3vw #999 !important; background-color: #b9b8b3!important; } 
 div#container {        transition:box-shadow 3s ease;      }
/* body.dim  .gsc-results-wrapper-overlay, body.dim .gsc-results-wrapper-visible  {background-color:#aaa !important; }    
*/
 body.dim   .gsc-webResult, body.dim  .gsc-result  {background-color:#b9b8b3 !important; border-color:#a1a1a1 !important; }
    
 }
@media (prefers-color-scheme: dark) { .afx-bar{ padding-bottom: 0px !important } 
body.dim {  background-color: #000 !important;    }
body.dim  .gsc-results-wrapper-overlay, body.dim .gsc-results-wrapper-visible,
 body.dim   .gsc-webResult, body.dim   {background-color: #000!important;border-color:#111 !important; 
}
 .gsc-webResult-divider {display:none !important}
  
 }
#ambientFX.frozen {opacity:0}
        .menu_row a {color:rgba(120,120,120,0.55) !important;}
 #header_row,  .menu_row , #footer_row, #banner   {background-color:transparent !important;  }
 
 
 
 .gs-webResult.gs-result .gsc-table-cell-thumbnail {
  float: left;    min-width:160px;   margin-right:13px; margin-left:-8px;

}
 
  .gsc-table-result, .gs-title {max-width: 413px !important;}
.gs-title {max-height: 26px;}
    .gsc-table-result { max-height: 72px;}
  
 @media screen and (max-width: 987px) {
  .gs-webResult.gs-result .gsc-table-cell-thumbnail {
  float: center;  margin-right:13px; margin-left:-15px;  }
.gs-image img {object-fit:contain !important;     }
}
}
 
.gs-stylized-error-message {opacity:0.2;}
 
 
 
 
 .tag {     position:absolute;  
  background:rgba(225,222,222,0.7);
  border-radius:5px; border:2px solid #888; 
  font-size:15px; line-height:17px; font-family: Arial Narrow;
  cursor:pointer; 

  z-index:2147483647 !important;
  user-select:none; color:#555; font-weight:400;  
}         
.on{
  background:rgba(236,235,208,0.7);
  border-color:#fe0;  color:#555
}
#before { top:39px; left:278px;
}
#quote { top:39px; left:368px;
}