/* Scoped presentation. No styles escape the earned-reward page. */
.quest-reward-case {
  --qr-ink: #f4ecd5;
  --qr-muted: #a7bab0;
  --qr-gold: #edc777;
  --qr-card-width: clamp(140px, 17.5vw, 188px);
  position: relative;
  isolation: isolate;
  overflow: hidden;
  width: min(1220px, 100%);
  margin: 0 auto;
  padding: 24px clamp(16px, 4vw, 54px) 30px;
  color: var(--qr-ink);
  background: radial-gradient(ellipse at 50% 340px, #25483d 0, #102b27 31%, #0c1d1c 65%);
  border: 1px solid #8c9c7140;
  border-radius: 28px;
  font: 15px/1.5 -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  box-sizing: border-box;
  text-align: center;
}
.quest-reward-case *, .quest-reward-case *::before, .quest-reward-case *::after { box-sizing: border-box; }
.quest-reward-case [hidden] { display: none !important; }
.quest-reward-case::before { content: ''; z-index: -1; position: absolute; inset: 0; opacity: .16; pointer-events: none; background-image: radial-gradient(#f0ce8033 1px, transparent 1px); background-size: 19px 19px; }
.quest-reward-case a { color: inherit; text-decoration: none; }
.quest-reward-case button { font: inherit; cursor: pointer; }
.quest-reward-case button:disabled { cursor: default; opacity: .45; }
.quest-reward-case :focus-visible { outline: 3px solid #fff4b5; outline-offset: 5px; }
.quest-reward-case .qr-nav { display: flex; align-items: center; justify-content: space-between; gap: 20px; color: #a9bfb3; font-size: 12px; }
.quest-reward-case .qr-nav a { padding: 10px 0; }
.quest-reward-case .qr-nav a:hover { color: #ffe6a9; }
.quest-reward-case .qr-nav > span { letter-spacing: .19em; font-size: 10px; opacity: .7; }
.quest-reward-case .qr-heading { position: relative; z-index: 2; padding: 36px 0 0; }
.quest-reward-case .qr-eyebrow { margin: 0; color: #d4b36b; font-size: 10px; font-weight: 700; letter-spacing: .22em; }
.quest-reward-case .qr-heading h1 { margin: 10px 0; font-family: Georgia, 'Times New Roman', serif; font-size: clamp(34px, 5.3vw, 65px); font-weight: 400; line-height: 1.09; letter-spacing: -.055em; color: #faf0d4; }
.quest-reward-case .qr-heading h1 em { color: #edc676; font-weight: 400; }
.quest-reward-case .qr-heading > p:last-child { margin: 15px 0 0; font-size: 14px; color: #b8c8b9; }
.quest-reward-case .qr-heading > p:last-child span { color: #f0d29a; }
.quest-reward-case .qr-stage { position: relative; height: 390px; display: grid; place-items: center; margin-top: 0; }
.quest-reward-case .qr-stage__stars { position: absolute; inset: 0; opacity: .8; pointer-events: none; }
.quest-reward-case .qr-stage__stars i { position: absolute; color: #e7c678; font-style: normal; font-size: 19px; animation: qr-star 4s ease-in-out infinite alternate; }
.quest-reward-case .qr-stage__stars i:nth-child(1) { top: 24%; left: 19%; }
.quest-reward-case .qr-stage__stars i:nth-child(2) { top: 59%; left: 24%; font-size: 11px; animation-delay: -1s; }
.quest-reward-case .qr-stage__stars i:nth-child(3) { top: 31%; right: 18%; font-size: 12px; animation-delay: -2s; }
.quest-reward-case .qr-stage__stars i:nth-child(4) { top: 68%; right: 25%; animation-delay: -3s; }
.quest-reward-case .qr-stage__stars i:nth-child(5) { top: 80%; left: 37%; font-size: 10px; }
.quest-reward-case .qr-stage__stars i:nth-child(6) { top: 13%; right: 32%; font-size: 9px; }
.quest-reward-case .qr-chest { position: absolute; width: min(520px, 90%); height: 430px; top: -19px; transition: opacity .55s ease, transform .7s ease; }
.quest-reward-case .qr-chest > img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: contain; filter: drop-shadow(0 28px 24px #031b18b3); z-index: 2; }
.quest-reward-case .qr-chest__closed { opacity: 1; }
.quest-reward-case .qr-chest__open, .quest-reward-case .qr-chest__body, .quest-reward-case .qr-chest__lid { opacity: 0; }
.quest-reward-case .qr-chest__open { transform: translateY(-2.95%); }
.quest-reward-case .qr-chest__lid { transform-origin: 61% 44%; backface-visibility: visible; }
.quest-reward-case .qr-chest__glow { position: absolute; inset: 18% 7% 7%; border-radius: 50%; background: radial-gradient(ellipse, #e2c2692e, #62aa6d12 50%, transparent 70%); filter: blur(15px); }
.quest-reward-case .qr-chest__floor { position: absolute; bottom: 8%; left: 18%; right: 18%; height: 17px; border-radius: 50%; box-shadow: 0 12px 34px 15px #050c09a8; background: #111c17; filter: blur(13px); }
.quest-reward-case .qr-chest__seal { position: absolute; left: 50%; bottom: 13px; transform: translateX(-50%) rotate(-3deg); color: #dcbf83; font-size: 9px; letter-spacing: .2em; padding: 5px 13px; border: 1px solid #dcbf8340; background: #17332d; border-radius: 20px; z-index: 3; }
.quest-reward-case .qr-chest__rays { position: absolute; z-index: 1; inset: 14% 8% 30%; background: conic-gradient(from 250deg at 50% 100%, transparent 0deg, #fbd98d00 26deg, #fbd98d66 29deg, transparent 33deg, transparent 46deg, #fbd98d55 50deg, transparent 58deg, transparent 69deg, #fbd98d55 76deg, transparent 82deg, transparent 95deg, #fbd98d44 100deg, transparent 111deg); opacity: 0; filter: blur(8px); transform-origin: 50% 100%; }
.quest-reward-case .qr-art-fallback { display: none; position: absolute; left: 18%; right: 18%; top: 30%; border: 1px solid #a88c53; border-radius: 25px; background: #183e35; padding: 35px 12px; letter-spacing: .15em; color: #d4b36b; }
.quest-reward-case .qr-art-fallback span { font-size: 44px; }
.quest-reward-case .qr-art-missing .qr-art-fallback { display: block; }
.quest-reward-case .qr-roulette { width: calc(100% + 44px); max-width: calc(100vw - 20px); opacity: 0; visibility: hidden; transform: translateY(30px) scale(.97); transition: opacity .7s, transform .7s; position: absolute; left: 50%; top: 40px; margin-left: calc((100% + 44px) / -2); }
.quest-reward-case .qr-roulette__label { color: #d3b979; font-size: 10px; letter-spacing: .22em; margin: 0 0 19px; }
.quest-reward-case .qr-roulette__window { position: relative; overflow: hidden; width: 100%; padding: 12px 0; border-block: 1px solid #ad98564d; background: #061a1799; }
.quest-reward-case .qr-roulette__window::before, .quest-reward-case .qr-roulette__window::after { content: ''; position: absolute; z-index: 3; top: 0; bottom: 0; width: 12%; pointer-events: none; }
.quest-reward-case .qr-roulette__window::before { left: 0; background: linear-gradient(90deg, #0b211e, transparent); }
.quest-reward-case .qr-roulette__window::after { right: 0; background: linear-gradient(-90deg, #0b211e, transparent); }
.quest-reward-case .qr-roulette__track { display: flex; gap: 12px; will-change: transform; }
.quest-reward-case .qr-roulette__center { pointer-events: none; position: absolute; inset: 5px auto; left: 50%; width: calc(var(--qr-card-width) + 8px); transform: translateX(-50%); border: 1px solid #e5c77b99; border-radius: 15px; box-shadow: 0 0 34px #dfb95f1a, inset 0 0 20px #ffe28c0c; z-index: 4; }
.quest-reward-case .qr-roulette__pointer { position: absolute; left: 50%; top: 29px; transform: translateX(-50%); font-size: 17px; color: #ffe0a4; z-index: 5; text-shadow: 0 2px 16px #ffe49b; }
.quest-reward-case .qr-roulette__caption { margin-top: 17px; font-family: Georgia, serif; font-size: 16px; font-style: italic; color: #afbcaa; }
.quest-reward-case .qr-controls { position: relative; z-index: 4; margin: 1px auto 0; min-height: 183px; }
.quest-reward-case .qr-facts { display: flex; justify-content: center; flex-wrap: wrap; gap: 0; color: #bdc9b8; font-size: 11px; }
.quest-reward-case .qr-facts span { padding: 0 14px; }
.quest-reward-case .qr-facts span + span { border-left: 1px solid #acac763d; }
.quest-reward-case .qr-facts span:first-child { color: #efcf8a; }
.quest-reward-case .qr-actions { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 11px; margin-top: 23px; }
.quest-reward-case .qr-button { border-radius: 12px; min-height: 49px; padding: 13px 25px; border: 1px solid transparent; display: inline-flex; justify-content: center; align-items: center; gap: 28px; font-size: 13px; font-weight: 650; line-height: 1.5; transition: background .15s, box-shadow .15s, transform .15s; }
.quest-reward-case .qr-button--gold { color: #342a15; background: linear-gradient(135deg, #f4dfab, #dbb96a); box-shadow: 0 4px 0 #8c703c, 0 7px 33px #dec47b21; }
.quest-reward-case .qr-button--gold:hover:not(:disabled) { transform: translateY(-2px); box-shadow: 0 6px 0 #8c703c, 0 10px 33px #dec47b30; }
.quest-reward-case .qr-button--gold:active:not(:disabled) { transform: translateY(2px); box-shadow: 0 2px 0 #8c703c; }
.quest-reward-case .qr-button--quiet { color: #b0c2b3; background: #29433930; border-color: #c8d49c24; padding-inline: 19px; box-shadow: none; }
.quest-reward-case .qr-button--quiet:hover:not(:disabled) { background: #35574770; }
.quest-reward-case .qr-close { color: #b1c2b4; background: transparent; border: 1px solid #c8d49c24; border-radius: 50%; width: 40px; height: 40px; font-size: 22px; }
.quest-reward-case .qr-status { font-size: 12px; color: #b9c9b5; margin: 19px auto 0; max-width: 620px; min-height: 18px; }
.quest-reward-case .qr-fineprint { margin-top: 9px; color: #7c9788; font-size: 10px; }
.quest-reward-case .qr-wait { display: inline-block; width: 14px; height: 14px; border: 2px solid #e6c16a44; border-top-color: #efd59a; border-radius: 50%; margin-top: 17px; animation: qr-turn 1s linear infinite; }
.quest-reward-case .qr-progress { display: none; width: 130px; height: 2px; margin: 17px auto 0; background: #4c654838; overflow: hidden; }
.quest-reward-case .qr-progress::before { content: ''; display: block; height: 100%; width: 100%; background: #d2b669; transform-origin: left; transform: scaleX(var(--qr-progress, 0)); }
.quest-reward-case .qr-contents { border-top: 1px solid #c5c28a24; padding-top: 33px; margin-top: 19px; }
.quest-reward-case .qr-contents__heading { display: flex; justify-content: space-between; gap: 16px; align-items: end; text-align: left; margin-bottom: 23px; }
.quest-reward-case .qr-contents h2 { font-family: Georgia, 'Times New Roman', serif; font-size: clamp(24px, 3vw, 33px); font-weight: 400; letter-spacing: -.035em; margin: 6px 0 0; color: #f2e7c9; }
.quest-reward-case .qr-contents__heading > span { font-size: 10px; color: #9baf9e; text-align: right; line-height: 1.8; }
.quest-reward-case .qr-contents__heading b { color: #d9c087; font-weight: 500; }
.quest-reward-case .qr-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 13px; text-align: left; }
.quest-reward-case .qr-card { min-width: 0; position: relative; overflow: hidden; border: 1px solid #7896803b; border-radius: 14px; background: linear-gradient(147deg, #203e33a6, #142b27); box-shadow: 0 3px 10px #00100a26; }
.quest-reward-case .qr-card::after { content: ''; position: absolute; left: 16px; right: 16px; top: 0; height: 2px; background: #70917b; opacity: .6; }
.quest-reward-case .qr-card[data-rarity='rare']::after { background: #75aaba; }
.quest-reward-case .qr-card[data-rarity='epic']::after { background: #ad95ba; }
.quest-reward-case .qr-card[data-rarity='legendary']::after { background: #d3ad69; }
.quest-reward-case .qr-card[data-rarity='mythic']::after { background: #d1ab79; }
.quest-reward-case .qr-card__art { position: relative; display: grid; place-items: center; height: 136px; margin: 3px 10px 0; background: radial-gradient(ellipse, #c6d18812, transparent 65%); }
.quest-reward-case .qr-card__art img { position: relative; z-index: 1; object-fit: contain; max-width: 100%; width: 100%; height: 118px; filter: drop-shadow(0 6px 6px #0006); }
.quest-reward-case .qr-image-placeholder { display: none; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); font-size: 32px; color: #cdb9828a; }
.quest-reward-case .qr-image-missing .qr-image-placeholder { display: block; }
.quest-reward-case .qr-card__caption { padding: 2px 15px 15px; }
.quest-reward-case .qr-card__caption > span { display: block; color: #9aaf9f; font-size: 10px; line-height: 1.5; }
.quest-reward-case .qr-card__caption strong { display: block; margin-top: 3px; color: #e8dfc5; font-size: 12px; line-height: 1.4; min-height: 34px; font-weight: 600; }
.quest-reward-case .qr-card__caption small { display: block; color: #90a597; font-size: 9px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-top: 6px; }
.quest-reward-case .qr-card__caption b { display: inline-block; color: #dec387; font-size: 12px; font-weight: 600; margin-top: 8px; }
.quest-reward-case .qr-card__caption i { font-style: normal; font-size: 9px; color: #bca879; }
.quest-reward-case .qr-card__caption em { display: block; color: #799485; font-style: normal; font-size: 9px; margin-top: 8px; padding-top: 8px; border-top: 1px solid #93a17920; }
.quest-reward-case .qr-card--strip { flex: 0 0 var(--qr-card-width); width: var(--qr-card-width); text-align: left; }
.quest-reward-case .qr-card--strip .qr-card__art { height: 108px; }
.quest-reward-case .qr-card--strip .qr-card__art img { height: 96px; }
.quest-reward-case .qr-card--strip .qr-card__caption { padding: 0 12px 12px; }
.quest-reward-case .qr-card--strip .qr-card__caption strong { font-size: 11px; min-height: 31px; }
.quest-reward-case .qr-card--strip .qr-card__caption small { font-size: 8px; }
.quest-reward-case .qr-card--strip .qr-card__caption b { font-size: 11px; }
.quest-reward-case .qr-catalog-note { text-align: left; color: #7f9888; font-size: 10px; line-height: 1.8; margin: 20px 0 0; max-width: 810px; }
.quest-reward-case .qr-footer { color: #9bad96; margin-top: 36px; font: italic 13px Georgia, serif; }
.quest-reward-case .qr-footer span { color: #bea569; padding-inline: 13px; }
.quest-reward-case .qr-result { position: absolute; z-index: 5; inset: -6px 0 -10px; display: grid; place-items: center; }
.quest-reward-case .qr-result__inside { position: relative; z-index: 2; width: 100%; }
.quest-reward-case .qr-result__halo { position: absolute; inset: 12% 10% 25%; background: radial-gradient(ellipse, #d9c07428, #9bb8640b 40%, transparent 68%); filter: blur(6px); }
.quest-reward-case .qr-result__art { position: relative; height: 142px; max-width: 360px; margin: 5px auto 0; }
.quest-reward-case .qr-result__art img { width: 100%; height: 100%; object-fit: contain; filter: drop-shadow(0 12px 15px #0006); }
.quest-reward-case .qr-result__weapon { color: #a7bfab; font-size: 11px; margin: 0 0 3px; }
.quest-reward-case .qr-result h2 { color: #f4e6c1; font-family: Georgia, serif; font-size: 32px; line-height: 1.1; margin: 0; font-weight: 400; letter-spacing: -.03em; }
.quest-reward-case .qr-result__wear { color: #9eb29f; font-size: 10px; margin: 7px 0; }
.quest-reward-case .qr-result__value { color: #efcb81; font-size: 24px; font-weight: 600; line-height: 1; margin: 12px 0; }
.quest-reward-case .qr-result__value span { font-size: 12px; font-weight: 400; }
.quest-reward-case .qr-result__saved { font-size: 11px; color: #bccea6; margin: 12px 0 16px; }
.quest-reward-case .qr-result .qr-button { min-height: 43px; padding-block: 10px; }
.quest-reward-case .qr-result__thanks { font-family: Georgia, serif; font-style: italic; color: #9cae96; font-size: 12px; margin: 13px 0 0; }
.quest-reward-case[data-phase='opening'] .qr-chest { animation: qr-chest-rise 1.4s ease both; }
.quest-reward-case[data-phase='opening'] .qr-chest__closed { animation: qr-closed-out 1.4s ease both; }
.quest-reward-case[data-phase='opening'] .qr-chest__body { animation: qr-body-hold 1.4s ease both; }
.quest-reward-case[data-phase='opening'] .qr-chest__lid { z-index: 3; animation: qr-lid-lift 1.4s cubic-bezier(.24,.72,.3,1) both; }
.quest-reward-case[data-phase='opening'] .qr-chest__open { animation: qr-open-in 1.4s ease both; }
.quest-reward-case[data-phase='opening'] .qr-chest__rays { animation: qr-light 1.4s ease both; }
.quest-reward-case[data-phase='rolling'] .qr-chest, .quest-reward-case[data-phase='settling'] .qr-chest, .quest-reward-case[data-phase='revealed'] .qr-chest { opacity: 0; transform: translateY(-65px) scale(.75); pointer-events: none; }
.quest-reward-case[data-phase='rolling'] .qr-roulette, .quest-reward-case[data-phase='settling'] .qr-roulette { opacity: 1; visibility: visible; transform: translateY(0) scale(1); }
.quest-reward-case[data-phase='settling'] .qr-card[data-position='74'] { border-color: #e8c577; box-shadow: inset 0 0 30px #e8c57718; }
.quest-reward-case[data-phase='opening'] .qr-progress, .quest-reward-case[data-phase='rolling'] .qr-progress, .quest-reward-case[data-phase='settling'] .qr-progress { display: block; }
.quest-reward-case[data-phase='revealed'] .qr-result { animation: qr-reveal .65s ease both; }
.quest-reward-case[data-phase='revealed'] .qr-controls { margin-top: 47px; min-height: 112px; }
.quest-reward-case[data-phase='revealed'] .qr-facts { display: none; }
.quest-reward-case[data-phase='revealed'] .qr-fineprint { margin-bottom: 0; }
.quest-reward-case[data-phase='requesting'] .qr-chest__seal, .quest-reward-case[data-phase='loading'] .qr-chest__seal { opacity: .3; }
@keyframes qr-star { from { opacity: .2; transform: scale(.7); } to { opacity: .85; transform: scale(1); } }
@keyframes qr-turn { to { transform: rotate(360deg); } }
@keyframes qr-chest-rise { 0% { transform: translateY(0) scale(1); } 22% { transform: translateY(4px) scale(.99); } 65%, 100% { transform: translateY(-12px) scale(1.02); } }
/* The isolated lid rotates above a stationary illustrated body, then blends into
   the finished open painting. The visible hinge movement is real CSS geometry. */
@keyframes qr-closed-out { 0%, 6% { opacity: 1; } 18%, 100% { opacity: 0; } }
@keyframes qr-body-hold { 0% { opacity: 0; } 12%, 75% { opacity: 1; } 95%, 100% { opacity: 0; } }
@keyframes qr-lid-lift { 0% { opacity: 0; transform: perspective(900px) rotateX(0deg); } 10% { opacity: 1; transform: perspective(900px) rotateX(0deg); } 64% { opacity: 1; transform: perspective(900px) rotateX(-105deg) rotateZ(-4deg); } 84%, 100% { opacity: 0; transform: perspective(900px) rotateX(-118deg) rotateZ(-4deg); } }
@keyframes qr-open-in { 0%, 58% { opacity: 0; } 88%, 100% { opacity: 1; } }
@keyframes qr-light { 0%, 24% { opacity: 0; transform: scaleY(.2); } 62%, 100% { opacity: .9; transform: scaleY(1.15); } }
@keyframes qr-reveal { from { opacity: 0; transform: translateY(20px) scale(.93); } to { opacity: 1; transform: none; } }
@media (min-width: 1150px) { .quest-reward-case .qr-grid { grid-template-columns: repeat(6, minmax(0, 1fr)); } .quest-reward-case .qr-card__art { height: 112px; } .quest-reward-case .qr-card__art img { height: 99px; } .quest-reward-case .qr-card__caption { padding-inline: 12px; } }
@media (max-width: 700px) { .quest-reward-case { padding-top: 15px; border-radius: 19px; } .quest-reward-case .qr-nav { font-size: 10px; gap: 10px; } .quest-reward-case .qr-nav > span { display: none; } .quest-reward-case .qr-heading { padding-top: 27px; } .quest-reward-case .qr-eyebrow { font-size: 8px; letter-spacing: .16em; } .quest-reward-case .qr-heading > p:last-child { font-size: 11px; } .quest-reward-case .qr-stage { height: 350px; } .quest-reward-case .qr-chest { width: 460px; max-width: 112%; height: 390px; top: -17px; } .quest-reward-case .qr-stage__stars i:nth-child(1) { left: 4%; } .quest-reward-case .qr-stage__stars i:nth-child(3) { right: 4%; } .quest-reward-case .qr-controls { min-height: 190px; } .quest-reward-case .qr-facts { font-size: 9px; } .quest-reward-case .qr-facts span { padding: 0 8px; } .quest-reward-case .qr-contents__heading { align-items: start; } .quest-reward-case .qr-contents__heading > span { font-size: 8px; padding-top: 4px; } .quest-reward-case .qr-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 9px; } .quest-reward-case .qr-card__art { height: 105px; } .quest-reward-case .qr-card__art img { height: 95px; } .quest-reward-case .qr-card__caption { padding-inline: 10px; } .quest-reward-case .qr-roulette { width: calc(100% + 30px); margin-left: calc((100% + 30px) / -2); top: 34px; } .quest-reward-case .qr-result { inset-block: -10px -35px; } .quest-reward-case .qr-result h2 { font-size: 28px; } .quest-reward-case[data-phase='revealed'] .qr-controls { margin-top: 79px; } .quest-reward-case .qr-footer { font-size: 11px; } }
@media (max-width: 460px) { .quest-reward-case { --qr-card-width: 145px; padding-inline: 15px; } .quest-reward-case .qr-heading h1 { font-size: 38px; max-width: 290px; margin-inline: auto; } .quest-reward-case .qr-stage { height: 303px; } .quest-reward-case .qr-chest { height: 355px; top: -21px; } .quest-reward-case .qr-chest__seal { bottom: 24px; } .quest-reward-case .qr-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .quest-reward-case .qr-card__art { height: 112px; } .quest-reward-case .qr-card__art img { height: 101px; } .quest-reward-case .qr-contents h2 { font-size: 23px; } .quest-reward-case .qr-contents__heading > span { max-width: 92px; } .quest-reward-case .qr-contents .qr-eyebrow { max-width: 170px; } .quest-reward-case .qr-button { padding-inline: 19px; font-size: 12px; } .quest-reward-case .qr-actions { gap: 9px; } .quest-reward-case .qr-status { font-size: 11px; } .quest-reward-case .qr-fineprint { font-size: 9px; } .quest-reward-case .qr-roulette { top: 19px; } .quest-reward-case .qr-roulette__caption { font-size: 13px; } .quest-reward-case .qr-result { inset-block: 0 -65px; } .quest-reward-case .qr-result__art { height: 123px; } .quest-reward-case .qr-result__value { font-size: 22px; } .quest-reward-case .qr-result h2 { font-size: 26px; } .quest-reward-case[data-phase='revealed'] .qr-controls { margin-top: 111px; } .quest-reward-case .qr-footer span { padding-inline: 5px; } }
@media (prefers-reduced-motion: reduce) { .quest-reward-case *, .quest-reward-case *::before, .quest-reward-case *::after { animation: none !important; transition: none !important; scroll-behavior: auto !important; } }