.rumo-rule-stage{perspective:1000px}.rumo-rule{isolation:isolate;-webkit-backdrop-filter:blur(18px)saturate(140%);backdrop-filter:blur(18px)saturate(140%);transform:rotateX(calc((var(--my,.5) - .5) * -7deg)) rotateY(calc((var(--mx,.5) - .5) * 9deg));background:linear-gradient(160deg,#18423adb,#0a221ee6);border:1px solid #ffffff1f;border-radius:28px;align-items:center;gap:1.75rem;padding:2rem 1.75rem;transition:transform .25s ease-out;display:grid;position:relative;overflow:hidden;box-shadow:0 34px 70px #06181566,inset 0 1px #ffffff1a}@media (width>=640px){.rumo-rule{grid-template-columns:92px 1fr;gap:2.5rem;padding:2.75rem 3rem 2.75rem 2.75rem}}.rumo-rule:before,.rumo-rule:after{border-radius:inherit;content:"";opacity:0;pointer-events:none;transition:opacity .4s;position:absolute;inset:0}.rumo-rule:before{z-index:-1;background:radial-gradient(460px circle at calc(var(--mx,.5) * 100%) calc(var(--my,.5) * 100%), #f2b85b29, transparent 60%)}.rumo-rule:after{z-index:1;background:radial-gradient(280px circle at calc(var(--mx,.5) * 100%) calc(var(--my,.5) * 100%), #ffe4bed9, transparent 65%);-webkit-mask-composite:xor;padding:1px;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.rumo-rule:hover:before,.rumo-rule:hover:after{opacity:1}.rumo-rule__badge{width:92px;height:92px;margin-bottom:5.25rem;position:relative}@media (width>=640px){.rumo-rule__badge{margin-bottom:4.25rem}}.rumo-rule__tails{filter:drop-shadow(0 6px 8px #14060259);width:116px;height:132px;position:absolute;top:44px;left:-12px}.rumo-rule__tail-trail,.rumo-rule__tail{transform-box:fill-box;transform-origin:50% 0}.rumo-rule__tail-trail{transform:rotate(calc((var(--mx,.5) - .5) * -10deg));transition:transform .7s cubic-bezier(.25,1.4,.4,1)}@media (prefers-reduced-motion:no-preference){.rumo-rule__tail--l{animation:5.2s ease-in-out infinite alternate rumo-rule-sway-l}.rumo-rule__tail--r{animation:6.4s ease-in-out -2s infinite alternate rumo-rule-sway-r}}@media (prefers-reduced-motion:reduce){.rumo-rule__tail-trail{transform:none}}@keyframes rumo-rule-sway-l{0%{transform:rotate(-1.5deg)skew(0)}50%{transform:rotate(2.5deg)skew(-2deg)}to{transform:rotate(.5deg)skew(1deg)}}@keyframes rumo-rule-sway-r{0%{transform:rotate(1.5deg)skew(0)}45%{transform:rotate(-3deg)skew(2deg)}to{transform:rotate(-.5deg)skew(-1deg)}}.rumo-rule__seal{color:#fffaf2;background:radial-gradient(circle at 50% 38%,#e2563d 0%,#b93825 55%,#7a2215 100%);border:1px solid #ffffff47;border-radius:50%;place-items:center;width:92px;height:92px;font-size:2rem;line-height:1;display:grid;position:relative;box-shadow:0 0 0 7px #ffffff0d,0 0 46px #d84b3473,inset 0 2px 2px #ffffff59}.rumo-rule__label{color:#9fd8c4;letter-spacing:.22em;text-transform:uppercase;font-size:.8125rem;font-weight:700}.rumo-rule__title{color:#fffdf8;letter-spacing:-.01em;margin-top:.9rem;font-size:1.45rem;font-weight:600;line-height:1.28}@media (width>=640px){.rumo-rule__title{font-size:1.65rem}}.rumo-rule__body{color:#fffdf8cc;margin-top:.9rem;font-size:1.0625rem;font-weight:450;line-height:1.7}@media (prefers-reduced-motion:reduce){.rumo-rule{transform:none}}