/* 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. */















































:root{
  --tr-fill-a:rgba(255,255,255,.10);  --tr-fill-b:rgba(255,255,255,.40);
  --tr-body-a:rgba(255,255,255,.50);  --tr-body-b:rgba(255,255,255,.80);
  --tr-glint:rgba(22,21,19,.30);      --tr-rim:rgba(255,255,255,.62);
  --tr-in-hi:rgba(22,21,19,.05);      --tr-in-lo:rgba(255,255,255,.60);
  --tr-in-wash:rgba(255,255,255,.24); --tr-drop:rgba(22,21,19,.16);
  --tr-ico:rgba(22,21,19,.62);        --tr-hair:rgba(22,21,19,.12);
  --tr-cast:0 24px 54px -22px rgba(22,21,19,.42), 0 2px 6px -2px rgba(22,21,19,.10);
  --tr-pool:rgba(22,21,19,.07);       --tr-sheen:rgba(255,255,255,.55);
}
:root[data-mode="dark"]{
  --tr-fill-a:rgba(8,8,10,.14);       --tr-fill-b:rgba(8,8,10,.42);
  --tr-body-a:rgba(14,14,16,.58);     --tr-body-b:rgba(14,14,16,.82);
  --tr-glint:rgba(242,243,245,.48);   --tr-rim:rgba(8,8,10,.50);
  --tr-in-hi:rgba(242,243,245,.06);   --tr-in-lo:rgba(8,8,10,.50);
  --tr-in-wash:rgba(8,8,10,.22);      --tr-drop:rgba(242,243,245,.10);
  --tr-ico:rgba(242,243,245,.78);     --tr-hair:rgba(242,243,245,.12);
  --tr-cast:0 24px 54px -22px rgba(0,0,0,.85), 0 2px 6px -2px rgba(0,0,0,.5);
  --tr-pool:rgba(255,255,255,.07);    --tr-sheen:rgba(255,255,255,.15);
}



@property --tr-a{syntax:"<angle>";inherits:false;initial-value:-75deg}









.tr-scrim{
  position:fixed; inset:0; z-index:1000; pointer-events:none;
  background:transparent;
  transition:opacity .32s ease;
}
.tr-scrim.is-enter, .tr-scrim.is-leave{opacity:0}
.tr-hole{
  position:fixed; pointer-events:none; border-radius:16px;
  box-shadow:0 0 0 9999px var(--scrim);
  

  outline:2px solid var(--ink); outline-offset:3px;
  transition:outline-color .25s ease;
}
.tr-hole.is-moving{
  transition:left .5s cubic-bezier(.2,.8,.2,1), top .5s cubic-bezier(.2,.8,.2,1),
             width .5s cubic-bezier(.2,.8,.2,1), height .5s cubic-bezier(.2,.8,.2,1),
             border-radius .5s cubic-bezier(.2,.8,.2,1), outline-color .25s ease;
}

.tr-scrim.is-plain .tr-hole{outline-color:transparent}



.tr-scrim.is-quiet .tr-hole{box-shadow:none}





.tr-box{
  position:fixed; left:0; top:0; z-index:1010; pointer-events:auto;
  width:min(372px, calc(100vw - 32px));
  max-height:calc(100vh - 24px); overflow:hidden; overscroll-behavior:contain;
  padding:18px 20px 16px;
  border:0; border-radius:26px; isolation:isolate;
  color:var(--ink);
  background:linear-gradient(-75deg, var(--tr-body-a), var(--tr-body-b), var(--tr-body-a));
  box-shadow:inset 0 .125em .125em var(--tr-in-hi),
             inset 0 -.125em .125em var(--tr-in-lo),
             0 .25em .125em -.125em var(--tr-drop),
             inset 0 0 .1em .25em var(--tr-in-wash),
             var(--tr-cast);
  -webkit-backdrop-filter:blur(14px) saturate(1.15);
          backdrop-filter:blur(14px) saturate(1.15);
  will-change:transform;
  



  view-transition-name:tr-box;
}


