.attn-fx{--attn-ice-white:#fff;--attn-ice-mist:#ebf7ff;--attn-ice-sky:#e1f4ff;--attn-ice-pale:#d6eeff;--attn-ice-mid:#b0dbfa;--attn-ice-blue:#7cc8ff;--attn-ice-deep:#3f93d6;--attn-glass-lo:#7cc8ff;--attn-glass-hi:#1f6fb8;--attn-glass-max:1;--attn-frost-max:1;--attn-icicles:.97;--attn-shine:1;--attn-sun-core:#ffd23f;--attn-sun-hot:#f5b800;--attn-sand:#f0d98f;--attn-sea:#7cc8ff;--attn-plate:var(--card);--attn-sun-green:var(--success);--attn-row-flake:#3f86d6;--attn-row-flake-soft:#3f86d64d;--attn-amber:var(--warning);--attn-red:var(--destructive);--attn-fire:color-mix(in srgb, var(--warning) 45%, var(--destructive));--attn-fire-hi:var(--warning);--attn-badge-text:var(--destructive-foreground)}.dark .attn-fx{--attn-ice-white:#cfe6fb;--attn-ice-mist:#a9cdee;--attn-ice-sky:#b8d9f6;--attn-ice-pale:#7fb4e3;--attn-ice-mid:#5f9bd0;--attn-ice-blue:#6db5f0;--attn-ice-deep:#8ec8f5;--attn-glass-lo:#6db5f0;--attn-glass-hi:#1d5a99;--attn-glass-max:.7;--attn-frost-max:.5;--attn-icicles:.45;--attn-shine:.45;--attn-sun-core:#e3b93a;--attn-sun-hot:#c99a10;--attn-sand:#7d6d3a;--attn-sea:#4f93c9;--attn-row-flake:#fff;--attn-row-flake-soft:#ffffff59;--attn-flake:#f4f9ff;--attn-flake-soft:color-mix(in srgb, var(--attn-flake) 38%, transparent);--attn-flakes:radial-gradient(circle at 6% 45%, var(--attn-flake) 0 2px, var(--attn-flake-soft) 3.1px, transparent 4.5px), radial-gradient(circle at 33% 9%, var(--attn-flake) 0 2.5px, var(--attn-flake-soft) 3.6px, transparent 5px), radial-gradient(circle at 82% 42%, var(--attn-flake) 0 1.6px, var(--attn-flake-soft) 2.7px, transparent 4.1px), radial-gradient(circle at 52% 47%, var(--attn-flake) 0 1.6px, var(--attn-flake-soft) 2.7px, transparent 4.1px), radial-gradient(circle at 48% 30%, var(--attn-flake) 0 1.2px, var(--attn-flake-soft) 2.3px, transparent 3.7px), radial-gradient(circle at 25% 69%, var(--attn-flake) 0 2.5px, var(--attn-flake-soft) 3.6px, transparent 5px), radial-gradient(circle at 58% 79%, var(--attn-flake) 0 1.2px, var(--attn-flake-soft) 2.3px, transparent 3.7px), radial-gradient(circle at 7% 22%, var(--attn-flake) 0 2.5px, var(--attn-flake-soft) 3.6px, transparent 5px), radial-gradient(circle at 86% 7%, var(--attn-flake) 0 2.5px, var(--attn-flake-soft) 3.6px, transparent 5px), radial-gradient(circle at 90% 71%, var(--attn-flake) 0 1.2px, var(--attn-flake-soft) 2.3px, transparent 3.7px), radial-gradient(circle at 60% 7%, var(--attn-flake) 0 2.5px, var(--attn-flake-soft) 3.6px, transparent 5px), radial-gradient(circle at 37% 84%, var(--attn-flake) 0 1.2px, var(--attn-flake-soft) 2.3px, transparent 3.7px), radial-gradient(circle at 6% 65%, var(--attn-flake) 0 2px, var(--attn-flake-soft) 3.1px, transparent 4.5px), radial-gradient(circle at 37% 55%, var(--attn-flake) 0 1.6px, var(--attn-flake-soft) 2.7px, transparent 4.1px), radial-gradient(circle at 67% 31%, var(--attn-flake) 0 1.2px, var(--attn-flake-soft) 2.3px, transparent 3.7px), radial-gradient(circle at 27% 29%, var(--attn-flake) 0 2px, var(--attn-flake-soft) 3.1px, transparent 4.5px), radial-gradient(circle at 67% 56%, var(--attn-flake) 0 2px, var(--attn-flake-soft) 3.1px, transparent 4.5px), radial-gradient(circle at 18% 84%, var(--attn-flake) 0 1.6px, var(--attn-flake-soft) 2.7px, transparent 4.1px), radial-gradient(circle at 44% 68%, var(--attn-flake) 0 2px, var(--attn-flake-soft) 3.1px, transparent 4.5px)}.attn-fx{z-index:-1;border-radius:inherit;pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0}.attn-fx>*{border-radius:inherit;pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0}.attn-fx__frost{background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40' fill='none' stroke-linecap='round' stroke-linejoin='round'><g transform='rotate(0 20 20)' stroke='%237cc8ff' stroke-width='4.2'><path d='M20 3v34M13 9l7 6 7-6M13 31l7-6 7 6'/></g><g transform='rotate(60 20 20)' stroke='%237cc8ff' stroke-width='4.2'><path d='M20 3v34M13 9l7 6 7-6M13 31l7-6 7 6'/></g><g transform='rotate(120 20 20)' stroke='%237cc8ff' stroke-width='4.2'><path d='M20 3v34M13 9l7 6 7-6M13 31l7-6 7 6'/></g><g transform='rotate(0 20 20)' stroke='white' stroke-width='2'><path d='M20 3v34M13 9l7 6 7-6M13 31l7-6 7 6'/></g><g transform='rotate(60 20 20)' stroke='white' stroke-width='2'><path d='M20 3v34M13 9l7 6 7-6M13 31l7-6 7 6'/></g><g transform='rotate(120 20 20)' stroke='white' stroke-width='2'><path d='M20 3v34M13 9l7 6 7-6M13 31l7-6 7 6'/></g></svg>") right 9px top 9px / 26px 26px no-repeat, url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40' fill='none' stroke-linecap='round' stroke-linejoin='round'><g transform='rotate(0 20 20)' stroke='%237cc8ff' stroke-width='4.2'><path d='M20 3v34M13 9l7 6 7-6M13 31l7-6 7 6'/></g><g transform='rotate(60 20 20)' stroke='%237cc8ff' stroke-width='4.2'><path d='M20 3v34M13 9l7 6 7-6M13 31l7-6 7 6'/></g><g transform='rotate(120 20 20)' stroke='%237cc8ff' stroke-width='4.2'><path d='M20 3v34M13 9l7 6 7-6M13 31l7-6 7 6'/></g><g transform='rotate(0 20 20)' stroke='white' stroke-width='2'><path d='M20 3v34M13 9l7 6 7-6M13 31l7-6 7 6'/></g><g transform='rotate(60 20 20)' stroke='white' stroke-width='2'><path d='M20 3v34M13 9l7 6 7-6M13 31l7-6 7 6'/></g><g transform='rotate(120 20 20)' stroke='white' stroke-width='2'><path d='M20 3v34M13 9l7 6 7-6M13 31l7-6 7 6'/></g></svg>") left 12px bottom 9px / 15px 15px no-repeat, radial-gradient(75% 60% at 0% 100%, color-mix(in srgb, var(--attn-ice-white) 98%, transparent), color-mix(in srgb, var(--attn-ice-pale) 62%, transparent) 42%, color-mix(in srgb, var(--attn-ice-pale) 0%, transparent) 74%), radial-gradient(75% 60% at 100% 100%, color-mix(in srgb, var(--attn-ice-white) 98%, transparent), color-mix(in srgb, var(--attn-ice-pale) 62%, transparent) 42%, color-mix(in srgb, var(--attn-ice-pale) 0%, transparent) 74%), radial-gradient(60% 50% at 100% 0, color-mix(in srgb, var(--attn-ice-sky) 90%, transparent), color-mix(in srgb, var(--attn-ice-sky) 0%, transparent) 70%), linear-gradient(180deg, color-mix(in srgb, var(--attn-ice-mist) 0%, transparent) 30%, color-mix(in srgb, var(--attn-ice-mid) 38%, transparent));box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--attn-ice-white) 85%, transparent), inset 0 0 26px color-mix(in srgb, var(--attn-ice-blue) 38%, transparent)}.attn-fx[data-ice]{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--attn-ice-blue) calc(20% + var(--attn-depth,0) * 78%), transparent)}.attn-fx__glass{height:calc(10px + var(--attn-depth,0) * (100% - 28px));--attn-glass:color-mix(in srgb, var(--attn-glass-hi) calc(var(--attn-depth,0) * 100%), var(--attn-glass-lo));background:linear-gradient(180deg, color-mix(in srgb, var(--attn-glass) calc((24% + var(--attn-depth,0) * 46%) * var(--attn-glass-max)), transparent), color-mix(in srgb, var(--attn-glass) calc((10% + var(--attn-depth,0) * 34%) * var(--attn-glass-max)), transparent));box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--attn-ice-white) 55%, transparent), inset 0 -10px 14px -8px color-mix(in srgb, var(--attn-ice-white) 70%, transparent);border-bottom-right-radius:0;border-bottom-left-radius:0;top:0;bottom:auto;left:0;right:0}.attn-fx__glass>*{border-radius:inherit;pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0}.attn-fx__frost{opacity:calc((.25 + var(--attn-depth,0) * .75) * var(--attn-frost-max))}.attn-fx__icicles{top:auto;bottom:auto;left:-1px;right:-1px;top:calc(6px + var(--attn-depth,0) * (100% - 28px));transform-origin:50% 0;height:22px;opacity:var(--attn-icicles);transform:scaleY(calc(.55 + var(--attn-depth,0) * .45));filter:drop-shadow(0 1px 1px color-mix(in srgb, var(--attn-ice-deep) 40%, transparent));background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 30' preserveAspectRatio='none'><defs><linearGradient id='i' x1='0' y1='0' x2='0' y2='1'><stop offset='0' stop-color='white'/><stop offset='1' stop-color='%23a9dcff'/></linearGradient></defs><path d='M0 0h120v5l-5 0 -3 13 -4-13 -9 0 -3 24 -4-24 -11 0 -4 12 -4-12 -13 0 -3 20 -4-20 -11 0 -4 15 -4-15 -13 0 -3 17 -4-17 -8 0z' fill='url(%23i)' fill-opacity='.97'/></svg>") top/100% 100% no-repeat;border-radius:0}.attn-fx__snow{overflow:hidden}.attn-fx[data-ice] .attn-fx__snow{opacity:calc(1 - var(--attn-depth,0) * .5)}.attn-fx__snow:before,.attn-fx__snow:after{content:"";background-image:radial-gradient(circle, var(--attn-ice-white) 0 2px, color-mix(in srgb, var(--attn-ice-white) 35%, transparent) 3px, transparent 4px), radial-gradient(circle, var(--attn-ice-white) 0 1.1px, transparent 2.2px);height:200%;filter:drop-shadow(0 0 1.5px color-mix(in srgb, var(--attn-ice-deep) 75%, transparent));will-change:transform;background-position:6px 0,19px 16px;background-size:52px 58px,33px 39px;animation:6s linear infinite attn-snow;position:absolute;top:-100%;left:0;right:0}.attn-fx__snow:after{opacity:.65;background-size:67px 71px,41px 47px;animation-duration:9s;animation-delay:-3s}@keyframes attn-snow{0%{transform:translate(0,0)}to{transform:translate(-8px,50%)}}.dark .attn-fx[data-ice] .attn-fx__snow{opacity:calc(1 - var(--attn-depth,0) * .25)}.dark .attn-fx__snow:before,.dark .attn-fx__snow:after{top:calc(-1 * var(--attn-tile-h));height:calc(100% + var(--attn-tile-h));background-image:var(--attn-flakes);background-size:var(--attn-tile-w) var(--attn-tile-h);filter:none;animation:attn-snow-fall var(--attn-fall) linear infinite;background-position:0 0}.dark .attn-fx__snow:before{--attn-tile-w:180px;--attn-tile-h:200px;--attn-fall:9s}.dark .attn-fx__snow:after{--attn-tile-w:120px;--attn-tile-h:134px;--attn-fall:12s;opacity:.7;animation-delay:-5s}@keyframes attn-snow-fall{0%{transform:translate(0,0)}to{transform:translate3d(0, var(--attn-tile-h), 0)}}.attn-fx__shine{opacity:var(--attn-shine);background:linear-gradient(135deg, color-mix(in srgb, var(--attn-ice-white) 30%, transparent), color-mix(in srgb, var(--attn-ice-pale) 14%, transparent) 55%, color-mix(in srgb, var(--attn-ice-white) 22%, transparent));overflow:hidden}.attn-fx__shine:before{content:"";background:linear-gradient(100deg, transparent, color-mix(in srgb, var(--attn-ice-white) 80%, transparent), transparent);will-change:transform;width:38%;height:100%;animation:7s ease-in-out infinite attn-glint;position:absolute;top:0;left:-60%;transform:translate(0)skew(-18deg)}.attn-fx__shine:after{content:"";will-change:opacity;background:radial-gradient(circle, var(--attn-ice-white) 0 1.6px, color-mix(in srgb, var(--attn-ice-white) 0%, transparent) 3.4px) 16% 24% / 10px 10px no-repeat, radial-gradient(circle, var(--attn-ice-white) 0 1.2px, color-mix(in srgb, var(--attn-ice-white) 0%, transparent) 3px) 58% 14% / 9px 9px no-repeat, radial-gradient(circle, var(--attn-ice-white) 0 1.8px, color-mix(in srgb, var(--attn-ice-white) 0%, transparent) 3.6px) 84% 62% / 11px 11px no-repeat, radial-gradient(circle, var(--attn-ice-white) 0 1.2px, color-mix(in srgb, var(--attn-ice-white) 0%, transparent) 3px) 36% 78% / 9px 9px no-repeat;filter:drop-shadow(0 0 2px color-mix(in srgb, var(--attn-ice-deep) 90%, transparent));animation:3.4s ease-in-out infinite attn-twinkle;position:absolute;top:0;bottom:0;left:0;right:0}@keyframes attn-glint{0%,70%{transform:translate(0)skew(-18deg)}to{transform:translate(560%)skew(-18deg)}}@keyframes attn-twinkle{0%,to{opacity:.15}50%{opacity:1}}.attn-fx__pulse{will-change:opacity;animation:1.6s ease-in-out infinite attn-pulse}.attn-fx[data-alert]{--attn-alert-color:color-mix(in srgb, var(--attn-red) calc(var(--attn-alert,0) * 100%), var(--attn-amber))}.attn-fx[data-alert] .attn-fx__pulse{background:radial-gradient(90% 120% at 100% 0, color-mix(in srgb, var(--attn-alert-color) calc(16% + var(--attn-alert,0) * 36%), transparent), color-mix(in srgb, var(--attn-alert-color) calc(5% + var(--attn-alert,0) * 15%), transparent) 60%, transparent);box-shadow:inset 0 0 0 calc(2px + var(--attn-alert,0) * 2px) color-mix(in srgb, var(--attn-alert-color) 90%, transparent);animation-duration:calc(2.4s - var(--attn-alert,0) * 1.6s)}.attn-fx>.attn-fx__badge{width:calc(12px + var(--attn-alert,0) * 12px);height:calc(12px + var(--attn-alert,0) * 12px);background:var(--attn-alert-color);will-change:transform;animation:attn-shake calc(2.4s - var(--attn-alert,0) * 1.4s) ease-in-out infinite;border-radius:50%;place-items:center;display:grid;top:8px;bottom:auto;left:auto;right:8px}.attn-fx__badge:after{content:"!";color:var(--attn-badge-text);font-weight:800;line-height:1;font-size:calc(8px + var(--attn-alert,0) * 8px)}@keyframes attn-pulse{0%,to{opacity:.08}50%{opacity:1}}@keyframes attn-shake{0%,60%,to{transform:rotate(0)}10%{transform:rotate(-14deg)scale(1.08)}20%{transform:rotate(12deg)scale(1.08)}30%{transform:rotate(-8deg)}40%{transform:rotate(6deg)}}.attn-fx[data-fire] .attn-fx__pulse{background:radial-gradient(90% 120% at 50% 110%, color-mix(in srgb, var(--attn-fire) calc(var(--attn-fire-level,0) * 50%), transparent), color-mix(in srgb, var(--attn-fire-hi) calc(var(--attn-fire-level,0) * 16%), transparent) 55%, transparent);box-shadow:inset 0 0 0 2px color-mix(in srgb, var(--attn-fire) calc(var(--attn-fire-level,0) * 90%), transparent);animation-duration:calc(2s - var(--attn-fire-level,0) * 1s)}.attn-fx__fire{height:calc(8px + var(--attn-fire-level,0) * 20px);opacity:calc(.4 + var(--attn-fire-level,0) * .6);border-radius:0;top:auto;bottom:-2px;left:0;right:0}.attn-fx__fire:before,.attn-fx__fire:after{content:"";transform-origin:50% 100%;will-change:transform;background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 34' preserveAspectRatio='none'><defs><linearGradient id='g' x1='0' y1='1' x2='0' y2='0'><stop offset='0' stop-color='%23ff3d00'/><stop offset='.55' stop-color='%23ff9100'/><stop offset='1' stop-color='%23ffd54a'/></linearGradient></defs><g fill='url(%23g)'><path d='M2 34C4 22 12 20 10 8c8 6 12 14 10 26z'/><path d='M22 34c2-12 10-16 8-30 10 8 14 20 12 30z'/><path d='M46 34c2-10 8-14 6-24 8 6 12 16 10 24z'/><path d='M68 34c2-14 10-18 8-32 10 9 14 22 12 32z'/><path d='M92 34c2-10 8-13 6-22 8 5 12 14 10 22z'/><path d='M108 34c2-8 6-10 5-18 6 4 8 12 7 18z'/></g></svg>") bottom/100% 100% no-repeat;animation:.55s ease-in-out infinite alternate attn-flicker;position:absolute;top:0;bottom:0;left:0;right:0}.attn-fx__fire:after{opacity:.85;animation-name:attn-flicker-mirror;animation-duration:.8s;animation-delay:-.3s;transform:scaleX(-1)}@keyframes attn-flicker{0%{transform:scaleY(.82)skew(-3deg)}to{transform:scaleY(1.12)skew(3deg)}}@keyframes attn-flicker-mirror{0%{transform:scaleX(-1)scaleY(1.1)skew(3deg)}to{transform:scaleX(-1)scaleY(.8)skew(-3deg)}}.attn-fx__plate{background:color-mix(in srgb, var(--attn-plate) 84%, transparent);border-radius:8px;top:5px;bottom:5px;left:5px;right:5px}.attn-fx__plate--sun{border-radius:inherit;background:color-mix(in srgb, var(--attn-plate) 58%, transparent);top:0;bottom:0;left:0;right:0}.attn-fx[data-sun]{background:radial-gradient(70% 90% at 100% 0, color-mix(in srgb, var(--attn-sun-core) 38%, transparent), color-mix(in srgb, var(--attn-sun-core) 0%, transparent) 70%), linear-gradient(180deg, color-mix(in srgb, var(--attn-sun-green) 14%, transparent), color-mix(in srgb, var(--attn-sun-green) 0%, transparent));box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--attn-sun-green) 55%, transparent)}.attn-fx__sun{border-radius:0;width:40px;height:40px;top:2px;bottom:auto;left:auto;right:4px}.attn-fx__sun:before,.attn-fx__sun:after{content:"";position:absolute}.attn-fx__sun:before{will-change:transform;background:repeating-conic-gradient(var(--attn-sun-hot) 0 9deg, color-mix(in srgb, var(--attn-sun-hot) 0%, transparent) 9deg 45deg);-webkit-mask-image:radial-gradient(circle, color-mix(in srgb, var(--attn-sun-hot) 0%, transparent) 0 11px, var(--attn-sun-hot) 12px 19px, color-mix(in srgb, var(--attn-sun-hot) 0%, transparent) 20px);-webkit-mask-image:radial-gradient(circle, color-mix(in srgb, var(--attn-sun-hot) 0%, transparent) 0 11px, var(--attn-sun-hot) 12px 19px, color-mix(in srgb, var(--attn-sun-hot) 0%, transparent) 20px);mask-image:radial-gradient(circle, color-mix(in srgb, var(--attn-sun-hot) 0%, transparent) 0 11px, var(--attn-sun-hot) 12px 19px, color-mix(in srgb, var(--attn-sun-hot) 0%, transparent) 20px);animation:24s linear infinite attn-spin;top:0;bottom:0;left:0;right:0}.attn-fx__sun:after{box-shadow:0 0 10px color-mix(in srgb, var(--attn-sun-core) 80%, transparent);background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 22' fill='none' stroke='%237a4b00' stroke-linecap='round'><path d='M7.5 9v1.6M14.5 9v1.6' stroke-width='1.8'/><path d='M7.5 13.2q3.5 3 7 0' stroke-width='1.4'/></svg>") center / 100% 100% no-repeat, radial-gradient(circle at 35% 30%, color-mix(in srgb, var(--attn-sun-core) 40%, var(--attn-plate)), var(--attn-sun-core) 60%, var(--attn-sun-hot));border-radius:50%;top:9px;bottom:9px;left:9px;right:9px}.attn-fx__beach{opacity:.9;border-top-left-radius:0;border-top-right-radius:0;height:24px;top:auto;bottom:0;left:0;right:0;overflow:hidden}.attn-fx__beach:before{content:"";background:linear-gradient(180deg, var(--attn-sand), color-mix(in srgb, var(--attn-sand) 80%, var(--attn-sun-hot)));height:12px;position:absolute;bottom:0;left:0;right:0}.attn-fx__beach:after{content:"";background:color-mix(in srgb, var(--attn-sea) 55%, transparent);will-change:transform;border-radius:50%;height:7px;animation:5s ease-in-out infinite alternate attn-tide;position:absolute;bottom:9px;left:-10%;right:-10%}.attn-fx__rest{will-change:transform;background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 62 26'><path d='M30 3c-9 0-16 5-17 11h34C46 8 39 3 30 3z' fill='%23e5322d'/><path d='M30 3c-3 3-5 7-5 11h10c0-4-2-8-5-11z' fill='white'/><path d='M30 3v21' stroke='%238a5a2b' stroke-width='1.6'/><path d='M10 23l24-3 20 3' stroke='%23c98b3c' stroke-width='2.4' stroke-linecap='round'/><circle cx='20' cy='18' r='3' fill='%23f2b58a'/><path d='M17 17.6h6' stroke='%23222' stroke-width='1.4'/><path d='M23 19.5l16 1.5' stroke='%232e9d8f' stroke-width='4' stroke-linecap='round'/><path d='M39 21l6-4' stroke='%23f2b58a' stroke-width='2.4' stroke-linecap='round'/></svg>") 50%/100% 100% no-repeat;border-radius:0;width:56px;height:22px;animation:4s ease-in-out infinite attn-breathe;top:auto;bottom:3px;left:auto;right:12px}@keyframes attn-spin{to{transform:rotate(360deg)}}@keyframes attn-tide{0%{transform:translate(-6px)}to{transform:translate(6px)}}@keyframes attn-breathe{0%,to{transform:translateY(0)}50%{transform:translateY(-1px)}}.attn-fx[data-off] *,.attn-fx[data-off] :before,.attn-fx[data-off] :after{animation-play-state:paused}@media (prefers-reduced-motion:reduce){.attn-fx *,.attn-fx :before,.attn-fx :after{animation:none!important}.attn-fx__pulse{opacity:.55}.attn-fx__shine:after{opacity:.6}}.attn-beach{opacity:.85;--attn-palm-right:64px;height:44px;position:absolute;top:auto;bottom:0;left:0;right:0;overflow:hidden}.attn-beach:before{content:"";background:linear-gradient(180deg, var(--attn-sand), color-mix(in srgb, var(--attn-sand) 78%, var(--attn-sun-hot)));height:10px;-webkit-mask:var(--attn-row-drift) 0 0 / 120px 10px repeat-x;-webkit-mask:var(--attn-row-drift) 0 0 / 120px 10px repeat-x;mask:var(--attn-row-drift) 0 0 / 120px 10px repeat-x;position:absolute;bottom:0;left:0;right:0}.attn-beach:after{content:"";background:color-mix(in srgb, var(--attn-sea) 55%, transparent);will-change:transform;border-radius:50%;height:5px;animation:5s ease-in-out infinite alternate attn-beach-tide;position:absolute;bottom:7px;left:-10%;right:-10%}.attn-beach__palm{right:var(--attn-palm-right);transform-origin:50% 100%;will-change:transform;background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 48'><path d='M21 48C21 38 19 30 22 20' stroke='%238a5a2b' stroke-width='3' fill='none' stroke-linecap='round'/><g fill='%232e9d5b'><path d='M22 20C16 12 8 12 3 17c7-2 12 0 19 3z'/><path d='M22 20C20 11 24 5 31 3c-4 5-4 10-9 17z'/><path d='M22 20C28 12 36 13 39 19c-7-3-12-1-17 1z'/><path d='M22 20C14 17 9 22 7 29c4-5 9-7 15-9z'/><path d='M22 20C29 18 34 23 35 30c-3-5-8-7-13-10z'/></g><circle cx='20.5' cy='22.5' r='2' fill='%236b4423'/><circle cx='24' cy='23' r='2' fill='%236b4423'/></svg>") bottom/100% 100% no-repeat;width:34px;height:41px;animation:4.5s ease-in-out infinite alternate attn-beach-sway;position:absolute;bottom:4px}@keyframes attn-beach-tide{0%{transform:translate(-6px)}to{transform:translate(6px)}}@keyframes attn-beach-sway{0%{transform:rotate(-3deg)}to{transform:rotate(3deg)}}.attn-row__wash .attn-beach{--attn-palm-right:16%;height:40px;right:42%;-webkit-mask:linear-gradient(90deg,#000 70%,#0000);mask:linear-gradient(90deg,#000 70%,#0000)}.attn-card__wash .attn-beach{--attn-palm-right:58px;height:44px}.attn-row__wash,.attn-row__over{--attn-row-avatar:36px;--attn-row-pad:var(--space-3);--attn-row-c:var(--attn-ice-blue);--attn-row-wash:16%;--attn-row-k:1;--attn-row-ring:75%;--attn-row-glow:14px}.dark .attn-row__wash,.dark .attn-row__over{--attn-row-k:1.9;--attn-row-ring:100%;--attn-row-glow:22px}.attn-row__wash[data-primary=ice],.attn-row__over[data-primary=ice]{--attn-row-c:var(--attn-ice-blue)}.attn-row__wash[data-primary=sun],.attn-row__over[data-primary=sun]{--attn-row-c:var(--attn-sun-hot);--attn-row-wash:14%}.attn-row__wash[data-primary=fire],.attn-row__over[data-primary=fire]{--attn-row-c:var(--attn-fire);--attn-row-wash:20%}.attn-row__wash[data-primary=alert],.attn-row__over[data-primary=alert]{--attn-row-c:color-mix(in srgb, var(--attn-red) calc(var(--attn-alert,0) * 100%), var(--attn-amber))}.attn-row__over{z-index:1;border-radius:0;overflow:visible}.attn-row__wash[data-sun]{box-shadow:none;background:0 0}.attn-row__wash{border-radius:0;overflow:hidden}.attn-row__wash:before{content:"";background:linear-gradient(90deg, color-mix(in srgb, var(--attn-row-c) calc(var(--attn-row-wash) * var(--attn-row-k)), transparent), transparent 40%);position:absolute;top:0;bottom:0;left:0;right:0}.attn-row__wash[data-primary=ice]:before{display:none}.attn-row__wash[data-primary=alert] .attn-row__pile,.attn-row__wash[data-primary=alert] .attn-row__snow{opacity:.55}.attn-row__wash,.attn-card__wash{--attn-row-drift:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='240' height='22' viewBox='0 0 240 22' preserveAspectRatio='none'><path d='M0 22V13C14 6 30 12 48 8S84 1 104 8s34 6 52 1 36-4 52 3 24 2 32 1V22Z' fill='black'/></svg>");--attn-row-icicles:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 30' preserveAspectRatio='none'><defs><linearGradient id='i' x1='0' y1='0' x2='0' y2='1'><stop offset='0' stop-color='white'/><stop offset='1' stop-color='%23a9dcff'/></linearGradient></defs><path d='M0 0h120v5l-5 0 -3 13 -4-13 -9 0 -3 24 -4-24 -11 0 -4 12 -4-12 -13 0 -3 20 -4-20 -11 0 -4 15 -4-15 -13 0 -3 17 -4-17 -8 0z' fill='url(%23i)' fill-opacity='.97'/></svg>");--attn-glass-mist:radial-gradient(75% 60% at 0% 100%, color-mix(in srgb, var(--attn-ice-white) calc(85% * var(--attn-frost-max)), transparent), color-mix(in srgb, var(--attn-ice-pale) calc(50% * var(--attn-frost-max)), transparent) 42%, transparent 74%), radial-gradient(75% 60% at 100% 100%, color-mix(in srgb, var(--attn-ice-white) calc(85% * var(--attn-frost-max)), transparent), color-mix(in srgb, var(--attn-ice-pale) calc(50% * var(--attn-frost-max)), transparent) 42%, transparent 74%);--attn-glass-edge:inset 0 0 0 1px color-mix(in srgb, var(--attn-ice-white) 60%, transparent), inset 0 -10px 14px -8px color-mix(in srgb, var(--attn-ice-white) 75%, transparent), inset 0 10px 12px -10px color-mix(in srgb, var(--attn-ice-white) 55%, transparent)}.attn-row__pile{transform:translateY(calc((1 - var(--attn-depth,0)) * 100%));filter:drop-shadow(0 -2px 3px color-mix(in srgb, var(--attn-ice-deep) 40%, transparent));position:absolute;top:0;bottom:0;left:0;right:0}.attn-row__pile-body{--attn-row-pa:34%;background:var(--attn-glass-mist), linear-gradient(to top, color-mix(in srgb, var(--attn-ice-blue) calc(var(--attn-row-pa) * var(--attn-row-k)), transparent), color-mix(in srgb, var(--attn-ice-blue) calc(var(--attn-row-pa) * var(--attn-row-k) * .45), transparent) 75%, color-mix(in srgb, var(--attn-ice-blue) calc(var(--attn-row-pa) * var(--attn-row-k) * .2), transparent));box-shadow:var(--attn-glass-edge);-webkit-mask:var(--attn-row-drift) 0 0 / 240px 22px repeat-x, linear-gradient(#000, #000) 0 20px / 100% calc(100% - 20px) no-repeat;-webkit-mask:var(--attn-row-drift) 0 0 / 240px 22px repeat-x, linear-gradient(#000, #000) 0 20px / 100% calc(100% - 20px) no-repeat;mask:var(--attn-row-drift) 0 0 / 240px 22px repeat-x, linear-gradient(#000, #000) 0 20px / 100% calc(100% - 20px) no-repeat;position:absolute;top:0;bottom:0;left:0;right:0}.attn-row__pile-body:before{content:"";background:linear-gradient(to bottom, color-mix(in srgb, var(--attn-ice-white) 95%, transparent) 0, color-mix(in srgb, var(--attn-ice-white) 55%, transparent) 38%, transparent 62%);height:22px;-webkit-mask:var(--attn-row-drift) 0 0 / 240px 22px repeat-x;-webkit-mask:var(--attn-row-drift) 0 0 / 240px 22px repeat-x;mask:var(--attn-row-drift) 0 0 / 240px 22px repeat-x;position:absolute;top:0;left:0;right:0}.attn-row__pile--full{top:-16px;transform:none}.attn-row__pile--full .attn-row__pile-body{--attn-row-pa:40%;-webkit-mask:none;mask:none}.attn-row__pile--full .attn-row__pile-body:before{display:none}.attn-row__shine{background:linear-gradient(115deg, transparent 40%, color-mix(in srgb, var(--attn-ice-white) 24%, transparent) 50%, transparent 60%);position:absolute;top:0;bottom:0;left:0;right:0}.attn-row__ring{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--attn-ice-blue) calc(20% + var(--attn-depth,0) * 78%), transparent), inset 0 0 18px color-mix(in srgb, var(--attn-ice-blue) 26%, transparent);position:absolute;top:0;bottom:0;left:0;right:0}.attn-row__hang{height:22px;opacity:var(--attn-icicles);background:var(--attn-row-icicles) center top / 100% 100% no-repeat;filter:drop-shadow(0 1px 1px color-mix(in srgb, var(--attn-ice-deep) 40%, transparent));position:absolute;top:-1px;left:-1px;right:-1px}.attn-row__snow{position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden}.attn-row__snow:before,.attn-row__snow:after{content:"";left:0;right:0;top:calc(-1 * var(--attn-row-th));height:calc(100% + var(--attn-row-th));background-size:var(--attn-row-tw) var(--attn-row-th);will-change:transform;position:absolute}.attn-row__snow:before{--attn-row-tw:150px;--attn-row-th:170px;background-image:radial-gradient(circle at 15.1% 65.1%, var(--attn-row-flake) 0 1.66px, var(--attn-row-flake-soft) 1.66px 3.26px, transparent 4.06px), radial-gradient(circle at 53.6% 36.6%, var(--attn-row-flake) 0 1.38px, var(--attn-row-flake-soft) 1.38px 2.98px, transparent 3.78px), radial-gradient(circle at 50.7% 3.7%, var(--attn-row-flake) 0 1.36px, var(--attn-row-flake-soft) 1.36px 2.96px, transparent 3.76px), radial-gradient(circle at 7.0% 9.1%, var(--attn-row-flake) 0 1.78px, var(--attn-row-flake-soft) 1.78px 3.38px, transparent 4.18px), radial-gradient(circle at 82.7% 12.4%, var(--attn-row-flake) 0 1.77px, var(--attn-row-flake-soft) 1.77px 3.37px, transparent 4.17px), radial-gradient(circle at 62.7% 94.8%, var(--attn-row-flake) 0 1.55px, var(--attn-row-flake-soft) 1.55px 3.15px, transparent 3.95px), radial-gradient(circle at 39.7% 97.6%, var(--attn-row-flake) 0 1.93px, var(--attn-row-flake-soft) 1.93px 3.53px, transparent 4.33px), radial-gradient(circle at 85.8% 29.0%, var(--attn-row-flake) 0 1.35px, var(--attn-row-flake-soft) 1.35px 2.95px, transparent 3.75px), radial-gradient(circle at 11.8% 30.8%, var(--attn-row-flake) 0 1.46px, var(--attn-row-flake-soft) 1.46px 3.06px, transparent 3.86px), radial-gradient(circle at 18.1% 58.2%, var(--attn-row-flake) 0 2.2px, var(--attn-row-flake-soft) 2.2px 3.8px, transparent 4.6px), radial-gradient(circle at 37.2% 54.8%, var(--attn-row-flake) 0 2px, var(--attn-row-flake-soft) 2px 3.6px, transparent 4.4px), radial-gradient(circle at 6.0% 20.6%, var(--attn-row-flake) 0 1.37px, var(--attn-row-flake-soft) 1.37px 2.97px, transparent 3.77px), radial-gradient(circle at 42.8% 31.4%, var(--attn-row-flake) 0 2.05px, var(--attn-row-flake-soft) 2.05px 3.65px, transparent 4.45px);animation:8s linear infinite attn-row-fall-a}.attn-row__snow:after{--attn-row-tw:100px;--attn-row-th:120px;opacity:.7;background-image:radial-gradient(circle at 45.3% 30%, var(--attn-row-flake) 0 1.21px, var(--attn-row-flake-soft) 1.21px 2.81px, transparent 3.61px), radial-gradient(circle at 69.9% 24.4%, var(--attn-row-flake) 0 1.36px, var(--attn-row-flake-soft) 1.36px 2.96px, transparent 3.76px), radial-gradient(circle at 52.5% 87.5%, var(--attn-row-flake) 0 1.2px, var(--attn-row-flake-soft) 1.2px 2.8px, transparent 3.6px), radial-gradient(circle at 28.8% 98.0%, var(--attn-row-flake) 0 1.31px, var(--attn-row-flake-soft) 1.31px 2.91px, transparent 3.71px), radial-gradient(circle at 41.8% 75.7%, var(--attn-row-flake) 0 .88px, var(--attn-row-flake-soft) .88px 2.48px, transparent 3.28px), radial-gradient(circle at 48.9% 3.9%, var(--attn-row-flake) 0 .91px, var(--attn-row-flake-soft) .91px 2.51px, transparent 3.31px), radial-gradient(circle at 76.5% 57.3%, var(--attn-row-flake) 0 1.27px, var(--attn-row-flake-soft) 1.27px 2.87px, transparent 3.67px), radial-gradient(circle at 31.4% 69.5%, var(--attn-row-flake) 0 1.41px, var(--attn-row-flake-soft) 1.41px 3.01px, transparent 3.81px), radial-gradient(circle at 58.0% 45.6%, var(--attn-row-flake) 0 1.22px, var(--attn-row-flake-soft) 1.22px 2.82px, transparent 3.62px), radial-gradient(circle at 94.5% 47.4%, var(--attn-row-flake) 0 1.39px, var(--attn-row-flake-soft) 1.39px 2.99px, transparent 3.79px), radial-gradient(circle at 6.1% 70.1%, var(--attn-row-flake) 0 1.26px, var(--attn-row-flake-soft) 1.26px 2.86px, transparent 3.66px);animation:13s linear -4s infinite attn-row-fall-b}@keyframes attn-row-fall-a{0%{transform:translate(0,0)}to{transform:translateY(170px)}}@keyframes attn-row-fall-b{0%{transform:translate(0,0)}to{transform:translateY(120px)}}.attn-row__flames{width:55%;height:calc(8px + var(--attn-fire-level,0) * 16px);transform-origin:50% 100%;background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 34' preserveAspectRatio='none'><defs><linearGradient id='g' x1='0' y1='1' x2='0' y2='0'><stop offset='0' stop-color='%23ff3d00'/><stop offset='.55' stop-color='%23ff9100'/><stop offset='1' stop-color='%23ffd54a'/></linearGradient></defs><g fill='url(%23g)'><path d='M2 34C4 22 12 20 10 8c8 6 12 14 10 26z'/><path d='M22 34c2-12 10-16 8-30 10 8 14 20 12 30z'/><path d='M46 34c2-10 8-14 6-24 8 6 12 16 10 24z'/><path d='M68 34c2-14 10-18 8-32 10 9 14 22 12 32z'/></g></svg>") 0 100%/100% 100% no-repeat;animation:.6s ease-in-out infinite alternate attn-row-flick;position:absolute;top:auto;bottom:-1px;left:0;right:auto;-webkit-mask:linear-gradient(90deg,#000 40%,#0000);mask:linear-gradient(90deg,#000 40%,#0000)}@keyframes attn-row-flick{0%{transform:scaleY(.85)}to{transform:scaleY(1.1)}}.attn-row__wash[data-primary=alert]:before{background:linear-gradient(90deg, color-mix(in srgb, var(--attn-row-c) calc((24% + var(--attn-alert,0) * 30%) * var(--attn-row-k)), transparent), transparent 55%)}.attn-row__wash[data-primary=alert]:before,.attn-row__over[data-primary=alert] .attn-row__halo{will-change:opacity;animation:attn-row-blink calc(2.4s - var(--attn-alert,0) * 1.6s) ease-in-out infinite}@keyframes attn-row-blink{0%,to{opacity:.1}50%{opacity:1}}.attn-row__halo{top:auto;bottom:auto;left:auto;right:auto;left:var(--attn-row-pad);width:var(--attn-row-avatar);height:var(--attn-row-avatar);margin-top:calc(var(--attn-row-avatar) / -2);box-shadow:0 0 0 2px color-mix(in srgb, var(--attn-row-c) var(--attn-row-ring), transparent), 0 0 var(--attn-row-glow) color-mix(in srgb, var(--attn-row-c) 55%, transparent);border-radius:50%;position:absolute;top:50%}@keyframes attn-row-pulse{0%,to{opacity:.35}50%{opacity:1}}.attn-row__over[data-primary=sun] .attn-row__halo{box-shadow:none;width:60px;height:60px;left:calc(var(--attn-row-pad) - 12px);background:repeating-conic-gradient(color-mix(in srgb, var(--attn-row-c) 90%, transparent) 0 10deg, transparent 10deg 30deg);margin-top:-30px;animation:24s linear infinite attn-row-spin;-webkit-mask:radial-gradient(circle,#0000 0 17px,#000 18px 26px,#0000 27px);mask:radial-gradient(circle,#0000 0 17px,#000 18px 26px,#0000 27px)}@keyframes attn-row-spin{to{transform:rotate(360deg)}}.attn-row__glyph{top:auto;bottom:auto;left:auto;right:auto;left:calc(var(--attn-row-pad) - 4px);top:calc(50% - var(--attn-row-avatar) / 2 - 8px);background:var(--attn-row-c);width:16px;height:16px;color:var(--card);box-shadow:0 0 0 2px var(--card);border-radius:50%;place-items:center;display:grid;position:absolute}.attn-row__glyph svg{fill:none;stroke:currentColor;stroke-width:2.6px;stroke-linecap:round;stroke-linejoin:round;width:10px;height:10px}.attn-row__wash[data-off]:before,.attn-row__wash[data-off] *,.attn-row__wash[data-off] :before,.attn-row__wash[data-off] :after,.attn-row__wash[data-off]~.attn-row__over *,.attn-row__wash[data-off]~.attn-row__over :before{animation-play-state:paused}@media (prefers-reduced-motion:reduce){.attn-row__wash:before,.attn-row__wash *,.attn-row__wash :before,.attn-row__wash :after,.attn-row__over *,.attn-row__over :before{animation:none!important}.attn-row__wash[data-primary=alert]:before,.attn-row__over[data-primary=alert] .attn-row__halo{opacity:1}}.attn-card__wash,.attn-card__over{--attn-row-c:var(--attn-ice-blue);--attn-row-wash:16%;--attn-row-k:1;--attn-row-ring:75%;--attn-row-glow:14px}.dark .attn-card__wash,.dark .attn-card__over{--attn-row-k:1.9;--attn-row-ring:100%;--attn-row-glow:22px}.attn-card__wash[data-primary=ice],.attn-card__over[data-primary=ice]{--attn-row-c:var(--attn-ice-blue)}.attn-card__wash[data-primary=sun],.attn-card__over[data-primary=sun]{--attn-row-c:var(--attn-sun-hot);--attn-row-wash:14%}.attn-card__wash[data-primary=fire],.attn-card__over[data-primary=fire]{--attn-row-c:var(--attn-fire);--attn-row-wash:20%}.attn-card__wash[data-primary=alert],.attn-card__over[data-primary=alert]{--attn-row-c:color-mix(in srgb, var(--attn-red) calc(var(--attn-alert,0) * 100%), var(--attn-amber))}.attn-card__over{z-index:1;overflow:visible}.attn-card__wash[data-sun]{box-shadow:none;background:0 0}.attn-card__wash{overflow:hidden}.attn-card__wash:before{content:"";background:linear-gradient(135deg, color-mix(in srgb, var(--attn-row-c) calc(var(--attn-row-wash) * var(--attn-row-k)), transparent), transparent 55%);position:absolute;top:0;bottom:0;left:0;right:0}.attn-card__wash[data-primary=fire]:before{background:linear-gradient(20deg, color-mix(in srgb, var(--attn-row-c) calc(var(--attn-row-wash) * var(--attn-row-k)), transparent), transparent 55%)}.attn-card__wash[data-primary=ice]:before{display:none}.attn-card__wash[data-primary=alert] .attn-card__glass,.attn-card__wash[data-primary=alert] .attn-row__snow{opacity:.55}.attn-card__glass{transform:translateY(calc((1 - var(--attn-depth,0)) * 100%));filter:drop-shadow(0 -2px 3px color-mix(in srgb, var(--attn-ice-deep) 38%, transparent));position:absolute;top:0;bottom:0;left:0;right:0}.attn-card__glass-body{--attn-card-pa:40%;background:var(--attn-glass-mist), linear-gradient(to top, color-mix(in srgb, var(--attn-ice-blue) calc(var(--attn-card-pa) * var(--attn-row-k)), transparent), color-mix(in srgb, var(--attn-ice-blue) calc(var(--attn-card-pa) * var(--attn-row-k) * .45), transparent) 75%, color-mix(in srgb, var(--attn-ice-blue) calc(var(--attn-card-pa) * var(--attn-row-k) * .2), transparent));box-shadow:var(--attn-glass-edge);-webkit-mask:var(--attn-row-drift) 0 0 / 240px 22px repeat-x, linear-gradient(#000, #000) 0 20px / 100% calc(100% - 20px) no-repeat;-webkit-mask:var(--attn-row-drift) 0 0 / 240px 22px repeat-x, linear-gradient(#000, #000) 0 20px / 100% calc(100% - 20px) no-repeat;mask:var(--attn-row-drift) 0 0 / 240px 22px repeat-x, linear-gradient(#000, #000) 0 20px / 100% calc(100% - 20px) no-repeat;position:absolute;top:0;bottom:0;left:0;right:0}.attn-card__glass-body:before{content:"";background:linear-gradient(to bottom, color-mix(in srgb, var(--attn-ice-white) 95%, transparent) 0, color-mix(in srgb, var(--attn-ice-white) 55%, transparent) 38%, transparent 62%);height:22px;-webkit-mask:var(--attn-row-drift) 0 0 / 240px 22px repeat-x;-webkit-mask:var(--attn-row-drift) 0 0 / 240px 22px repeat-x;mask:var(--attn-row-drift) 0 0 / 240px 22px repeat-x;position:absolute;top:0;left:0;right:0}.attn-card__glass--full{top:-16px;transform:none}.attn-card__glass--full .attn-card__glass-body{--attn-card-pa:46%;top:0;-webkit-mask:none;mask:none}.attn-card__glass--full .attn-card__glass-body:before{display:none}.attn-card__ring{border-radius:inherit;box-shadow:inset 0 0 0 1.5px color-mix(in srgb, var(--attn-row-c) calc(20% + var(--attn-depth,0) * 78%), transparent), inset 0 0 var(--attn-row-glow) color-mix(in srgb, var(--attn-row-c) 22%, transparent);position:absolute;top:0;bottom:0;left:0;right:0}.attn-card__wash[data-primary=alert]:before{background:linear-gradient(135deg, color-mix(in srgb, var(--attn-row-c) calc((24% + var(--attn-alert,0) * 30%) * var(--attn-row-k)), transparent), transparent 60%)}.attn-card__wash[data-primary=alert]:before,.attn-card__wash[data-primary=alert] .attn-card__ring,.attn-card__over[data-primary=alert] .attn-card__halo{will-change:opacity;animation:attn-row-blink calc(2.4s - var(--attn-alert,0) * 1.6s) ease-in-out infinite}.attn-card__badge{margin-top:calc((12px + var(--attn-alert,0) * 12px) / -2);z-index:1;width:calc(12px + var(--attn-alert,0) * 12px);height:calc(12px + var(--attn-alert,0) * 12px);background:color-mix(in srgb, var(--attn-red) calc(var(--attn-alert,0) * 100%), var(--attn-amber));will-change:transform;animation:attn-shake calc(2.4s - var(--attn-alert,0) * 1.4s) ease-in-out infinite;pointer-events:none;border-radius:50%;place-items:center;display:grid;position:absolute;top:50%;bottom:auto;left:auto;right:8px}.attn-card__badge:after{content:"!";color:var(--attn-badge-text);font-weight:800;line-height:1;font-size:calc(8px + var(--attn-alert,0) * 8px)}.attn-card__over--owner{z-index:1;position:absolute;top:0;bottom:0;left:0;right:0}.attn-card__over--owner .attn-card__owner{position:absolute;top:0;bottom:0;left:0;right:0}.attn-card__halo{box-shadow:0 0 0 2px color-mix(in srgb, var(--attn-row-c) var(--attn-row-ring), transparent), 0 0 var(--attn-row-glow) color-mix(in srgb, var(--attn-row-c) 60%, transparent);border-radius:50%;position:absolute;top:-3px;bottom:-3px;left:-3px;right:-3px}.attn-card__glyph{background:var(--attn-row-c);width:15px;height:15px;color:var(--card);box-shadow:0 0 0 2px var(--card);border-radius:50%;place-items:center;display:grid;position:absolute;top:-9px;right:-7px}.attn-card__glyph svg{fill:none;stroke:currentColor;stroke-width:2.8px;stroke-linecap:round;stroke-linejoin:round;width:9px;height:9px}.attn-card__rays{background:repeating-conic-gradient(color-mix(in srgb, var(--attn-row-c) 90%, transparent) 0 8deg, transparent 8deg 24deg);border-radius:50%;animation:24s linear infinite attn-row-spin;position:absolute;top:-90%;bottom:-90%;left:-90%;right:-90%;-webkit-mask:radial-gradient(circle closest-side,#0000 0 40%,#000 42% 92%,#0000 98%);mask:radial-gradient(circle closest-side,#0000 0 40%,#000 42% 92%,#0000 98%)}.attn-card__over[data-primary=sun] .attn-card__halo{box-shadow:none}.attn-card__owner-flames{transform-origin:50% 100%;background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 34' preserveAspectRatio='none'><defs><linearGradient id='g' x1='0' y1='1' x2='0' y2='0'><stop offset='0' stop-color='%23ff3d00'/><stop offset='.55' stop-color='%23ff9100'/><stop offset='1' stop-color='%23ffd54a'/></linearGradient></defs><g fill='url(%23g)'><path d='M2 34C4 22 12 20 10 8c8 6 12 14 10 26z'/><path d='M22 34c2-12 10-16 8-30 10 8 14 20 12 30z'/><path d='M46 34c2-10 8-14 6-24 8 6 12 16 10 24z'/><path d='M68 34c2-14 10-18 8-32 10 9 14 22 12 32z'/></g></svg>") bottom/100% 100% no-repeat;height:75%;animation:.6s ease-in-out infinite alternate attn-row-flick;position:absolute;bottom:85%;left:-20%;right:-20%}.attn-card__wash[data-off]:before,.attn-card__wash[data-off] *,.attn-card__wash[data-off] :before,.attn-card__wash[data-off] :after,.attn-card__wash[data-off]~.attn-card__over *,.attn-card__wash[data-off]~.attn-card__over :before{animation-play-state:paused}@media (prefers-reduced-motion:reduce){.attn-card__wash:before,.attn-card__wash *,.attn-card__wash :before,.attn-card__wash :after,.attn-card__over *,.attn-card__over :before{animation:none!important}.attn-card__wash[data-primary=alert]:before,.attn-card__wash[data-primary=alert] .attn-card__ring,.attn-card__over[data-primary=alert] .attn-card__halo{opacity:1}.attn-card__badge{animation:none!important}}.attn-card__halo--empty{box-shadow:none;border:1.5px dashed color-mix(in srgb, var(--attn-row-c) 85%, transparent);background:color-mix(in srgb, var(--attn-row-c) 10%, transparent);top:0;bottom:0;left:0;right:0}