/* Korori Gaming — 2026 interface layer.
   Loaded after the legacy sheets so existing content templates continue to work.
   The familiar grey surfaces and blue/pink/green accent palettes are retained. */
:root {
  --ui-accent: #14bef1;
  --ui-accent-rgb: 20, 190, 241;
  --ui-accent-text: #a4efff;
  --ui-page: #30343a;
  --ui-card: #454b52;
  --ui-raised: #545b63;
  --ui-border: #69717a;
  --ui-text: #f4f6f8;
  --ui-muted: #cbd0d6;
  --ui-radius: 15px;
  --ui-shadow: 0 12px 34px rgba(13, 17, 23, .17);
}
html.theme-pink { --ui-accent: #f35878; --ui-accent-rgb: 243,88,120; --ui-accent-text: #ffb6ca; }
html.theme-green { --ui-accent: #91c848; --ui-accent-rgb: 145,200,72; --ui-accent-text: #d3f4a0; }
*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: 90px; }
body { margin: 0; min-height: 100vh; background: var(--ui-page); color: var(--ui-text); font: 400 15px/1.65 system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif; text-align: left; }
button, input, select, textarea { font: inherit; }
a { text-underline-offset: .2em; }
a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible, [tabindex]:focus-visible { outline: 3px solid var(--ui-accent); outline-offset: 3px; }
button { cursor: pointer; }
button:disabled { cursor: not-allowed; opacity: .55; }
img, video, iframe, svg { max-width: 100%; }
img { height: auto; }
#main_container { display:flex; flex-direction:column; min-height:100vh; height:auto; width:100%; background: transparent; }
#title.site-header { width:100%; height:auto; padding:18px max(20px,env(safe-area-inset-right)) 0; border-bottom:0; background:linear-gradient(180deg,#24272c 0%,var(--ui-page) 100%); }
#banner.hero-banner { background-color:#222832; position:relative; width:min(1120px,100%); height:250px; margin:auto; border-radius:18px 18px 0 0; background-position:center center; background-size:cover; overflow:hidden; box-shadow:var(--ui-shadow); }
#banner.hero-banner::after { content:""; position:absolute; inset:0; pointer-events:none; background:linear-gradient(90deg,rgba(18,24,32,.06) 0%,transparent 25%,rgba(18,24,32,.02) 50%,rgba(18,24,32,.2) 100%); }
/* The illustration is a separate layer so the entire character scales to the
   height of the header rather than being clipped by background-size:cover. */
.hero-mascot { position:absolute; z-index:1; inset:0 auto 0 14px; height:100%; width:clamp(165px,20vw,230px); pointer-events:none; background:url('../images/themes/blue/mascot_blue.png') left bottom / auto 100% no-repeat; }
html.theme-pink .hero-mascot { background-image:url('../images/themes/pink/mascot_pink.png'); }
html.theme-green .hero-mascot { background-image:url('../images/themes/green/mascot_green.png'); }
#banner_logo { z-index:1; top:auto; bottom:20px; right:25px; width:min(370px,46%); height:65px; background-size:contain; background-position:center right; display:block; }
.hero-info { position:absolute; z-index:2; top:22px; right:24px; display:flex; flex-direction:column; align-items:flex-end; gap:10px; max-width:65%; }
.hero-info .eyebrow { color:#112b40; font-weight:750; font-size:.76rem; letter-spacing:.14em; text-transform:uppercase; background:rgba(255,255,255,.80); padding:3px 10px; border-radius:999px; }
.hero-info .eyebrow { color:#152332; background:rgba(255,255,255,.95); }
.header-icons-list { display:flex; justify-content:flex-end; gap:7px; margin:0; padding:0; list-style:none; }
.header-icons-list li { float:none !important; margin:0; padding:0; list-style:none; }
.header-icons-list li a { margin:0 !important; width:34px !important; height:34px !important; background-image:url('../images/header_icons.png'); background-repeat:no-repeat; background-size:auto; border:2px solid rgba(255,255,255,.7); border-radius:50% !important; transition:transform .2s ease,box-shadow .2s ease; }
.header-icons-list li a:hover { transform:translateY(-3px); box-shadow:0 5px 14px rgba(0,0,0,.25); }
.navigation { display:block !important; position:sticky !important; top:0; left:auto; width:100%; height:auto !important; z-index:90; background:#41474e !important; border-top:3px solid var(--ui-accent); border-bottom:1px solid rgba(var(--ui-accent-rgb),.5); box-shadow:0 5px 24px rgba(0,0,0,.23); }
.nav-shell { display:flex; align-items:center; width:min(1120px,100%); margin:0 auto; padding:0 12px; }
.nav-items { display:flex; align-items:center; justify-content:space-between; gap:16px; width:100%; }
.nav-links { display:flex; align-items:center; gap:3px; margin:0; padding:0; list-style:none; }
.navigation .nav-links li { display:block; margin:0; padding:0; }
.navigation .nav-links a, .navigation .nav-links a:visited { display:flex; align-items:center; justify-content:center; min-height:52px; padding:10px 13px; color:#e5e8ec; font-size:.92rem; font-weight:650; border-radius:10px; text-decoration:none; border:0; transition:background .18s ease,color .18s ease; }
.navigation .nav-links a:hover, .navigation .nav-links a:focus-visible, .navigation .nav-links a[aria-current="page"] { color:#fff; background:rgba(var(--ui-accent-rgb),.22); border:0 !important; }
.navigation .nav-account a { color:var(--ui-accent-text); }
.theme-switcher { display:flex; align-items:center; gap:9px; flex-shrink:0; padding:8px; background:rgba(0,0,0,.15); border-radius:100px; }
.theme-choice { width:25px; height:25px; border:2px solid rgba(255,255,255,.4); border-radius:50%; background:var(--swatch); padding:0; transition:transform .18s ease,box-shadow .18s ease; }
.theme-choice:hover { transform:scale(1.15); }
.theme-choice[aria-pressed="true"] { box-shadow:0 0 0 3px #41474e,0 0 0 5px var(--swatch); border-color:#fff; }
.mobile-brand, .mobile_bars_background { display:none; }
#main-content { flex:1; width:100%; }
#container2 { min-height:0; width:min(1120px,calc(100% - 40px)); max-width:1120px; margin:28px auto 58px; padding:0; }
#container2 > .content, #container2 > .category, #container2 > .bcdiv { margin-top:20px; }
.content { color:var(--ui-muted); font-size:.93rem; }
.content h2, .category .content h2 { margin:0; padding:15px 22px; background:#41474e; color:var(--ui-text); font-size:1.12rem; font-weight:750; letter-spacing:.055em; text-align:left; border-radius:var(--ui-radius) var(--ui-radius) 0 0; border-bottom:3px solid var(--ui-accent); }
.content_text { padding:clamp(18px,3vw,30px); background:var(--ui-card); color:var(--ui-text); border-radius:0 0 var(--ui-radius) var(--ui-radius); box-shadow:var(--ui-shadow); font-size:.95rem; line-height:1.75; min-width:0; overflow-wrap:anywhere; }
.content_text p { margin-block:0 1rem; }
.content a, .content a:visited, .subcategory h3 a { color:var(--ui-accent-text); font-size:inherit; }
.content a:hover, .content a:active { color:#fff; font-size:inherit; text-decoration:underline; }
.content_text h3, .content_text h4 { color:#fff; line-height:1.3; }
.content_text ul { font-size:inherit; }
.content_text ul li { line-height:1.6; }
.content_text img { border-radius:10px; }
.content_text pre, .content_text code { max-width:100%; overflow:auto; }
.content_text table { max-width:100%; }
.content_text > :first-child { margin-top:0; }
#footer.site-footer { position:static; height:auto; min-height:62px; display:flex; align-items:center; justify-content:center; flex-wrap:wrap; gap:6px 16px; padding:17px 20px; background:#41474e; color:var(--ui-muted); font-size:.82rem; border-top:3px solid var(--ui-accent); z-index:auto; }
.site-footer a, .site-footer a:visited { color:var(--ui-accent-text) !important; font-weight:650; }
.footer-admin:empty { display:none; }
.bcdiv nav { background:var(--ui-card); padding:13px 18px; border-radius:var(--ui-radius); margin:0 0 18px; font-size:.92rem; box-shadow:var(--ui-shadow); }
.bcdiv nav a, .bcdiv nav a:visited { color:var(--ui-accent-text); }
.category { background:var(--ui-card); border:1px solid rgba(255,255,255,.05); border-radius:var(--ui-radius); padding:0; margin:16px 0; overflow:hidden; }
.category-desc { font-size:.94rem; padding:14px 20px; }
.subcategories { padding:12px; gap:8px; }
.subcategory { gap:20px; border:1px solid rgba(255,255,255,.08); border-radius:11px; background:rgba(255,255,255,.035); padding:13px 17px; }
.subcategory:hover { background:rgba(var(--ui-accent-rgb),.17); }
.subcategory h3 { font-size:1.06rem; }
.subcategory h3 a { font-weight:700; }
.stats { color:var(--ui-muted); font-size:.82rem; }
.flex-grid { gap:16px; align-items:stretch; justify-content:center; }
.flex-grid > div { max-width:100%; flex:1 1 215px; margin:0; padding:17px; background:rgba(255,255,255,.04); border:1px solid rgba(255,255,255,.09); border-radius:12px; }
.table_background { height:auto; min-height:110px; border-radius:0 0 12px 12px; }
.table_background_title { border-radius:12px 12px 0 0; }
.responsive-two-column-grid { display:grid; grid-template-columns:minmax(0,1fr); gap:20px; }
.project-description { min-width:0; overflow-wrap:anywhere; }
.project-assets { min-width:0; display:flex; flex-direction:column; align-items:stretch; gap:14px; }
.project-assets > * { max-width:100%; }
.responsive-two-column-grid > * { min-width:0; }
.responsive-two-column-grid .col2-grid { width:auto; max-width:100%; }
.responsive-two-column-grid img { max-width:100%; }
/* Comfortable, high-contrast form surfaces. Theme styles load before modern.css. */
.form, .login-page .form {
  width:min(100%, 470px); max-width:100%; margin:0 auto;
  padding:clamp(20px,3vw,30px); background:#353c44; color:#f4f6f8;
  border:1px solid #626f7a; border-radius:13px; text-align:left;
  box-shadow:0 12px 26px rgba(0,0,0,.12);
}
.login-page { width:100%; max-width:100%; }
.form label, .form_label label, .file-upload .upload-switch-label {
  display:block; color:#f4f6f8; font-size:.94rem; font-weight:650; margin:0 0 7px;
}
.form input:not([type=hidden]), .form textarea, .form select,
.form_label input:not([type=hidden]), .form_label select, .form_label textarea {
  box-sizing:border-box; display:block; width:100%; max-width:100%; min-width:0;
  height:auto; min-height:46px; margin:0 0 18px; padding:10px 13px;
  background:#242b33; color:#f7fafc; border:1px solid #8896a4;
  border-radius:8px; font:400 1rem/1.45 system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  box-shadow:inset 0 1px 3px rgba(0,0,0,.14);
}
.form textarea, .form_label textarea { min-height:130px; resize:vertical; }
.form input::placeholder, .form textarea::placeholder,
.form_label input::placeholder { color:#bac6d1; opacity:1; }
.form select option, .form_label select option { color:#f7fafc; background:#242b33; }
.form input:focus, .form textarea:focus, .form select:focus,
.form_label input:focus, .form_label textarea:focus, .form_label select:focus {
  outline:3px solid rgba(var(--ui-accent-rgb),.55); outline-offset:1px;
  border-color:var(--ui-accent); background:#202830;
}
.form button, .btn-primary, .file-upload-btn { border-radius:9px; font-size:.95rem; font-weight:750; }
.form button { min-height:46px; padding:12px 18px; margin-top:4px; color:#fff; }
.login-form > button { width:100%; }
#loginerror, .form #loginerror { box-sizing:border-box; width:100%; padding:10px 12px; margin:0 0 15px; background:#632f33; color:#fff; border:1px solid #f7a4a4; border-radius:8px; text-align:left; font:inherit; }
.btn { border-radius:8px; min-height:38px; }
.response { width:100%; overflow-x:auto; border-radius:10px; }
.response table { min-width:530px; width:100%; border:0; background:#f9fafb; color:#26313b; }
.response table tr { border:0; border-bottom:1px solid #e6eaf0; }
.response table th, .response table td { padding:12px; }
.response thead tr { background:var(--ui-accent); color:#162230; }
.response tbody tr:hover { background:#e9f0f5; }
.pagination { display:flex; gap:5px; flex-wrap:wrap; float:none; justify-content:flex-end; }
.pagination li { display:block; }
.pagination > li > a, .pagination > li > span { float:none; display:block; border:0; border-radius:8px !important; margin:0; background:#41474e; color:var(--ui-accent-text); }
.pagination > .active > a, .pagination > .active > span { background:var(--ui-accent); color:#1c252e; }
.dyn-popup { z-index:120; background:rgba(14,19,26,.78); display:grid; place-items:center; padding:16px; }
.dyn-popup > div { max-width:420px; margin:0; border-radius:14px; overflow:hidden; background:#f6f7f9; color:#1b2834; }
.dyn-popup > div p { padding:32px 20px 22px; margin:0; }
.dyn-popup .dyn-popup-actions { display:flex; margin:0; padding:0; list-style:none; }
.dyn-popup .dyn-popup-actions li { float:none; flex:1; }
.dyn-popup .dyn-popup-close { overflow:visible; text-indent:0; color:#344354; font-weight:650; font-size:.8rem; width:52px; height:28px; background:transparent; border:0; }
.dyn-popup .dyn-popup-close::after, .dyn-popup .dyn-popup-close::before { display:none; }
.dyn-popup .dyn-popup-actions button { width:100%; min-height:50px; border:0; color:#fff; background:#326083; font-weight:700; }
.dyn-popup .dyn-popup-actions .dyn-popup-cancel { background:#69717a; }
.dyn-popup-warning .dyn-popup-ok { background:#bd661d !important; }
.dyn-popup-error .dyn-popup-ok { background:#b52f37 !important; }
.dyn-popup-success .dyn-popup-ok { background:#247a54 !important; }
.skip-link { position:fixed; z-index:1000; top:-100px; left:10px; padding:10px 14px; color:#101820; background:#fff; border-radius:9px; }
.skip-link:focus { top:10px; }
/* Projects, tutorial categories and other generated object lists: one compact card each. */
.flex-grid.object-grid {
  display:grid; grid-template-columns:repeat(auto-fill,minmax(min(100%,265px),1fr));
  align-items:stretch; justify-content:stretch; gap:14px; width:100%;
}
.flex-grid.object-grid > .object-grid-item {
  min-width:0; max-width:none; margin:0; padding:0; flex:none;
  background:transparent; border:0; border-radius:0; cursor:auto;
}
.object-card, .content .object-card, .content .object-card:visited {
  box-sizing:border-box; display:flex; flex-direction:column; gap:10px;
  width:100%; height:100%; min-height:125px; padding:19px 20px;
  background:#394149; color:#e5edf4; border:1px solid #697580;
  border-radius:11px; text-align:left; text-decoration:none;
  transition:border-color .18s ease,background .18s ease,transform .18s ease;
}
.object-card:hover, .content .object-card:hover,
.object-card:focus-visible, .content .object-card:focus-visible {
  color:#fff; background:#424c55; border-color:var(--ui-accent);
  text-decoration:none; transform:translateY(-2px);
}
.object-card-title { display:block; color:#fff; font-size:1.08rem; font-weight:750; letter-spacing:normal; line-height:1.35; }
.object-card-desc { display:block; color:#d5dce3; font-size:.93rem; line-height:1.55; overflow-wrap:anywhere; }
.object-card::after { content:'Explore ›'; margin-top:auto; color:var(--ui-accent-text); font-size:.84rem; font-weight:650; }

/* File uploads: readable controls and a modest, useful drop area. */
.file-upload {
  box-sizing:border-box; width:min(100%,680px); max-width:100%; margin:0 auto;
  padding:clamp(18px,3vw,28px); border:1px solid #687581;
  border-radius:13px; background:#353c44; color:#f4f6f8;
}
.file-upload .form_label { width:100%; }
.file-upload .form_label select, .file-upload .form_label input { margin:0; }
.file-upload .upload-settings { display:grid; gap:17px; margin-bottom:20px; }
.file-upload .upload-switches { display:grid; gap:14px; }
.file-upload .upload-switch { display:flex; align-items:center; gap:12px; position:relative; min-height:30px; }
.file-upload .upload-switch input[type=checkbox] {
  position:absolute; top:3px; left:3px; width:46px; height:23px;
  opacity:0; margin:0; cursor:pointer; z-index:1;
}
.file-upload .upload-switch-control {
  display:block; flex:none; width:47px; height:25px; margin:0;
  border-radius:25px; border:1px solid #8e9ca7; background:#747e89;
  position:relative; cursor:pointer; transition:background .18s ease;
}
.file-upload .upload-switch-control::before {
  content:''; width:17px; height:17px; display:block; position:absolute;
  top:3px; left:4px; border-radius:50%; background:#fff;
  box-shadow:0 1px 3px rgba(0,0,0,.26); transition:transform .18s ease;
}
.file-upload .upload-switch input:checked + .upload-switch-control { background:var(--ui-accent); border-color:var(--ui-accent); }
.file-upload .upload-switch input:checked + .upload-switch-control::before { transform:translateX(21px); }
.file-upload .upload-switch input:focus-visible + .upload-switch-control { outline:3px solid var(--ui-accent); outline-offset:3px; }
.file-upload .upload-switch-label { display:inline; margin:0; font-weight:500; cursor:pointer; }
.file-upload .upload-password-field { margin-top:-3px; }
.file-upload-btn {
  display:block; width:100%; margin:0 0 14px; min-height:46px;
  padding:12px 15px; border:0; border-radius:8px; color:#14212b;
  background:var(--ui-accent); font-weight:800; text-transform:none;
}
.file-upload-btn:hover { background:var(--ui-accent); filter:brightness(1.08); }
.image-upload-wrap {
  display:grid; place-items:center; min-height:144px; margin:0;
  border:2px dashed var(--ui-accent); border-radius:10px;
  background:#2d353e; transition:background .18s ease,border-color .18s ease;
}
.image-upload-wrap:hover, .image-dropping { background:#38434d; border-color:var(--ui-accent); }
.image-upload-wrap:focus-within { outline:3px solid var(--ui-accent); outline-offset:2px; }
.image-upload-wrap .file-upload-input { inset:0; height:100%; width:100%; cursor:pointer; }
.image-upload-wrap .drag-text { padding:20px; pointer-events:none; }
.image-upload-wrap .drag-text h3 { padding:0; margin:0; color:#e6eef6; font-size:1rem; font-weight:550; text-transform:none; line-height:1.6; }
.file-upload-content { margin-top:16px; }
.file-upload .progress-container { margin-top:14px; overflow:hidden; }

/* File manager: readable pagination across all colour themes. */
.upload-results-info {
  margin:0 0 13px; color:#e4edf5; font-size:.92rem; font-weight:550;
}
.upload-list-empty { text-align:center !important; color:#33404b; padding:22px !important; }
.uploads-pagination {
  display:flex; flex-wrap:wrap; justify-content:flex-end; align-items:center;
  gap:7px; margin:17px 0 3px;
}
.uploads-pagination a, .uploads-pagination span {
  box-sizing:border-box; display:inline-flex; align-items:center; justify-content:center;
  min-width:40px; min-height:40px; padding:7px 12px;
  border-radius:8px; border:1px solid #6c7c8b;
  font-weight:650; text-decoration:none; line-height:1.2;
}
.uploads-pagination a, .uploads-pagination a:visited {
  background:#323c46; color:#f1f6fa;
}
.uploads-pagination a:hover, .uploads-pagination a:focus-visible {
  background:#475564; border-color:var(--ui-accent); color:#fff;
  outline-offset:2px;
}
.uploads-pagination a.is-current, .uploads-pagination a.is-current:visited {
  background:var(--ui-accent); color:#18222c; border-color:var(--ui-accent);
  pointer-events:none;
}
.uploads-pagination .is-disabled {
  color:#a2adb8; background:#363e47; border-color:#596673;
}
.uploads-pagination .uploads-pagination-gap {
  min-width:20px; padding-inline:2px; border:0; color:#c7d0da;
}
@media (max-width:540px) {
  .uploads-pagination { justify-content:center; }
  .uploads-pagination a, .uploads-pagination span { min-height:42px; }
}

@media (min-width: 768px) { .responsive-two-column-grid { grid-template-columns:minmax(0,4fr) minmax(180px,1fr); } }
@media (max-width: 900px) { .navigation .nav-links a { padding-inline:9px; font-size:.86rem; } .nav-items { gap:8px; } #banner.hero-banner { height:230px; } }
@media (max-width: 780px) {
  #title.site-header { padding:10px 12px 0; }
  #banner.hero-banner { height:205px; border-radius:14px 14px 0 0; background-position:left center; }
  .hero-mascot { left:9px; }
  .hero-info { top:12px; right:12px; max-width:70%; }
  .hero-info .eyebrow { font-size:.65rem; letter-spacing:.05em; }
  #banner_logo { right:16px; bottom:12px; width:56%; height:58px; }
  .header-icons-list { gap:4px; }
  .header-icons-list li a { width:29px !important; height:29px !important; }
  .navigation { display:block !important; position:sticky !important; top:0; height:auto !important; background:#41474e !important; }
  .nav-shell { min-height:58px; justify-content:space-between; padding:0 18px; }
  .mobile-brand { display:inline; font-weight:800; color:#fff; font-size:1.1rem; text-decoration:none; }
  .mobile_bars_background { display:grid; place-items:center; position:relative; inset:auto; width:44px; height:44px; border:1px solid #78818a; background:rgba(0,0,0,.12); border-radius:10px; z-index:2; padding:0; }
  .mobile_bars { display:flex; flex-direction:column; align-items:center; justify-content:center; gap:5px; padding:0; }
  .bar1,.bar2,.bar3 { width:22px; height:2px; margin:0; border-radius:2px; background:var(--ui-accent); transition:transform .2s ease,opacity .2s ease; }
  .change .bar1 { transform:translateY(7px) rotate(45deg); background:var(--ui-accent); }
  .change .bar2 { opacity:0; }
  .change .bar3 { transform:translateY(-7px) rotate(-45deg); background:var(--ui-accent); }
  .nav-items { display:none; position:absolute; top:100%; left:0; right:0; max-height:calc(100dvh - 58px); overflow:auto; padding:14px 18px 22px; background:#41474e; border-bottom:3px solid var(--ui-accent); box-shadow:0 14px 30px rgba(0,0,0,.4); }
  .navigation.mobile-nav .nav-items { display:block; }
  .nav-links { flex-direction:column; align-items:stretch; width:100%; gap:3px; }
  .navigation .nav-links li { display:block; width:100%; padding:0; }
  .navigation .nav-links a, .navigation .nav-links a:visited { display:block; min-height:44px; padding:10px 14px; font-size:1rem; text-align:left; color:#eff2f5; }
  .theme-switcher { justify-content:center; margin-top:12px; padding:12px; }
  #container2 { width:calc(100% - 24px); margin:16px auto 35px; }
  .content h2 { padding:14px 17px; }
  .content_text { padding:18px; }
  .subcategory { align-items:flex-start; flex-direction:column; gap:5px; }
  .stats { text-align:left; }
  body.bodylock { overflow:visible !important; }
}
@media (max-width: 540px) {
  #banner.hero-banner { height:170px; background-size:auto 100%; background-position:left center; }
  #banner_logo { width:55%; height:46px; bottom:10px; right:9px; }
  .hero-info { top:10px; right:9px; max-width:calc(100% - 128px); gap:7px; }
  .hero-mascot { left:8px; }
  .hero-info .header-icons-list { order:1; }
  .hero-info .eyebrow { display:none; }
  .header-icons-list { flex-wrap:nowrap; max-width:none; gap:3px; }
  .header-icons-list li a { width:27px !important; height:27px !important; }
  .content_text { padding:14px; }
  .flex-grid > div { flex-basis:100%; }
  .response table { min-width:510px; }
  .response table tr { display:table-row; }
  .response table thead { clip:auto; height:auto; margin:0; position:static; width:auto; overflow:visible; }
  .response table td { display:table-cell; font-size:.84rem; text-align:center; }
  .response table td::before { display:none; }
  .response table th { font-size:.77rem; }
  .form, .login-page .form { padding:18px; }
}
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { scroll-behavior:auto !important; animation-duration:.01ms !important; transition-duration:.01ms !important; } }