.tr-box::after, .tr-btn::after, .tr-tile::after, .tr-row::after{
  content:""; position:absolute; inset:0; border-radius:inherit; padding:1px;
  pointer-events:none; z-index:1;
  background:conic-gradient(from var(--tr-a) at 50% 50%, var(--tr-glint) 0%, transparent 5% 40%,
                            var(--tr-glint) 50%, transparent 60% 95%, var(--tr-glint) 100%),
             linear-gradient(180deg, var(--tr-rim), var(--tr-rim));
  -webkit-mask:linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite:xor; mask-composite:exclude;
  transition:--tr-a .5s ease;
}
.tr-box.is-moving{transition:transform .5s cubic-bezier(.2,.8,.2,1)}


.tr-box:focus, .tr-box:focus-visible{outline:none}

@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
  .tr-box{background:var(--paper-2)}
}



@media (max-width:900px){
  .tr-box{
    left:16px !important; right:16px !important; width:auto;
    top:auto !important; bottom:16px !important; transform:none !important;
  }
}





@keyframes tr-in{from{opacity:0; transform:translateY(8px); filter:blur(6px)}
                 to{opacity:1; transform:none; filter:none}}
@keyframes tr-out{to{opacity:0; transform:translateY(-6px); filter:blur(6px)}}
@keyframes tr-box-in{from{opacity:0} to{opacity:1}}
@keyframes tr-box-out{to{opacity:0; filter:blur(4px)}}
.tr-in{position:relative; z-index:2}
.tr-in > *{animation:tr-in .5s cubic-bezier(.2,.8,.2,1) both}
.tr-in > :nth-child(2){animation-delay:.06s}
.tr-in > :nth-child(3){animation-delay:.12s}
.tr-in > :nth-child(4){animation-delay:.18s}
.tr-in > :nth-child(5){animation-delay:.24s}
.tr-in > :nth-child(6){animation-delay:.30s}
.tr-in > :nth-child(n+7){animation-delay:.36s}
.tr-in.is-out{animation:tr-out .16s ease-in both}
.tr-in.is-out > *{animation:none}
.tr-box.is-enter{animation:tr-box-in .35s ease both}
.tr-box.is-leave{animation:tr-box-out .26s ease-in both; pointer-events:none}
@media (prefers-reduced-motion:reduce){
  .tr-in > *, .tr-in.is-out, .tr-box.is-enter, .tr-box.is-leave{animation:none}
  .tr-box.is-moving, .tr-hole.is-moving, .tr-scrim{transition:none}
}




.tr-prog{display:flex; align-items:center; gap:4px; margin:0 0 14px}
.tr-seg{
  position:relative; flex:1 1 0; height:2px; border-radius:1px; overflow:hidden;
  background:color-mix(in srgb, var(--ink) 16%, transparent);
}
.tr-seg.on{background:var(--ink)}
.tr-seg.is-new{background:color-mix(in srgb, var(--ink) 16%, transparent)}
.tr-seg.is-new::before{
  content:""; position:absolute; inset:0; background:var(--ink);
  transform-origin:left; animation:tr-seg-fill .45s cubic-bezier(.2,.8,.2,1) .1s both;
}
@keyframes tr-seg-fill{from{transform:scaleX(0)} to{transform:scaleX(1)}}


.tr-t{margin:0 0 8px; font-size:17px; font-weight:700; line-height:1.25;
      letter-spacing:-.01em; color:var(--ink)}
.tr-b{margin:0; font-size:13.5px; line-height:1.5; color:var(--ink-2)}
.tr-b + .tr-b{margin-top:8px}
.tr-b b{color:var(--ink); font-weight:700}


.tr-more{
  margin-top:12px; padding-top:10px; border-top:1px solid var(--tr-hair);
  font-size:12.5px; line-height:1.45; color:var(--ink-2);
}





