.galaxy-reset{
  border-radius:17px 21px 18px 22px / 21px 17px 22px 18px;
  background-image:var(--grain); background-size:90px 90px; background-blend-mode:soft-light; }
.rel-chip{ border-radius:16px 20px 15px 21px / 19px 15px 20px 16px;
  background-image:var(--grain); background-size:90px 90px; background-blend-mode:soft-light;
  transition:color .2s ease, border-color .2s ease, background-color .2s ease, transform .2s ease; }
.rel-chip:nth-child(odd){ transform:rotate(-.6deg); }
.rel-chip:nth-child(even){ transform:rotate(.5deg); }
.rel-chip:hover, .rel-chip:focus-visible{ transform:rotate(0deg); }
.rel-dot{ border-radius:2px; transform:rotate(45deg); }
.rel-dot[aria-selected="true"]{ transform:rotate(45deg) scale(1.3); }
@media (prefers-reduced-motion: reduce){
  .rel-chip{ transform:none; } }

.ui-art{ display:none; pointer-events:none; }
.has-ui-art{ font-size:0 !important; background:none !important;
  border:0 !important; box-shadow:none !important; }
.has-ui-art .ui-art{ display:block; width:100%; height:100%; object-fit:contain;
  filter:drop-shadow(0 3px 9px rgba(0,0,0,.6)); }
#galaxyReset.has-ui-art{ width:auto; height:34px; padding:0 !important; }
#galaxyReset.has-ui-art .ui-art{ width:auto; }
#mute.has-ui-art svg{ display:none; }
#mute.has-ui-art .ui-art--off{ display:none; }
#mute.off.has-ui-art .ui-art--on{ display:none; }
#mute.off.has-ui-art .ui-art--off{ display:block; }

[hidden]{ display:none !important; }