/* NANA_SHELL_COLOR_ORBIT_R13 */
@property --nana-r13-angle{syntax:"<angle>";inherits:false;initial-value:0deg}
:root{
  --nana-r13-angle:0deg;
  --nana-r13-a:#f1c85d;
  --nana-r13-b:#c65cff;
  --nana-r13-c:#39d5ff;
  --nana-r13-d:#55e6a5;
  --nana-r13-speed:7s;
}
@keyframes nana-r13-orbit{to{--nana-r13-angle:360deg}}
@keyframes nana-r13-breathe{0%,100%{filter:saturate(.9) brightness(.9)}50%{filter:saturate(1.2) brightness(1.18)}}
#nana-shell-left-r12,#nana-shell-right-r12,
#nana-shell-left-r10,#nana-shell-right-r10,
#nana-shell-left-r9,#nana-shell-right-r9,
[data-nana-shell-left],[data-nana-shell-right]{isolation:isolate;overflow:visible!important}
#nana-shell-left-r12:before,#nana-shell-right-r12:before,
#nana-shell-left-r10:before,#nana-shell-right-r10:before,
#nana-shell-left-r9:before,#nana-shell-right-r9:before,
[data-nana-shell-left]:before,[data-nana-shell-right]:before{
  content:""!important;position:absolute!important;z-index:2!important;pointer-events:none!important;
  inset:-2px!important;padding:2px!important;border:0!important;border-radius:inherit!important;
  background:conic-gradient(from var(--nana-r13-angle),var(--nana-r13-a),var(--nana-r13-b),var(--nana-r13-c),var(--nana-r13-d),var(--nana-r13-a))!important;
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0)!important;
  -webkit-mask-composite:xor!important;mask-composite:exclude!important;
  animation:nana-r13-orbit var(--nana-r13-speed) linear infinite,nana-r13-breathe 4.8s ease-in-out infinite!important;
}
html[data-nana-color-mode="gold"]{--nana-r13-a:#f7d777;--nana-r13-b:#b88620;--nana-r13-c:#ffe7a1;--nana-r13-d:#dba632}
html[data-nana-color-mode="violet"]{--nana-r13-a:#d976ff;--nana-r13-b:#7d4dff;--nana-r13-c:#ff70d0;--nana-r13-d:#a777ff}
html[data-nana-color-mode="cyan"]{--nana-r13-a:#4ce7ff;--nana-r13-b:#288dff;--nana-r13-c:#84fff5;--nana-r13-d:#55b8ff}
html[data-nana-color-mode="emerald"]{--nana-r13-a:#58efac;--nana-r13-b:#1aae85;--nana-r13-c:#b7ffcf;--nana-r13-d:#3ddbc1}
html[data-nana-color-mode="rose"]{--nana-r13-a:#ff769c;--nana-r13-b:#ff4d68;--nana-r13-c:#ffc0cf;--nana-r13-d:#d95cff}
html[data-nana-color-mode="off"] #nana-shell-left-r12:before,
html[data-nana-color-mode="off"] #nana-shell-right-r12:before,
html[data-nana-color-mode="off"] #nana-shell-left-r10:before,
html[data-nana-color-mode="off"] #nana-shell-right-r10:before,
html[data-nana-color-mode="off"] #nana-shell-left-r9:before,
html[data-nana-color-mode="off"] #nana-shell-right-r9:before,
html[data-nana-color-mode="off"] [data-nana-shell-left]:before,
html[data-nana-color-mode="off"] [data-nana-shell-right]:before{display:none!important}
#nana-color-orbit-r13{
  appearance:none!important;width:26px!important;height:26px!important;min-width:26px!important;min-height:26px!important;
  padding:0!important;margin:1px auto!important;border-radius:50%!important;border:1px solid rgba(255,255,255,.16)!important;
  color:#fff!important;background:conic-gradient(from var(--nana-r13-angle),var(--nana-r13-a),var(--nana-r13-b),var(--nana-r13-c),var(--nana-r13-d),var(--nana-r13-a))!important;
  box-shadow:0 5px 18px rgba(0,0,0,.38)!important;display:grid!important;place-items:center!important;
  font:700 11px/1 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;cursor:pointer!important;
  animation:nana-r13-orbit var(--nana-r13-speed) linear infinite!important;
}
#nana-color-orbit-r13:hover{transform:scale(1.08)}
#nana-color-orbit-r13:focus-visible{outline:2px solid #fff!important;outline-offset:2px!important}
@media(prefers-reduced-motion:reduce){
  #nana-shell-left-r12:before,#nana-shell-right-r12:before,#nana-shell-left-r10:before,#nana-shell-right-r10:before,
  #nana-shell-left-r9:before,#nana-shell-right-r9:before,
  [data-nana-shell-left]:before,[data-nana-shell-right]:before,#nana-color-orbit-r13{animation:none!important}
}