.tr-btn{
  position:relative; isolation:isolate;
  display:inline-flex; align-items:center; justify-content:center; gap:9px;
  height:40px; padding:0 18px; margin:0; border:0; border-radius:9999px;
  font:inherit; font-size:13.5px; font-weight:700; line-height:1; color:var(--ink);
  cursor:pointer; -webkit-appearance:none; appearance:none; text-decoration:none;
  white-space:nowrap;
  background:linear-gradient(-75deg, var(--tr-fill-a), var(--tr-fill-b), var(--tr-fill-a));
  box-shadow:inset 0 .125em .125em var(--tr-in-hi), inset 0 -.125em .125em var(--tr-in-lo),
             0 .25em .125em -.125em var(--tr-drop), inset 0 0 .1em .25em var(--tr-in-wash);
  transition:transform .4s cubic-bezier(.25,1,.5,1), box-shadow .4s cubic-bezier(.25,1,.5,1),
             color .15s, background .15s;
}
.tr-btn:hover{
  transform:scale(.985);
  box-shadow:inset 0 .125em .125em var(--tr-in-hi), inset 0 -.125em .125em var(--tr-in-lo),
             0 .15em .05em -.1em var(--tr-drop), inset 0 0 .05em .1em var(--tr-in-wash);
}
.tr-btn:hover::after, .tr-btn:focus-visible::after{--tr-a:-125deg}
.tr-btn:active{transform:scale(.96)}
.tr-btn:focus-visible{outline:2px solid var(--ink); outline-offset:2px}
.tr-btn svg{width:16px; height:16px; display:block; flex:none}
.tr-btn.is-icon{width:40px; padding:0}



.tr-btn.tr-next{padding-right:6px; padding-left:16px}
.tr-disc{
  display:grid; place-items:center; width:28px; height:28px; border-radius:9999px;
  background:var(--ink); color:var(--on-ink); flex:none;
  transition:transform .3s cubic-bezier(.25,1,.5,1);
}
.tr-disc svg{width:14px; height:14px}
.tr-btn.tr-next:hover .tr-disc{transform:translateX(2px)}



.tr-btn[disabled], .tr-btn.is-waiting{
  opacity:.45; cursor:not-allowed; transform:none;
}
.tr-btn[disabled] .tr-disc{transform:none}
.tr-act{display:flex; align-items:center; gap:8px; margin-top:16px}
.tr-act .tr-next{margin-left:auto}





.tr-foot{
  display:flex; align-items:center; justify-content:space-between; gap:10px;
  margin-top:14px; padding-top:12px; border-top:1px solid var(--tr-hair);
}
.tr-btn.tr-skip{height:32px; padding:0 13px; font-size:12.5px; color:var(--ink-3)}
.tr-btn.tr-skip:hover, .tr-btn.tr-end:hover{
  color:#FFFFFF; background:var(--danger);
  box-shadow:0 .25em .125em -.125em rgba(0,0,0,.25);
}
.tr-btn.tr-skip:hover::after, .tr-btn.tr-end:hover::after{opacity:0}
.tr-btn.tr-skip:focus-visible, .tr-btn.tr-end:focus-visible{outline-color:var(--danger)}
.tr-hint{font-size:12px; line-height:1.4; color:var(--ink-3); text-align:right}
.tr-hint b{color:var(--ink-2); font-weight:600}




.tr-why{
  margin:10px 0 0; padding-top:9px; border-top:1px solid var(--danger-rule);
  font-size:12.5px; line-height:1.45; color:var(--danger);
}
.tr-why[hidden]{display:none}






