.cozy-frame {
  --cozy-frame-image: url('/ui/cozy/panel-leather.webp');
  --cozy-frame-width: 16px;
  border: var(--cozy-frame-width) solid transparent;
  border-image: var(--cozy-frame-image) 157 fill / var(--cozy-frame-width) stretch;
}

.cozy-frame--parchment {
  --cozy-frame-image: url('/ui/cozy/panel-parchment.webp');
}

.cozy-frame--modal {
  --cozy-frame-image: url('/ui/cozy/modal-frame.webp');
}

.cozy-button {
  --cozy-frame-image: url('/ui/cozy/button-neutral.webp');
  --cozy-frame-width: 14px;
  border-image-slice: 190;
  background: #202225;
}

.cozy-button--active {
  --cozy-frame-image: url('/ui/cozy/button-active.webp');
  background: #174f54;
}

.cozy-button--accent {
  --cozy-frame-image: url('/ui/cozy/button-accent.webp');
  background: #c58a2f;
}