/* maderainsurance.vip — world: design-canon-googie-starburst-diner
   Pistachio harvest in Madera County: hull-rose and kernel-green over an ivory shell counter, one swooping spine line. */
@font-face{font-family:"Chango";font-weight:400;font-style:normal;font-display:swap;src:url(/fonts/chango-400.woff2) format("woff2")}
@font-face{font-family:"Karla";font-weight:400;font-style:normal;font-display:swap;src:url(/fonts/karla-400.woff2) format("woff2")}
@font-face{font-family:"Karla";font-weight:500;font-style:normal;font-display:swap;src:url(/fonts/karla-500.woff2) format("woff2")}
@font-face{font-family:"Karla";font-weight:700;font-style:normal;font-display:swap;src:url(/fonts/karla-700.woff2) format("woff2")}

:root{
  color-scheme:light;
  --shell:#ECF0D9;
  --shell-deep:#DCE4BF;
  --paper:#FAFCEF;
  --green:#2E4220;
  --green-mid:#46602A;
  --kernel:#B7CB6A;
  --kernel-pale:#D5E1A6;
  --rose:#D9606B;
  --rose-deep:#A32F45;
  --rose-pale:#F8DDD8;
  --ink:#27271F;
  --muted:#4B4A3A;
  --line:#B5C08C;
  --display:"Chango","Arial Rounded MT Bold","Helvetica Neue",Arial,sans-serif;
  --body:"Karla","Helvetica Neue",Arial,sans-serif;
  --snap:cubic-bezier(.34,1.56,.64,1);
  --star:polygon(50% 0,59% 14%,75% 7%,77% 24%,93% 25%,86% 41%,100% 50%,86% 59%,93% 75%,77% 76%,75% 93%,59% 86%,50% 100%,41% 86%,25% 93%,23% 76%,7% 75%,14% 59%,0 50%,14% 41%,7% 25%,23% 24%,25% 7%,41% 14%);
}
*{box-sizing:border-box}
[hidden]{display:none!important}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;color:var(--ink);background-color:var(--shell);font-family:var(--body);font-size:1.0625rem;line-height:1.6;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http%3A//www.w3.org/2000/svg' width='180' height='180'%3E%3Cg fill='%2327271F' fill-opacity='.07'%3E%3Cpath d='M20 30c8-10 20-9 26 1-8-3-17-3-26-1Z'/%3E%3Cpath d='M110 70c7-9 18-8 23 1-7-3-15-3-23-1Z'/%3E%3Cpath d='M60 130c8-9 19-8 25 1-8-3-16-3-25-1Z'/%3E%3Ccircle cx='150' cy='20' r='2'/%3E%3Ccircle cx='90' cy='15' r='1.6'/%3E%3Ccircle cx='15' cy='100' r='1.8'/%3E%3Ccircle cx='160' cy='140' r='2'/%3E%3Ccircle cx='125' cy='165' r='1.6'/%3E%3C/g%3E%3C/svg%3E")}
::selection{background:var(--rose-deep);color:#fff}
a{color:inherit}
button,input,select,textarea{font:inherit}
:focus-visible{outline:3px solid var(--rose-deep);outline-offset:3px;border-radius:3px}

/* ---------- header: the green sign band (inner pages) ---------- */
.site-header{background:var(--green);color:var(--shell);border-bottom:6px solid var(--rose)}
.header-inner{display:flex;align-items:center;justify-content:space-between;gap:14px;max-width:1180px;min-height:72px;margin:0 auto;padding:8px 16px}
@media(min-width:760px){.header-inner{padding-inline:32px}}
.brand{display:inline-flex;align-items:center;gap:12px;min-height:48px;text-decoration:none;line-height:1.15;font-family:var(--display);font-size:1.15rem}
.brand strong{display:block;font-family:var(--body);font-weight:500;font-size:1rem;letter-spacing:.01em;color:var(--kernel)}
.brand-mark{flex:none;width:46px;height:46px;display:grid;place-items:center;clip-path:var(--star);background:var(--rose);color:#15150F;font-family:var(--display);font-size:1.15rem;padding-top:2px}
.header-link{display:inline-flex;align-items:center;min-height:44px;padding:6px 16px;border:2px solid var(--kernel);border-radius:999px;background:none;color:var(--shell);font-weight:700;font-size:1rem;text-decoration:none;text-align:center;cursor:pointer;transition:background-color .2s,color .2s}
.header-link:hover{background:var(--kernel);color:var(--green)}
@media(max-width:520px){.header-inner{flex-wrap:wrap}.brand{font-size:1.05rem}.brand strong{font-size:.95rem}.header-link{font-size:.95rem}}

/* ---------- home: the sign and the counter ---------- */
.orchard{position:relative}
.sign{position:relative;overflow:hidden;background:var(--green);color:var(--shell);border-bottom:8px solid var(--rose)}
.sign-art{position:relative;display:block;width:100%;height:210px;margin-top:-8px}
.sign-inner{position:relative;z-index:1}
.sign .site-header{background:none;border:0;color:inherit}
.sign .header-inner{flex-direction:column-reverse;align-items:flex-start;justify-content:flex-end;gap:16px;min-height:0;padding:22px 16px 6px}
.sign .brand{align-items:flex-start;gap:14px;font-size:clamp(2.1rem,10.5vw,4.4rem);line-height:1.02;transform:rotate(-1.5deg);transform-origin:left bottom;text-shadow:3px 3px 0 var(--rose-deep)}
.sign .brand strong{margin-top:.55rem;font-size:clamp(1.05rem,3.4vw,1.35rem);text-shadow:none}
.sign .brand-mark{display:none}
.sign .header-link{background:var(--kernel);border-color:var(--kernel);color:var(--green);transform:rotate(1.2deg)}
.sign .header-link:hover{background:var(--rose);border-color:var(--rose);color:#15150F}
@media(min-width:900px){
  .sign{min-height:380px;display:grid;align-items:center}
  .sign-art{position:absolute;inset:0 0 0 auto;width:62%;height:100%;margin:0}
  .sign-inner{width:min(1180px,100%);margin-inline:auto}
  .sign .header-inner{padding:48px 32px;max-width:none;width:min(1180px,100%)}
  .sign .brand{max-width:34rem}
}

.counter{position:relative;padding:0 16px 8px}
.minimal-shell{display:block;width:auto;max-width:1116px;min-height:0;margin:0 auto;padding:40px 0 36px}
@media(min-width:760px){.counter{padding-inline:32px}.minimal-shell{padding-top:54px}}
.minimal-shell h1{margin:0 0 30px;font-family:var(--display);font-weight:400;font-size:clamp(1.9rem,6.2vw,3.3rem);line-height:1.12;color:var(--green);transform:rotate(-1deg);transform-origin:left;text-wrap:balance}
.minimal-shell h1::after{content:"";display:block;width:min(240px,55%);height:14px;margin-top:12px;background:var(--rose);border-radius:100% 0 100% 0/100% 0 100% 0}

.choice-grid{counter-reset:slot;position:relative;display:grid;grid-template-columns:1fr;gap:20px;padding-left:34px}
.choice-grid::before{content:"";position:absolute;left:8px;top:6px;bottom:6px;width:7px;border-radius:7px;background:var(--rose)}
.choice-grid a{counter-increment:slot;position:relative;display:flex;align-items:center;gap:16px;min-height:92px;padding:14px 20px 14px 14px;
  background:var(--paper);color:var(--ink);border:3px solid var(--green);border-radius:0 40px 0 40px;box-shadow:6px 6px 0 var(--kernel);
  text-decoration:none;font-weight:700;font-size:1.2rem;line-height:1.25;transition:background-color .2s,color .2s,box-shadow .3s var(--snap),transform .3s var(--snap)}
.choice-grid a:nth-child(even){border-radius:40px 0 40px 0;box-shadow:6px 6px 0 var(--rose)}
.choice-grid a::before{content:counter(slot);flex:none;width:52px;height:52px;display:grid;place-items:center;clip-path:var(--star);background:var(--kernel);color:var(--ink);font-family:var(--display);font-size:1.1rem;line-height:1;padding-top:2px;transition:transform .5s var(--snap),background-color .2s}
.choice-grid a:nth-child(even)::before{background:var(--rose);color:#15150F}
.choice-grid a::after{content:"";position:absolute;left:-34px;top:50%;width:34px;height:7px;margin-top:-3px;background:var(--rose)}
.choice-grid a:hover,.choice-grid a:focus-visible{background:var(--green);color:var(--shell);transform:translate(-3px,-3px);box-shadow:9px 9px 0 var(--rose)}
.choice-grid a:hover::before,.choice-grid a:focus-visible::before{transform:rotate(90deg) scale(1.1);background:var(--shell)}
.choice-grid a:active{transform:translate(3px,3px);box-shadow:2px 2px 0 var(--rose)}
.choice-grid a[style]{justify-content:flex-start!important;text-align:left!important;align-items:center!important}
@media(min-width:760px){
  .choice-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 44px;padding-left:0}
  .choice-grid::before{left:50%;margin-left:-3px;top:-6px;bottom:-6px}
  .choice-grid a::after{display:none}
  .choice-grid a:nth-child(even){margin-top:30px}
  .choice-grid a{min-height:110px;font-size:1.3rem}
}
.agency-line{margin:44px 0 0;padding-top:16px;border-top:4px dotted var(--green-mid);color:var(--muted);font-weight:700;font-size:1.0625rem}
.agency-line a{color:var(--rose-deep);text-underline-offset:.2em}
@media(min-width:760px){.choice-grid{margin-bottom:30px}}

/* ---------- inner pages ---------- */
.page-shell{max-width:1180px;margin:0 auto;padding:44px 16px 80px}
@media(min-width:760px){.page-shell{padding:60px 32px 96px}}
.eyebrow{display:flex;align-items:center;gap:10px;margin:0 0 12px;color:var(--rose-deep);font-weight:700;font-size:1rem;letter-spacing:.12em;text-transform:uppercase}
.eyebrow::before{content:"";flex:none;width:22px;height:22px;clip-path:var(--star);background:var(--rose)}
.intro h1{margin:0;font-family:var(--display);font-weight:400;font-size:clamp(2rem,6vw,3.6rem);line-height:1.1;color:var(--green);transform:rotate(-1deg);transform-origin:left;text-wrap:balance}
.intro-copy{max-width:660px;margin:22px 0 0;color:var(--muted);font-size:1.15rem}

.options{margin-top:50px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.option{min-width:0;min-height:240px;padding:26px;display:flex;flex-direction:column;align-items:flex-start;background:var(--paper);border:3px solid var(--green);border-radius:0 36px 0 36px;box-shadow:6px 6px 0 var(--kernel);transition:transform .3s var(--snap),box-shadow .3s var(--snap)}
.option:hover{transform:translate(-3px,-3px);box-shadow:9px 9px 0 var(--rose)}
.option-number{color:var(--rose-deep);font-weight:700;font-size:1rem;letter-spacing:.1em;text-transform:uppercase}
.option h2{margin:16px 0 8px;font-family:var(--display);font-weight:400;font-size:clamp(1.3rem,2.6vw,1.6rem);line-height:1.15;color:var(--green)}
.option p{margin:0;max-width:30ch;color:var(--muted)}
.option .option-action{margin-top:auto;width:100%;min-height:48px;padding:12px 18px;display:inline-flex;align-items:center;justify-content:space-between;gap:10px;border:0;border-radius:999px;background:var(--rose-deep);color:#fff;font-weight:700;line-height:1.25;text-decoration:none;text-align:left;cursor:pointer}
.option-action:hover{background:var(--green)}
.option-action span{font-size:1.2rem;line-height:1}
.option .option-note{margin-top:8px;font-size:.95rem;color:var(--muted)}

.question-section{scroll-margin-top:25px;margin-top:50px;padding:28px 20px;background:var(--paper);border:3px solid var(--green);border-radius:0 44px 0 44px;box-shadow:8px 8px 0 var(--kernel)}
@media(min-width:760px){.question-section{padding:46px}}
.question-heading h2{margin:0;font-family:var(--display);font-weight:400;font-size:clamp(1.6rem,4vw,2.3rem);line-height:1.15;color:var(--green)}
.question-heading > p:last-child{margin:13px 0 0;color:var(--muted)}
.question-form{margin-top:10px}

.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 22px}
.form-grid label{display:flex;flex-direction:column;gap:8px;font-weight:700;font-size:1.0625rem;color:var(--ink)}
.form-grid input,.form-grid select,.form-grid textarea{width:100%;min-width:0;min-height:50px;padding:12px 14px;border:2px solid var(--green);border-radius:12px;background:#fff;color:var(--ink);font-weight:400}
.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus{outline:3px solid var(--rose-deep);outline-offset:1px;border-color:var(--rose-deep)}
.form-grid textarea{min-height:140px;resize:vertical}
.form-grid .message-field{grid-column:1/-1}
.form-grid .checkbox-row,.quote-form > fieldset > .checkbox-row{display:flex;flex-direction:row;align-items:flex-start;gap:12px;font-weight:500;line-height:1.45}
.form-grid .checkbox-row{grid-column:1/-1}
.form-grid .checkbox-row input,.quote-form > fieldset > .checkbox-row input{flex:none;width:24px;min-width:24px;height:24px;min-height:24px;margin:2px 0 0;accent-color:var(--rose-deep)}
.quote-form > fieldset > .checkbox-row{margin-top:24px}
.honeypot{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.form-bottom{margin-top:28px}
.form-bottom button,.quote-submit button,.quote-results button{min-height:54px;display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:12px 30px;border:0;border-radius:999px;background:var(--rose-deep);color:#fff;font-weight:700;font-size:1.1rem;line-height:1.2;cursor:pointer;box-shadow:5px 5px 0 var(--green);transition:transform .3s var(--snap),box-shadow .3s var(--snap),background-color .2s}
.form-bottom button:hover,.quote-submit button:hover,.quote-results button:hover{background:var(--green);transform:translate(-2px,-2px);box-shadow:7px 7px 0 var(--rose)}
.form-bottom button:active,.quote-submit button:active,.quote-results button:active{transform:translate(3px,3px);box-shadow:1px 1px 0 var(--green)}
.quote-submit button:disabled,.quote-results button:disabled{cursor:wait;opacity:.65}
.submit-note{max-width:620px;margin:18px 0 0;color:var(--muted);font-size:1rem}
.form-status,#quote-status{min-height:24px;margin:14px 0 0;color:var(--rose-deep);font-weight:700}

.product-switch{display:flex;flex-wrap:wrap;gap:10px;margin:34px 0 22px}
.product-switch a{display:inline-flex;align-items:center;min-height:48px;padding:10px 22px;border:3px solid var(--green);border-radius:999px;background:var(--paper);color:var(--green);font-weight:700;text-decoration:none;transition:background-color .2s,color .2s,transform .3s var(--snap)}
.product-switch a:hover{background:var(--kernel-pale);transform:translateY(-2px)}
.product-switch a[aria-current="page"]{background:var(--green);border-color:var(--green);color:var(--shell)}
.quote-form fieldset{min-width:0;margin:26px 0;padding:30px 22px 26px;border:3px solid var(--green);border-radius:0 40px 0 40px;background:var(--paper);box-shadow:6px 6px 0 var(--kernel)}
@media(min-width:760px){.quote-form fieldset{padding:34px 32px 30px}}
.quote-form legend{padding:6px 20px;background:var(--green);color:var(--shell);border-radius:999px;font-family:var(--display);font-weight:400;font-size:1.1rem;line-height:1.2;transform:rotate(-1.5deg)}
.quote-form .form-grid{margin-top:6px}
.quote-submit{margin:26px 0 56px;max-width:740px}
.quote-results{margin:30px 0 70px;padding:28px 22px;border:3px solid var(--green);border-radius:0 40px 0 40px;background:var(--paper);box-shadow:6px 6px 0 var(--rose)}
.quote-results h2{margin:0 0 16px;font-family:var(--display);font-weight:400;color:var(--green)}
.quote-results article{border-top:3px dotted var(--green-mid);padding:20px 0}
.quote-results article h3{margin:0 0 5px;color:var(--rose-deep)}
.quote-results article p{margin:4px 0 13px}

.site-footer{display:flex;align-items:baseline;flex-wrap:wrap;gap:10px 26px;max-width:none;margin:0;padding:30px max(16px,calc((100% - 1180px)/2 + 32px)) 38px;background:var(--green);border-top:8px solid var(--rose);color:var(--shell);font-size:1rem}
.site-footer p{margin:0}
.site-footer > p:first-child{font-weight:700}
.site-footer a{color:var(--kernel);text-underline-offset:4px;display:inline-flex;align-items:center;min-height:44px}
.site-footer .footer-note{flex-basis:100%;color:var(--kernel-pale)}

/* ---------- the local board: the orchard-run sort belt ---------- */
.local-board{border-top:8px solid var(--green);background:var(--shell-deep);color:var(--ink)}
.local-wrap{max-width:1180px;margin:0 auto;padding:64px 16px 84px}
@media(min-width:760px){.local-wrap{padding:84px 32px 104px}}
.local-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;padding:0 0 34px;border-bottom:4px dotted var(--green-mid)}
.local-kicker,.local-card-kicker,.local-section-heading > span,.local-small-label{color:var(--rose-deep);font-weight:700;font-size:.9rem;letter-spacing:.1em;text-transform:uppercase}
.local-kicker{margin:0 0 16px}
.local-kicker span{padding:0 7px;color:var(--green-mid)}
.local-intro h2{margin:0;font-family:var(--display);font-weight:400;font-size:clamp(2rem,6vw,3.6rem);line-height:1.08;color:var(--green)}
.local-intro > div > p:last-child{max-width:540px;margin:18px 0 0;color:var(--muted);font-size:1.15rem}
.local-generated{flex:none;margin:0 0 3px;color:var(--muted);font-size:.95rem;font-weight:700}
.local-section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin:64px 0 22px}
.local-section-heading h3{margin:0;font-family:var(--display);font-weight:400;font-size:clamp(1.5rem,3.6vw,2.2rem);line-height:1.12;color:var(--green)}
.local-section-heading > span{color:var(--rose-deep)}
.local-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.local-card{min-width:0;padding:26px 26px 24px;border:3px solid var(--green);border-radius:0 34px 0 34px;background:var(--paper);box-shadow:6px 6px 0 var(--kernel)}
.local-grid > .local-card:nth-child(even){border-radius:34px 0 34px 0;box-shadow:6px 6px 0 var(--rose)}
.local-card h4{margin:8px 0 18px;font-family:var(--display);font-weight:400;font-size:clamp(1.3rem,3vw,1.7rem);line-height:1.18;color:var(--green)}
.local-card-kicker{margin:0}
.local-card .local-copy{margin:10px 0;color:var(--ink)}
.local-card .local-subtle,.local-subtle{display:block;color:var(--muted);font-size:.95rem}
.local-source{margin:24px 0 0;padding-top:14px;border-top:3px dotted var(--line);color:var(--muted);font-size:.9rem;font-weight:700}
.local-link{display:inline-flex;align-items:center;min-height:44px;margin-top:6px;color:var(--rose-deep);font-size:1rem;font-weight:700;text-underline-offset:4px}
.local-wide{grid-column:1/-1}
.local-weather-lead{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:end;padding:12px 0 26px;border-bottom:3px dotted var(--line)}
.local-weather-lead > div:first-child{display:flex;align-items:baseline;flex-wrap:wrap;gap:8px 22px}
.local-big-temp{font-family:var(--display);font-weight:400;font-size:clamp(4.2rem,11vw,7.4rem);line-height:.9;color:var(--rose-deep)}
.local-weather-condition{max-width:200px;color:var(--ink);font-size:1.15rem;font-weight:500}
.local-weather-note{padding-bottom:6px;display:flex;flex-direction:column;gap:5px;color:var(--muted);font-size:1.0625rem}
.local-weather-note strong{color:var(--ink);font-size:1.15rem}
.local-day-strip,.local-hour-strip{display:flex;overflow-x:auto;scrollbar-width:thin}
.local-day-strip{gap:0;padding:22px 0;border-bottom:3px dotted var(--line)}
.local-day{flex:0 0 150px;padding:0 14px;border-left:3px dotted var(--line);display:flex;flex-direction:column;gap:5px;font-size:.95rem;color:var(--muted);line-height:1.3}
.local-day:first-child{border-left:0}
.local-day strong{color:var(--ink);font-size:1rem}
.local-day-temp{color:var(--rose-deep);font-size:1.3rem;font-weight:700}
.local-small-label{margin:22px 0 14px}
.local-hour-strip{gap:10px;padding-bottom:6px}
.local-hour{flex:0 0 96px;padding:12px 10px;border-radius:0 18px 0 18px;background:var(--kernel-pale);display:flex;flex-direction:column;gap:3px;font-size:.9rem;color:var(--muted)}
.local-hour strong{color:var(--ink);font-size:1.3rem}
.local-big-number{margin:14px 0 8px;color:var(--rose-deep);font-family:var(--display);font-weight:400;font-size:4.2rem;line-height:1}
.local-radar{margin:18px 0 0;overflow:hidden;border:4px solid var(--green);border-radius:0 24px 0 24px;background:#fff}
.local-radar img{display:block;width:100%;height:auto}
.local-radar figcaption{padding:8px 12px;background:var(--paper);color:var(--muted);font-size:.9rem}
.local-alert,.local-advisory{display:flex;gap:18px;padding:24px 24px;margin-top:22px;border:3px solid var(--rose-deep);border-radius:0 30px 0 30px;background:var(--rose-pale);color:var(--ink)}
.local-alert-icon{flex:none;display:grid;place-items:center;width:40px;height:40px;clip-path:var(--star);background:var(--rose-deep);color:#fff;font-weight:700}
.local-alert h3,.local-advisory h3{margin:6px 0 8px;font-size:1.25rem;line-height:1.35;color:var(--ink)}
.local-alert p,.local-advisory p{margin-bottom:0}
.local-advisory{align-items:center;border-color:var(--green-mid);background:var(--kernel-pale)}
.local-advisory-mark{flex:none;color:var(--green);font-size:2.4rem;line-height:1}
.local-advisory h3{font-family:var(--display);font-weight:400;font-size:clamp(1.2rem,2.5vw,1.6rem);line-height:1.25}
.local-advisory-alert{border-color:var(--rose-deep);background:var(--rose-pale)}
.local-row{padding:13px 0;border-bottom:3px dotted var(--line)}
.local-row:first-of-type{padding-top:0}
.local-row:last-of-type{border-bottom:0}
.local-row-title{display:block;color:var(--ink);font-size:1.0625rem;font-weight:700;line-height:1.35;text-decoration-color:var(--rose);text-underline-offset:4px}
.local-row-title:hover{color:var(--rose-deep)}
.local-row-detail{display:block;margin-top:4px;color:var(--muted);font-size:.95rem}
.local-news-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:34px}
.local-market-name{display:block;font-size:1.1rem}
.local-lottery{padding:12px 0;border-bottom:3px dotted var(--line);display:flex;flex-direction:column;gap:5px}
.local-lottery strong{font-size:1.25rem;letter-spacing:.04em}

@media(max-width:850px){
  .local-intro{align-items:flex-start;flex-direction:column}
  .options{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:590px){
  .form-grid{grid-template-columns:1fr;gap:20px}
  .options{grid-template-columns:1fr}
  .option{min-height:0}
  .local-section-heading{margin-top:48px;align-items:flex-start;flex-direction:column;gap:6px}
  .local-grid,.local-weather-lead,.local-news-list{grid-template-columns:1fr}
  .local-card{padding:22px 18px}
  .local-alert,.local-advisory{padding:20px 16px;gap:12px}
  .local-day{flex-basis:130px}
  .choice-grid a{font-size:1.15rem}
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{transition:none!important}
}