.tr-tiles{display:grid; grid-template-columns:1fr 1fr; gap:10px; margin:16px 0 2px}
.tr-tile, .tr-row{
  position:relative; isolation:isolate; overflow:hidden;
  display:flex; align-items:center; gap:10px;
  border-radius:14px; text-align:left; color:var(--ink);
  background:linear-gradient(-75deg, var(--tr-fill-a), var(--tr-fill-b), var(--tr-fill-a));
  box-shadow:inset 0 .125em .125em var(--tr-in-hi), inset 0 -.125em .125em var(--tr-in-lo),
             0 .25em .125em -.125em var(--tr-drop), inset 0 0 .1em .25em var(--tr-in-wash);
}
.tr-tile{height:46px; padding:0 14px 0 13px; font-size:13px; font-weight:600; white-space:nowrap}
.tr-tile svg, .tr-row-ic svg{width:17px; height:17px; flex:none; display:block}
.tr-tile svg{color:var(--ink-2); opacity:.9}



.tr-tile::before, .tr-row::before{
  content:""; position:absolute; inset:0; border-radius:inherit; z-index:2; pointer-events:none;
  background:linear-gradient(105deg, transparent 42%, var(--tr-sheen) 50%, transparent 58%);
  background-size:280% 100%; background-position:100% 0; background-repeat:no-repeat;
  animation:tr-sheen 9s cubic-bezier(.45,.05,.55,.95) infinite;
  animation-delay:calc(var(--i, 0) * -.75s);
}
@keyframes tr-sheen{0%{background-position:100% 0} 25%,100%{background-position:0% 0}}
.tr-rows{display:flex; flex-direction:column; gap:8px; margin:16px 0 2px}
.tr-row{padding:10px 14px 10px 10px; gap:12px}
.tr-row-ic{
  flex:none; display:grid; place-items:center; width:34px; height:34px;
  border-radius:9999px; background:var(--ink); color:var(--on-ink);
}
.tr-row-t{min-width:0}
.tr-row-t b{display:block; font-size:13.5px; font-weight:700; line-height:1.3; color:var(--ink)}
.tr-row-t span{display:block; margin-top:2px; font-size:12.5px; line-height:1.4; color:var(--ink-2)}
@media (prefers-reduced-motion:reduce){
  .tr-tile::before, .tr-row::before{animation:none; opacity:0}
}






.tr-box.is-hero{width:min(468px, calc(100vw - 32px)); padding:24px 26px 20px; text-align:center}
.tr-hero{display:flex; flex-direction:column; align-items:center}
.tr-greet{
  margin:4px 0 10px; font-size:27px; font-weight:400; letter-spacing:-.02em;
  line-height:1.15; color:var(--ink);
}



.tr-wm{display:inline-block; height:.88em; width:auto; vertical-align:-.294em; margin:0 .01em 0 .06em}
:root[data-mode="dark"] .tr-wm{filter:invert(1)}
.tr-box.is-hero .tr-b{text-align:center; max-width:36em}
.tr-box.is-hero .tr-tiles{width:100%}
.tr-act.is-hero{justify-content:space-between; margin-top:18px}
.tr-act.is-hero .tr-next{margin-left:0}





.tr-mark{display:flex; flex-direction:column; align-items:center; margin-bottom:10px}
.tr-plogo{display:block; max-width:200px; max-height:52px; width:auto; height:auto; object-fit:contain}
:root[data-mode="dark"] .tr-plogo{filter:invert(1)}
.tr-word{display:block; font-size:29px; line-height:1.05; font-weight:700; letter-spacing:.03em; color:var(--ink)}


.tr-word[hidden]{display:none}




.tr-confetti{position:fixed; inset:0; z-index:1005; pointer-events:none}




.tr-box.is-ask .tr-t{font-size:16px}
.tr-box.is-ask .tr-act{margin-top:16px}
.tr-end{margin-left:auto}





