/* Refined working layout and colourful local vector icons. Workspace scope only. */
.sky-workspace [data-tone=blue]{--icon-a:#66c6ff;--icon-b:#4078ef;--icon-shadow:#4c8ae82e;--tone-wash:#eaf3ff;--tone-ink:#3b70b9}
.sky-workspace [data-tone=amber]{--icon-a:#ffcf77;--icon-b:#f4a044;--icon-shadow:#eab54835;--tone-wash:#fff4df;--tone-ink:#956513}
.sky-workspace [data-tone=violet]{--icon-a:#c0a4ff;--icon-b:#8b66e6;--icon-shadow:#9766e735;--tone-wash:#f2ebff;--tone-ink:#865abe}
.sky-workspace [data-tone=teal]{--icon-a:#72d7cf;--icon-b:#2ba89d;--icon-shadow:#38bbaa30;--tone-wash:#e2f6f1;--tone-ink:#247e72}
.sky-workspace [data-tone=coral]{--icon-a:#ffb797;--icon-b:#ed826f;--icon-shadow:#e8887830;--tone-wash:#fff0e9;--tone-ink:#b5654e}
.sky-workspace [data-tone=rose]{--icon-a:#f5acd1;--icon-b:#df71a7;--icon-shadow:#d974b12e;--tone-wash:#fcebf4;--tone-ink:#ac5f89}
.sky-workspace [data-tone=indigo]{--icon-a:#9bafff;--icon-b:#707bdb;--icon-shadow:#838fe330;--tone-wash:#edf0ff;--tone-ink:#6371b3}
.sky-workspace .sky-icon{position:relative;display:inline-grid;place-items:center;flex:0 0 auto;width:52px;height:52px;color:#fff!important;background:linear-gradient(145deg,var(--icon-a,#66c6ff),var(--icon-b,#4078ef));border:1px solid #ffffff80;border-radius:17px;box-shadow:0 7px 17px var(--icon-shadow,#4c8ae82e),inset 0 1px 1px #ffffff6b;transition:transform .4s cubic-bezier(.22,1,.36,1),box-shadow .3s;isolation:isolate}
.sky-workspace .sky-icon::before{content:'';position:absolute;inset:1px;border-radius:inherit;background:linear-gradient(135deg,#ffffff25,transparent 60%);pointer-events:none}
.sky-workspace .sky-icon svg{width:29px;height:29px;display:block;filter:drop-shadow(0 2px 2px #24456913);transform-origin:50% 65%;transition:transform .4s}
body.sky-workspace .sky-hero{min-height:clamp(430px,57vh,600px);padding:48px 0 62px}
body.sky-workspace .sky-hero h1{font-size:clamp(44px,4.3vw,68px);line-height:1.22}
.sky-workspace .sky-actions a{gap:12px!important}
.sky-workspace .sky-actions .sky-icon{width:27px;height:27px;border-radius:9px;box-shadow:none;border:0}
.sky-workspace .sky-actions .sky-icon svg{width:18px;height:18px}
.sky-workspace .sky-privacy{display:flex;align-items:center;gap:7px}
.sky-workspace .sky-privacy>svg{width:13px;height:13px;opacity:.8}
.sky-workspace .sky-workbar{padding-bottom:18px;border-bottom:1px solid #effaff55;margin-bottom:24px;gap:16px}
.sky-workspace .sky-workbar-label{display:grid;gap:3px;color:#fff;margin-right:auto}
.sky-workspace .sky-workbar-label strong{font-size:21px;font-weight:500;letter-spacing:.01em}
.sky-workspace .sky-workbar-label small{font-size:10px;letter-spacing:.13em;color:#cceaf8}
body.sky-workspace .workspace-tabs{padding:5px;background:#def4ff30}
body.sky-workspace .workspace-tabs button{display:flex;align-items:center;gap:9px;padding:9px 18px;white-space:nowrap}
.sky-workspace .workspace-tabs .sky-icon{width:27px;height:27px;border-radius:9px;border:0;box-shadow:0 3px 8px var(--icon-shadow)}
.sky-workspace .workspace-tabs .sky-icon svg{width:19px;height:19px}
.sky-workspace .workspace-tabs button[aria-selected=true] .sky-icon svg{animation:sky-icon-pop .55s cubic-bezier(.22,1,.36,1)}
body.sky-workspace .sky-tools-link{display:flex;align-items:center;gap:8px;color:#fff;font-size:12px;border:1px solid #ffffff60;border-radius:999px;padding:11px 17px;min-height:46px;text-decoration:none;background:#b4e8ff1a;transition:background .2s}
.sky-workspace .sky-tools-link:hover{background:#ffffff30}
.sky-tools-link>svg{width:16px;height:16px}
body.sky-workspace .workspace-grid{grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:24px}
body.sky-workspace #workspace .panel,body.sky-workspace #workspace .connected{border-radius:26px;box-shadow:0 16px 46px #16436818,inset 0 1px 0 #ffffffcc;padding:30px}
body.sky-workspace #capture{background:radial-gradient(ellipse at 100% 0,#d7eaff65,transparent 44%),var(--sky-panel)}
body.sky-workspace #collection{background:radial-gradient(ellipse at 100% 0,#fff1d165,transparent 44%),var(--sky-panel)}
.sky-workspace #workspace .section-heading{align-items:center;gap:16px;margin-bottom:25px}
.sky-workspace .sky-section-title{display:flex;gap:15px;align-items:center;min-width:0}
.sky-workspace .sky-section-title>div{min-width:0}
body.sky-workspace #workspace .section-heading h2{font-size:21px;line-height:1.45;font-weight:600;letter-spacing:-.02em}
.sky-workspace #workspace .section-heading .eyebrow{margin-bottom:3px;font-size:10px;letter-spacing:.1em}
.sky-workspace #workspace .section-number{border:0;background:transparent;font-size:11px;letter-spacing:.06em;color:var(--muted);opacity:.55;width:auto;height:auto;align-self:flex-start;padding-top:6px}
.sky-workspace #workspace h2 #count{display:inline-block;font-size:11px;font-weight:500;vertical-align:middle;padding:3px 9px;margin:0 0 0 7px;background:#f4e9cb;color:#8c6a28;border-radius:999px;white-space:nowrap}
.sky-workspace #workspace h2 #count:empty{display:none}
.sky-workspace #capture-form>label:first-child{margin-top:0}
.sky-workspace #workspace #text{min-height:218px;border-radius:16px;line-height:1.9}
.sky-workspace #workspace input:focus-visible,.sky-workspace #workspace textarea:focus-visible,.sky-workspace #workspace select:focus-visible{outline:2px solid #7db7e988;outline-offset:1px;border-color:#88b6dc;box-shadow:0 0 0 5px #8ebdfa16}
.sky-workspace #workspace .article-tools{margin:12px 0 22px;gap:10px}
.sky-workspace #workspace .article-tools .hint{font-size:11px;line-height:1.65}
.sky-workspace #workspace .sky-save-help{font-size:11px;line-height:1.8;margin:12px 0 18px;color:var(--muted)}
.sky-save-help summary{cursor:pointer;width:fit-content}
.sky-workspace #workspace .sky-save-help p{margin:8px 0 0;font-size:11px}
.sky-workspace #workspace .check{padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:var(--sky-soft);font-size:12px;margin:12px 0 8px}
.sky-workspace #workspace #export-hint{margin:0 0 16px;font-size:11px;padding-left:2px}
.sky-workspace #capture .form-actions{padding-top:15px;border-top:1px solid var(--line);margin-top:16px;gap:10px}
body.sky-workspace #workspace #capture-form> .form-actions .primary{background:linear-gradient(120deg,#478ae8,#626ce4);border-color:transparent;box-shadow:0 7px 15px #577fdf25;color:#fff;gap:10px;padding:12px 24px}
.sky-workspace #capture-form .primary>svg{width:18px;height:18px}
.sky-workspace #collection .import-tools{background:transparent;border-style:dashed;border-color:#a8bbc9;padding:12px 15px;margin-bottom:18px}
.sky-workspace #collection .import-tools summary{font-size:12px;color:var(--muted)}
.sky-workspace #workspace .search{position:relative;margin-bottom:12px}
.sky-workspace #workspace .search input{min-height:50px;padding-left:43px}
.sky-workspace #workspace .search::before{content:'';position:absolute;width:13px;height:13px;border:1.7px solid #88a2b5;border-radius:50%;left:17px;top:17px;pointer-events:none}
.sky-workspace #workspace .search::after{content:'';position:absolute;width:7px;height:1.7px;background:#88a2b5;left:28px;top:30px;transform:rotate(45deg);pointer-events:none}
.sky-workspace #workspace .collection-tools{margin:0 0 19px;gap:9px;align-items:center}
.sky-workspace #workspace .collection-tools select{border-radius:999px;font-size:12px;padding-top:9px;padding-bottom:9px;min-height:40px}
.sky-workspace #workspace .collection-tools button{font-size:11px;min-height:38px;background:transparent}
.sky-workspace #notes{max-height:540px;padding-right:8px;scrollbar-color:#b6c7d3 transparent}
.sky-workspace #notes:focus-visible{outline:2px solid #86b8e5;outline-offset:5px;border-radius:15px}
.sky-workspace #workspace .note{position:relative;display:grid;grid-template-columns:38px minmax(0,1fr);gap:0 12px;padding:18px;margin:0 0 11px;border-radius:18px;border-color:#dce7ed;background:var(--sky-field);box-shadow:0 3px 7px #33516e03;transition:transform .25s,border-color .25s,box-shadow .25s}
.sky-workspace #workspace .note>.sky-note-icon{grid-column:1;grid-row:1/4;width:36px;height:38px;border-radius:11px;margin-top:2px;box-shadow:none;background:var(--tone-wash);color:var(--tone-ink)!important;border-color:transparent}
.sky-workspace #workspace .note>.sky-note-icon svg{width:22px;height:22px}
.sky-workspace #workspace .note>.meta{grid-column:2;align-items:center;gap:8px;font-size:10px;line-height:1.6}
.sky-workspace #workspace .note>.meta>span{background:var(--tone-wash);color:var(--tone-ink);padding:2px 7px;border-radius:6px}
.sky-workspace #workspace .note>.meta>time{color:var(--muted);font-size:10px;white-space:nowrap}
.sky-workspace #workspace .note>h3{grid-column:2;margin:9px 0 7px;font-size:14px;line-height:1.6;letter-spacing:0;font-weight:600}
.sky-workspace #workspace .note>p{grid-column:2;font-size:11px;line-height:1.8;-webkit-line-clamp:2}
.sky-workspace #workspace .note>p:last-child{font-size:9px;margin-top:8px;opacity:.65}
.sky-workspace #workspace .note:hover{border-color:#a3bccc;box-shadow:0 8px 22px #3c7d9f12;transform:translateY(-2px)}
.sky-workspace #workspace #more{width:100%;margin-top:7px;background:transparent;border-style:dashed;color:var(--muted);min-height:38px;font-size:12px}
.sky-workspace .sky-utilities{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:24px;margin-top:24px;align-items:start}
.sky-workspace .sky-utilities:has(#connected-search[hidden]):has(#bookmark-tools[hidden]){display:none}
.sky-workspace .sky-import-card:has(#bookmark-tools[hidden]){display:none}
.sky-workspace #workspace .sky-utilities #connected-search,.sky-workspace #workspace .sky-utilities #bookmark-tools{margin:0;padding:25px}
.sky-workspace #workspace .sky-utilities .sky-icon{width:42px;height:42px;border-radius:14px}
.sky-workspace #workspace .sky-utilities .sky-icon svg{width:25px;height:25px}
.sky-workspace #workspace .sky-utilities .section-heading{margin-bottom:17px}
.sky-workspace #workspace .sky-utilities h2{font-size:18px}
.sky-workspace .sky-sources{font-size:11px;color:var(--muted);margin:10px 0;line-height:1.7}
.sky-sources summary{cursor:pointer}
.sky-workspace #workspace .sky-sources .hint{font-size:11px;line-height:1.9}
.sky-workspace #workspace #bookmark-tools>summary{list-style:none;display:flex;align-items:center;gap:13px;font-weight:500;font-size:15px}
.sky-workspace #bookmark-tools>summary::-webkit-details-marker{display:none}
.sky-workspace #bookmark-tools>summary::after{content:'+';font-size:22px;margin-left:auto;color:var(--muted);transition:transform .3s;flex-shrink:0}
.sky-workspace #bookmark-tools[open]>summary::after{transform:rotate(45deg)}
.sky-workspace #bookmark-tools>summary small{display:block;font-size:10px;color:var(--muted);font-weight:400;margin-top:3px}
.sky-workspace #workspace .sky-import-intro{font-size:11px;line-height:1.85;color:var(--muted);margin:15px 0 0}
.sky-workspace #workspace .sky-import-card #bookmark-tools{border:0;background:var(--sky-soft);padding:13px 16px;margin:20px 0 0;border-radius:13px;box-shadow:none}
body.sky-workspace #workspace .connected{margin:32px 0 24px;background:var(--sky-panel);padding:32px}
.sky-workspace .sky-tools-caption{color:var(--muted);font-size:12px;margin:8px 0 0}
.sky-workspace #workspace .connected>.section-heading{margin-bottom:27px}
.sky-workspace #workspace .modules{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.sky-workspace #workspace .module{position:relative;display:grid;grid-template-columns:52px minmax(0,1fr);grid-template-rows:auto 1fr;gap:7px 16px;min-height:144px;padding:23px;border:1px solid var(--line);border-radius:19px;overflow:hidden;background:var(--sky-field);text-decoration:none;transition:transform .35s cubic-bezier(.22,1,.36,1),box-shadow .3s,border-color .3s}
.sky-workspace #workspace .module::before{content:'';position:absolute;width:170px;height:170px;right:-95px;top:-120px;border-radius:50%;background:var(--tone-wash);opacity:.6;transition:transform .6s;pointer-events:none}
.sky-workspace #workspace .module::after{content:'↗';position:absolute;top:15px;right:15px;font-size:16px;color:var(--muted);opacity:.4;transition:transform .3s,color .3s,opacity .3s}
.sky-workspace #workspace .module>.icon{grid-column:1;grid-row:1/3;width:52px;height:52px;margin:0;align-self:start;font-size:0}
.sky-workspace #workspace .module>h3{grid-column:2;margin:2px 15px 0 0;font-size:15px;font-weight:600;line-height:1.5;letter-spacing:0}
.sky-workspace #workspace .module>p{grid-column:2;font-size:11px;line-height:1.85;margin:0;color:var(--muted)}
.sky-workspace #workspace .module:hover,.sky-workspace #workspace .module:focus-visible{transform:translateY(-5px);border-color:#afc6d3;box-shadow:0 13px 25px #204f6f14;background:var(--sky-field)}
.sky-workspace #workspace .module:hover::before{transform:translate(-30px,30px) scale(1.2)}
.sky-workspace #workspace .module:hover::after{transform:translate(2px,-2px);opacity:1;color:var(--tone-ink)}
.sky-workspace #workspace .module:active{transform:translateY(-1px) scale(.98)}
.sky-workspace .sky-card-arrived{animation:sky-tool-arrive .65s cubic-bezier(.16,1,.3,1) backwards}
.sky-workspace .sky-card-arrived:nth-child(3n+2){animation-delay:.06s}.sky-workspace .sky-card-arrived:nth-child(3n){animation-delay:.12s}
.sky-workspace .module:hover .sky-icon,.sky-workspace .module:focus-visible .sky-icon{transform:translateY(-3px) rotate(-6deg);box-shadow:0 9px 21px var(--icon-shadow)}
.sky-workspace .module:hover .sky-icon svg,.sky-workspace .note:hover .sky-icon svg{animation:sky-icon-wave .65s cubic-bezier(.22,1,.36,1)}
.sky-workspace .sky-section-title:hover .sky-icon svg{animation:sky-icon-pop .65s cubic-bezier(.22,1,.36,1)}
.sky-workspace .sky-actions a:hover .sky-icon{transform:rotate(-9deg) scale(1.08)}
.sky-workspace #workspace #ai-pane{background:radial-gradient(ellipse at 90% 0,#eadfff70,transparent 45%),var(--sky-panel)}
.sky-workspace #workspace .ai-entry-row{gap:10px;margin:20px 0}
.sky-workspace #workspace .ai-entry-row>.button{display:flex;justify-content:flex-start;gap:12px;border-radius:16px;padding:13px 17px;background:var(--sky-field);font-size:13px}
.sky-workspace .ai-entry-row .sky-icon{width:34px;height:34px;border-radius:11px;box-shadow:none}
.sky-workspace .ai-entry-row .sky-icon svg{width:22px;height:22px}
.sky-workspace #workspace .ai-model-picker{max-width:none;padding:17px 20px;border-radius:16px;background:var(--sky-soft)}
.sky-workspace #workspace .ai-layout{grid-template-columns:260px minmax(0,1fr);gap:26px;padding-top:10px}
.sky-workspace #workspace .ai-options{padding-right:24px}
.sky-workspace #workspace .ai-options>label{font-size:12px}
.sky-workspace #workspace .ai-chat{background:var(--sky-field);border:1px solid var(--line);border-radius:19px;padding:24px}
.sky-workspace #workspace .ai-empty>span.sky-icon{width:62px;height:62px;border-radius:21px;background:linear-gradient(145deg,var(--icon-a),var(--icon-b));border-color:#ffffff80;box-shadow:0 12px 30px var(--icon-shadow)}
.sky-workspace #workspace .ai-empty>span.sky-icon svg{width:35px;height:35px;animation:sky-spark-breathe 3.6s ease-in-out infinite}
.sky-workspace #workspace .guide{background:var(--sky-panel);padding:20px 26px;font-size:12px}
.sky-workspace #workspace .guide summary{font-weight:500}
.sky-workspace #tools-section{scroll-margin-top:115px}
@keyframes sky-icon-pop{0%{transform:scale(.75) rotate(-9deg)}60%{transform:scale(1.12) rotate(5deg)}100%{transform:none}}
@keyframes sky-icon-wave{0%,100%{transform:rotate(0)}25%{transform:rotate(12deg) translateY(-2px)}60%{transform:rotate(-7deg)}}
@keyframes sky-spark-breathe{0%,100%{transform:scale(1);opacity:.85}50%{transform:scale(1.1);opacity:1}}
@keyframes sky-tool-arrive{from{opacity:0;transform:translateY(15px) scale(.98)}to{opacity:1;transform:none}}
html[data-theme=dark] .sky-workspace [data-tone]{--tone-wash:#263f57;--tone-ink:#a6cafe}
html[data-theme=dark] .sky-workspace [data-tone=amber]{--tone-wash:#493f2c;--tone-ink:#f3ce86}
html[data-theme=dark] .sky-workspace [data-tone=violet]{--tone-wash:#3c3452;--tone-ink:#c6b0f5}
html[data-theme=dark] .sky-workspace [data-tone=teal]{--tone-wash:#234740;--tone-ink:#8ed9cd}
html[data-theme=dark] .sky-workspace [data-tone=rose]{--tone-wash:#4b3345;--tone-ink:#efb2d3}
html[data-theme=dark] .sky-workspace [data-tone=coral]{--tone-wash:#4c3935;--tone-ink:#efbbaa}
html[data-theme=dark] .sky-workspace #workspace :is(.panel,.connected){box-shadow:0 16px 46px #00132318,inset 0 1px 0 #ffffff0a}
html[data-theme=dark] .sky-workspace #capture,html[data-theme=dark] .sky-workspace #collection,html[data-theme=dark] .sky-workspace #workspace #ai-pane{background:var(--sky-panel)}
html[data-theme=dark] .sky-workspace #workspace .note{border-color:var(--line)}
html[data-theme=dark] .sky-workspace #workspace h2 #count{background:#4a402d;color:#e2c17e}
html[data-theme=dark] .sky-workspace .sky-icon{border-color:#ffffff38}
html[data-theme=dark] .sky-workspace #workspace .module:hover{border-color:#648093}
@media(min-width:1800px){body.sky-workspace .sky-hero{min-height:590px}}
@media(max-width:1100px){.sky-workspace .sky-workbar-label{display:none}.sky-workspace .sky-workbar{justify-content:space-between}.sky-workspace #workspace .modules{grid-template-columns:repeat(2,minmax(0,1fr))}.sky-workspace .sky-utilities{grid-template-columns:1fr 1fr}.sky-workspace #workspace .module{padding:20px;gap:7px 13px}}
@media(max-width:900px){.sky-workspace #workspace .ai-layout{grid-template-columns:1fr}.sky-workspace #workspace .ai-options{padding-right:0}.sky-workspace .sky-utilities{grid-template-columns:1fr}.sky-workspace #workspace .note{grid-template-columns:30px minmax(0,1fr);padding:16px;column-gap:9px}.sky-workspace #workspace .note>.sky-note-icon{width:30px;height:32px}.sky-workspace #workspace .note>.sky-note-icon svg{width:19px;height:19px}.sky-workspace #workspace .note>.meta{flex-wrap:wrap;gap:4px}.sky-workspace #workspace .section-heading h2{font-size:19px}.sky-workspace .sky-section-title{gap:11px}}
@media(max-width:760px){
 body.sky-workspace .sky-hero{min-height:420px;padding:44px 8px 48px}
 body.sky-workspace .sky-hero h1{font-size:42px}
 .sky-workspace .sky-workbar{flex-wrap:wrap;gap:13px;padding-bottom:16px;margin-bottom:18px}
 .sky-workspace .sky-workbar-label{display:grid;order:0}.sky-workspace .sky-workbar-label strong{font-size:18px}.sky-workspace .sky-workbar-label small{font-size:8px}
 .sky-workspace .sky-tools-link{order:1;font-size:11px;padding:8px 13px;min-height:40px}
 body.sky-workspace .workspace-tabs{order:2;width:100%;margin:0}
 body.sky-workspace .workspace-tabs button{padding:8px 11px;font-size:12px;gap:7px}
 body.sky-workspace .workspace-grid{grid-template-columns:1fr;gap:18px}
 body.sky-workspace #workspace .panel,body.sky-workspace #workspace .connected{padding:22px;border-radius:23px}
 .sky-workspace .sky-icon{width:45px;height:45px;border-radius:15px}.sky-workspace .sky-icon svg{width:26px;height:26px}
 .sky-workspace #workspace .section-heading{margin-bottom:23px}.sky-workspace #workspace .section-heading h2{font-size:20px}
 .sky-workspace #workspace .note{grid-template-columns:30px minmax(0,1fr);padding:14px;gap:0 10px}
 .sky-workspace #workspace .note>h3{font-size:13px}.sky-workspace #workspace .note>p{font-size:11px}
 .sky-workspace #workspace .note>.meta>time{font-size:9px}.sky-workspace #workspace .note>.meta>span{font-size:9px}
 .sky-workspace #notes{max-height:560px;max-height:min(560px,72svh);padding-right:6px}
 .sky-workspace .sky-utilities{gap:18px;margin-top:18px}.sky-workspace #workspace .sky-utilities #connected-search,.sky-workspace #workspace .sky-utilities #bookmark-tools{padding:22px}
 .sky-workspace #workspace .modules{grid-template-columns:1fr;gap:12px}
 .sky-workspace #workspace .module{min-height:118px;padding:20px;grid-template-columns:48px minmax(0,1fr);gap:6px 16px}
 .sky-workspace #workspace .module>.icon{width:48px;height:48px;border-radius:16px}.sky-workspace #workspace .module>h3{font-size:15px}.sky-workspace #workspace .module>p{font-size:11px}
 .sky-workspace #workspace .connected{margin-top:24px}.sky-workspace .sky-tools-caption{font-size:11px}
 .sky-workspace #workspace .ai-chat{padding:17px}.sky-workspace #workspace .ai-model-picker{padding:15px}
 .sky-workspace #workspace .ai-entry-row>.button{width:100%;padding:12px;font-size:12px}
 .sky-workspace #workspace .ai-actions button{min-height:43px}
 .sky-workspace #tools-section{scroll-margin-top:145px}
}
@media(max-width:360px){body.sky-workspace #workspace .panel,body.sky-workspace #workspace .connected{padding:18px}.sky-workspace #workspace .section-heading h2{font-size:18px}.sky-workspace #workspace .section-number{display:none}.sky-workspace #workspace .module{padding:16px;gap:6px 12px}}
@media(prefers-reduced-motion:reduce){.sky-workspace *, .sky-workspace *::before,.sky-workspace *::after{animation:none!important;transition:none!important}}
body.sky-workspace:has(#private-motion-pause:checked) *,body.sky-workspace:has(#private-motion-pause:checked) *::before,body.sky-workspace:has(#private-motion-pause:checked) *::after{animation:none!important;transition:none!important}