@property --og-a{syntax:"<angle>";inherits:false;initial-value:0deg}.ogf{--og-r:18%;isolation:isolate;aspect-ratio:1;display:block;position:relative}.ogf-art{z-index:2;border-radius:var(--og-r);width:100%;height:100%;display:block;position:relative;overflow:hidden}.ogf-art>img{object-fit:cover;width:100%;height:100%;display:block}.ogf.is-start .ogf-art{box-shadow:0 0 0 2px #ffecc8e6,0 0 calc(18px * var(--og-b)) calc(4px * var(--og-b)) #ffd696b3}.ogf.is-firefly .ogf-art{box-shadow:0 0 0 2px #dcffaae6,0 0 calc(26px * var(--og-b)) calc(6px * var(--og-b)) #beff788c}.ogf.is-rainbow .ogf-art,.ogf.is-star .ogf-art{box-shadow:0 0 calc(30px * var(--og-b)) calc(6px * var(--og-b)) #c8aaff8c}.ogf-ring{z-index:3;border-radius:calc(var(--og-r) + 2%);pointer-events:none;background:conic-gradient(from var(--og-a),#ff8fb1,#ffd76a,#8ff0a4,#8fd8ff,#b9a4ff,#ff8fb1);-webkit-mask-composite:xor;filter:drop-shadow(0 0 6px #fff9);padding:4px;animation:5s linear infinite ogf-turn;position:absolute;inset:-5px;-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}@keyframes ogf-turn{to{--og-a:360deg}}.ogf.is-star .ogf-ring{background:conic-gradient(from var(--og-a),#fff6c9,#ffd76a,#ff8fb1,#b9a4ff,#8fd8ff,#fff6c9)}.ogf-rays{z-index:0;pointer-events:none;background:repeating-conic-gradient(from 0deg,#fff0be8c 0 4deg,transparent 4deg 18deg);border-radius:50%;animation:40s linear infinite ogf-rays;position:absolute;inset:-45%;-webkit-mask:radial-gradient(circle,#000 18%,#0000 66%);mask:radial-gradient(circle,#000 18%,#0000 66%)}@keyframes ogf-rays{to{rotate:360deg}}.ogf-specks{z-index:1;pointer-events:none;position:absolute;inset:0}.ogf-specks i{width:var(--s);height:var(--s);margin:calc(var(--s) / -2);opacity:calc(.4 + var(--og-b) * .6);box-shadow:0 0 calc(var(--s) * 3) calc(var(--s) * .8) #ffe6a0e6;animation:ogf-speck var(--t) ease-in-out var(--d) infinite;background:#fff;border-radius:50%;position:absolute}.ogf.is-firefly .ogf-specks i{box-shadow:0 0 calc(var(--s) * 3) calc(var(--s)) #c8ff78f2}.ogf.is-rainbow .ogf-specks i:nth-child(3n){box-shadow:0 0 calc(var(--s) * 3) var(--s) #ff8fb1e6}.ogf.is-rainbow .ogf-specks i:nth-child(3n+1){box-shadow:0 0 calc(var(--s) * 3) var(--s) #8fd8ffe6}.ogf.is-star .ogf-specks i{box-shadow:0 0 calc(var(--s) * 4) var(--s) #ffe68cf2}@keyframes ogf-speck{0%,to{opacity:.25;transform:translateY(0)scale(.7)}50%{opacity:1;transform:translateY(-6px)scale(1.15)}}.ogf-sm .ogf-ring{padding:2.5px;inset:-3px}.ogf-sm .ogf-specks i{animation-duration:calc(var(--t) * 1.2)}@media (prefers-reduced-motion:reduce){.ogf-ring,.ogf-rays,.ogf-specks i{animation:none}}