/* Agoras. This file is served to paying members. The feed behind it, and the timing that makes it worth paying for, are ours. Want one this fast? Learn to build it. Copying ours is theft. */



















































@media (max-width:860px) and (hover:hover) and (pointer:fine){
  :root[data-rail="full"] .shell{grid-template-columns:var(--rail) minmax(0,1fr) !important}
  :root[data-rail="full"] .rail{width:var(--rf-open, 176px) !important}
  :root[data-rail="full"][data-rail-peek] .rail{width:76px !important}
  :root[data-rail="full"] .rail-sec,
  :root[data-rail="full"] .rail-foot{align-items:normal !important;justify-content:normal !important}
  :root[data-rail="full"] .rail-links a.rail-lk > span,
  :root[data-rail="full"] .rail-me .rail-you .rail-who{display:block !important}
  .rail > .rail-fold{display:flex !important}
}
















.jp-mfold,.jp-mlogo,.jp-mtop,.jp-mscrim{display:none}

@media (max-width:860px) and (hover:none){
  .rail .jp-mfold{
    display:grid;place-items:center;flex:none;
    width:var(--ric,38px);height:30px;margin:-6px 0 0;padding:0;
    border:0;border-radius:10px;background:transparent;color:var(--ink-3);
    cursor:pointer;-webkit-tap-highlight-color:transparent;
  }
  .rail .jp-mfold svg{width:18px;height:18px}
  .rail .jp-mfold:active{background:var(--tint);color:var(--ink)}
  
  :root[data-mrail="peek"] .jp-mfold .fold-col{opacity:0}

  



  .shell > .rail{
    top:calc(10px + env(safe-area-inset-top,0px)) !important;
    height:calc(100dvh - 20px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px)) !important;
  }

  :root[data-mrail="hidden"] .shell,
  :root[data-mrail="peek"] .shell{grid-template-columns:minmax(0,1fr) !important}
  :root[data-mrail="hidden"] .shell > .rail{display:none !important}

  :root[data-mrail="peek"] .shell > .rail{
    position:fixed !important;z-index:1001 !important;
    top:calc(8px + env(safe-area-inset-top,0px)) !important;
    left:calc(8px + env(safe-area-inset-left,0px)) !important;
    bottom:auto !important;height:auto !important;
    max-height:calc(100dvh - 16px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px)) !important;
    overflow-y:auto !important;overscroll-behavior:contain;
    box-shadow:0 18px 50px rgba(0,0,0,.28),0 2px 8px rgba(0,0,0,.12) !important;
  }
  :root[data-mrail="peek"] .jp-mscrim{
    display:block;position:fixed;inset:0;z-index:1000;
    background:rgba(12,12,16,.34);
    -webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);
  }
  :root[data-mrail="peek"],:root[data-mrail="peek"] body{overflow:hidden}

  
  :root[data-mrail="hidden"] .jp-mlogo,:root[data-mrail="peek"] .jp-mlogo{
    display:grid;place-items:center;flex:none;position:relative;
    width:40px;height:36px;padding:0;margin:0;border:0;border-radius:10px;
    background:transparent;cursor:pointer;-webkit-tap-highlight-color:transparent;
  }
  .jp-mlogo img{display:block;width:30px;height:30px;object-fit:contain}
  :root[data-mode="dark"] .jp-mlogo img{filter:invert(1)}
  .jp-mlogo:active{transform:scale(.94)}

  


  :root[data-mrail][data-mlogo="bar"] .rf-bar{position:relative}
  :root[data-mrail][data-mlogo="bar"] .rf-bar > #rf-hz{
    position:absolute;left:29px;top:2px;z-index:1;
    width:13px;height:13px;min-width:0;padding:0;margin:0;gap:0;
    display:grid;place-items:center;border:0;border-radius:50%;
    background:var(--paper);box-shadow:none;pointer-events:none;
  }
  :root[data-mrail][data-mlogo="bar"] .rf-bar > #rf-hz::after{display:none}
  :root[data-mrail][data-mlogo="bar"] .rf-bar > #rf-hz .rf-dot{width:8px;height:8px}
  :root[data-mrail][data-mlogo="bar"] .rf-bar > #rf-hz > span{display:none}

  
  :root[data-mrail="hidden"] .jp-mtop,:root[data-mrail="peek"] .jp-mtop{
    display:flex;align-items:center;gap:8px;height:44px;margin:0 0 4px;padding:0 6px 0 2px;
  }
  .jp-mtop-t{font-size:17px;font-weight:600;letter-spacing:-.01em;color:var(--ink)}
}

