.ui-svg-icon {
  width: 1.12em;
  height: 1.12em;
  flex: 0 0 auto;
  display: inline-block;
  vertical-align: -0.16em;
  color: currentColor;
  background: currentColor;
  -webkit-mask: var(--ui-icon-path) center / contain no-repeat;
  mask: var(--ui-icon-path) center / contain no-repeat;
}

.ui-svg-icon.is-clay {
  width: 1.35em;
  height: 1.35em;
  color: var(--clay-ink, #32233a);
  background:
    linear-gradient(135deg, var(--pink-main, #ff5c9f), var(--clay-gold, #ffd66b));
  border-radius: 999px;
  box-shadow: inset 0 -0.08em 0 rgba(50, 35, 58, 0.18);
}

.ui-svg-icon + .ui-icon-gap {
  display: inline-block;
  width: 0.28em;
}

.ui-icon-paw { --ui-icon-path: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.2 10.7c-1.4 0-2.5-1.4-2.5-3.1s1.1-3.1 2.5-3.1 2.5 1.4 2.5 3.1-1.1 3.1-2.5 3.1Zm9.6 0c-1.4 0-2.5-1.4-2.5-3.1s1.1-3.1 2.5-3.1 2.5 1.4 2.5 3.1-1.1 3.1-2.5 3.1ZM5.9 18.8c0-3 2.7-6 6.1-6s6.1 3 6.1 6c0 1.2-.9 2.2-2.1 2.2-1.1 0-2.4-.8-4-.8s-2.9.8-4 .8c-1.2 0-2.1-1-2.1-2.2Zm5.9-9.1c-1.2 0-2.1-1.3-2.1-2.9S10.6 4 11.8 4 14 5.3 14 6.9s-1 2.8-2.2 2.8Z'/%3E%3C/svg%3E"); }
.ui-icon-book { --ui-icon-path: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 4.5A2.5 2.5 0 0 1 7.5 2H20v17H7.5A2.5 2.5 0 0 0 5 21.5v-17Zm2.5.2a.8.8 0 0 0-.8.8v11.2c.3-.1.5-.1.8-.1h10.8V4.7H7.5ZM4 5.5h1.8v16H4v-16Z'/%3E%3C/svg%3E"); }
.ui-icon-plus { --ui-icon-path: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.5 4h3v6.5H20v3h-6.5V20h-3v-6.5H4v-3h6.5V4Z'/%3E%3C/svg%3E"); }
.ui-icon-minus { --ui-icon-path: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 10.5h16v3H4v-3Z'/%3E%3C/svg%3E"); }
.ui-icon-settings { --ui-icon-path: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.6 2h2.8l.5 2.5c.7.2 1.4.5 2 .9l2.1-1.4 2 2-1.4 2.1c.4.6.7 1.3.9 2l2.5.5v2.8l-2.5.5c-.2.7-.5 1.4-.9 2l1.4 2.1-2 2-2.1-1.4c-.6.4-1.3.7-2 .9l-.5 2.5h-2.8l-.5-2.5c-.7-.2-1.4-.5-2-.9L6 20l-2-2 1.4-2.1c-.4-.6-.7-1.3-.9-2L2 13.4v-2.8l2.5-.5c.2-.7.5-1.4.9-2L4 6l2-2 2.1 1.4c.6-.4 1.3-.7 2-.9L10.6 2ZM12 8a4 4 0 1 0 0 8 4 4 0 0 0 0-8Z'/%3E%3C/svg%3E"); }
.ui-icon-cloud { --ui-icon-path: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 19a5 5 0 0 1-.6-10A6.5 6.5 0 0 1 20 11a4 4 0 0 1 0 8H8Zm8-6h-3V8h-2v5H8l4 4 4-4Z'/%3E%3C/svg%3E"); }
.ui-icon-clipboard { --ui-icon-path: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9 2h6l1 2h3v18H5V4h3l1-2Zm0 5v2h6V7H9Zm0 4v2h7v-2H9Zm0 4v2h5v-2H9Z'/%3E%3C/svg%3E"); }
.ui-icon-download { --ui-icon-path: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 3h2v9l3.2-3.2 1.4 1.4L12 15.8l-5.6-5.6 1.4-1.4L11 12V3ZM5 18h14v3H5v-3Z'/%3E%3C/svg%3E"); }
.ui-icon-chart { --ui-icon-path: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 20V4h3v16H4Zm6 0V9h3v11h-3Zm6 0V6h3v14h-3Z'/%3E%3C/svg%3E"); }
.ui-icon-trash { --ui-icon-path: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 3h8l1 2h4v2H3V5h4l1-2Zm-2 6h12l-1 12H7L6 9Zm4 2v8h2v-8h-2Zm4 0v8h2v-8h-2Z'/%3E%3C/svg%3E"); }
.ui-icon-tools { --ui-icon-path: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m5 19 7.3-7.3a5 5 0 0 1 6-6L15 9l3 3 3.3-3.3a5 5 0 0 1-6 6L8 22 5 19Z'/%3E%3C/svg%3E"); }
.ui-icon-trophy { --ui-icon-path: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 3h10v3h4v3a5 5 0 0 1-5 5h-.3A6 6 0 0 1 13 16.9V20h4v2H7v-2h4v-3.1A6 6 0 0 1 8.3 14H8a5 5 0 0 1-5-5V6h4V3Zm10 5v3.7A3 3 0 0 0 19 9V8h-2ZM5 8v1a3 3 0 0 0 2 2.7V8H5Z'/%3E%3C/svg%3E"); }
.ui-icon-shop { --ui-icon-path: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 4h14l2 6v2a3 3 0 0 1-5 2.2 3 3 0 0 1-4 0 3 3 0 0 1-4 0A3 3 0 0 1 3 12v-2l2-6Zm1 11h12v6H6v-6Z'/%3E%3C/svg%3E"); }
.ui-icon-game { --ui-icon-path: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 8h10a5 5 0 0 1 4.8 6.4l-.5 1.8a3 3 0 0 1-5.1 1.2L14 15h-4l-2.2 2.4a3 3 0 0 1-5.1-1.2l-.5-1.8A5 5 0 0 1 7 8Zm1 3H6v2h2v2h2v-2h2v-2h-2V9H8v2Zm8.5 3a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Z'/%3E%3C/svg%3E"); }
.ui-icon-sword { --ui-icon-path: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14 3h7v7L9 22l-3-3 12-12h-4V3ZM4 14l6 6-2 2-2-2-2 2-2-2 2-2-2-2 2-2Z'/%3E%3C/svg%3E"); }
.ui-icon-desktop { --ui-icon-path: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 4h18v12H3V4Zm7 14h4l1 2h4v2H5v-2h4l1-2Z'/%3E%3C/svg%3E"); }
.ui-icon-search { --ui-icon-path: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.5 4a6.5 6.5 0 0 1 5.2 10.4l4 4-1.8 1.8-4-4A6.5 6.5 0 1 1 10.5 4Zm0 2.5a4 4 0 1 0 0 8 4 4 0 0 0 0-8Z'/%3E%3C/svg%3E"); }
.ui-icon-user { --ui-icon-path: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 12a4 4 0 1 0 0-8 4 4 0 0 0 0 8Zm-8 9a8 8 0 0 1 16 0H4Z'/%3E%3C/svg%3E"); }
.ui-icon-medal { --ui-icon-path: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 2h8l-2 6h-4L8 2Zm4 7a6 6 0 1 1 0 12 6 6 0 0 1 0-12Zm0 3-1.1 2.2-2.4.3 1.7 1.7-.4 2.4L12 17.5l2.2 1.1-.4-2.4 1.7-1.7-2.4-.3L12 12Z'/%3E%3C/svg%3E"); }
.ui-icon-file { --ui-icon-path: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 2h9l3 3v17H6V2Zm8 1v4h4l-4-4ZM8 11h8v2H8v-2Zm0 4h8v2H8v-2Z'/%3E%3C/svg%3E"); }
.ui-icon-check { --ui-icon-path: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m9.2 16.6-4-4L3.8 14l5.4 5.4L20.7 7.9 19.3 6.5 9.2 16.6Z'/%3E%3C/svg%3E"); }
.ui-icon-star { --ui-icon-path: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m12 2 2.9 6 6.6.9-4.8 4.7 1.1 6.6L12 17.1l-5.8 3.1 1.1-6.6-4.8-4.7 6.6-.9L12 2Z'/%3E%3C/svg%3E"); }
.ui-icon-group { --ui-icon-path: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.5 11a3.5 3.5 0 1 1 0-7 3.5 3.5 0 0 1 0 7Zm7 0a3 3 0 1 1 0-6 3 3 0 0 1 0 6ZM2 21a6.5 6.5 0 0 1 13 0H2Zm12.5 0a8 8 0 0 0-2-5.3A5 5 0 0 1 22 18v3h-7.5Z'/%3E%3C/svg%3E"); }
.ui-icon-target { --ui-icon-path: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 2h2v3.1A7 7 0 0 1 18.9 11H22v2h-3.1A7 7 0 0 1 13 18.9V22h-2v-3.1A7 7 0 0 1 5.1 13H2v-2h3.1A7 7 0 0 1 11 5.1V2Zm1 6a4 4 0 1 0 0 8 4 4 0 0 0 0-8Zm0 2.2a1.8 1.8 0 1 1 0 3.6 1.8 1.8 0 0 1 0-3.6Z'/%3E%3C/svg%3E"); }
.ui-icon-list { --ui-icon-path: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 5h14v2H5V5Zm0 6h14v2H5v-2Zm0 6h14v2H5v-2Z'/%3E%3C/svg%3E"); }
.ui-icon-dice { --ui-icon-path: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 3h14a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2Zm3 5a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3Zm8 0a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3Zm-8 8a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3Zm8 0a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3Z'/%3E%3C/svg%3E"); }
.ui-icon-mic { --ui-icon-path: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 3a4 4 0 0 1 4 4v5a4 4 0 0 1-8 0V7a4 4 0 0 1 4-4Zm7 8v1a7 7 0 0 1-6 6.9V22h-2v-3.1A7 7 0 0 1 5 12v-1h2v1a5 5 0 0 0 10 0v-1h2Z'/%3E%3C/svg%3E"); }
.ui-icon-volume-off { --ui-icon-path: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 9h4l5-4v14l-5-4H4V9Zm13.4-2.4L19 8.2 17.2 10 19 11.8l-1.6 1.6-1.8-1.8-1.8 1.8-1.6-1.6L14 10l-1.8-1.8 1.6-1.6 1.8 1.8 1.8-1.8Z'/%3E%3C/svg%3E"); }
.ui-icon-volume { --ui-icon-path: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 9h4l5-4v14l-5-4H4V9Zm12.5-2.5a8 8 0 0 1 0 11l-1.4-1.4a6 6 0 0 0 0-8.2l1.4-1.4Z'/%3E%3C/svg%3E"); }
.ui-icon-gift { --ui-icon-path: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 10h16v11H4V10Zm7 0h2v11h-2V10ZM3 6h18v4H3V6Zm5.5-4C10 2 11 3.3 12 5c1-1.7 2-3 3.5-3A2.5 2.5 0 0 1 18 4.5C18 6 16.8 7 15 7H9C7.2 7 6 6 6 4.5A2.5 2.5 0 0 1 8.5 2Z'/%3E%3C/svg%3E"); }
.ui-icon-save { --ui-icon-path: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 3h14l2 2v16H4V3Zm3 2v6h10V5H7Zm1 10v4h8v-4H8Z'/%3E%3C/svg%3E"); }
.ui-icon-key { --ui-icon-path: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9 14a5 5 0 1 1 4.6-7H22v4h-3v3h-3v3h-3.4A5 5 0 0 1 9 14Zm0-3a2 2 0 1 0 0-4 2 2 0 0 0 0 4Z'/%3E%3C/svg%3E"); }
.ui-icon-message { --ui-icon-path: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 4h16v12H8l-4 4V4Zm4 5h8V7H8v2Zm0 4h6v-2H8v2Z'/%3E%3C/svg%3E"); }
.ui-icon-rocket { --ui-icon-path: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13 3c3.5.3 6 2.8 6.3 6.3l-4 4-4.6-.8-.8-4.6 4.1-4.9ZM8 12l4 4-3 3H5v-4l3-3Zm8.2-5.2a1.6 1.6 0 1 0 0 3.2 1.6 1.6 0 0 0 0-3.2ZM4 20c0-1.4.5-2.7 1.5-3.7L7.7 18A5.2 5.2 0 0 1 4 22v-2Z'/%3E%3C/svg%3E"); }
.ui-icon-crown { --ui-icon-path: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m3 7 5 4 4-7 4 7 5-4-2 12H5L3 7Zm3 14h12v2H6v-2Z'/%3E%3C/svg%3E"); }
.ui-icon-shield { --ui-icon-path: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 2 4 5v6c0 5 3.4 9.4 8 11 4.6-1.6 8-6 8-11V5l-8-3Z'/%3E%3C/svg%3E"); }
.ui-icon-boss { --ui-icon-path: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 8 3 5l2-2 4 4h6l4-4 2 2-3 3v9a4 4 0 0 1-4 4h-4a4 4 0 0 1-4-4V8Zm4 4h2v2h-2v-2Zm4 0h2v2h-2v-2Z'/%3E%3C/svg%3E"); }
.ui-icon-flag { --ui-icon-path: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 3h2v18H5V3Zm3 1h11l-2 5 2 5H8V4Z'/%3E%3C/svg%3E"); }
.ui-icon-cards { --ui-icon-path: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 3h12v14H7V3Zm-2 4h2v12h10v2H5V7Z'/%3E%3C/svg%3E"); }
.ui-icon-math { --ui-icon-path: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 4h14v16H5V4Zm3 3v2h3V7H8Zm5 0v2h3V7h-3Zm-5 4v2h3v-2H8Zm5 0v2h3v-2h-3Zm-5 4v2h8v-2H8Z'/%3E%3C/svg%3E"); }
.ui-icon-language { --ui-icon-path: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 4h8v3H9v13H7V7H4V4Zm12 3h2l4 13h-2l-.8-2.5h-4.4L14 20h-2l4-13Zm-.6 8.5h3.2L17 10l-1.6 5.5Z'/%3E%3C/svg%3E"); }
.ui-icon-science { --ui-icon-path: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9 2h6v2h-1v5.2l4.8 8.3A3 3 0 0 1 16.2 22H7.8a3 3 0 0 1-2.6-4.5L10 9.2V4H9V2Zm3 9-2.5 4h5L12 11Z'/%3E%3C/svg%3E"); }