/* Auto Faucet spend/earn cards. Only the Auto Faucet page is affected. */
.emrw-auto-flow{box-sizing:border-box;width:100%;max-width:100%;margin:22px 0 20px;text-align:left;color:#eaf1fc}
.emrw-auto-flow *{box-sizing:border-box}
.emrw-auto-flow-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:13px}
.emrw-auto-flow-kicker{display:block;letter-spacing:.14em;font-size:10px;font-weight:750;color:#80a6c8;margin-bottom:4px}
.emrw-auto-flow-heading h3{margin:0;font-size:18px;line-height:1.28;color:#eef5ff;font-weight:750}
.emrw-auto-flow-badge{flex:none;display:inline-flex;gap:6px;align-items:center;padding:6px 10px;border:1px solid rgba(139,178,223,.22);border-radius:20px;color:#adbbd3;background:rgba(139,178,223,.08);font-size:11px}
.emrw-auto-flow-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}
.emrw-auto-flow-group{min-width:0;padding:14px 13px 12px;border-radius:15px;border:1px solid rgba(139,170,215,.2);background:linear-gradient(145deg,rgba(22,32,47,.98),rgba(29,39,57,.92));box-shadow:0 7px 18px rgba(0,0,0,.12)}
.emrw-auto-flow-group header{display:flex;align-items:center;flex-wrap:wrap;gap:6px 8px;margin-bottom:11px}
.emrw-auto-flow-group header > span{display:grid;place-items:center;width:24px;height:24px;border-radius:7px;background:rgba(237,177,112,.1);color:#ffc68b;font-size:17px}
.emrw-auto-flow-group header strong{font-size:11px;letter-spacing:.09em;color:#f5dbbb}
.emrw-auto-flow-group header small{display:block;flex-basis:100%;font-size:10px;color:#9baac1;padding-left:32px;line-height:1.3}
.emrw-auto-flow-earn header > span{background:rgba(88,215,177,.12);color:#7ae6ca}
.emrw-auto-flow-earn header strong{color:#9bf1d5}
.emrw-auto-flow-tile{display:flex;align-items:center;gap:12px;min-width:0;padding:10px 8px;border-radius:11px;background:rgba(6,16,29,.3);border:1px solid rgba(137,160,209,.09)}
.emrw-auto-flow-tile+.emrw-auto-flow-tile{margin-top:8px}
.emrw-auto-flow-icon{width:36px;height:36px;display:grid;place-items:center;flex:none}
.emrw-auto-flow-icon img{display:block;width:32px;height:32px;object-fit:contain}
.emrw-auto-flow-info{display:flex;flex-direction:column;gap:3px;min-width:0}
.emrw-auto-flow-info strong{font-size:22px;line-height:1.15;color:#ffc18a;font-weight:750;font-variant-numeric:tabular-nums;white-space:nowrap}
.emrw-auto-flow-earn .emrw-auto-flow-info strong{color:#8be8cf}
.emrw-auto-flow-info strong small{font-size:11px;color:#aebdd0;font-weight:650}
.emrw-auto-flow-info > span{font-size:11px;color:#aab8ca;line-height:1.35}
.emrw-auto-flow-projection{margin-top:13px;border-radius:13px;border:1px solid rgba(139,170,215,.16);background:rgba(18,28,43,.52);padding:13px}
.emrw-auto-flow-projection-header{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:11px}
.emrw-auto-flow-projection-header > div{display:flex;flex-direction:column;gap:4px}
.emrw-auto-flow-projection-header strong{font-size:12px;color:#e9f1ff}
.emrw-auto-flow-projection-header div span{font-size:10px;color:#9eacc1;line-height:1.45}
.emrw-auto-flow-capacity{font-size:10px;color:#92e7d0;white-space:normal;text-align:right}
.emrw-auto-flow-forecast-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
.emrw-auto-flow-forecast{min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:7px;padding:11px 10px;border-radius:10px;background:rgba(16,26,41,.86);border:1px solid rgba(132,170,210,.13)}
.emrw-auto-flow-forecast-time{font-size:13px;color:#e3edfb}
.emrw-auto-flow-forecast-cost,.emrw-auto-flow-forecast-reward{font-size:10px;line-height:1.55;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}
.emrw-auto-flow-forecast-cost{color:#edc59c}
.emrw-auto-flow-forecast-reward{color:#8bdfc3}
.emrw-auto-flow-forecast-cost span,.emrw-auto-flow-forecast-reward span{color:#8d9bb0;margin:0 1px}
.emrw-auto-flow-forecast-warning{font-size:9px;line-height:1.35;color:#e8bb90;border-top:1px solid rgba(230,182,123,.13);padding-top:6px}
.emrw-auto-flow-insufficient{border-color:rgba(230,182,123,.18)}
.emrw-auto-flow-note{display:flex;align-items:flex-start;gap:7px;text-align:left;margin:13px 1px 0!important;font-size:11px!important;line-height:1.5!important;color:#9eafc4!important}
.emrw-auto-flow-note span{color:#8cc9ee;flex:none}
@media(max-width:700px){.emrw-auto-flow-forecast-grid{grid-template-columns:1fr}.emrw-auto-flow-forecast{display:grid;grid-template-columns:auto 1fr;column-gap:9px;row-gap:4px}.emrw-auto-flow-forecast-time{grid-row:span 2}.emrw-auto-flow-forecast-warning{grid-column:1/-1}.emrw-auto-flow-projection-header{flex-wrap:wrap}.emrw-auto-flow-capacity{text-align:left}}
@media(max-width:520px){.emrw-auto-flow-heading{flex-wrap:wrap}.emrw-auto-flow-columns{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.emrw-auto-flow-group{padding:10px 8px}.emrw-auto-flow-tile{flex-direction:column;align-items:flex-start;gap:3px;padding:9px 7px}.emrw-auto-flow-icon{width:28px;height:28px}.emrw-auto-flow-icon img{width:27px;height:27px}.emrw-auto-flow-info strong{font-size:20px}.emrw-auto-flow-group header small{padding-left:0}}
@media(max-width:350px){.emrw-auto-flow-columns{grid-template-columns:1fr}.emrw-auto-flow-tile{flex-direction:row;align-items:center}}

/* EM REWARDS WORLD Auto Faucet hero — corrected width and background path.
   The parent .auto-main is a centered flex column, so the hero must explicitly
   stretch to full available panel width. Relative URLs resolve from /assets/. */
.auto-main > .emrw-auto-hero {
  box-sizing: border-box;
  position: relative;
  display: block;
  flex: 0 0 auto;
  align-self: stretch;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  aspect-ratio: 16 / 9;
  min-height: 280px;
  height: auto;
  padding: 0;
  margin: 4px 0 18px;
  overflow: hidden;
  isolation: isolate;
  border-radius: 19px;
  border: 1px solid rgba(81, 214, 232, .28);
  background-color: #0b1726;
  box-shadow: 0 12px 32px rgba(2, 9, 22, .24);
}
.emrw-auto-hero-image,
.emrw-auto-hero-overlay {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border-radius: inherit;
  pointer-events: none;
}
.emrw-auto-hero-image {
  /* Correct: CSS is in assets/, image is in the SAME folder. */
  background-image: url("./auto-faucet-hero-bg.jpg");
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  transform: scale(1.015);
}
.emrw-auto-hero-overlay {
  background: linear-gradient(180deg,
    rgba(5, 11, 23, .12) 0%,
    rgba(5, 11, 23, .02) 48%,
    rgba(5, 11, 23, .62) 100%);
}
.emrw-auto-hero-title {
  position: absolute;
  left: 24px;
  bottom: 18px;
  right: 10px;
  z-index: 5;
  color: #e0fbff;
  font-size: clamp(25px, 3.3vw, 42px);
  font-weight: 800;
  line-height: 1;
  letter-spacing: .06em;
  text-align: left;
  text-shadow: 0 3px 20px rgba(3, 9, 20, .96);
  pointer-events: none;
}
.emrw-auto-hero-core {
  position: absolute;
  top: 49%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: min(26%, 160px);
  min-width: 120px;
  aspect-ratio: 1;
  height: auto;
  z-index: 4;
  pointer-events: none;
}
.emrw-auto-hero-rings,
.emrw-auto-hero-rings::before,
.emrw-auto-hero-rings::after {
  content: "";
  position: absolute;
  border-radius: 50%;
  border: 1px solid rgba(112, 245, 246, .4);
}
.emrw-auto-hero-rings {
  inset: 0;
  animation: emrwHeroRotate 18s linear infinite;
  box-shadow: 0 0 24px rgba(54, 217, 230, .14);
}
.emrw-auto-hero-rings::before { inset: 14px; border-style: dashed; border-color: rgba(112, 245, 246, .34); }
.emrw-auto-hero-rings::after { inset: 31px; border-color: rgba(112, 245, 246, .2); }
.emrw-auto-hero-chip {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 66%;
  aspect-ratio: 1;
  height: auto;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(75, 225, 222, .36), rgba(9, 24, 45, .78));
  border: 1px solid rgba(106, 247, 247, .55);
  box-shadow: 0 0 27px rgba(46, 214, 222, .28);
  animation: emrwHeroBreathe 4s ease-in-out infinite;
}
.emrw-auto-hero-chip > img {
  display: block;
  width: 66%;
  height: 66%;
  object-fit: contain;
  filter: drop-shadow(0 4px 9px rgba(0, 0, 0, .4));
}
.emrw-auto-hero-floating {
  position: absolute;
  z-index: 3;
  display: grid;
  place-items: center;
  width: clamp(42px, 6vw, 62px);
  height: clamp(42px, 6vw, 62px);
  border-radius: 50%;
  background: rgba(11, 20, 34, .83);
  border: 1px solid rgba(117, 235, 242, .32);
  box-shadow: 0 7px 18px rgba(0, 0, 0, .22), 0 0 15px rgba(64, 217, 226, .18);
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
  pointer-events: none;
}
.emrw-auto-hero-floating > img {
  display: block;
  width: 58%;
  height: 58%;
  object-fit: contain;
}
.emrw-auto-hero-floating.floating-acp   { left: 14%; top: 18%; animation: emrwHeroFloatA 5.3s ease-in-out infinite; }
.emrw-auto-hero-floating.floating-fuel  { left: 17%; top: 60%; animation: emrwHeroFloatB 6.1s ease-in-out infinite; }
.emrw-auto-hero-floating.floating-xp    { right: 14%; top: 20%; animation: emrwHeroFloatC 5.8s ease-in-out infinite; }
.emrw-auto-hero-floating.floating-acp-2 { right: 16%; top: 61%; animation: emrwHeroFloatD 6.4s ease-in-out infinite; }
.emrw-auto-hero-floating.floating-fuel-2{ left: 48%; top: 7%; animation: emrwHeroFloatE 6s ease-in-out infinite; }
.emrw-auto-primary-action {
  align-self: stretch;
  width: 100%;
  margin: 14px 0 18px;
}
@keyframes emrwHeroRotate { to { transform: rotate(360deg); } }
@keyframes emrwHeroBreathe {
  0%,100% { transform: translate(-50%, -50%) scale(1); }
  50% { transform: translate(-50%, -50%) scale(1.07); }
}
@keyframes emrwHeroFloatA { 0%,100% { transform: translate(0,0); } 50% { transform: translate(10px,-9px); } }
@keyframes emrwHeroFloatB { 0%,100% { transform: translate(0,0); } 50% { transform: translate(-10px,8px); } }
@keyframes emrwHeroFloatC { 0%,100% { transform: translate(0,0); } 50% { transform: translate(-9px,-8px); } }
@keyframes emrwHeroFloatD { 0%,100% { transform: translate(0,0); } 50% { transform: translate(8px,9px); } }
@keyframes emrwHeroFloatE { 0%,100% { transform: translate(0,0); } 50% { transform: translate(8px,-7px); } }
@media (max-width: 640px) {
  .auto-main > .emrw-auto-hero { min-height: 225px; aspect-ratio: 4 / 3; border-radius: 14px; }
  .emrw-auto-hero-title { left: 13px; bottom: 13px; font-size: clamp(20px, 5vw, 28px); }
  .emrw-auto-hero-core { min-width: 106px; width: 35%; }
  .emrw-auto-hero-floating { width: 40px; height: 40px; }
  .emrw-auto-hero-floating.floating-acp  { left: 7%; top: 15%; }
  .emrw-auto-hero-floating.floating-fuel { left: 9%; top: 60%; }
  .emrw-auto-hero-floating.floating-xp   { right: 7%; top: 15%; }
  .emrw-auto-hero-floating.floating-acp-2 { right: 8%; top: 60%; }
  .emrw-auto-hero-floating.floating-fuel-2 { left: 47%; top: 4%; }
}
@media (prefers-reduced-motion: reduce) {
  .emrw-auto-hero-rings,
  .emrw-auto-hero-chip,
  .emrw-auto-hero-floating { animation: none !important; }
}

/* 2026-10: Visual-only hero sizing: 12% smaller, centered.
   Background image and all animation definitions remain unchanged. */
.auto-main > .emrw-auto-hero {
  align-self: center;
  width: 88%;
  max-width: 88%;
  min-height: 246px;
  margin: 4px auto 18px;
}
@media (max-width: 640px) {
  .auto-main > .emrw-auto-hero { min-height: 198px; }
}

/* 2026-10 — Auto Faucet visual refresh, synchronized with Earn ACP / Overview.
   Head-loaded CSS only: do not reconstruct the page after first paint. */
body.app-body .page-content:has(> .auto-layout) { --emrw-af-mint:#67e5bb;--emrw-af-line:rgba(134,182,201,.18); }
body.app-body .page-content:has(> .auto-layout) > .page-intro{
  position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:center;justify-content:space-between;
  gap:20px;min-height:186px;padding:28px 32px;margin:0 0 21px;
  border:1px solid rgba(103,223,191,.27);border-radius:23px;
  background:radial-gradient(ellipse at 90% 4%,rgba(40,179,145,.22),transparent 43%),linear-gradient(117deg,#182c40,#182639 60%,#1b3c43);
  box-shadow:0 18px 44px rgba(4,10,22,.16);
}
body.app-body .page-content:has(> .auto-layout) > .page-intro::before{
  content:"";position:absolute;right:-97px;top:-150px;z-index:-1;width:330px;height:330px;
  border-radius:50%;border:1px solid rgba(106,225,193,.17);
  box-shadow:0 0 0 54px rgba(106,225,193,.035),0 0 0 115px rgba(106,225,193,.025);
  pointer-events:none;animation:emrwAfIntroPulse 8s ease-in-out infinite;
}
body.app-body .page-content:has(> .auto-layout) > .page-intro > div:first-child{max-width:680px;position:relative;z-index:1;min-width:0}
body.app-body .page-content:has(> .auto-layout) > .page-intro .eyebrow{font-size:10px;font-weight:800;letter-spacing:.14em;color:#81f0ce}
body.app-body .page-content:has(> .auto-layout) > .page-intro h1{font:800 clamp(29px,3vw,41px)/1.14 'Space Grotesk',sans-serif;color:#f5fbff;letter-spacing:-.045em;margin:10px 0 8px}
body.app-body .page-content:has(> .auto-layout) > .page-intro .orange-dot{color:#68e9c5}
body.app-body .page-content:has(> .auto-layout) > .page-intro p{font-size:12px;line-height:1.7;color:#b3cbd3;max-width:575px;margin:0}
body.app-body .page-content:has(> .auto-layout) > .page-intro .running-status{
  flex:0 0 auto;position:relative;z-index:1;padding:12px 15px;min-width:132px;justify-content:center;
  color:#c2dae4;background:rgba(10,29,43,.56);border:1px solid rgba(136,167,191,.3);border-radius:12px;font-size:11px;
}
body.app-body .page-content:has(> .auto-layout) > .page-intro .running-status i{width:8px;height:8px;background:#8195a7}
body.app-body .page-content:has(> .auto-layout) > .page-intro .running-status.is-running{color:#b0f3dd;background:rgba(23,91,73,.3);border-color:rgba(86,230,179,.45)}
body.app-body .page-content:has(> .auto-layout) > .page-intro .running-status.is-running i{background:#70f7bf;box-shadow:0 0 0 4px rgba(98,236,181,.15),0 0 12px rgba(83,245,181,.55);animation:emrwAfDot 2.2s ease-in-out infinite}
.auto-layout{grid-template-columns:minmax(0,1.13fr) minmax(265px,.73fr);gap:17px;align-items:start;min-width:0}
.auto-layout > *{min-width:0}
.auto-layout .auto-main{
  min-width:0;padding:24px 25px 25px;overflow:hidden;border:1px solid rgba(131,177,201,.22);border-radius:21px;
  background:radial-gradient(circle at 50% 0%,rgba(40,150,137,.13),transparent 36%),linear-gradient(152deg,rgba(28,45,64,.95),rgba(21,33,50,.98));
  box-shadow:0 14px 35px rgba(5,12,26,.14);color:#eaf6fe;
}
.auto-layout .auto-main > .emrw-auto-hero{
  border-radius:17px;border-color:rgba(117,232,207,.31);
  box-shadow:0 12px 32px rgba(4,13,27,.28),0 0 0 1px rgba(53,194,166,.05);
  transition:border-color .25s ease,box-shadow .25s ease;
}
.auto-layout .auto-main > .emrw-auto-hero:hover{border-color:rgba(126,240,211,.53);box-shadow:0 14px 38px rgba(4,13,27,.31),0 0 25px rgba(56,215,174,.08)}
.auto-layout .auto-main > .eyebrow{color:#76e9cb;font-size:10px;letter-spacing:.17em;font-weight:800;margin-top:4px}
.auto-layout .auto-main > h2{font:800 clamp(21px,2.4vw,28px)/1.23 'Space Grotesk',sans-serif;letter-spacing:-.035em;color:#f1f9ff;margin:12px 0 10px}
.auto-layout .auto-main > p{color:#a8bbca;font-size:12px;line-height:1.7;max-width:500px;margin-bottom:13px}
.auto-layout .auto-main .emrw-auto-primary-action{margin:16px 0 17px;max-width:100%}
.auto-layout .emrw-auto-primary-action .btn-primary{
  min-height:49px;border:1px solid rgba(127,242,204,.5);border-radius:12px;
  background:linear-gradient(100deg,#2bc8a2,#76e5b4);color:#08372d;
  font-weight:850;box-shadow:0 10px 25px rgba(23,176,138,.17);
  transition:filter .22s ease,transform .22s ease,box-shadow .22s ease;
}
.auto-layout .emrw-auto-primary-action .btn-primary:hover:not(:disabled){transform:translateY(-2px);filter:brightness(1.08);box-shadow:0 12px 30px rgba(27,202,164,.22)}
.auto-layout .emrw-auto-primary-action .btn-primary:disabled{color:#b2c9cd;background:linear-gradient(100deg,#2a5560,#2c4e5b);border-color:rgba(116,169,179,.18);box-shadow:none}
.auto-layout .emrw-auto-primary-action .btn-dark{min-height:49px;border:1px solid rgba(229,181,128,.3);border-radius:12px;color:#f3d8bd;background:linear-gradient(110deg,#453c3d,#3a3b4a);font-weight:800}
.auto-layout .emrw-auto-flow{margin:18px 0 18px;padding-top:19px;border-top:1px solid rgba(135,181,200,.16)}
.auto-layout .emrw-auto-flow-kicker{color:#70e1c1}
.auto-layout .emrw-auto-flow-heading h3{font-weight:800;font-size:20px;letter-spacing:-.035em}
.auto-layout .emrw-auto-flow-badge{color:#b3e2d5;background:rgba(50,139,113,.12);border-color:rgba(92,221,179,.24)}
.auto-layout .emrw-auto-flow-group{border-color:rgba(139,178,203,.2);background:linear-gradient(138deg,rgba(27,45,61,.98),rgba(24,37,54,.98));box-shadow:0 7px 23px rgba(5,13,26,.11);transition:transform .22s ease,border-color .22s ease}
.auto-layout .emrw-auto-flow-group:hover{transform:translateY(-2px);border-color:rgba(94,223,180,.43)}
.auto-layout .emrw-auto-flow-tile{background:rgba(11,29,42,.5);border-color:rgba(127,178,204,.1)}
.auto-layout .emrw-auto-flow-earn header strong{color:#8dedd0}
.auto-layout .emrw-auto-flow-earn .emrw-auto-flow-info strong{color:#8ce9ce}
.auto-layout .emrw-auto-flow-projection{border-color:rgba(122,206,183,.18);background:rgba(10,27,41,.51);border-radius:14px}
.auto-layout .emrw-auto-flow-forecast{background:rgba(18,36,49,.85);border-color:rgba(134,178,198,.16)}
.auto-layout .auto-main > .fine-print{color:#91a7bd!important}
.auto-layout .auto-side{gap:13px}
.auto-layout .auto-side > .panel{
  border:1px solid rgba(133,172,199,.2);border-radius:17px;padding:20px 18px;
  background:linear-gradient(145deg,rgba(27,44,63,.97),rgba(23,36,54,.97));
  box-shadow:0 8px 24px rgba(5,13,26,.09);
}
.auto-layout .auto-side .panel-heading h2{color:#edf8ff;font-size:17px;font-weight:800;letter-spacing:-.025em}
.auto-layout .auto-side .panel-heading p{color:#abc1cd;font-size:11px}
.auto-layout .auto-side .resource-row{border-color:rgba(141,187,205,.15)!important;gap:12px;padding:17px 0}
.auto-layout .auto-side .resource-icon{width:40px;height:40px;border-radius:12px;background:rgba(56,183,148,.13)!important;color:#83f0cd}
.auto-layout .auto-side .resource-icon img{width:29px;height:29px;object-fit:contain}
.auto-layout .auto-side .resource-data span{color:#a6bcc7;font-size:11px}
.auto-layout .auto-side .resource-data strong{color:#ecf9ff;font-size:13px;font-variant-numeric:tabular-nums}
.auto-layout .auto-side .resource-track{height:6px;background:rgba(92,124,143,.32);border-radius:12px}
.auto-layout .auto-side .resource-track > i{background:linear-gradient(90deg,#30bfa3,#72e7c0);border-radius:12px}
.auto-layout .auto-side .auto-tips h3{color:#edf8ff;font-size:16px;font-weight:800}
.auto-layout .auto-side .tip-row span{color:#7ee6c4;font-weight:850}
.auto-layout .auto-side .tip-row p{color:#aabfcc;font-size:11px}
.auto-layout .auto-side .text-link{color:#84eacd;font-weight:800}
@keyframes emrwAfIntroPulse{0%,100%{opacity:.75}50%{opacity:1}}
@keyframes emrwAfDot{0%,100%{opacity:.65}50%{opacity:1}}
@media(max-width:1020px){
 .auto-layout{grid-template-columns:minmax(0,1fr)}
 .auto-layout .auto-side{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
}
@media(max-width:620px){
 body.app-body .page-content:has(> .auto-layout) > .page-intro{min-height:0;padding:22px 19px;flex-direction:column;align-items:stretch;gap:16px;border-radius:18px}
 body.app-body .page-content:has(> .auto-layout) > .page-intro::before{right:-180px;top:-120px}
 body.app-body .page-content:has(> .auto-layout) > .page-intro .running-status{align-self:flex-start}
 .auto-layout .auto-main{padding:18px 13px 23px;border-radius:17px}
 .auto-layout .auto-side{grid-template-columns:1fr}
 .auto-layout .auto-side > .panel{padding:16px 14px}
}
@media(prefers-reduced-motion:reduce){
 body.app-body .page-content:has(> .auto-layout) > .page-intro::before,
 body.app-body .page-content:has(> .auto-layout) > .page-intro .running-status.is-running i,
 .auto-layout .emrw-auto-flow-group{animation:none;transition:none}
}