.tr-box.is-quiet{
  box-shadow:inset 0 .125em .125em var(--tr-in-hi),
             inset 0 -.125em .125em var(--tr-in-lo),
             0 .25em .125em -.125em var(--tr-drop),
             inset 0 0 .1em .25em var(--tr-in-wash),
             0 28px 64px -22px rgba(0,0,0,.5), 0 2px 8px -2px rgba(0,0,0,.14);
}




.fl2 .fl-row.is-tour-grip .fl-grip{opacity:1}




.fb-pop{z-index:1020 !important}


.fl-help{
  flex:none; width:32px; height:32px; padding:0 !important;
  border-radius:999px !important;
  display:inline-flex; align-items:center; justify-content:center;
  font-size:15px !important; font-weight:700 !important; line-height:1;
}




.jc-example{position:relative}
.jc-example::before{
  content:"Example listing"; position:absolute; z-index:3; top:10px; left:10px;
  padding:5px 10px; border-radius:999px;
  font-size:10.5px; font-weight:700; letter-spacing:.12em; text-transform:uppercase;
  background:var(--ink); color:var(--on-ink);
}

.jc-example .jc-price,
.jc-example .jc-new{display:none !important}









.tr-box.tr-up{width:min(484px, calc(100vw - 32px)); padding:24px 26px 20px; text-align:center}
.tr-up-head{margin-bottom:4px}
.tr-up-kicker{
  margin:0 0 8px; font-size:11px; font-weight:700;
  letter-spacing:.18em; text-transform:uppercase; color:var(--ink-3);
}
.tr-lockup{display:block; width:auto; height:32px; margin:0 auto 8px; max-width:100%; object-fit:contain}
:root[data-mode="dark"] .tr-lockup{filter:invert(1)}
.tr-up-word{margin:0; line-height:1.1}
.tr-up-tier{
  display:inline-block;
  font-size:34px; font-weight:700; letter-spacing:.06em; line-height:1.1;
  --sheen-gold:var(--gold);
  --sheen-gold-hi:color-mix(in srgb, var(--gold) 55%, var(--paper));
  background-size:200% 100%;
  -webkit-background-clip:text; background-clip:text;
  -webkit-text-fill-color:transparent; color:transparent;
  animation:youmenu-sheen 2s linear infinite;
}
.tr-up-tier.tier-premier{
  background-image:linear-gradient(100deg,
    var(--ink) 0%, var(--ink) 44%,
    var(--sheen-gold) 49%, var(--sheen-gold-hi) 52%, var(--sheen-gold) 55%,
    var(--ink) 60%, var(--ink) 100%);
}
.tr-up-tier.tier-pro{
  background-image:linear-gradient(100deg,
    var(--ink) 0%, var(--ink) 42%,
    color-mix(in srgb, var(--ink) 46%, var(--paper)) 48%,
    color-mix(in srgb, var(--ink) 18%, var(--paper)) 52%,
    color-mix(in srgb, var(--ink) 46%, var(--paper)) 56%,
    var(--ink) 62%, var(--ink) 100%);
}
.tr-up-tier.tier-starter, .tr-up-tier.tier-standard{
  -webkit-text-fill-color:var(--ink); color:var(--ink); animation:none;
}
@media (prefers-reduced-motion: reduce){
  .tr-up-tier{animation:none; -webkit-text-fill-color:var(--ink); color:var(--ink)}
}
.tr-up .tr-b{margin-top:12px}
.tr-up .tr-rows{text-align:left}
.tr-up .tr-act{margin-top:18px}
.tr-up .tr-act .tr-next{margin-left:auto}



.tr-box.is-outro{width:min(440px, calc(100vw - 32px)); padding:24px 26px 20px; text-align:center}
.tr-outro-head{margin-bottom:12px}
.tr-outro-head .tr-up-tier{font-size:28px}
.tr-box.is-outro .tr-t{font-size:16px; line-height:1.4; margin:0}
.tr-box.is-outro .tr-act{justify-content:center; margin-top:18px}
.tr-box.is-outro .tr-act .tr-next{margin-left:0}