@media (max-width:560px){
  .shell > .rail{
    top:calc(8px + env(safe-area-inset-top,0px)) !important;
    height:calc(100dvh - 16px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px)) !important;
  }
}














@media (max-width:560px) and (hover:none){
  :root[data-rf] .jc{
    grid-template-columns:minmax(0,1fr);
    gap:12px;padding:10px 10px 12px;align-items:start;
  }
  :root[data-rf] .jc-media{grid-template-columns:minmax(0,1fr);gap:8px;align-content:start}
  :root[data-rf] .jc-shot{
    width:100%;aspect-ratio:4 / 5;max-height:68vh;min-height:0;
    border-radius:12px;align-self:start;
  }
  :root[data-rf] .jc-shot > img{width:100%;height:100%;object-fit:cover}
  :root[data-rf] .jc-shot.rf-wide > img{object-fit:contain}
  :root[data-rf] .jc-count{font-size:12px}

  
  :root[data-rf] .jc-thumbs{
    grid-column:1 / -1;display:flex;flex-direction:row;gap:6px;
    height:auto;max-height:none;min-height:0;width:auto;overflow:hidden;
  }
  :root[data-rf] .jc-thumbs .jc-thumb,:root[data-rf] .jc-thumbs .jc-more{
    flex:1 1 0;min-width:0;width:auto;height:auto;max-width:64px;aspect-ratio:1;
    border-radius:8px;
  }
  :root[data-rf] .jc-thumbs .jc-more{position:static;font-size:13px}

  :root[data-rf] .jc-body{
    display:flex;flex-direction:column;gap:7px;min-width:0;min-height:0;
    max-height:none;padding:0 4px;
  }
  :root[data-rf] .jc-top{display:flex;align-items:flex-start;gap:10px;min-width:0}
  :root[data-rf] .jc-title{
    flex:1 1 auto;min-width:0;width:auto;
    font-size:16px;line-height:1.35;font-weight:500;
    display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
    white-space:normal;
  }
  :root[data-rf] .jc-mkbadge{flex:none;width:30px;height:30px}
  :root[data-rf] .jc-brandline{margin-top:-2px;font-size:12.5px;letter-spacing:.08em;
                               white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  :root[data-rf] .jc-meta{display:flex;flex-wrap:wrap;align-items:center;gap:0 8px;
                          margin:0;font-size:12.5px;color:var(--ink-3)}
  :root[data-rf] .jc-meta .jc-ago{display:inline}

  :root[data-rf] .jc-price{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px;margin:2px 0 0}
  :root[data-rf] .jc-eur{font-size:24px;line-height:1.1}
  :root[data-rf] .jc-jpy{font-size:14px}
  :root[data-rf] .jc-new{font-size:11.5px;align-self:center}

  :root[data-rf] .jc-sellerwrap{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;
                                justify-content:flex-start;gap:4px 12px;min-width:0;width:auto;text-align:left}
  :root[data-rf] .jc-seller{min-width:0;max-width:100%;justify-content:flex-start}
  :root[data-rf] .jc-score{justify-content:flex-start;width:auto}
  :root[data-rf] .jc-sname{max-width:none;min-width:0;font-size:14px;
                           white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  :root[data-rf] .jc-score{font-size:13px}

  :root[data-rf] .jc-facts{display:flex;flex-wrap:wrap;gap:6px}
  :root[data-rf] .jc-cond{font-size:12.5px;white-space:nowrap}
  :root[data-rf] .jc-desc,:root[data-rf] .jc-readmore{display:none}

  

  :root[data-rf] .jc-act{
    display:flex;flex-wrap:nowrap;align-items:center;gap:8px;
    margin:4px 0 0;width:100%;min-width:0;height:auto;
  }
  :root[data-rf] .jc-act > .btn,
  :root[data-rf] .jc-act > .jc-buy,
  :root[data-rf] .jc-act > .jc-open{
    flex:1 1 0;min-width:0;width:auto;max-width:none;height:46px;
    padding:0 14px;font-size:15px;border-radius:999px;margin:0;
  }
  :root[data-rf] .jc-act > .jc-neg{
    flex:1 1 0;min-width:0;height:46px;padding:0 12px;font-size:14.5px;margin:0;
  }
  :root[data-rf] .jc-act > button:not(.btn):not(.jc-neg):not(.jc-readmore),
  :root[data-rf] .jc-act > .jc-steal,
  :root[data-rf] .jc-act > .jc-spam{
    flex:none;width:46px;height:46px;min-width:46px;padding:0;margin:0;
    display:grid;place-items:center;
  }
  :root[data-rf] .jc-act > .jc-steal{border-radius:50%}
  :root[data-rf] .jc-act > .jc-steal .js-steal-t{display:none}
  



  :root[data-rf] .jc-act:has(> .jc-neg){flex-wrap:wrap;row-gap:8px}
  :root[data-rf] .jc-act:has(> .jc-neg) > .btn-primary{flex:1 1 100%}
  :root[data-rf] .jc.is-negotiating .jc-media{display:none}

  






  :root[data-rf] .jc-body > .jc-act,
  :root[data-rf] .jc-body > .jc-negbox{order:-1}
  :root[data-rf] .jc-body > .jc-act{margin:0 0 5px}

  




  :root[data-rf] #jp-feed .jc-shot{touch-action:pan-y pinch-zoom;isolation:isolate}
  :root[data-rf] #jp-feed .jc-peek{
    position:absolute;inset:0;pointer-events:none;
    background:var(--paper-3) center / cover no-repeat;
  }

  


  :root[data-rf] .fset-lay{display:none !important}
}










@media (max-width:560px) and (hover:none){
  :root .fl2 .fl-row{
    grid-template-columns:49px minmax(0,1fr) auto;
    grid-template-areas:"sw name dots" "tiles def ab";
    column-gap:12px;row-gap:4px;align-items:center;
    padding:12px 12px 12px 14px;min-height:0;
  }
  :root .fl2 .fl-row > .sw{grid-area:sw}
  :root .fl2 .fl-row > .fl-tiles{grid-area:tiles;justify-self:center;align-self:start;margin-top:2px}
  :root .fl2 .fl-row > .fl-text{display:contents}
  :root .fl2 .fl-row .fl-name{grid-area:name;min-width:0;font-size:15px}
  :root .fl2 .fl-row .fl-name .fl-nb{white-space:normal;overflow:visible;text-overflow:clip;
                               display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
  :root .fl2 .fl-row .fl-def{
    grid-area:def;min-width:0;display:flex;flex-wrap:wrap;align-items:center;
    gap:2px 8px;max-height:3.1em;overflow:hidden;font-size:13px;line-height:1.5;
  }
  :root .fl2 .fl-row .fl-def > span{flex:none;min-width:0;max-width:100%;
                              white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  :root .fl2 .fl-row .fl-def > .fl-hair{flex:none}
  


  :root .fl2 .fl-row > .fl-ab{grid-area:ab;justify-self:end;display:flex;align-items:center;gap:7px}
  :root .fl2 .fl-row > .fl-ab:has(.sw)::before{content:"Auto-buy";font-size:12px;color:var(--ink-3);white-space:nowrap}
  :root .fl2 .fl-row > .fl-dots{grid-area:dots;justify-self:end;width:40px;height:40px;margin-right:-6px}
  :root .fl2 .fl-row > .fl-num,:root .fl2 .fl-row > .fl-grip{display:none}
}




@media (max-width:560px) and (hover:none){
  
  .main{padding-bottom:calc(20px + env(safe-area-inset-bottom,0px))}

  



  :root .setwrap .setnav{
    display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;
    overflow:visible;height:auto;border-radius:18px;padding:4px;
  }
  :root .setwrap .setnav .setnav-i{min-width:0;width:100%;justify-content:flex-start;height:36px}
  :root .setwrap .setnav .setnav-l{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  


  :root .setpanes .setpane .set-card > .set-2fa{min-width:0;max-width:100%}
  :root .set-2fa-to{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis}

  


  :root .ah-conn{display:grid;grid-template-columns:7px minmax(0,1fr);column-gap:9px;
                 align-items:baseline}
  :root .ah-conn > .ah-conn-dot{align-self:start;margin-top:.45em}
  :root .ah-conn > :not(.ah-conn-dot){grid-column:2}

  
  :root .set-badge{font-size:12px}
  
  :root .jcol-note,:root .ab-note{font-size:12px}
  .kicker{font-size:12px}
}










:root[data-mpark] #jp-feed > .jc:not(.jp-seen){display:none !important}




@media (max-width:860px) and (hover:none){
  




  html,body{overflow-x:clip;overscroll-behavior-x:none}

  

  :root .sg-box:has(> #set-howitworks){display:none}
}