/* src/styles/icons-lucide.css */
.pi {
  display: inline-block;
  font-style: normal;
  line-height: 1;
  speak: never;
}
.pi-spin {
  animation: af-icon-spin 1s linear infinite;
}
@keyframes af-icon-spin {
  to {
    transform: rotate(360deg);
  }
}
.pi.pi-align-left,
.pi.pi-arrow-down,
.pi.pi-arrow-down-left,
.pi.pi-arrow-left,
.pi.pi-arrow-right,
.pi.pi-arrow-up,
.pi.pi-arrow-up-right,
.pi.pi-at,
.pi.pi-ban,
.pi.pi-bars,
.pi.pi-bell,
.pi.pi-bell-slash,
.pi.pi-bolt,
.pi.pi-bookmark,
.pi.pi-bookmark-fill,
.pi.pi-box,
.pi.pi-building,
.pi.pi-building-columns,
.pi.pi-calendar,
.pi.pi-calendar-clock,
.pi.pi-calendar-plus,
.pi.pi-calendar-times,
.pi.pi-camera,
.pi.pi-chart-bar,
.pi.pi-chart-line,
.pi.pi-chart-scatter,
.pi.pi-check,
.pi.pi-check-circle,
.pi.pi-check-double,
.pi.pi-chevron-down,
.pi.pi-chevron-left,
.pi.pi-chevron-right,
.pi.pi-chevron-up,
.pi.pi-circle,
.pi.pi-circle-fill,
.pi.pi-clock,
.pi.pi-cloud,
.pi.pi-cloud-off,
.pi.pi-cloud-upload,
.pi.pi-code,
.pi.pi-cog,
.pi.pi-coins,
.pi.pi-comment,
.pi.pi-comments,
.pi.pi-compass,
.pi.pi-copy,
.pi.pi-credit-card,
.pi.pi-crown,
.pi.pi-database,
.pi.pi-desktop,
.pi.pi-download,
.pi.pi-ellipsis-h,
.pi.pi-envelope,
.pi.pi-exclamation-circle,
.pi.pi-exclamation-triangle,
.pi.pi-external-link,
.pi.pi-eye,
.pi.pi-eye-slash,
.pi.pi-face-smile,
.pi.pi-facebook,
.pi.pi-file,
.pi.pi-file-edit,
.pi.pi-file-excel,
.pi.pi-filter,
.pi.pi-filter-slash,
.pi.pi-flag,
.pi.pi-flag-fill,
.pi.pi-folder-open,
.pi.pi-gift,
.pi.pi-globe,
.pi.pi-hand-pointer,
.pi.pi-hashtag,
.pi.pi-heart,
.pi.pi-heart-fill,
.pi.pi-history,
.pi.pi-home,
.pi.pi-hourglass,
.pi.pi-id-card,
.pi.pi-image,
.pi.pi-images,
.pi.pi-inbox,
.pi.pi-info-circle,
.pi.pi-instagram,
.pi.pi-key,
.pi.pi-link,
.pi.pi-list,
.pi.pi-lock,
.pi.pi-lock-open,
.pi.pi-map,
.pi.pi-megaphone,
.pi.pi-microphone,
.pi.pi-microphone-slash,
.pi.pi-minus,
.pi.pi-minus-circle,
.pi.pi-mobile,
.pi.pi-money-bill,
.pi.pi-moon,
.pi.pi-palette,
.pi.pi-paperclip,
.pi.pi-pause,
.pi.pi-pencil,
.pi.pi-percentage,
.pi.pi-phone,
.pi.pi-picture-in-picture,
.pi.pi-pix,
.pi.pi-play,
.pi.pi-plus,
.pi.pi-plus-circle,
.pi.pi-plus-square,
.pi.pi-power-off,
.pi.pi-qrcode,
.pi.pi-question-circle,
.pi.pi-receipt,
.pi.pi-refresh,
.pi.pi-replay,
.pi.pi-reply,
.pi.pi-search,
.pi.pi-send,
.pi.pi-server,
.pi.pi-share,
.pi.pi-share-alt,
.pi.pi-shield,
.pi.pi-shop,
.pi.pi-shopping-bag,
.pi.pi-shopping-cart,
.pi.pi-sign-in,
.pi.pi-sign-out,
.pi.pi-sliders-h,
.pi.pi-sort-alt,
.pi.pi-sort-amount-down,
.pi.pi-sort-amount-up-alt,
.pi.pi-sparkles,
.pi.pi-spinner,
.pi.pi-star,
.pi.pi-star-fill,
.pi.pi-stop-circle,
.pi.pi-stopwatch,
.pi.pi-sun,
.pi.pi-sync,
.pi.pi-tablet,
.pi.pi-tag,
.pi.pi-telegram,
.pi.pi-th-large,
.pi.pi-ticket,
.pi.pi-tiktok,
.pi.pi-times,
.pi.pi-times-circle,
.pi.pi-trash,
.pi.pi-trending-up,
.pi.pi-trophy,
.pi.pi-truck,
.pi.pi-twitter,
.pi.pi-undo,
.pi.pi-unlock,
.pi.pi-upload,
.pi.pi-user,
.pi.pi-user-edit,
.pi.pi-user-minus,
.pi.pi-user-plus,
.pi.pi-users,
.pi.pi-verified,
.pi.pi-video,
.pi.pi-volume-off,
.pi.pi-volume-up,
.pi.pi-wallet,
.pi.pi-whatsapp,
.pi.pi-wifi,
.pi.pi-window-maximize,
.pi.pi-window-minimize,
.pi.pi-wrench {
  vertical-align: -0.125em;
}
.pi.pi-align-left::before,
.pi.pi-arrow-down::before,
.pi.pi-arrow-down-left::before,
.pi.pi-arrow-left::before,
.pi.pi-arrow-right::before,
.pi.pi-arrow-up::before,
.pi.pi-arrow-up-right::before,
.pi.pi-at::before,
.pi.pi-ban::before,
.pi.pi-bars::before,
.pi.pi-bell::before,
.pi.pi-bell-slash::before,
.pi.pi-bolt::before,
.pi.pi-bookmark::before,
.pi.pi-bookmark-fill::before,
.pi.pi-box::before,
.pi.pi-building::before,
.pi.pi-building-columns::before,
.pi.pi-calendar::before,
.pi.pi-calendar-clock::before,
.pi.pi-calendar-plus::before,
.pi.pi-calendar-times::before,
.pi.pi-camera::before,
.pi.pi-chart-bar::before,
.pi.pi-chart-line::before,
.pi.pi-chart-scatter::before,
.pi.pi-check::before,
.pi.pi-check-circle::before,
.pi.pi-check-double::before,
.pi.pi-chevron-down::before,
.pi.pi-chevron-left::before,
.pi.pi-chevron-right::before,
.pi.pi-chevron-up::before,
.pi.pi-circle::before,
.pi.pi-circle-fill::before,
.pi.pi-clock::before,
.pi.pi-cloud::before,
.pi.pi-cloud-off::before,
.pi.pi-cloud-upload::before,
.pi.pi-code::before,
.pi.pi-cog::before,
.pi.pi-coins::before,
.pi.pi-comment::before,
.pi.pi-comments::before,
.pi.pi-compass::before,
.pi.pi-copy::before,
.pi.pi-credit-card::before,
.pi.pi-crown::before,
.pi.pi-database::before,
.pi.pi-desktop::before,
.pi.pi-download::before,
.pi.pi-ellipsis-h::before,
.pi.pi-envelope::before,
.pi.pi-exclamation-circle::before,
.pi.pi-exclamation-triangle::before,
.pi.pi-external-link::before,
.pi.pi-eye::before,
.pi.pi-eye-slash::before,
.pi.pi-face-smile::before,
.pi.pi-facebook::before,
.pi.pi-file::before,
.pi.pi-file-edit::before,
.pi.pi-file-excel::before,
.pi.pi-filter::before,
.pi.pi-filter-slash::before,
.pi.pi-flag::before,
.pi.pi-flag-fill::before,
.pi.pi-folder-open::before,
.pi.pi-gift::before,
.pi.pi-globe::before,
.pi.pi-hand-pointer::before,
.pi.pi-hashtag::before,
.pi.pi-heart::before,
.pi.pi-heart-fill::before,
.pi.pi-history::before,
.pi.pi-home::before,
.pi.pi-hourglass::before,
.pi.pi-id-card::before,
.pi.pi-image::before,
.pi.pi-images::before,
.pi.pi-inbox::before,
.pi.pi-info-circle::before,
.pi.pi-instagram::before,
.pi.pi-key::before,
.pi.pi-link::before,
.pi.pi-list::before,
.pi.pi-lock::before,
.pi.pi-lock-open::before,
.pi.pi-map::before,
.pi.pi-megaphone::before,
.pi.pi-microphone::before,
.pi.pi-microphone-slash::before,
.pi.pi-minus::before,
.pi.pi-minus-circle::before,
.pi.pi-mobile::before,
.pi.pi-money-bill::before,
.pi.pi-moon::before,
.pi.pi-palette::before,
.pi.pi-paperclip::before,
.pi.pi-pause::before,
.pi.pi-pencil::before,
.pi.pi-percentage::before,
.pi.pi-phone::before,
.pi.pi-picture-in-picture::before,
.pi.pi-pix::before,
.pi.pi-play::before,
.pi.pi-plus::before,
.pi.pi-plus-circle::before,
.pi.pi-plus-square::before,
.pi.pi-power-off::before,
.pi.pi-qrcode::before,
.pi.pi-question-circle::before,
.pi.pi-receipt::before,
.pi.pi-refresh::before,
.pi.pi-replay::before,
.pi.pi-reply::before,
.pi.pi-search::before,
.pi.pi-send::before,
.pi.pi-server::before,
.pi.pi-share::before,
.pi.pi-share-alt::before,
.pi.pi-shield::before,
.pi.pi-shop::before,
.pi.pi-shopping-bag::before,
.pi.pi-shopping-cart::before,
.pi.pi-sign-in::before,
.pi.pi-sign-out::before,
.pi.pi-sliders-h::before,
.pi.pi-sort-alt::before,
.pi.pi-sort-amount-down::before,
.pi.pi-sort-amount-up-alt::before,
.pi.pi-sparkles::before,
.pi.pi-spinner::before,
.pi.pi-star::before,
.pi.pi-star-fill::before,
.pi.pi-stop-circle::before,
.pi.pi-stopwatch::before,
.pi.pi-sun::before,
.pi.pi-sync::before,
.pi.pi-tablet::before,
.pi.pi-tag::before,
.pi.pi-telegram::before,
.pi.pi-th-large::before,
.pi.pi-ticket::before,
.pi.pi-tiktok::before,
.pi.pi-times::before,
.pi.pi-times-circle::before,
.pi.pi-trash::before,
.pi.pi-trending-up::before,
.pi.pi-trophy::before,
.pi.pi-truck::before,
.pi.pi-twitter::before,
.pi.pi-undo::before,
.pi.pi-unlock::before,
.pi.pi-upload::before,
.pi.pi-user::before,
.pi.pi-user-edit::before,
.pi.pi-user-minus::before,
.pi.pi-user-plus::before,
.pi.pi-users::before,
.pi.pi-verified::before,
.pi.pi-video::before,
.pi.pi-volume-off::before,
.pi.pi-volume-up::before,
.pi.pi-wallet::before,
.pi.pi-whatsapp::before,
.pi.pi-wifi::before,
.pi.pi-window-maximize::before,
.pi.pi-window-minimize::before,
.pi.pi-wrench::before {
  content: "";
  display: block;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  -webkit-mask: var(--af-icon) center / contain no-repeat;
  mask: var(--af-icon) center / contain no-repeat;
}
angledoublelefticon > svg,
angledoublerighticon > svg,
angledownicon > svg,
anglelefticon > svg,
anglerighticon > svg,
angleupicon > svg,
arrowdownicon > svg,
arrowupicon > svg,
calendaricon > svg,
checkicon > svg,
chevrondownicon > svg,
chevronlefticon > svg,
chevronrighticon > svg,
chevronupicon > svg,
eyeicon > svg,
eyeslashicon > svg,
minusicon > svg,
plusicon > svg,
refreshicon > svg,
searchicon > svg,
searchminusicon > svg,
searchplusicon > svg,
sortalticon > svg,
sortamountdownicon > svg,
sortamountupalticon > svg,
spinnericon > svg,
timescircleicon > svg,
timesicon > svg,
trashicon > svg,
undoicon > svg,
uploadicon > svg,
windowmaximizeicon > svg,
windowminimizeicon > svg {
  width: var(--af-icon-sm, 1rem);
  height: var(--af-icon-sm, 1rem);
  background-color: currentColor;
  -webkit-mask: var(--af-icon) center / contain no-repeat;
  mask: var(--af-icon) center / contain no-repeat;
}
angledoublelefticon > svg > *,
angledoublerighticon > svg > *,
angledownicon > svg > *,
anglelefticon > svg > *,
anglerighticon > svg > *,
angleupicon > svg > *,
arrowdownicon > svg > *,
arrowupicon > svg > *,
calendaricon > svg > *,
checkicon > svg > *,
chevrondownicon > svg > *,
chevronlefticon > svg > *,
chevronrighticon > svg > *,
chevronupicon > svg > *,
eyeicon > svg > *,
eyeslashicon > svg > *,
minusicon > svg > *,
plusicon > svg > *,
refreshicon > svg > *,
searchicon > svg > *,
searchminusicon > svg > *,
searchplusicon > svg > *,
sortalticon > svg > *,
sortamountdownicon > svg > *,
sortamountupalticon > svg > *,
spinnericon > svg > *,
timescircleicon > svg > *,
timesicon > svg > *,
trashicon > svg > *,
undoicon > svg > *,
uploadicon > svg > *,
windowmaximizeicon > svg > *,
windowminimizeicon > svg > * {
  display: none;
}
.pi-align-left {
  --af-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 5H3' /%3E%3Cpath d='M15 12H3' /%3E%3Cpath d='M17 19H3' /%3E%3C/svg%3E");
}
.pi-arrow-down {
  --af-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 5v14' /%3E%3Cpath d='m19 12-7 7-7-7' /%3E%3C/svg%3E");
}
.pi-arrow-down-left {
  --af-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M17 7 7 17' /%3E%3Cpath d='M17 17H7V7' /%3E%3C/svg%3E");
}
.pi-arrow-left {
  --af-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m12 19-7-7 7-7' /%3E%3Cpath d='M19 12H5' /%3E%3C/svg%3E");
}
.pi-arrow-right {
  --af-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14' /%3E%3Cpath d='m12 5 7 7-7 7' /%3E%3C/svg%3E");
}
.pi-arrow-up {
  --af-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 12 7-7 7 7' /%3E%3Cpath d='M12 19V5' /%3E%3C/svg%3E");
}
.pi-arrow-up-right {
  --af-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 7h10v10' /%3E%3Cpath d='M7 17 17 7' /%3E%3C/svg%3E");
}
.pi-at {
  --af-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='4' /%3E%3Cpath d='M16 8v5a3 3 0 0 0 6 0v-1a10 10 0 1 0-4 8' /%3E%3C/svg%3E");
}
.pi-ban {
  --af-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10' /%3E%3Cpath d='M4.929 4.929 19.07 19.071' /%3E%3C/svg%3E");
}
.pi-bars {
  --af-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 5h16' /%3E%3Cpath d='M4 12h16' /%3E%3Cpath d='M4 19h16' /%3E%3C/svg%3E");
}
.pi-bell {
  --af-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10.268 21a2 2 0 0 0 3.464 0' /%3E%3Cpath d='M3.262 15.326A1 1 0 0 0 4 17h16a1 1 0 0 0 .74-1.673C19.41 13.956 18 12.499 18 8A6 6 0 0 0 6 8c0 4.499-1.411 5.956-2.738 7.326' /%3E%3C/svg%3E");
}
.pi-bell-slash {
  --af-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10.268 21a2 2 0 0 0 3.464 0' /%3E%3Cpath d='M17 17H4a1 1 0 0 1-.74-1.673C4.59 13.956 6 12.499 6 8a6 6 0 0 1 .258-1.742' /%3E%3Cpath d='m2 2 20 20' /%3E%3Cpath d='M8.668 3.01A6 6 0 0 1 18 8c0 2.687.77 4.653 1.707 6.05' /%3E%3C/svg%3E");
}
.pi-bolt {
  --af-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15.914 4a1.5 1.5 0 00-2.474-1.561l-9 9A1.5 1.5 0 005.5 14h4.002a.5.5 0 01.471.666L8.086 20a1.5 1.5 0 002.475 1.56l9-9A1.5 1.5 0 0018.5 10h-3.997a.5.5 0 01-.472-.667z' /%3E%3C/svg%3E");
}
.pi-bookmark {
  --af-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M17 3a2 2 0 0 1 2 2v15a1 1 0 0 1-1.496.868l-4.512-2.578a2 2 0 0 0-1.984 0l-4.512 2.578A1 1 0 0 1 5 20V5a2 2 0 0 1 2-2z' /%3E%3C/svg%3E");
}
.pi-bookmark-fill {
  --af-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor' stroke='currentColor' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M17 3a2 2 0 0 1 2 2v15a1 1 0 0 1-1.496.868l-4.512-2.578a2 2 0 0 0-1.984 0l-4.512 2.578A1 1 0 0 1 5 20V5a2 2 0 0 1 2-2z' /%3E%3C/svg%3E");
}
.pi-box {
  --af-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16Z' /%3E%3Cpath d='m3.3 7 8.7 5 8.7-5' /%3E%3Cpath d='M12 22V12' /%3E%3C/svg%3E");
}
.pi-building {
  --af-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 12h4' /%3E%3Cpath d='M10 8h4' /%3E%3Cpath d='M14 21v-3a2 2 0 0 0-4 0v3' /%3E%3Cpath d='M6 10H4a2 2 0 0 0-2 2v7a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V9a2 2 0 0 0-2-2h-2' /%3E%3Cpath d='M6 21V5a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v16' /%3E%3C/svg%3E");
}
.pi-building-columns {
  --af-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 18v-7' /%3E%3Cpath d='M11.119 2.205a2 2 0 0 1 1.762 0l7.84 3.846A.5.5 0 0 1 20.5 7h-17a.5.5 0 0 1-.22-.949z' /%3E%3Cpath d='M14 18v-7' /%3E%3Cpath d='M18 18v-7' /%3E%3Cpath d='M3 22h18' /%3E%3Cpath d='M6 18v-7' /%3E%3C/svg%3E");
}
.pi-calendar {
  --af-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 2v3' /%3E%3Cpath d='M16 2v3' /%3E%3Crect x='3' y='3' width='18' height='18' rx='2' /%3E%3Cpath d='M3 9h18' /%3E%3C/svg%3E");
}
.pi-calendar-clock {
  --af-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16 14v2.2l1.6 1' /%3E%3Cpath d='M16 2v3' /%3E%3Cpath d='M21 7.338V5a2 2 0 00-2-2H5a2 2 0 00-2 2v14a2 2 0 002 2h2.338' /%3E%3Cpath d='M3 9h5.859' /%3E%3Cpath d='M8 2v3' /%3E%3Ccircle cx='16' cy='16' r='6' /%3E%3C/svg%3E");
}
.pi-calendar-plus {
  --af-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16 18h6' /%3E%3Cpath d='M16 2v3' /%3E%3Cpath d='M19 15v6' /%3E%3Cpath d='M21 11.5V5a2 2 0 00-2-2H5a2 2 0 00-2 2v14a2 2 0 002 2h8.3' /%3E%3Cpath d='M3 9h18' /%3E%3Cpath d='M8 2v3' /%3E%3C/svg%3E");
}
.pi-calendar-times {
  --af-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 2v3' /%3E%3Cpath d='M16 2v3' /%3E%3Crect x='3' y='3' width='18' height='18' rx='2' /%3E%3Cpath d='M3 9h18' /%3E%3Cpath d='m14 13-4 4' /%3E%3Cpath d='m10 13 4 4' /%3E%3C/svg%3E");
}
.pi-camera {
  --af-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M13.997 4a2 2 0 0 1 1.76 1.05l.486.9A2 2 0 0 0 18.003 7H20a2 2 0 0 1 2 2v9a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V9a2 2 0 0 1 2-2h1.997a2 2 0 0 0 1.759-1.048l.489-.904A2 2 0 0 1 10.004 4z' /%3E%3Ccircle cx='12' cy='13' r='3' /%3E%3C/svg%3E");
}
.pi-chart-bar {
  --af-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 3v16a2 2 0 0 0 2 2h16' /%3E%3Cpath d='M18 17V9' /%3E%3Cpath d='M13 17V5' /%3E%3Cpath d='M8 17v-3' /%3E%3C/svg%3E");
}
.pi-chart-line {
  --af-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 3v16a2 2 0 0 0 2 2h16' /%3E%3Cpath d='m19 9-5 5-4-4-3 3' /%3E%3C/svg%3E");
}
.pi-chart-scatter {
  --af-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='7.5' cy='7.5' r='.5' fill='currentColor' /%3E%3Ccircle cx='18.5' cy='5.5' r='.5' fill='currentColor' /%3E%3Ccircle cx='11.5' cy='11.5' r='.5' fill='currentColor' /%3E%3Ccircle cx='7.5' cy='16.5' r='.5' fill='currentColor' /%3E%3Ccircle cx='17.5' cy='14.5' r='.5' fill='currentColor' /%3E%3Cpath d='M3 3v16a2 2 0 0 0 2 2h16' /%3E%3C/svg%3E");
}
.pi-check {
  --af-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5' /%3E%3C/svg%3E");
}
.pi-check-circle {
  --af-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10' /%3E%3Cpath d='m16 9-5.5 5.5L8 12' /%3E%3C/svg%3E");
}
.pi-check-double {
  --af-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 6 7 17l-5-5' /%3E%3Cpath d='m22 10-7.5 7.5L13 16' /%3E%3C/svg%3E");
}
.pi-chevron-down {
  --af-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6' /%3E%3C/svg%3E");
}
.pi-chevron-left {
  --af-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m15 18-6-6 6-6' /%3E%3C/svg%3E");
}
.pi-chevron-right {
  --af-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m9 18 6-6-6-6' /%3E%3C/svg%3E");
}
.pi-chevron-up {
  --af-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m18 15-6-6-6 6' /%3E%3C/svg%3E");
}
.pi-circle {
  --af-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10' /%3E%3C/svg%3E");
}
.pi-circle-fill {
  --af-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor' stroke='currentColor' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10' /%3E%3C/svg%3E");
}
.pi-clock {
  --af-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10' /%3E%3Cpath d='M12 6v6l4 2' /%3E%3C/svg%3E");
}
.pi-cloud {
  --af-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M17.5 19H9a7 7 0 1 1 6.71-9h1.79a4.5 4.5 0 1 1 0 9Z' /%3E%3C/svg%3E");
}
.pi-cloud-off {
  --af-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10.94 5.274A7 7 0 0 1 15.71 10h1.79a4.5 4.5 0 0 1 4.222 6.057' /%3E%3Cpath d='M18.796 18.81A4.5 4.5 0 0 1 17.5 19H9A7 7 0 0 1 5.79 5.78' /%3E%3Cpath d='m2 2 20 20' /%3E%3C/svg%3E");
}
.pi-cloud-upload {
  --af-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 13v8' /%3E%3Cpath d='M4 14.899A7 7 0 1 1 15.71 8h1.79a4.5 4.5 0 0 1 2.5 8.242' /%3E%3Cpath d='m8 17 4-4 4 4' /%3E%3C/svg%3E");
}
.pi-code {
  --af-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m16 18 6-6-6-6' /%3E%3Cpath d='m8 6-6 6 6 6' /%3E%3C/svg%3E");
}
.pi-cog {
  --af-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9.671 4.136a2.34 2.34 0 0 1 4.659 0 2.34 2.34 0 0 0 3.319 1.915 2.34 2.34 0 0 1 2.33 4.033 2.34 2.34 0 0 0 0 3.831 2.34 2.34 0 0 1-2.33 4.033 2.34 2.34 0 0 0-3.319 1.915 2.34 2.34 0 0 1-4.659 0 2.34 2.34 0 0 0-3.32-1.915 2.34 2.34 0 0 1-2.33-4.033 2.34 2.34 0 0 0 0-3.831A2.34 2.34 0 0 1 6.35 6.051a2.34 2.34 0 0 0 3.319-1.915' /%3E%3Ccircle cx='12' cy='12' r='3' /%3E%3C/svg%3E");
}
.pi-coins {
  --af-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M13.744 17.736a6 6 0 1 1-7.48-7.48' /%3E%3Cpath d='M15 6h1v4' /%3E%3Cpath d='m6.134 14.768.866-.5 2 3.464' /%3E%3Ccircle cx='16' cy='8' r='6' /%3E%3C/svg%3E");
}
.pi-comment {
  --af-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2.992 16.342a2 2 0 0 1 .094 1.167l-1.065 3.29a1 1 0 0 0 1.236 1.168l3.413-.998a2 2 0 0 1 1.099.092 10 10 0 1 0-4.777-4.719' /%3E%3C/svg%3E");
}
.pi-comments {
  --af-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16 10a2 2 0 0 1-2 2H6.828a2 2 0 0 0-1.414.586l-2.202 2.202A.71.71 0 0 1 2 14.286V4a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2z' /%3E%3Cpath d='M20 9a2 2 0 0 1 2 2v10.286a.71.71 0 0 1-1.212.502l-2.202-2.202A2 2 0 0 0 17.172 19H10a2 2 0 0 1-2-2v-1' /%3E%3C/svg%3E");
}
.pi-compass {
  --af-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10' /%3E%3Cpath d='m16.24 7.76-1.804 5.411a2 2 0 0 1-1.265 1.265L7.76 16.24l1.804-5.411a2 2 0 0 1 1.265-1.265z' /%3E%3C/svg%3E");
}
.pi-copy {
  --af-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect width='14' height='14' x='8' y='8' rx='2' ry='2' /%3E%3Cpath d='M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2' /%3E%3C/svg%3E");
}
.pi-credit-card {
  --af-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect width='20' height='14' x='2' y='5' rx='2' /%3E%3Cline x1='2' x2='22' y1='10' y2='10' /%3E%3Cpath d='M6 14h2' /%3E%3C/svg%3E");
}
.pi-crown {
  --af-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M11.562 3.266a.5.5 0 0 1 .876 0L15.39 8.87a1 1 0 0 0 1.516.294L21.183 5.5a.5.5 0 0 1 .798.519l-2.834 10.246a1 1 0 0 1-.956.734H5.81a1 1 0 0 1-.957-.734L2.02 6.02a.5.5 0 0 1 .798-.519l4.276 3.664a1 1 0 0 0 1.516-.294z' /%3E%3Cpath d='M5 21h14' /%3E%3C/svg%3E");
}
.pi-database {
  --af-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cellipse cx='12' cy='5' rx='9' ry='3' /%3E%3Cpath d='M3 5V19A9 3 0 0 0 21 19V5' /%3E%3Cpath d='M3 12A9 3 0 0 0 21 12' /%3E%3C/svg%3E");
}
.pi-desktop {
  --af-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect width='20' height='14' x='2' y='3' rx='2' /%3E%3Cline x1='8' x2='16' y1='21' y2='21' /%3E%3Cline x1='12' x2='12' y1='17' y2='21' /%3E%3C/svg%3E");
}
.pi-download {
  --af-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 15V3' /%3E%3Cpath d='M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4' /%3E%3Cpath d='m7 10 5 5 5-5' /%3E%3C/svg%3E");
}
.pi-ellipsis-h {
  --af-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='1' /%3E%3Ccircle cx='19' cy='12' r='1' /%3E%3Ccircle cx='5' cy='12' r='1' /%3E%3C/svg%3E");
}
.pi-envelope {
  --af-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m22 7-8.991 5.727a2 2 0 0 1-2.009 0L2 7' /%3E%3Crect x='2' y='4' width='20' height='16' rx='2' /%3E%3C/svg%3E");
}
.pi-exclamation-circle {
  --af-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10' /%3E%3Cline x1='12' x2='12' y1='8' y2='12' /%3E%3Cline x1='12' x2='12.01' y1='16' y2='16' /%3E%3C/svg%3E");
}
.pi-exclamation-triangle {
  --af-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3' /%3E%3Cpath d='M12 9v4' /%3E%3Cpath d='M12 17h.01' /%3E%3C/svg%3E");
}
.pi-external-link {
  --af-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15 3h6v6' /%3E%3Cpath d='M10 14 21 3' /%3E%3Cpath d='M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6' /%3E%3C/svg%3E");
}
.pi-eye {
  --af-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2.062 12.348a1 1 0 0 1 0-.696 10.75 10.75 0 0 1 19.876 0 1 1 0 0 1 0 .696 10.75 10.75 0 0 1-19.876 0' /%3E%3Ccircle cx='12' cy='12' r='3' /%3E%3C/svg%3E");
}
.pi-eye-slash {
  --af-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10.733 5.076a10.744 10.744 0 0 1 11.205 6.575 1 1 0 0 1 0 .696 10.747 10.747 0 0 1-1.444 2.49' /%3E%3Cpath d='M14.084 14.158a3 3 0 0 1-4.242-4.242' /%3E%3Cpath d='M17.479 17.499a10.75 10.75 0 0 1-15.417-5.151 1 1 0 0 1 0-.696 10.75 10.75 0 0 1 4.446-5.143' /%3E%3Cpath d='m2 2 20 20' /%3E%3C/svg%3E");
}
.pi-face-smile {
  --af-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15 10V9' /%3E%3Cpath d='M16.472 15a6 6 0 01-8.943 0' /%3E%3Cpath d='M9 10V9' /%3E%3Ccircle cx='12' cy='12' r='10' /%3E%3C/svg%3E");
}
.pi-file {
  --af-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z' /%3E%3Cpath d='M14 2v5a1 1 0 0 0 1 1h5' /%3E%3C/svg%3E");
}
.pi-file-edit {
  --af-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12.659 22H18a2 2 0 0 0 2-2V8a2.4 2.4 0 0 0-.706-1.706l-3.588-3.588A2.4 2.4 0 0 0 14 2H6a2 2 0 0 0-2 2v9.34' /%3E%3Cpath d='M14 2v5a1 1 0 0 0 1 1h5' /%3E%3Cpath d='M10.378 12.622a1 1 0 0 1 3 3.003L8.36 20.637a2 2 0 0 1-.854.506l-2.867.837a.5.5 0 0 1-.62-.62l.836-2.869a2 2 0 0 1 .506-.853z' /%3E%3C/svg%3E");
}
.pi-file-excel {
  --af-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z' /%3E%3Cpath d='M14 2v5a1 1 0 0 0 1 1h5' /%3E%3Cpath d='M8 13h2' /%3E%3Cpath d='M14 13h2' /%3E%3Cpath d='M8 17h2' /%3E%3Cpath d='M14 17h2' /%3E%3C/svg%3E");
}
.pi-filter {
  --af-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 20a1 1 0 0 0 .553.895l2 1A1 1 0 0 0 14 21v-7a2 2 0 0 1 .517-1.341L21.74 4.67A1 1 0 0 0 21 3H3a1 1 0 0 0-.742 1.67l7.225 7.989A2 2 0 0 1 10 14z' /%3E%3C/svg%3E");
}
.pi-filter-slash {
  --af-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12.531 3H3a1 1 0 0 0-.742 1.67l7.225 7.989A2 2 0 0 1 10 14v6a1 1 0 0 0 .553.895l2 1A1 1 0 0 0 14 21v-7a2 2 0 0 1 .517-1.341l.427-.473' /%3E%3Cpath d='m16.5 3.5 5 5' /%3E%3Cpath d='m21.5 3.5-5 5' /%3E%3C/svg%3E");
}
.pi-flag {
  --af-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 22V4a1 1 0 0 1 .4-.8A6 6 0 0 1 8 2c3 0 5 2 7.333 2q2 0 3.067-.8A1 1 0 0 1 20 4v10a1 1 0 0 1-.4.8A6 6 0 0 1 16 16c-3 0-5-2-8-2a6 6 0 0 0-4 1.528' /%3E%3C/svg%3E");
}
.pi-flag-fill {
  --af-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor' stroke='currentColor' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 22V4a1 1 0 0 1 .4-.8A6 6 0 0 1 8 2c3 0 5 2 7.333 2q2 0 3.067-.8A1 1 0 0 1 20 4v10a1 1 0 0 1-.4.8A6 6 0 0 1 16 16c-3 0-5-2-8-2a6 6 0 0 0-4 1.528' /%3E%3C/svg%3E");
}
.pi-folder-open {
  --af-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 14 1.5-2.9A2 2 0 0 1 9.24 10H20a2 2 0 0 1 1.94 2.5l-1.54 6a2 2 0 0 1-1.95 1.5H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h3.9a2 2 0 0 1 1.69.9l.81 1.2a2 2 0 0 0 1.67.9H18a2 2 0 0 1 2 2v2' /%3E%3C/svg%3E");
}
.pi-gift {
  --af-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 7v14' /%3E%3Cpath d='M20 11v8a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2v-8' /%3E%3Cpath d='M7.5 7a1 1 0 0 1 0-5A4.8 8 0 0 1 12 7a4.8 8 0 0 1 4.5-5 1 1 0 0 1 0 5' /%3E%3Crect x='3' y='7' width='18' height='4' rx='1' /%3E%3C/svg%3E");
}
.pi-globe {
  --af-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10' /%3E%3Cpath d='M12 2a14.5 14.5 0 0 0 0 20 14.5 14.5 0 0 0 0-20' /%3E%3Cpath d='M2 12h20' /%3E%3C/svg%3E");
}
.pi-hand-pointer {
  --af-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 14a8 8 0 0 1-8 8' /%3E%3Cpath d='M18 11v-1a2 2 0 0 0-2-2a2 2 0 0 0-2 2' /%3E%3Cpath d='M14 10V9a2 2 0 0 0-2-2a2 2 0 0 0-2 2v1' /%3E%3Cpath d='M10 9.5V4a2 2 0 0 0-2-2a2 2 0 0 0-2 2v10' /%3E%3Cpath d='M18 11a2 2 0 1 1 4 0v3a8 8 0 0 1-8 8h-2c-2.8 0-4.5-.86-5.99-2.34l-3.6-3.6a2 2 0 0 1 2.83-2.82L7 15' /%3E%3C/svg%3E");
}
.pi-hashtag {
  --af-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='4' x2='20' y1='9' y2='9' /%3E%3Cline x1='4' x2='20' y1='15' y2='15' /%3E%3Cline x1='10' x2='8' y1='3' y2='21' /%3E%3Cline x1='16' x2='14' y1='3' y2='21' /%3E%3C/svg%3E");
}
.pi-heart {
  --af-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 9.5a5.5 5.5 0 0 1 9.591-3.676.56.56 0 0 0 .818 0A5.49 5.49 0 0 1 22 9.5c0 2.29-1.5 4-3 5.5l-5.492 5.313a2 2 0 0 1-3 .019L5 15c-1.5-1.5-3-3.2-3-5.5' /%3E%3C/svg%3E");
}
.pi-heart-fill {
  --af-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor' stroke='currentColor' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 9.5a5.5 5.5 0 0 1 9.591-3.676.56.56 0 0 0 .818 0A5.49 5.49 0 0 1 22 9.5c0 2.29-1.5 4-3 5.5l-5.492 5.313a2 2 0 0 1-3 .019L5 15c-1.5-1.5-3-3.2-3-5.5' /%3E%3C/svg%3E");
}
.pi-history {
  --af-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8' /%3E%3Cpath d='M3 3v5h5' /%3E%3Cpath d='M12 7v5l4 2' /%3E%3C/svg%3E");
}
.pi-home {
  --af-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15 21v-8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8' /%3E%3Cpath d='M3 10a2 2 0 0 1 .709-1.528l7-6a2 2 0 0 1 2.582 0l7 6A2 2 0 0 1 21 10v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z' /%3E%3C/svg%3E");
}
.pi-hourglass {
  --af-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 22h14' /%3E%3Cpath d='M5 2h14' /%3E%3Cpath d='M17 22v-4.172a2 2 0 0 0-.586-1.414L12 12l-4.414 4.414A2 2 0 0 0 7 17.828V22' /%3E%3Cpath d='M7 2v4.172a2 2 0 0 0 .586 1.414L12 12l4.414-4.414A2 2 0 0 0 17 6.172V2' /%3E%3C/svg%3E");
}
.pi-id-card {
  --af-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M13 19a4 4 0 00-8 0' /%3E%3Cpath d='M16 10h2' /%3E%3Cpath d='M16 14h2' /%3E%3Ccircle cx='9' cy='12' r='3' /%3E%3Crect x='2' y='5' width='20' height='14' rx='2' /%3E%3C/svg%3E");
}
.pi-image {
  --af-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect width='18' height='18' x='3' y='3' rx='2' ry='2' /%3E%3Ccircle cx='9' cy='9' r='2' /%3E%3Cpath d='m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21' /%3E%3C/svg%3E");
}
.pi-images {
  --af-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m22 11-1.296-1.296a2.4 2.4 0 0 0-3.408 0L11 16' /%3E%3Cpath d='M4 8a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2' /%3E%3Ccircle cx='13' cy='7' r='1' fill='currentColor' /%3E%3Crect x='8' y='2' width='14' height='14' rx='2' /%3E%3C/svg%3E");
}
.pi-inbox {
  --af-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='22 12 16 12 14 15 10 15 8 12 2 12' /%3E%3Cpath d='M5.45 5.11 2 12v6a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-6l-3.45-6.89A2 2 0 0 0 16.76 4H7.24a2 2 0 0 0-1.79 1.11z' /%3E%3C/svg%3E");
}
.pi-info-circle {
  --af-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10' /%3E%3Cpath d='M12 16v-4' /%3E%3Cpath d='M12 8h.01' /%3E%3C/svg%3E");
}
.pi-key {
  --af-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2.586 17.414A2 2 0 0 0 2 18.828V21a1 1 0 0 0 1 1h3a1 1 0 0 0 1-1v-1a1 1 0 0 1 1-1h1a1 1 0 0 0 1-1v-1a1 1 0 0 1 1-1h.172a2 2 0 0 0 1.414-.586l.814-.814a6.5 6.5 0 1 0-4-4z' /%3E%3Ccircle cx='16.5' cy='7.5' r='.5' fill='currentColor' /%3E%3C/svg%3E");
}
.pi-link {
  --af-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71' /%3E%3Cpath d='M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71' /%3E%3C/svg%3E");
}
.pi-list {
  --af-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 5h.01' /%3E%3Cpath d='M3 12h.01' /%3E%3Cpath d='M3 19h.01' /%3E%3Cpath d='M8 5h13' /%3E%3Cpath d='M8 12h13' /%3E%3Cpath d='M8 19h13' /%3E%3C/svg%3E");
}
.pi-lock {
  --af-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect width='18' height='11' x='3' y='11' rx='2' ry='2' /%3E%3Cpath d='M7 11V7a5 5 0 0 1 10 0v4' /%3E%3C/svg%3E");
}
.pi-lock-open {
  --af-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect width='18' height='11' x='3' y='11' rx='2' ry='2' /%3E%3Cpath d='M7 11V7a5 5 0 0 1 9.9-1' /%3E%3C/svg%3E");
}
.pi-map {
  --af-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14.106 5.553a2 2 0 0 0 1.788 0l3.659-1.83A1 1 0 0 1 21 4.619v12.764a1 1 0 0 1-.553.894l-4.553 2.277a2 2 0 0 1-1.788 0l-4.212-2.106a2 2 0 0 0-1.788 0l-3.659 1.83A1 1 0 0 1 3 19.381V6.618a1 1 0 0 1 .553-.894l4.553-2.277a2 2 0 0 1 1.788 0z' /%3E%3Cpath d='M15 5.764v15' /%3E%3Cpath d='M9 3.236v15' /%3E%3C/svg%3E");
}
.pi-megaphone {
  --af-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M11 6a13 13 0 0 0 8.4-2.8A1 1 0 0 1 21 4v12a1 1 0 0 1-1.6.8A13 13 0 0 0 11 14H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2z' /%3E%3Cpath d='M6 14a12 12 0 0 0 2.4 7.2 2 2 0 0 0 3.2-2.4A8 8 0 0 1 10 14' /%3E%3Cpath d='M8 6v8' /%3E%3C/svg%3E");
}
.pi-microphone {
  --af-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 19v3' /%3E%3Cpath d='M19 10v2a7 7 0 0 1-14 0v-2' /%3E%3Crect x='9' y='2' width='6' height='13' rx='3' /%3E%3C/svg%3E");
}
.pi-microphone-slash {
  --af-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 19v3' /%3E%3Cpath d='M15 9.34V5a3 3 0 0 0-5.68-1.33' /%3E%3Cpath d='M16.95 16.95A7 7 0 0 1 5 12v-2' /%3E%3Cpath d='M18.89 13.23A7 7 0 0 0 19 12v-2' /%3E%3Cpath d='m2 2 20 20' /%3E%3Cpath d='M9 9v3a3 3 0 0 0 5.12 2.12' /%3E%3C/svg%3E");
}
.pi-minus {
  --af-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14' /%3E%3C/svg%3E");
}
.pi-minus-circle {
  --af-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10' /%3E%3Cpath d='M8 12h8' /%3E%3C/svg%3E");
}
.pi-mobile {
  --af-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect width='14' height='20' x='5' y='2' rx='2' ry='2' /%3E%3Cpath d='M12 18h.01' /%3E%3C/svg%3E");
}
.pi-money-bill {
  --af-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect width='20' height='12' x='2' y='6' rx='2' /%3E%3Ccircle cx='12' cy='12' r='2' /%3E%3Cpath d='M6 12h.01M18 12h.01' /%3E%3C/svg%3E");
}
.pi-moon {
  --af-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20.985 12.486a9 9 0 1 1-9.473-9.472c.405-.022.617.46.402.803a6 6 0 0 0 8.268 8.268c.344-.215.825-.004.803.401' /%3E%3C/svg%3E");
}
.pi-palette {
  --af-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 22a1 1 0 0 1 0-20 10 9 0 0 1 10 9 5 5 0 0 1-5 5h-2.25a1.75 1.75 0 0 0-1.4 2.8l.3.4a1.75 1.75 0 0 1-1.4 2.8z' /%3E%3Ccircle cx='13.5' cy='6.5' r='.5' fill='currentColor' /%3E%3Ccircle cx='17.5' cy='10.5' r='.5' fill='currentColor' /%3E%3Ccircle cx='6.5' cy='12.5' r='.5' fill='currentColor' /%3E%3Ccircle cx='8.5' cy='7.5' r='.5' fill='currentColor' /%3E%3C/svg%3E");
}
.pi-paperclip {
  --af-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m16 6-8.414 8.586a2 2 0 0 0 2.829 2.829l8.414-8.586a4 4 0 1 0-5.657-5.657l-8.379 8.551a6 6 0 1 0 8.485 8.485l8.379-8.551' /%3E%3C/svg%3E");
}
.pi-pause {
  --af-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='14' y='3' width='5' height='18' rx='1' /%3E%3Crect x='5' y='3' width='5' height='18' rx='1' /%3E%3C/svg%3E");
}
.pi-pencil {
  --af-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21.174 6.812a1 1 0 0 0-3.986-3.987L3.842 16.174a2 2 0 0 0-.5.83l-1.321 4.352a.5.5 0 0 0 .623.622l4.353-1.32a2 2 0 0 0 .83-.497z' /%3E%3Cpath d='m15 5 4 4' /%3E%3C/svg%3E");
}
.pi-percentage {
  --af-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='19' x2='5' y1='5' y2='19' /%3E%3Ccircle cx='6.5' cy='6.5' r='2.5' /%3E%3Ccircle cx='17.5' cy='17.5' r='2.5' /%3E%3C/svg%3E");
}
.pi-phone {
  --af-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M13.832 16.568a1 1 0 0 0 1.213-.303l.355-.465A2 2 0 0 1 17 15h3a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2A18 18 0 0 1 2 4a2 2 0 0 1 2-2h3a2 2 0 0 1 2 2v3a2 2 0 0 1-.8 1.6l-.468.351a1 1 0 0 0-.292 1.233 14 14 0 0 0 6.392 6.384' /%3E%3C/svg%3E");
}
.pi-picture-in-picture {
  --af-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 9V6a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2v10c0 1.1.9 2 2 2h4' /%3E%3Crect width='10' height='7' x='12' y='13' rx='2' /%3E%3C/svg%3E");
}
.pi-play {
  --af-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 5a2 2 0 0 1 3.008-1.728l11.997 6.998a2 2 0 0 1 .003 3.458l-12 7A2 2 0 0 1 5 19z' /%3E%3C/svg%3E");
}
.pi-plus {
  --af-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14' /%3E%3Cpath d='M12 5v14' /%3E%3C/svg%3E");
}
.pi-plus-circle {
  --af-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10' /%3E%3Cpath d='M8 12h8' /%3E%3Cpath d='M12 8v8' /%3E%3C/svg%3E");
}
.pi-plus-square {
  --af-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect width='18' height='18' x='3' y='3' rx='2' /%3E%3Cpath d='M8 12h8' /%3E%3Cpath d='M12 8v8' /%3E%3C/svg%3E");
}
.pi-power-off {
  --af-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 2v10' /%3E%3Cpath d='M18.4 6.6a9 9 0 1 1-12.77.04' /%3E%3C/svg%3E");
}
.pi-qrcode {
  --af-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect width='5' height='5' x='3' y='3' rx='1' /%3E%3Crect width='5' height='5' x='16' y='3' rx='1' /%3E%3Crect width='5' height='5' x='3' y='16' rx='1' /%3E%3Cpath d='M21 16h-3a2 2 0 0 0-2 2v3' /%3E%3Cpath d='M21 21v.01' /%3E%3Cpath d='M12 7v3a2 2 0 0 1-2 2H7' /%3E%3Cpath d='M3 12h.01' /%3E%3Cpath d='M12 3h.01' /%3E%3Cpath d='M12 16v.01' /%3E%3Cpath d='M16 12h1' /%3E%3Cpath d='M21 12v.01' /%3E%3Cpath d='M12 21v-1' /%3E%3C/svg%3E");
}
.pi-question-circle {
  --af-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10' /%3E%3Cpath d='M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3' /%3E%3Cpath d='M12 17h.01' /%3E%3C/svg%3E");
}
.pi-receipt {
  --af-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 17V7' /%3E%3Cpath d='M16 8h-6a2 2 0 0 0 0 4h4a2 2 0 0 1 0 4H8' /%3E%3Cpath d='M4 3a1 1 0 0 1 1-1 1.3 1.3 0 0 1 .7.2l.933.6a1.3 1.3 0 0 0 1.4 0l.934-.6a1.3 1.3 0 0 1 1.4 0l.933.6a1.3 1.3 0 0 0 1.4 0l.933-.6a1.3 1.3 0 0 1 1.4 0l.934.6a1.3 1.3 0 0 0 1.4 0l.933-.6A1.3 1.3 0 0 1 19 2a1 1 0 0 1 1 1v18a1 1 0 0 1-1 1 1.3 1.3 0 0 1-.7-.2l-.933-.6a1.3 1.3 0 0 0-1.4 0l-.934.6a1.3 1.3 0 0 1-1.4 0l-.933-.6a1.3 1.3 0 0 0-1.4 0l-.933.6a1.3 1.3 0 0 1-1.4 0l-.934-.6a1.3 1.3 0 0 0-1.4 0l-.933.6a1.3 1.3 0 0 1-.7.2 1 1 0 0 1-1-1z' /%3E%3C/svg%3E");
}
.pi-refresh {
  --af-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8' /%3E%3Cpath d='M21 3v5h-5' /%3E%3Cpath d='M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16' /%3E%3Cpath d='M8 16H3v5' /%3E%3C/svg%3E");
}
.pi-replay {
  --af-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8' /%3E%3Cpath d='M3 3v5h5' /%3E%3C/svg%3E");
}
.pi-reply {
  --af-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 18v-2a4 4 0 0 0-4-4H4' /%3E%3Cpath d='m9 17-5-5 5-5' /%3E%3C/svg%3E");
}
.pi-search {
  --af-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m21 21-4.34-4.34' /%3E%3Ccircle cx='11' cy='11' r='8' /%3E%3C/svg%3E");
}
.pi-send {
  --af-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14.536 21.686a.5.5 0 0 0 .937-.024l6.5-19a.496.496 0 0 0-.635-.635l-19 6.5a.5.5 0 0 0-.024.937l7.93 3.18a2 2 0 0 1 1.112 1.11z' /%3E%3Cpath d='m21.854 2.147-10.94 10.939' /%3E%3C/svg%3E");
}
.pi-server {
  --af-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect width='20' height='8' x='2' y='2' rx='2' ry='2' /%3E%3Crect width='20' height='8' x='2' y='14' rx='2' ry='2' /%3E%3Cline x1='6' x2='6.01' y1='6' y2='6' /%3E%3Cline x1='6' x2='6.01' y1='18' y2='18' /%3E%3C/svg%3E");
}
.pi-share {
  --af-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 2v13' /%3E%3Cpath d='m16 6-4-4-4 4' /%3E%3Cpath d='M4 12v8a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-8' /%3E%3C/svg%3E");
}
.pi-share-alt {
  --af-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='18' cy='5' r='3' /%3E%3Ccircle cx='6' cy='12' r='3' /%3E%3Ccircle cx='18' cy='19' r='3' /%3E%3Cline x1='8.59' x2='15.42' y1='13.51' y2='17.49' /%3E%3Cline x1='15.41' x2='8.59' y1='6.51' y2='10.49' /%3E%3C/svg%3E");
}
.pi-shield {
  --af-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z' /%3E%3C/svg%3E");
}
.pi-shop {
  --af-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15 21v-5a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v5' /%3E%3Cpath d='M17.774 10.31a1.12 1.12 0 0 0-1.549 0 2.5 2.5 0 0 1-3.451 0 1.12 1.12 0 0 0-1.548 0 2.5 2.5 0 0 1-3.452 0 1.12 1.12 0 0 0-1.549 0 2.5 2.5 0 0 1-3.77-3.248l2.889-4.184A2 2 0 0 1 7 2h10a2 2 0 0 1 1.653.873l2.895 4.192a2.5 2.5 0 0 1-3.774 3.244' /%3E%3Cpath d='M4 10.95V19a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-8.05' /%3E%3C/svg%3E");
}
.pi-shopping-bag {
  --af-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16 10a4 4 0 0 1-8 0' /%3E%3Cpath d='M3.103 6.034h17.794' /%3E%3Cpath d='M3.4 5.467a2 2 0 0 0-.4 1.2V20a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6.667a2 2 0 0 0-.4-1.2l-2-2.667A2 2 0 0 0 17 2H7a2 2 0 0 0-1.6.8z' /%3E%3C/svg%3E");
}
.pi-shopping-cart {
  --af-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m2.05 2.05 1.099-.028a1 1 0 0 1 1.008.815l2.69 14.347A1 1 0 0 0 7.83 18H18' /%3E%3Cpath d='M4.563 5h16.435a1 1 0 0 1 .981 1.204l-1.026 6.226A2 2 0 0 1 18.962 14H6.25' /%3E%3Ccircle cx='18' cy='20' r='2' /%3E%3Ccircle cx='8' cy='20' r='2' /%3E%3C/svg%3E");
}
.pi-sign-in {
  --af-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m10 17 5-5-5-5' /%3E%3Cpath d='M15 12H3' /%3E%3Cpath d='M15 3h4a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2h-4' /%3E%3C/svg%3E");
}
.pi-sign-out {
  --af-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m16 17 5-5-5-5' /%3E%3Cpath d='M21 12H9' /%3E%3Cpath d='M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4' /%3E%3C/svg%3E");
}
.pi-sliders-h {
  --af-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 5H3' /%3E%3Cpath d='M12 19H3' /%3E%3Cpath d='M14 3v4' /%3E%3Cpath d='M16 17v4' /%3E%3Cpath d='M21 12h-9' /%3E%3Cpath d='M21 19h-5' /%3E%3Cpath d='M21 5h-7' /%3E%3Cpath d='M8 10v4' /%3E%3Cpath d='M8 12H3' /%3E%3C/svg%3E");
}
.pi-sort-alt {
  --af-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m21 16-4 4-4-4' /%3E%3Cpath d='M17 20V4' /%3E%3Cpath d='m3 8 4-4 4 4' /%3E%3Cpath d='M7 4v16' /%3E%3C/svg%3E");
}
.pi-sort-amount-down {
  --af-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m3 16 4 4 4-4' /%3E%3Cpath d='M7 20V4' /%3E%3Cpath d='M11 4h10' /%3E%3Cpath d='M11 8h7' /%3E%3Cpath d='M11 12h4' /%3E%3C/svg%3E");
}
.pi-sort-amount-up-alt {
  --af-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m3 8 4-4 4 4' /%3E%3Cpath d='M7 4v16' /%3E%3Cpath d='M11 12h4' /%3E%3Cpath d='M11 16h7' /%3E%3Cpath d='M11 20h10' /%3E%3C/svg%3E");
}
.pi-spinner {
  --af-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 12a9 9 0 1 1-6.219-8.56' /%3E%3C/svg%3E");
}
.pi-stop-circle {
  --af-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10' /%3E%3Crect x='9' y='9' width='6' height='6' rx='1' /%3E%3C/svg%3E");
}
.pi-stopwatch {
  --af-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='10' x2='14' y1='2' y2='2' /%3E%3Cline x1='12' x2='15' y1='14' y2='11' /%3E%3Ccircle cx='12' cy='14' r='8' /%3E%3C/svg%3E");
}
.pi-sun {
  --af-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='4' /%3E%3Cpath d='M12 2v2' /%3E%3Cpath d='M12 20v2' /%3E%3Cpath d='m4.93 4.93 1.41 1.41' /%3E%3Cpath d='m17.66 17.66 1.41 1.41' /%3E%3Cpath d='M2 12h2' /%3E%3Cpath d='M20 12h2' /%3E%3Cpath d='m6.34 17.66-1.41 1.41' /%3E%3Cpath d='m19.07 4.93-1.41 1.41' /%3E%3C/svg%3E");
}
.pi-sync {
  --af-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m17 2 4 4-4 4' /%3E%3Cpath d='M3 11v-1a4 4 0 0 1 4-4h14' /%3E%3Cpath d='m7 22-4-4 4-4' /%3E%3Cpath d='M21 13v1a4 4 0 0 1-4 4H3' /%3E%3C/svg%3E");
}
.pi-tablet {
  --af-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect width='16' height='20' x='4' y='2' rx='2' ry='2' /%3E%3Cline x1='12' x2='12.01' y1='18' y2='18' /%3E%3C/svg%3E");
}
.pi-tag {
  --af-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12.586 2.586A2 2 0 0 0 11.172 2H4a2 2 0 0 0-2 2v7.172a2 2 0 0 0 .586 1.414l8.704 8.704a2.426 2.426 0 0 0 3.42 0l6.58-6.58a2.426 2.426 0 0 0 0-3.42z' /%3E%3Ccircle cx='7.5' cy='7.5' r='.5' fill='currentColor' /%3E%3C/svg%3E");
}
.pi-th-large {
  --af-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect width='7' height='7' x='3' y='3' rx='1' /%3E%3Crect width='7' height='7' x='14' y='3' rx='1' /%3E%3Crect width='7' height='7' x='14' y='14' rx='1' /%3E%3Crect width='7' height='7' x='3' y='14' rx='1' /%3E%3C/svg%3E");
}
.pi-ticket {
  --af-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 9a3 3 0 0 1 0 6v2a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-2a3 3 0 0 1 0-6V7a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2Z' /%3E%3Cpath d='M13 5v2' /%3E%3Cpath d='M13 17v2' /%3E%3Cpath d='M13 11v2' /%3E%3C/svg%3E");
}
.pi-times {
  --af-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 6 6 18' /%3E%3Cpath d='m6 6 12 12' /%3E%3C/svg%3E");
}
.pi-times-circle {
  --af-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10' /%3E%3Cpath d='m15 9-6 6' /%3E%3Cpath d='m9 9 6 6' /%3E%3C/svg%3E");
}
.pi-trash {
  --af-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 11v6' /%3E%3Cpath d='M14 11v6' /%3E%3Cpath d='M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6' /%3E%3Cpath d='M3 6h18' /%3E%3Cpath d='M8 6V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2' /%3E%3C/svg%3E");
}
.pi-trending-up {
  --af-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16 7h6v6' /%3E%3Cpath d='m22 7-8.5 8.5-5-5L2 17' /%3E%3C/svg%3E");
}
.pi-trophy {
  --af-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 14.66V17a1 1 0 0 1-1 1 2 2 0 0 0-2 2v2' /%3E%3Cpath d='M14 14.66V17a1 1 0 0 0 1 1 2 2 0 0 1 2 2v2' /%3E%3Cpath d='M17.916 10H19.5A2.5 2.5 0 0 0 22 7.5V5a1 1 0 0 0-1-1h-3' /%3E%3Cpath d='M4 22h16' /%3E%3Cpath d='M6 9a6 6 0 0 0 12 0V3a1 1 0 0 0-1-1H7a1 1 0 0 0-1 1z' /%3E%3Cpath d='M6.084 10H4.5A2.5 2.5 0 0 1 2 7.5V5a1 1 0 0 1 1-1h3' /%3E%3C/svg%3E");
}
.pi-truck {
  --af-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 18V6a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2v11a1 1 0 0 0 1 1h2' /%3E%3Cpath d='M15 18H9' /%3E%3Cpath d='M19 18h2a1 1 0 0 0 1-1v-3.65a1 1 0 0 0-.22-.624l-3.48-4.35A1 1 0 0 0 17.52 8H14' /%3E%3Ccircle cx='17' cy='18' r='2' /%3E%3Ccircle cx='7' cy='18' r='2' /%3E%3C/svg%3E");
}
.pi-undo {
  --af-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 14 4 9l5-5' /%3E%3Cpath d='M4 9h10.5a5.5 5.5 0 0 1 5.5 5.5a5.5 5.5 0 0 1-5.5 5.5H11' /%3E%3C/svg%3E");
}
.pi-unlock {
  --af-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect width='18' height='11' x='3' y='11' rx='2' ry='2' /%3E%3Cpath d='M7 11V7a5 5 0 0 1 9.9-1' /%3E%3C/svg%3E");
}
.pi-upload {
  --af-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3v12' /%3E%3Cpath d='m17 8-5-5-5 5' /%3E%3Cpath d='M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4' /%3E%3C/svg%3E");
}
.pi-user {
  --af-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2' /%3E%3Ccircle cx='12' cy='7' r='4' /%3E%3C/svg%3E");
}
.pi-user-edit {
  --af-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M11.5 15H7a4 4 0 0 0-4 4v2' /%3E%3Cpath d='M21.378 16.626a1 1 0 0 0-3.004-3.004l-4.01 4.012a2 2 0 0 0-.506.854l-.837 2.87a.5.5 0 0 0 .62.62l2.87-.837a2 2 0 0 0 .854-.506z' /%3E%3Ccircle cx='10' cy='7' r='4' /%3E%3C/svg%3E");
}
.pi-user-minus {
  --af-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2' /%3E%3Ccircle cx='9' cy='7' r='4' /%3E%3Cline x1='22' x2='16' y1='11' y2='11' /%3E%3C/svg%3E");
}
.pi-user-plus {
  --af-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2' /%3E%3Ccircle cx='9' cy='7' r='4' /%3E%3Cline x1='19' x2='19' y1='8' y2='14' /%3E%3Cline x1='22' x2='16' y1='11' y2='11' /%3E%3C/svg%3E");
}
.pi-users {
  --af-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2' /%3E%3Cpath d='M16 3.128a4 4 0 0 1 0 7.744' /%3E%3Cpath d='M22 21v-2a4 4 0 0 0-3-3.87' /%3E%3Ccircle cx='9' cy='7' r='4' /%3E%3C/svg%3E");
}
.pi-verified {
  --af-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3.85 8.62a4 4 0 0 1 4.78-4.77 4 4 0 0 1 6.74 0 4 4 0 0 1 4.78 4.78 4 4 0 0 1 0 6.74 4 4 0 0 1-4.77 4.78 4 4 0 0 1-6.75 0 4 4 0 0 1-4.78-4.77 4 4 0 0 1 0-6.76Z' /%3E%3Cpath d='m16 9-5.5 5.5L8 12' /%3E%3C/svg%3E");
}
.pi-video {
  --af-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m16 13 5.223 3.482a.5.5 0 0 0 .777-.416V7.87a.5.5 0 0 0-.752-.432L16 10.5' /%3E%3Crect x='2' y='6' width='14' height='12' rx='2' /%3E%3C/svg%3E");
}
.pi-volume-off {
  --af-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M11 4.702a.7.7 0 0 0-1.203-.498L6.413 7.587A1.4 1.4 0 0 1 5.416 8H3a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h2.416a1.4 1.4 0 0 1 .997.413l3.383 3.384A.7.7 0 0 0 11 19.298z' /%3E%3Cpath d='m16.5 14.5 5-5' /%3E%3Cpath d='m16.5 9.5 5 5' /%3E%3C/svg%3E");
}
.pi-volume-up {
  --af-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M11 4.702a.705.705 0 0 0-1.203-.498L6.413 7.587A1.4 1.4 0 0 1 5.416 8H3a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h2.416a1.4 1.4 0 0 1 .997.413l3.383 3.384A.705.705 0 0 0 11 19.298z' /%3E%3Cpath d='M16 9a5 5 0 0 1 0 6' /%3E%3Cpath d='M19.364 18.364a9 9 0 0 0 0-12.728' /%3E%3C/svg%3E");
}
.pi-wallet {
  --af-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M19 7V4a1 1 0 0 0-1-1H5a2 2 0 0 0 0 4h15a1 1 0 0 1 1 1v4h-3a2 2 0 0 0 0 4h3a1 1 0 0 0 1-1v-2a1 1 0 0 0-1-1' /%3E%3Cpath d='M3 5v14a2 2 0 0 0 2 2h15a1 1 0 0 0 1-1v-4' /%3E%3C/svg%3E");
}
.pi-wifi {
  --af-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 20h.01' /%3E%3Cpath d='M2 8.82a15 15 0 0 1 20 0' /%3E%3Cpath d='M5 12.859a10 10 0 0 1 14 0' /%3E%3Cpath d='M8.5 16.429a5 5 0 0 1 7 0' /%3E%3C/svg%3E");
}
.pi-window-maximize {
  --af-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 3H5a2 2 0 0 0-2 2v3' /%3E%3Cpath d='M21 8V5a2 2 0 0 0-2-2h-3' /%3E%3Cpath d='M3 16v3a2 2 0 0 0 2 2h3' /%3E%3Cpath d='M16 21h3a2 2 0 0 0 2-2v-3' /%3E%3C/svg%3E");
}
.pi-window-minimize {
  --af-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 3v3a2 2 0 0 1-2 2H3' /%3E%3Cpath d='M21 8h-3a2 2 0 0 1-2-2V3' /%3E%3Cpath d='M3 16h3a2 2 0 0 1 2 2v3' /%3E%3Cpath d='M16 21v-3a2 2 0 0 1 2-2h3' /%3E%3C/svg%3E");
}
.pi-wrench {
  --af-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.106-3.105c.32-.322.863-.22.983.218a6 6 0 0 1-8.259 7.057l-7.91 7.91a1 1 0 0 1-2.999-3l7.91-7.91a6 6 0 0 1 7.057-8.259c.438.12.54.662.219.984z' /%3E%3C/svg%3E");
}
.pi-facebook {
  --af-icon: url("data:image/svg+xml,%3Csvg fill='currentColor' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg id='facebook'%3E%3Cpath d='M20,12.05a8,8,0,1,0-9.25,8V14.38h-2V12.05h2V10.28a2.83,2.83,0,0,1,3-3.14,11.92,11.92,0,0,1,1.79.16v2h-1a1.16,1.16,0,0,0-1.3,1.26v1.51h2.22l-.36,2.33H13.25V20A8,8,0,0,0,20,12.05Z'/%3E%3C/g%3E%3C/svg%3E");
}
.pi-instagram {
  --af-icon: url("data:image/svg+xml,%3Csvg fill='currentColor' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg id='instagram'%3E%3Cpath d='M12,7.9A4.1,4.1,0,1,0,16.1,12,4.09,4.09,0,0,0,12,7.9Zm0,6.77A2.67,2.67,0,1,1,14.67,12,2.67,2.67,0,0,1,12,14.67Zm5.23-6.94a1,1,0,1,1-1-1A1,1,0,0,1,17.23,7.73Zm2.71,1a4.71,4.71,0,0,0-1.29-3.35A4.71,4.71,0,0,0,15.3,4.06C14,4,10,4,8.7,4.06A4.73,4.73,0,0,0,5.35,5.35,4.71,4.71,0,0,0,4.06,8.7C4,10,4,14,4.06,15.3a4.71,4.71,0,0,0,1.29,3.35A4.73,4.73,0,0,0,8.7,19.94c1.32.08,5.28.08,6.6,0a4.71,4.71,0,0,0,3.35-1.29,4.71,4.71,0,0,0,1.29-3.35C20,14,20,10,19.94,8.7Zm-1.7,8a2.7,2.7,0,0,1-1.52,1.52,18,18,0,0,1-4.72.32,17.91,17.91,0,0,1-4.71-.32,2.7,2.7,0,0,1-1.52-1.52c-.42-1.06-.33-3.56-.33-4.72s-.09-3.67.33-4.72A2.65,2.65,0,0,1,7.29,5.76,17.91,17.91,0,0,1,12,5.44a18,18,0,0,1,4.72.32,2.7,2.7,0,0,1,1.52,1.52c.42,1.06.32,3.56.32,4.72S18.66,15.67,18.24,16.72Z'/%3E%3C/g%3E%3C/svg%3E");
}
.pi-pix {
  --af-icon: url("data:image/svg+xml,%3Csvg fill='currentColor' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M11.917 11.71a2.046 2.046 0 0 1-1.454-.602l-2.1-2.1a.4.4 0 0 0-.551 0l-2.108 2.108a2.044 2.044 0 0 1-1.454.602h-.414l2.66 2.66c.83.83 2.177.83 3.007 0l2.667-2.668h-.253zM4.25 4.282c.55 0 1.066.214 1.454.602l2.108 2.108a.39.39 0 0 0 .552 0l2.1-2.1a2.044 2.044 0 0 1 1.453-.602h.253L9.503 1.623a2.127 2.127 0 0 0-3.007 0l-2.66 2.66h.414z'/%3E%3Cpath d='m14.377 6.496-1.612-1.612a.307.307 0 0 1-.114.023h-.733c-.379 0-.75.154-1.017.422l-2.1 2.1a1.005 1.005 0 0 1-1.425 0L5.268 5.32a1.448 1.448 0 0 0-1.018-.422h-.9a.306.306 0 0 1-.109-.021L1.623 6.496c-.83.83-.83 2.177 0 3.008l1.618 1.618a.305.305 0 0 1 .108-.022h.901c.38 0 .75-.153 1.018-.421L7.375 8.57a1.034 1.034 0 0 1 1.426 0l2.1 2.1c.267.268.638.421 1.017.421h.733c.04 0 .079.01.114.024l1.612-1.612c.83-.83.83-2.178 0-3.008z'/%3E%3C/svg%3E");
}
.pi-sparkles {
  --af-icon: url("data:image/svg+xml,%3Csvg fill='currentColor' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 67.22 67.22'%3E%3Cpath  d='M33.61,0l2.07,7.21c3.37,11.77,12.57,20.96,24.33,24.33l7.21,2.07-7.21,2.07c-11.77,3.37-20.96,12.57-24.33,24.33l-2.07,7.21-2.07-7.21c-3.37-11.77-12.57-20.96-24.33-24.33l-7.21-2.07,7.21-2.07c11.77-3.37,20.96-12.57,24.33-24.33l2.07-7.21Z'/%3E%3C/svg%3E");
}
.pi-star {
  --af-icon: url("data:image/svg+xml,%3Csvg fill='currentColor' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 67.22 67.22'%3E%3Cpath  d='M33.61,0l2.07,7.21c3.37,11.77,12.57,20.96,24.33,24.33l7.21,2.07-7.21,2.07c-11.77,3.37-20.96,12.57-24.33,24.33l-2.07,7.21-2.07-7.21c-3.37-11.77-12.57-20.96-24.33-24.33l-7.21-2.07,7.21-2.07c11.77-3.37,20.96-12.57,24.33-24.33l2.07-7.21Z'/%3E%3C/svg%3E");
}
.pi-star-fill {
  --af-icon: url("data:image/svg+xml,%3Csvg fill='currentColor' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 67.22 67.22'%3E%3Cpath  d='M33.61,0l2.07,7.21c3.37,11.77,12.57,20.96,24.33,24.33l7.21,2.07-7.21,2.07c-11.77,3.37-20.96,12.57-24.33,24.33l-2.07,7.21-2.07-7.21c-3.37-11.77-12.57-20.96-24.33-24.33l-7.21-2.07,7.21-2.07c11.77-3.37,20.96-12.57,24.33-24.33l2.07-7.21Z'/%3E%3C/svg%3E");
}
.pi-telegram {
  --af-icon: url("data:image/svg+xml,%3Csvg fill='currentColor' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg id='telegram'%3E%3Cpath d='M12,4a8,8,0,1,0,8,8A8,8,0,0,0,12,4Zm3.93,5.48-1.31,6.19c-.1.44-.36.54-.73.34l-2-1.48-1,.93a.51.51,0,0,1-.4.2l.14-2,3.7-3.35c.17-.14,0-.22-.24-.08L9.55,13.08l-2-.62c-.43-.13-.44-.43.09-.63l7.71-3C15.73,8.72,16.05,8.94,15.93,9.48Z'/%3E%3C/g%3E%3C/svg%3E");
}
.pi-tiktok {
  --af-icon: url("data:image/svg+xml,%3Csvg fill='currentColor' width='24' height='24' viewBox='0 0 24 24'  xmlns='http://www.w3.org/2000/svg'%3E %3Cpath d='M19 10.5594C17.6237 10.5623 16.2813 10.1327 15.1625 9.33125V14.9187C15.1622 15.9536 14.8459 16.9636 14.256 17.8139C13.666 18.6641 12.8306 19.3139 11.8613 19.6764C10.8921 20.0389 9.83525 20.0969 8.83217 19.8425C7.82909 19.5881 6.92759 19.0335 6.24825 18.2529C5.5689 17.4723 5.14409 16.5029 5.03064 15.4743C4.91718 14.4457 5.12049 13.407 5.61336 12.497C6.10624 11.5871 6.86519 10.8494 7.78871 10.3825C8.71223 9.9156 9.75629 9.74182 10.7813 9.88438V12.6938C10.3126 12.5462 9.80929 12.5505 9.34322 12.7061C8.87715 12.8616 8.47215 13.1605 8.18603 13.5599C7.89992 13.9593 7.74732 14.439 7.75004 14.9303C7.75276 15.4216 7.91064 15.8996 8.20115 16.2958C8.49167 16.6921 8.89995 16.9864 9.36771 17.1368C9.83547 17.2872 10.3388 17.2859 10.8058 17.1332C11.2728 16.9805 11.6796 16.6842 11.9682 16.2865C12.2567 15.8888 12.4122 15.4101 12.4125 14.9187V4H15.1625C15.161 4.23258 15.1808 4.46481 15.2219 4.69375C15.3175 5.20406 15.5162 5.68951 15.8058 6.12044C16.0954 6.55136 16.4699 6.91869 16.9063 7.2C17.5274 7.61026 18.2556 7.82871 19 7.82812V10.5594Z' /%3E %3C/svg%3E");
}
.pi-twitter {
  --af-icon: url("data:image/svg+xml,%3Csvg fill='currentColor' width='14' height='14' viewBox='0 0 14 14'  xmlns='http://www.w3.org/2000/svg'%3E %3Cg clip-path='url(%23clip0_156_4482)'%3E %3Cpath d='M11.0248 0.65625H13.1725L8.48153 6.03014L14 13.3438H9.68014L6.29422 8.90923L2.4246 13.3438H0.273794L5.29031 7.59473L0 0.65625H4.42938L7.48674 4.70954L11.0248 0.65625ZM10.2703 12.0567H11.4598L3.7814 1.8762H2.50369L10.2703 12.0567Z' /%3E %3C/g%3E %3Cdefs%3E %3CclipPath id='clip0_156_4482'%3E %3Crect width='14' height='14' /%3E %3C/clipPath%3E %3C/defs%3E %3C/svg%3E");
}
.pi-whatsapp {
  --af-icon: url("data:image/svg+xml,%3Csvg fill='currentColor' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg id='whatsapp'%3E%3Cpath d='M17.6,6.32A7.85,7.85,0,0,0,12,4,7.94,7.94,0,0,0,5.12,15.89L4,20l4.2-1.1a7.93,7.93,0,0,0,3.79,1h0a8,8,0,0,0,8-7.93A8,8,0,0,0,17.6,6.32ZM12,18.53a6.58,6.58,0,0,1-3.36-.92l-.24-.15-2.49.66.66-2.43-.16-.25A6.6,6.6,0,0,1,16.66,7.27a6.65,6.65,0,0,1,2,4.66A6.66,6.66,0,0,1,12,18.53Zm3.61-4.94c-.2-.1-1.17-.58-1.35-.64s-.32-.1-.45.1a9,9,0,0,1-.63.77c-.11.14-.23.15-.43,0a5.33,5.33,0,0,1-2.69-2.35c-.21-.35.2-.33.58-1.08a.38.38,0,0,0,0-.35c0-.1-.45-1.08-.61-1.47s-.32-.33-.45-.34H9.19a.71.71,0,0,0-.53.25A2.19,2.19,0,0,0,8,10.17a3.82,3.82,0,0,0,.81,2.05,8.89,8.89,0,0,0,3.39,3,3.85,3.85,0,0,0,2.38.5,2,2,0,0,0,1.33-.94,1.62,1.62,0,0,0,.12-.94C15.94,13.74,15.81,13.69,15.61,13.59Z'/%3E%3C/g%3E%3C/svg%3E");
}
angledoublelefticon > svg {
  --af-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m11 17-5-5 5-5' /%3E%3Cpath d='m18 17-5-5 5-5' /%3E%3C/svg%3E");
}
angledoublerighticon > svg {
  --af-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 17 5-5-5-5' /%3E%3Cpath d='m13 17 5-5-5-5' /%3E%3C/svg%3E");
}
angledownicon > svg {
  --af-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6' /%3E%3C/svg%3E");
}
anglelefticon > svg {
  --af-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m15 18-6-6 6-6' /%3E%3C/svg%3E");
}
anglerighticon > svg {
  --af-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m9 18 6-6-6-6' /%3E%3C/svg%3E");
}
angleupicon > svg {
  --af-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m18 15-6-6-6 6' /%3E%3C/svg%3E");
}
arrowdownicon > svg {
  --af-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 5v14' /%3E%3Cpath d='m19 12-7 7-7-7' /%3E%3C/svg%3E");
}
arrowupicon > svg {
  --af-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 12 7-7 7 7' /%3E%3Cpath d='M12 19V5' /%3E%3C/svg%3E");
}
calendaricon > svg {
  --af-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 2v3' /%3E%3Cpath d='M16 2v3' /%3E%3Crect x='3' y='3' width='18' height='18' rx='2' /%3E%3Cpath d='M3 9h18' /%3E%3C/svg%3E");
}
checkicon > svg {
  --af-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5' /%3E%3C/svg%3E");
}
chevrondownicon > svg {
  --af-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6' /%3E%3C/svg%3E");
}
chevronlefticon > svg {
  --af-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m15 18-6-6 6-6' /%3E%3C/svg%3E");
}
chevronrighticon > svg {
  --af-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m9 18 6-6-6-6' /%3E%3C/svg%3E");
}
chevronupicon > svg {
  --af-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m18 15-6-6-6 6' /%3E%3C/svg%3E");
}
eyeicon > svg {
  --af-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2.062 12.348a1 1 0 0 1 0-.696 10.75 10.75 0 0 1 19.876 0 1 1 0 0 1 0 .696 10.75 10.75 0 0 1-19.876 0' /%3E%3Ccircle cx='12' cy='12' r='3' /%3E%3C/svg%3E");
}
eyeslashicon > svg {
  --af-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10.733 5.076a10.744 10.744 0 0 1 11.205 6.575 1 1 0 0 1 0 .696 10.747 10.747 0 0 1-1.444 2.49' /%3E%3Cpath d='M14.084 14.158a3 3 0 0 1-4.242-4.242' /%3E%3Cpath d='M17.479 17.499a10.75 10.75 0 0 1-15.417-5.151 1 1 0 0 1 0-.696 10.75 10.75 0 0 1 4.446-5.143' /%3E%3Cpath d='m2 2 20 20' /%3E%3C/svg%3E");
}
minusicon > svg {
  --af-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14' /%3E%3C/svg%3E");
}
plusicon > svg {
  --af-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14' /%3E%3Cpath d='M12 5v14' /%3E%3C/svg%3E");
}
refreshicon > svg {
  --af-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8' /%3E%3Cpath d='M21 3v5h-5' /%3E%3Cpath d='M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16' /%3E%3Cpath d='M8 16H3v5' /%3E%3C/svg%3E");
}
searchicon > svg {
  --af-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m21 21-4.34-4.34' /%3E%3Ccircle cx='11' cy='11' r='8' /%3E%3C/svg%3E");
}
searchminusicon > svg {
  --af-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8' /%3E%3Cline x1='21' x2='16.65' y1='21' y2='16.65' /%3E%3Cline x1='8' x2='14' y1='11' y2='11' /%3E%3C/svg%3E");
}
searchplusicon > svg {
  --af-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8' /%3E%3Cline x1='21' x2='16.65' y1='21' y2='16.65' /%3E%3Cline x1='11' x2='11' y1='8' y2='14' /%3E%3Cline x1='8' x2='14' y1='11' y2='11' /%3E%3C/svg%3E");
}
sortalticon > svg {
  --af-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m21 16-4 4-4-4' /%3E%3Cpath d='M17 20V4' /%3E%3Cpath d='m3 8 4-4 4 4' /%3E%3Cpath d='M7 4v16' /%3E%3C/svg%3E");
}
sortamountdownicon > svg {
  --af-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m3 16 4 4 4-4' /%3E%3Cpath d='M7 20V4' /%3E%3Cpath d='M11 4h10' /%3E%3Cpath d='M11 8h7' /%3E%3Cpath d='M11 12h4' /%3E%3C/svg%3E");
}
sortamountupalticon > svg {
  --af-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m3 8 4-4 4 4' /%3E%3Cpath d='M7 4v16' /%3E%3Cpath d='M11 12h4' /%3E%3Cpath d='M11 16h7' /%3E%3Cpath d='M11 20h10' /%3E%3C/svg%3E");
}
spinnericon > svg {
  --af-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 12a9 9 0 1 1-6.219-8.56' /%3E%3C/svg%3E");
}
timescircleicon > svg {
  --af-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10' /%3E%3Cpath d='m15 9-6 6' /%3E%3Cpath d='m9 9 6 6' /%3E%3C/svg%3E");
}
timesicon > svg {
  --af-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 6 6 18' /%3E%3Cpath d='m6 6 12 12' /%3E%3C/svg%3E");
}
trashicon > svg {
  --af-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 11v6' /%3E%3Cpath d='M14 11v6' /%3E%3Cpath d='M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6' /%3E%3Cpath d='M3 6h18' /%3E%3Cpath d='M8 6V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2' /%3E%3C/svg%3E");
}
undoicon > svg {
  --af-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 14 4 9l5-5' /%3E%3Cpath d='M4 9h10.5a5.5 5.5 0 0 1 5.5 5.5a5.5 5.5 0 0 1-5.5 5.5H11' /%3E%3C/svg%3E");
}
uploadicon > svg {
  --af-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3v12' /%3E%3Cpath d='m17 8-5-5-5 5' /%3E%3Cpath d='M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4' /%3E%3C/svg%3E");
}
windowmaximizeicon > svg {
  --af-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 3H5a2 2 0 0 0-2 2v3' /%3E%3Cpath d='M21 8V5a2 2 0 0 0-2-2h-3' /%3E%3Cpath d='M3 16v3a2 2 0 0 0 2 2h3' /%3E%3Cpath d='M16 21h3a2 2 0 0 0 2-2v-3' /%3E%3C/svg%3E");
}
windowminimizeicon > svg {
  --af-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 3v3a2 2 0 0 1-2 2H3' /%3E%3Cpath d='M21 8h-3a2 2 0 0 1-2-2V3' /%3E%3Cpath d='M3 16h3a2 2 0 0 1 2 2v3' /%3E%3Cpath d='M16 21v-3a2 2 0 0 1 2-2h3' /%3E%3C/svg%3E");
}

/* src/styles/tokens.css */
:root {
  --af-brand: #4500f9;
  --af-brand-accent: #8752fa;
  --af-brand-secondary: #cd83ff;
  --af-brand-soft: rgba(69, 0, 249, 0.10);
  --af-brand-text: #4500f9;
  --af-brand-contrast: #ffffff;
  --af-brand-tint: color-mix(in srgb, var(--af-brand) 6%, transparent);
  --af-brand-border: color-mix(in srgb, var(--af-brand) 35%, transparent);
  --af-brand-glow: color-mix(in srgb, var(--af-brand) 45%, transparent);
  --af-focus: #4500f9;
  --af-brand-gradient:
    linear-gradient(
      135deg,
      #4500f9 0%,
      #5a1bfa 60%,
      #7438fa 100%);
  --af-brand-gradient-soft:
    linear-gradient(
      135deg,
      rgba(69, 0, 249, 0.14),
      rgba(135, 82, 250, 0.12));
  --af-brand-light-gradient:
    linear-gradient(
      100deg,
      color-mix(in srgb, var(--af-brand-secondary) 55%, #fff) 0%,
      var(--af-brand-secondary) 35%,
      var(--af-brand) 100%);
  --af-brand-light-text:
    linear-gradient(
      100deg,
      var(--af-brand-accent) 0%,
      var(--af-brand) 100%);
  --af-page-glow:
    radial-gradient(
      50% 50% at 50% 45%,
      color-mix(in srgb, var(--af-brand-accent) 16%, transparent),
      transparent);
  --af-sky-deep: #09001b;
  --af-ring:
    conic-gradient(
      from 210deg,
      var(--af-brand-secondary),
      var(--af-brand),
      var(--af-cta),
      var(--af-brand-secondary));
  --af-cta: #4500f9;
  --af-ink: #13092e;
  --af-ink-hover: #2b2246;
  --af-on-ink: #ffffff;
  --af-btn-veil: rgba(8, 3, 24, 0.05);
  --af-btn-veil-hover: rgba(8, 3, 24, 0.09);
  --af-btn-veil-border: rgba(8, 3, 24, 0.08);
  --af-bg-page: #f7f7f7;
  --af-bg-card: #ffffff;
  --af-bg-subtle: #f2f2f5;
  --af-bg-hover: #e9e9ee;
  --af-bg-inset: #fafafa;
  --af-border: rgba(8, 3, 24, 0.08);
  --af-border-strong: rgba(8, 3, 24, 0.16);
  --af-text: #080318;
  --af-text-muted: #5f5d6e;
  --af-text-faint: #6e6c80;
  --af-success: #14763a;
  --af-success-bg: rgba(20, 118, 58, 0.10);
  --af-success-border: rgba(20, 118, 58, 0.35);
  --af-warn: #a6510a;
  --af-warn-bg: rgba(166, 81, 10, 0.10);
  --af-warn-border: rgba(166, 81, 10, 0.35);
  --af-danger: #b91c1c;
  --af-danger-bg: rgba(185, 28, 28, 0.10);
  --af-danger-bg-hover: rgba(185, 28, 28, 0.16);
  --af-danger-border: rgba(185, 28, 28, 0.35);
  --af-info: #1d4ed8;
  --af-info-bg: rgba(29, 78, 216, 0.10);
  --af-info-border: rgba(29, 78, 216, 0.35);
  --af-on-status: #ffffff;
  --af-avatar-1: #4500f9;
  --af-avatar-1-bg: rgba(69, 0, 249, 0.12);
  --af-avatar-2: #4338ca;
  --af-avatar-2-bg: rgba(67, 56, 202, 0.12);
  --af-avatar-3: #be185d;
  --af-avatar-3-bg: rgba(190, 24, 93, 0.12);
  --af-avatar-4: #b45309;
  --af-avatar-4-bg: rgba(180, 83, 9, 0.14);
  --af-avatar-5: #1d4ed8;
  --af-avatar-5-bg: rgba(29, 78, 216, 0.12);
  --af-avatar-6: #be123c;
  --af-avatar-6-bg: rgba(190, 18, 60, 0.12);
  --af-avatar-7: #a21caf;
  --af-avatar-7-bg: rgba(162, 28, 175, 0.12);
  --af-avatar-8: #6d28d9;
  --af-avatar-8-bg: rgba(109, 40, 217, 0.12);
  --af-space-1: 4px;
  --af-space-2: 8px;
  --af-space-3: 12px;
  --af-space-4: 16px;
  --af-space-6: 24px;
  --af-space-8: 32px;
  --af-space-12: 48px;
  --af-radius-xs: var(--p-border-radius-xs);
  --af-radius-sm: var(--p-border-radius-sm);
  --af-radius-md: var(--p-border-radius-md);
  --af-radius-lg: var(--p-border-radius-lg);
  --af-radius-xl: var(--p-border-radius-xl);
  --af-radius-full: 9999px;
  --af-shadow-1: 0 1px 2px rgba(15, 6, 54, 0.06), 0 1px 3px rgba(15, 6, 54, 0.04);
  --af-shadow-2: 0 8px 24px rgba(15, 6, 54, 0.08);
  --af-shadow-3: 0 16px 48px rgba(15, 6, 54, 0.16);
  --af-dur-fast: 150ms;
  --af-dur-base: 220ms;
  --af-dur-slow: 320ms;
  --af-dur-exit: 120ms;
  --af-ease: cubic-bezier(0.2, 0.8, 0.2, 1);
  --af-ease-exit: cubic-bezier(0.4, 0, 1, 1);
  --af-spark: var(--af-brand-accent);
  --af-spark-alt: var(--af-brand);
  --af-star: color-mix(in srgb, var(--af-brand) 20%, transparent);
  --af-star-warm: color-mix(in srgb, var(--af-brand-accent) 30%, transparent);
  --af-font-sans:
    "Inter Variable",
    "Inter",
    ui-sans-serif,
    system-ui,
    -apple-system,
    "Segoe UI",
    Roboto,
    sans-serif;
  --af-font-display:
    "Work Sans Variable",
    "Work Sans",
    var(--af-font-sans);
  --af-text-display: 2rem;
  --af-lh-display: 1.1;
  --af-text-h1: 1.75rem;
  --af-lh-h1: 1.15;
  --af-text-h2: 1.25rem;
  --af-lh-h2: 1.3;
  --af-text-h3: 1.0625rem;
  --af-lh-h3: 1.35;
  --af-text-body: 1rem;
  --af-lh-body: 1.5;
  --af-text-body-sm: 0.875rem;
  --af-lh-body-sm: 1.45;
  --af-text-caption: 0.75rem;
  --af-lh-caption: 1.35;
  --af-text-micro: 0.6875rem;
  --af-lh-micro: 1.3;
  --af-text-button: 0.9375rem;
  --af-weight-regular: 400;
  --af-weight-medium: 500;
  --af-weight-semibold: 600;
  --af-weight-bold: 700;
  --af-weight-heading: var(--af-weight-bold);
  --af-weight-display: var(--af-weight-bold);
  --af-tracking-display: -0.02em;
  --af-tracking-heading: -0.01em;
  --af-tracking-caps: 0.06em;
  --af-icon-xs: 0.75rem;
  --af-icon-sm: 1rem;
  --af-icon-md: 1.25rem;
  --af-icon-lg: 1.5rem;
  --af-icon-xl: 2rem;
  --af-font-mono:
    ui-monospace,
    SFMono-Regular,
    Menlo,
    Consolas,
    monospace;
  --af-on-media: #ffffff;
  --af-on-media-muted: color-mix(in srgb, var(--af-on-media) 85%, transparent);
  --af-scrim: rgba(0, 0, 0, 0.55);
  --af-scrim-soft: rgba(0, 0, 0, 0.3);
  --af-scrim-gradient: linear-gradient(transparent, rgba(0, 0, 0, 0.65));
  --af-media-control: rgba(0, 0, 0, 0.38);
  --af-media-control-border: rgba(255, 255, 255, 0.24);
  --af-live: #e5173f;
  --af-on-live: #ffffff;
  --af-moment-gift: #8a24c4;
  --af-moment-gift-soft: color-mix(in srgb, var(--af-brand-secondary) 24%, transparent);
  --af-moment-gift-border: color-mix(in srgb, var(--af-moment-gift) 38%, transparent);
  --af-moment-gift-bg:
    linear-gradient(
      140deg,
      color-mix(in srgb, var(--af-brand-secondary) 22%, transparent),
      color-mix(in srgb, var(--af-brand) 6%, transparent) 70%);
  --af-stage: #120a26;
  --af-stage-raised: #1d1338;
  --af-stage-border: rgba(255, 255, 255, 0.12);
  --af-stage-veil: rgba(255, 255, 255, 0.08);
  --af-on-stage: #f5f4f8;
  --af-on-stage-muted: #b4b0c6;
  --af-live-on-stage: #ff8fa3;
  --af-online-on-stage: #4ade80;
  --af-media-tile: 96px;
  --af-media-blur: 12px;
  --af-media-disc: rgba(255, 255, 255, 0.16);
  --af-media-grid-gap: 2px;
  --af-media-radius: var(--af-radius-md);
  --af-media-letterbox-filter: blur(24px) brightness(0.55) saturate(1.2);
  --af-medal-1-fill:
    radial-gradient(
      circle at 35% 30%,
      #fffbe6 0%,
      #ffd84d 45%,
      #f0a500 100%);
  --af-medal-1-glow: 0 0 0 2px rgba(255, 216, 77, 0.25), 0 0 12px rgba(255, 200, 40, 0.7);
  --af-medal-2-fill:
    radial-gradient(
      circle at 35% 30%,
      #ffffff 0%,
      #cfe0ff 45%,
      #8aa6ff 100%);
  --af-medal-2-glow: 0 0 0 2px rgba(170, 195, 255, 0.25), 0 0 10px rgba(150, 180, 255, 0.6);
  --af-medal-3-fill:
    radial-gradient(
      circle at 35% 30%,
      #fff1ea 0%,
      #ffb59a 45%,
      #ef6f6c 100%);
  --af-medal-3-glow: 0 0 0 2px rgba(255, 160, 140, 0.22), 0 0 9px rgba(255, 120, 110, 0.5);
  --af-medal-ink: #120a2e;
  --af-medal-1-halo: rgba(255, 200, 40, 0.65);
  --af-medal-2-halo: rgba(150, 180, 255, 0.55);
  --af-medal-3-halo: rgba(255, 120, 110, 0.5);
  --af-level-1-fill: rgba(160, 134, 255, 0.55);
  --af-level-2-fill: #a086ff;
  --af-level-3-fill:
    linear-gradient(
      135deg,
      #e9e2ff 0%,
      #8752fa 100%);
  --af-level-3-halo: rgba(135, 82, 250, 0.8);
  --af-level-4-fill:
    linear-gradient(
      135deg,
      #ffffff 0%,
      #f0abfc 40%,
      #8752fa 100%);
  --af-level-4-halo: rgba(240, 171, 252, 0.9);
  --af-founder-light: #fff6c8;
  --af-founder: #ffd84d;
  --af-founder-deep: #e89a00;
  --af-pix: #32bcad;
  --af-chart-1: var(--af-brand);
  --af-chart-teal: #0e7490;
  --af-chart-2: var(--af-chart-teal);
  --af-chart-3: var(--af-info);
  --af-chart-4: var(--af-success);
  --af-chart-5: var(--af-warn);
  --af-chart-6: var(--af-avatar-3);
  --af-chart-muted: var(--af-text-faint);
  --af-dock-height: 60px;
  --af-glass-bg: rgba(255, 255, 255, 0.78);
  --af-glass-filter: blur(20px) saturate(1.6);
  --af-glass-shadow: 0 10px 18px -14px rgba(15, 6, 54, 0.35);
  --af-dock-solid: #ffffff;
  --af-glass-border: rgba(69, 0, 249, 0.10);
  --af-glass-highlight: rgba(255, 255, 255, 0.9);
  --af-dock-active: var(--af-brand);
  --af-z-sticky: 900;
  --af-z-header: 1000;
  --af-z-bottom-nav: 999;
  --af-z-floating: 1050;
  --af-z-drawer: 1100;
  --af-z-overlay: 1200;
  --af-z-toast: 1300;
}
html.my-app-dark {
  --af-brand: #8752fa;
  --af-brand-accent: #a086ff;
  --af-brand-secondary: #cd83ff;
  --af-brand-soft: rgba(135, 82, 250, 0.18);
  --af-brand-text: #a086ff;
  --af-brand-contrast: #ffffff;
  --af-focus: #a086ff;
  --af-brand-gradient:
    linear-gradient(
      135deg,
      #4500f9 0%,
      #5a1bfa 60%,
      #7438fa 100%);
  --af-brand-gradient-soft:
    linear-gradient(
      135deg,
      rgba(69, 0, 249, 0.22),
      rgba(135, 82, 250, 0.16));
  --af-brand-light-text: var(--af-brand-light-gradient);
  --af-page-glow:
    radial-gradient(
      50% 50% at 50% 45%,
      color-mix(in srgb, var(--af-brand) 42%, transparent),
      transparent);
  --af-spark: var(--af-brand-secondary);
  --af-spark-alt: #ffffff;
  --af-star: color-mix(in srgb, var(--af-text) 50%, transparent);
  --af-star-warm: color-mix(in srgb, var(--af-brand-secondary) 60%, transparent);
  --af-ink: #ffffff;
  --af-ink-hover: #ece8f6;
  --af-on-ink: #13092e;
  --af-btn-veil: rgba(255, 255, 255, 0.07);
  --af-btn-veil-hover: rgba(255, 255, 255, 0.12);
  --af-btn-veil-border: rgba(255, 255, 255, 0.10);
  --af-glass-bg: rgba(18, 12, 36, 0.76);
  --af-glass-shadow: 0 10px 18px -14px rgba(0, 0, 0, 0.7);
  --af-dock-solid: #120c24;
  --af-glass-border: rgba(255, 255, 255, 0.10);
  --af-glass-highlight: rgba(255, 255, 255, 0.06);
  --af-dock-active: #ffffff;
  --af-bg-page: #09001b;
  --af-bg-card: #110a23;
  --af-bg-subtle: #17102b;
  --af-bg-hover: #1e1734;
  --af-bg-inset: #0d0620;
  --af-border: rgba(255, 255, 255, 0.08);
  --af-border-strong: rgba(255, 255, 255, 0.16);
  --af-text: #f5f4f8;
  --af-text-muted: #aaa7b8;
  --af-text-faint: #7d7a8e;
  --af-success: #4ade80;
  --af-success-bg: rgba(74, 222, 128, 0.14);
  --af-success-border: rgba(74, 222, 128, 0.35);
  --af-warn: #fbbf24;
  --af-warn-bg: rgba(251, 191, 36, 0.14);
  --af-warn-border: rgba(251, 191, 36, 0.35);
  --af-danger: #f87171;
  --af-danger-bg: rgba(248, 113, 113, 0.14);
  --af-danger-bg-hover: rgba(248, 113, 113, 0.22);
  --af-danger-border: rgba(248, 113, 113, 0.35);
  --af-info: #60a5fa;
  --af-info-bg: rgba(96, 165, 250, 0.14);
  --af-info-border: rgba(96, 165, 250, 0.35);
  --af-on-status: #09001b;
  --af-moment-gift: #e0abff;
  --af-moment-gift-bg:
    linear-gradient(
      140deg,
      color-mix(in srgb, var(--af-brand-secondary) 20%, transparent),
      color-mix(in srgb, var(--af-brand) 8%, transparent) 70%);
  --af-stage: #05000f;
  --af-stage-raised: #140b2a;
  --af-avatar-1: #b5a3ff;
  --af-avatar-1-bg: rgba(135, 82, 250, 0.24);
  --af-avatar-2: #a5b4fc;
  --af-avatar-2-bg: rgba(99, 102, 241, 0.22);
  --af-avatar-3: #f9a8d4;
  --af-avatar-3-bg: rgba(236, 72, 153, 0.22);
  --af-avatar-4: #fcd34d;
  --af-avatar-4-bg: rgba(245, 158, 11, 0.20);
  --af-avatar-5: #93c5fd;
  --af-avatar-5-bg: rgba(59, 130, 246, 0.22);
  --af-avatar-6: #fda4af;
  --af-avatar-6-bg: rgba(244, 63, 94, 0.20);
  --af-avatar-7: #f0abfc;
  --af-avatar-7-bg: rgba(217, 70, 239, 0.20);
  --af-avatar-8: #c4b5fd;
  --af-avatar-8-bg: rgba(139, 92, 246, 0.22);
  --af-chart-teal: #67e8f9;
  --af-shadow-1: 0 1px 2px rgba(0, 0, 0, 0.4);
  --af-shadow-2: 0 8px 24px rgba(0, 0, 0, 0.45);
  --af-shadow-3: 0 16px 48px rgba(0, 0, 0, 0.6);
}
@media (prefers-reduced-motion: reduce) {
  :root {
    --af-dur-fast: 0ms;
    --af-dur-base: 0ms;
    --af-dur-slow: 0ms;
    --af-dur-exit: 0ms;
  }
}

/* node_modules/@fontsource-variable/inter/index.css */
@font-face {
  font-family: "Inter Variable";
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url("./media/inter-cyrillic-ext-wght-normal-IYF56FF6.woff2") format("woff2-variations");
  unicode-range:
    U+0460-052F,
    U+1C80-1C8A,
    U+20B4,
    U+2DE0-2DFF,
    U+A640-A69F,
    U+FE2E-FE2F;
}
@font-face {
  font-family: "Inter Variable";
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url("./media/inter-cyrillic-wght-normal-JEOLYBOO.woff2") format("woff2-variations");
  unicode-range:
    U+0301,
    U+0400-045F,
    U+0490-0491,
    U+04B0-04B1,
    U+2116;
}
@font-face {
  font-family: "Inter Variable";
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url("./media/inter-greek-ext-wght-normal-EOVOK2B5.woff2") format("woff2-variations");
  unicode-range: U+1F00-1FFF;
}
@font-face {
  font-family: "Inter Variable";
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url("./media/inter-greek-wght-normal-IRE366VL.woff2") format("woff2-variations");
  unicode-range:
    U+0370-0377,
    U+037A-037F,
    U+0384-038A,
    U+038C,
    U+038E-03A1,
    U+03A3-03FF;
}
@font-face {
  font-family: "Inter Variable";
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url("./media/inter-vietnamese-wght-normal-CE5GGD3W.woff2") format("woff2-variations");
  unicode-range:
    U+0102-0103,
    U+0110-0111,
    U+0128-0129,
    U+0168-0169,
    U+01A0-01A1,
    U+01AF-01B0,
    U+0300-0301,
    U+0303-0304,
    U+0308-0309,
    U+0323,
    U+0329,
    U+1EA0-1EF9,
    U+20AB;
}
@font-face {
  font-family: "Inter Variable";
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url("./media/inter-latin-ext-wght-normal-HA22NDSG.woff2") format("woff2-variations");
  unicode-range:
    U+0100-02BA,
    U+02BD-02C5,
    U+02C7-02CC,
    U+02CE-02D7,
    U+02DD-02FF,
    U+0304,
    U+0308,
    U+0329,
    U+1D00-1DBF,
    U+1E00-1E9F,
    U+1EF2-1EFF,
    U+2020,
    U+20A0-20AB,
    U+20AD-20C0,
    U+2113,
    U+2C60-2C7F,
    U+A720-A7FF;
}
@font-face {
  font-family: "Inter Variable";
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url("./media/inter-latin-wght-normal-NRMW37G5.woff2") format("woff2-variations");
  unicode-range:
    U+0000-00FF,
    U+0131,
    U+0152-0153,
    U+02BB-02BC,
    U+02C6,
    U+02DA,
    U+02DC,
    U+0304,
    U+0308,
    U+0329,
    U+2000-206F,
    U+20AC,
    U+2122,
    U+2191,
    U+2193,
    U+2212,
    U+2215,
    U+FEFF,
    U+FFFD;
}

/* node_modules/@fontsource-variable/work-sans/index.css */
@font-face {
  font-family: "Work Sans Variable";
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url("./media/work-sans-vietnamese-wght-normal-PKUTCXPX.woff2") format("woff2-variations");
  unicode-range:
    U+0102-0103,
    U+0110-0111,
    U+0128-0129,
    U+0168-0169,
    U+01A0-01A1,
    U+01AF-01B0,
    U+0300-0301,
    U+0303-0304,
    U+0308-0309,
    U+0323,
    U+0329,
    U+1EA0-1EF9,
    U+20AB;
}
@font-face {
  font-family: "Work Sans Variable";
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url("./media/work-sans-latin-ext-wght-normal-WK6IJQON.woff2") format("woff2-variations");
  unicode-range:
    U+0100-02BA,
    U+02BD-02C5,
    U+02C7-02CC,
    U+02CE-02D7,
    U+02DD-02FF,
    U+0304,
    U+0308,
    U+0329,
    U+1D00-1DBF,
    U+1E00-1E9F,
    U+1EF2-1EFF,
    U+2020,
    U+20A0-20AB,
    U+20AD-20C0,
    U+2113,
    U+2C60-2C7F,
    U+A720-A7FF;
}
@font-face {
  font-family: "Work Sans Variable";
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url("./media/work-sans-latin-wght-normal-QNUPE6XE.woff2") format("woff2-variations");
  unicode-range:
    U+0000-00FF,
    U+0131,
    U+0152-0153,
    U+02BB-02BC,
    U+02C6,
    U+02DA,
    U+02DC,
    U+0304,
    U+0308,
    U+0329,
    U+2000-206F,
    U+20AC,
    U+2122,
    U+2191,
    U+2193,
    U+2212,
    U+2215,
    U+FEFF,
    U+FFFD;
}

/* src/styles/fonts.css */

/* src/styles/typography.css */
html {
  font-size: 100%;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0 0 var(--af-space-2);
  font-weight: var(--af-weight-heading);
  color: inherit;
  overflow-wrap: anywhere;
}
h1 {
  font-size: var(--af-text-h1);
  line-height: var(--af-lh-h1);
}
h2 {
  font-size: var(--af-text-h2);
  line-height: var(--af-lh-h2);
}
h1:not([class]),
h2:not([class]),
.af-display,
.af-h1,
.af-h2,
.af-h3 {
  font-family: var(--af-font-display);
  letter-spacing: var(--af-tracking-heading);
}
.af-h1,
h1:not([class]) {
  letter-spacing: var(--af-tracking-display);
}
h3 {
  font-size: var(--af-text-h3);
  line-height: var(--af-lh-h3);
}
h4,
h5,
h6 {
  font-size: var(--af-text-body-sm);
  line-height: var(--af-lh-body-sm);
}
p {
  margin: 0 0 var(--af-space-2);
}
p,
li,
dd,
blockquote,
figcaption {
  line-height: var(--af-lh-body);
}
.p-accordionheader {
  line-height: var(--af-lh-body-sm);
}
.af-display {
  font-size: var(--af-text-display);
  line-height: var(--af-lh-display);
  font-weight: var(--af-weight-display);
  letter-spacing: var(--af-tracking-display);
}
.af-h1 {
  font-size: var(--af-text-h1);
  line-height: var(--af-lh-h1);
  font-weight: var(--af-weight-heading);
}
.af-h2 {
  font-size: var(--af-text-h2);
  line-height: var(--af-lh-h2);
  font-weight: var(--af-weight-heading);
}
.af-h3 {
  font-size: var(--af-text-h3);
  line-height: var(--af-lh-h3);
  font-weight: var(--af-weight-heading);
}
.af-body {
  font-size: var(--af-text-body);
  line-height: var(--af-lh-body);
}
.af-body-sm {
  font-size: var(--af-text-body-sm);
  line-height: var(--af-lh-body-sm);
}
.af-caption {
  font-size: var(--af-text-caption);
  line-height: var(--af-lh-caption);
}
.af-micro {
  font-size: var(--af-text-micro);
  line-height: var(--af-lh-micro);
}
.af-text-muted {
  color: var(--af-text-muted);
}
.af-h1 em,
.af-h2 em,
.af-h3 em,
.af-light {
  font-style: normal;
  background: var(--af-brand-light-text);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}
.af-sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
  border: 0;
}
.af-hero-title {
  margin: 0;
  font-family: var(--af-font-display);
  font-size: 2.75rem;
  line-height: 0.98;
  font-weight: var(--af-weight-display);
  letter-spacing: -0.03em;
  text-wrap: balance;
}
.af-hero-title em {
  font-style: normal;
  background: var(--af-brand-light-gradient);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}
.af-hero-sub {
  margin: 0;
  max-width: 32ch;
  font-size: 1.0625rem;
  line-height: 1.45;
  color: var(--af-text-muted);
  text-wrap: pretty;
}
@media (min-width: 992px) {
  .af-hero-title {
    font-size: clamp(3.5rem, 5.4vw, 5.25rem);
  }
  .af-hero-sub {
    font-size: 1.1875rem;
    max-width: 30ch;
  }
}
.af-vitrine-h2 {
  margin: 0;
  font-family: var(--af-font-display);
  font-size: 2rem;
  line-height: 1.02;
  font-weight: var(--af-weight-display);
  letter-spacing: -0.025em;
  text-wrap: balance;
}
.af-vitrine-h2 em {
  font-style: normal;
  background: var(--af-brand-light-gradient);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}
@media (min-width: 992px) {
  .af-vitrine-h2 {
    font-size: 3.25rem;
  }
}
.af-num {
  font-variant-numeric: tabular-nums;
}
.af-num-xl {
  font-family: var(--af-font-display);
  font-size: var(--af-text-display);
  line-height: var(--af-lh-display);
  font-weight: var(--af-weight-bold);
  letter-spacing: var(--af-tracking-display);
  font-variant-numeric: tabular-nums;
}
.af-clamp-2,
.af-clamp-3 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.af-clamp-2 {
  -webkit-line-clamp: 2;
  line-clamp: 2;
}
.af-clamp-3 {
  -webkit-line-clamp: 3;
  line-clamp: 3;
}
.af-text-faint {
  color: var(--af-text-faint);
}
.af-display-name {
  font-size: var(--af-text-body);
  font-weight: var(--af-weight-semibold);
  white-space: nowrap;
  cursor: pointer;
  text-overflow: ellipsis;
  overflow: hidden;
  display: block;
}
.af-handle {
  font-size: var(--af-text-body-sm);
  font-weight: var(--af-weight-regular);
  color: var(--af-text-muted);
  white-space: nowrap;
  text-overflow: ellipsis;
  cursor: pointer;
  overflow: hidden;
  margin: 0;
  line-height: var(--af-lh-body-sm);
  display: block;
}
.become-creator-h1 {
  padding-left: var(--af-space-2);
}

/* src/styles/utilities.css */
.af-card {
  border: 1px solid var(--af-border);
  border-radius: var(--af-radius-lg);
  padding: var(--af-space-4);
  background: var(--af-bg-card);
  transition:
    border-color var(--af-dur-fast) var(--af-ease),
    background-color var(--af-dur-fast) var(--af-ease),
    transform var(--af-dur-fast) var(--af-ease);
}
.af-card--flush {
  padding: 0;
  border: 1px solid var(--af-border);
  border-radius: var(--af-radius-lg);
  background: var(--af-bg-card);
}
.af-card--interactive {
  cursor: pointer;
}
@media (hover: hover) {
  .af-card--interactive:hover {
    background-color: var(--af-bg-hover);
    border-color: var(--af-border-strong);
  }
}
.af-card--interactive:active {
  transform: scale(0.985);
}
.af-card--interactive:focus-visible {
  outline: 2px solid var(--af-focus);
  outline-offset: 2px;
}
.af-card--selected,
.af-card--selected:hover {
  border-color: var(--af-brand-accent);
  background-color: color-mix(in srgb, var(--af-brand-accent) 8%, var(--af-bg-card));
}
@media (prefers-reduced-motion: reduce) {
  .af-card--interactive:active {
    transform: none;
  }
}
.af-card--inset,
.af-card .af-card {
  background: var(--af-bg-subtle);
}
.af-list {
  --af-row-lead: 40px;
  --af-row-pad-x: var(--af-space-4);
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
}
.af-list > li {
  position: relative;
}
.af-list > li + li::before {
  content: "";
  position: absolute;
  top: 0;
  left: calc(var(--af-row-pad-x) + var(--af-row-lead) + var(--af-space-3));
  right: 0;
  border-top: 1px solid var(--af-border);
  pointer-events: none;
  z-index: 1;
  transition: opacity var(--af-dur-fast) var(--af-ease);
}
@media (hover: hover) {
  .af-list > li:has(> .af-row--interactive:hover)::before,
  .af-list > li:has(> .af-row--interactive:hover) + li::before {
    opacity: 0;
  }
}
.af-list > li:has(> .af-row--interactive:focus-visible)::before,
.af-list > li:has(> .af-row--interactive:focus-visible) + li::before {
  opacity: 0;
}
.af-list--grouped {
  border: 1px solid var(--af-border);
  border-radius: var(--af-radius-lg);
  background: var(--af-bg-card);
  overflow: hidden;
}
.af-list--compact {
  --af-row-lead: 24px;
  --af-row-pad-x: var(--af-space-3);
}
.af-list--flat {
  --af-row-pad-x: var(--af-space-2);
  margin-inline: calc(-1 * var(--af-space-2));
}
.af-list--flat > li + li::before {
  right: var(--af-row-pad-x);
}
.af-list--flat .af-row {
  border-radius: var(--af-radius-md);
}
.af-list-group + .af-list-group {
  margin-top: var(--af-space-6);
}
.af-list-group__title {
  margin: 0 0 var(--af-space-2);
  padding-inline: var(--af-space-1);
  font-size: var(--af-text-caption);
  line-height: var(--af-lh-caption);
  font-weight: var(--af-weight-semibold);
  letter-spacing: var(--af-tracking-caps);
  text-transform: uppercase;
  color: var(--af-text-muted);
}
.af-row {
  display: flex;
  align-items: center;
  gap: var(--af-space-3);
  width: 100%;
  min-height: 64px;
  padding: var(--af-space-3) var(--af-row-pad-x, var(--af-space-4));
  margin: 0;
  border: 0;
  background: none;
  color: inherit;
  font: inherit;
  text-align: start;
  text-decoration: none;
  transition: background-color var(--af-dur-fast) var(--af-ease), transform var(--af-dur-fast) var(--af-ease);
}
.af-row--interactive {
  cursor: pointer;
}
@media (hover: hover) {
  .af-row--interactive:hover {
    background-color: var(--af-bg-hover);
  }
}
.af-row--interactive:active {
  background-color: var(--af-bg-hover);
}
.af-list--flat .af-row--interactive:active {
  transform: scale(0.985);
}
.af-row--interactive:focus-visible {
  outline: none;
  background-color: var(--af-bg-hover);
  box-shadow: inset 0 0 0 2px var(--af-focus);
}
.af-row--highlight {
  background-color: var(--af-brand-tint);
}
@media (prefers-reduced-motion: reduce) {
  .af-row,
  .af-list > li + li::before {
    transition: none;
  }
  .af-list--flat .af-row--interactive:active {
    transform: none;
  }
}
.af-row__body {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.af-row__title {
  font-size: var(--af-text-body-sm);
  line-height: var(--af-lh-body-sm);
  font-weight: var(--af-weight-semibold);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.af-row__meta {
  font-size: var(--af-text-caption);
  line-height: var(--af-lh-caption);
  color: var(--af-text-muted);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.af-row__meta--wrap {
  white-space: normal;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
}
.af-row__trail {
  margin-left: auto;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: var(--af-space-1);
  text-align: end;
}
.af-row__amount {
  font-weight: var(--af-weight-semibold);
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}
.af-row__time {
  font-size: var(--af-text-caption);
  line-height: var(--af-lh-caption);
  color: var(--af-text-faint);
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}
.af-row__chevron {
  flex-shrink: 0;
  color: var(--af-text-faint);
  font-size: var(--af-text-caption);
}
.af-row > app-user-row {
  flex: 1;
  min-width: 0;
}
.af-list-more-error {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--af-space-2);
  padding: var(--af-space-4) 0;
}
.af-text-brand {
  color: var(--af-brand-text);
}
.af-bg-brand {
  background: var(--af-brand);
  color: var(--af-brand-contrast);
}
.af-bg-brand-soft {
  background: var(--af-brand-soft);
}
.af-bg-brand-gradient {
  background: var(--af-brand-gradient);
  color: var(--af-brand-contrast);
}
.af-private-glyph {
  display: inline-block;
  flex: none;
  width: 1em;
  height: 1em;
  vertical-align: -0.125em;
  background: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cpath transform='translate(1 13) scale(.5)' d='M33.61,0l2.07,7.21c3.37,11.77,12.57,20.96,24.33,24.33l7.21,2.07-7.21,2.07c-11.77,3.37-20.96,12.57-24.33,24.33l-2.07,7.21-2.07-7.21c-3.37-11.77-12.57-20.96-24.33-24.33l-7.21-2.07,7.21-2.07c11.77-3.37,20.96-12.57,24.33-24.33l2.07-7.21Z'/%3E%3Cpath transform='translate(27 3) scale(.29)' d='M33.61,0l2.07,7.21c3.37,11.77,12.57,20.96,24.33,24.33l7.21,2.07-7.21,2.07c-11.77,3.37-20.96,12.57-24.33,24.33l-2.07,7.21-2.07-7.21c-3.37-11.77-12.57-20.96-24.33-24.33l-7.21-2.07,7.21-2.07c11.77-3.37,20.96-12.57,24.33-24.33l2.07-7.21Z'/%3E%3C/svg%3E") center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cpath transform='translate(1 13) scale(.5)' d='M33.61,0l2.07,7.21c3.37,11.77,12.57,20.96,24.33,24.33l7.21,2.07-7.21,2.07c-11.77,3.37-20.96,12.57-24.33,24.33l-2.07,7.21-2.07-7.21c-3.37-11.77-12.57-20.96-24.33-24.33l-7.21-2.07,7.21-2.07c11.77-3.37,20.96-12.57,24.33-24.33l2.07-7.21Z'/%3E%3Cpath transform='translate(27 3) scale(.29)' d='M33.61,0l2.07,7.21c3.37,11.77,12.57,20.96,24.33,24.33l7.21,2.07-7.21,2.07c-11.77,3.37-20.96,12.57-24.33,24.33l-2.07,7.21-2.07-7.21c-3.37-11.77-12.57-20.96-24.33-24.33l-7.21-2.07,7.21-2.07c11.77-3.37,20.96-12.57,24.33-24.33l2.07-7.21Z'/%3E%3C/svg%3E") center / contain no-repeat;
}
.p-button.af-private-action--lit,
.p-button.af-private-action--lit:not(:disabled):hover {
  border-color: var(--af-live);
}
.p-button.af-private-action {
  padding-inline: var(--af-space-2);
}
.p-button.af-private-action .p-button-label {
  white-space: nowrap;
}
.p-button.af-private-action--lit .p-button-label::after {
  content: "";
  display: inline-block;
  width: 8px;
  height: 8px;
  margin-inline-start: var(--af-space-1);
  border-radius: var(--af-radius-full);
  background: var(--af-success);
  vertical-align: 0.1em;
}
.p-button.af-social-action .p-button-icon {
  font-size: var(--af-icon-md);
}
.p-button.p-button-icon-only.af-social-action {
  width: 100%;
  min-width: 0;
  padding-inline: 0;
}
.p-button.profile-quick-icon {
  color: var(--af-text);
}
.p-button.profile-quick-icon .p-button-icon {
  font-size: var(--af-icon-md);
}
.af-tools-grid {
  container-type: inline-size;
}
@container (max-width: 300px) {
  .af-tools-grid .p-button.w-full {
    padding-inline: var(--af-space-2);
  }
  .af-tools-grid .p-button-icon {
    display: none;
  }
}
.p-button.w-full {
  padding-inline: var(--af-space-4);
}
.af-btn-money.p-button,
.af-btn-money .p-button,
.af-btn-money.p-button:not(:disabled):hover,
.af-btn-money .p-button:not(:disabled):hover,
.af-btn-money.p-button:not(:disabled):active,
.af-btn-money .p-button:not(:disabled):active {
  background: var(--af-cta) border-box;
  border: 1px solid transparent;
  color: var(--af-brand-contrast);
}
.af-btn-money.p-button,
.af-btn-money .p-button {
  transition: filter var(--af-dur-fast) var(--af-ease), box-shadow var(--af-dur-fast) var(--af-ease);
}
.af-btn-money.p-button:not(:disabled):hover,
.af-btn-money .p-button:not(:disabled):hover {
  filter: brightness(1.08);
  box-shadow: 0 6px 18px var(--af-brand-border);
}
.af-btn-money.p-button:not(:disabled):active,
.af-btn-money .p-button:not(:disabled):active {
  filter: brightness(0.95);
  box-shadow: none;
}
.af-btn-money.p-button:focus-visible,
.af-btn-money .p-button:focus-visible {
  outline: 2px solid var(--af-focus);
  outline-offset: 2px;
}
.p-button {
  min-height: 2.75rem;
  font-size: var(--af-text-button);
}
.p-button.p-button-sm {
  min-height: 2.25rem;
  font-size: var(--af-text-body-sm);
}
.p-button.p-button-lg {
  min-height: 3.25rem;
  font-size: var(--af-text-body);
}
.p-button.p-button-icon-only {
  min-height: var(--p-button-icon-only-width);
}
.p-button.p-button-sm.p-button-icon-only {
  min-height: var(--p-button-sm-icon-only-width);
}
.p-button.p-button-lg.p-button-icon-only {
  min-height: var(--p-button-lg-icon-only-width);
}
.p-button.p-button-link,
.p-datepicker .p-button,
.p-inputnumber .p-button,
.p-inputgroup .p-button,
.p-dialog-header .p-button {
  min-height: 0;
}
.p-inputtext:not(textarea),
.p-select,
.p-multiselect {
  min-height: 2.75rem;
}
.p-select {
  align-items: center;
}
.p-inputtext.p-inputtext-sm:not(textarea),
.p-select.p-select-sm {
  min-height: 2.25rem;
}
.p-inputtext.ng-invalid.ng-touched:not(.auth-fields *),
.p-textarea.ng-invalid.ng-touched,
p-select.ng-invalid.ng-touched,
.p-select.ng-invalid.ng-touched,
p-inputnumber.ng-invalid.ng-touched .p-inputtext,
p-inputmask.ng-invalid.ng-touched .p-inputtext,
p-datepicker.ng-invalid.ng-touched .p-inputtext {
  border-color: var(--af-danger);
}
.p-inputtext:disabled,
.p-textarea:disabled,
.p-select.p-disabled,
.p-multiselect.p-disabled,
.p-inputnumber:has(input:disabled),
.p-datepicker:has(input:disabled),
.p-toggleswitch.p-disabled,
.p-checkbox.p-disabled,
.p-radiobutton.p-disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.af-form-actions {
  display: flex;
  flex-direction: column-reverse;
  gap: var(--af-space-2);
  margin-top: var(--af-space-6);
}
.af-form-actions > p-button,
.af-form-actions > p-button > .p-button,
.af-form-actions > .p-button {
  width: 100%;
}
@media (min-width: 576px) {
  .af-form-actions {
    flex-direction: row;
    justify-content: flex-end;
  }
  .af-form-actions > p-button,
  .af-form-actions > p-button > .p-button,
  .af-form-actions > .p-button {
    width: auto;
  }
}
.af-password {
  position: relative;
}
.af-password .p-inputtext {
  padding-right: 3rem;
}
.af-password__toggle {
  position: absolute;
  top: 50%;
  right: var(--af-space-1);
  transform: translateY(-50%);
  width: 2.25rem;
  height: 2.25rem;
  display: grid;
  place-items: center;
  border: 0;
  border-radius: var(--af-radius-full);
  background: transparent;
  color: var(--af-text-muted);
  cursor: pointer;
}
@media (hover: hover) {
  .af-password__toggle:hover {
    background: var(--af-bg-hover);
    color: var(--af-text);
  }
}
.af-password__toggle:focus-visible {
  outline: 2px solid var(--af-focus);
  outline-offset: 0;
}
.p-dialog.af-dialog-sheet {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  border-radius: var(--af-radius-xl) var(--af-radius-xl) 0 0;
  border-bottom: 0;
  padding-bottom: var(--safe-area-inset-bottom);
  max-height: 92dvh;
}
.p-dialog.af-dialog-sheet::before {
  content: "";
  flex-shrink: 0;
  width: 36px;
  height: 5px;
  margin: var(--af-space-2) auto 0;
  border-radius: var(--af-radius-full);
  background: var(--af-border-strong);
}
.p-dialog:has(.af-dialog) {
  --af-dialog-glow: var(--af-brand);
  background-image:
    radial-gradient(
      50% 240px at 50% 0,
      color-mix(in srgb, var(--af-dialog-glow) 16%, transparent),
      transparent);
  background-repeat: no-repeat;
}
.p-dialog:has(.af-dialog--tone-success) {
  --af-dialog-glow: var(--af-success);
}
.p-dialog:has(.af-dialog--tone-warn) {
  --af-dialog-glow: var(--af-warn);
}
.p-dialog:has(.af-dialog--tone-danger) {
  --af-dialog-glow: var(--af-danger);
}
.p-dialog:has(.af-dialog--tone-info) {
  --af-dialog-glow: var(--af-info);
}
.p-dialog:has(.af-dialog--tone-neutral) {
  --af-dialog-glow: var(--af-text-muted);
}
.p-dialog:has(.af-dialog--decision) {
  background-image: none;
}
.p-dialog:has(.af-dialog--task) {
  background-image:
    radial-gradient(
      50% 200px at 50% 0,
      color-mix(in srgb, var(--af-dialog-glow) 8%, transparent),
      transparent);
}
.p-dialog:has(.af-dialog--achievement) {
  border-color: rgba(255, 255, 255, 0.12);
  background-color: var(--af-sky-deep);
  background-image:
    radial-gradient(
      60% 40% at 50% 26%,
      color-mix(in srgb, var(--af-brand) 42%, transparent),
      transparent 70%),
    radial-gradient(
      40% 30% at 85% 70%,
      color-mix(in srgb, var(--af-brand-secondary) 18%, transparent),
      transparent 70%);
}
.p-dialog.af-dialog-sheet:has(.af-dialog--achievement)::before {
  background: rgba(255, 255, 255, 0.24);
}
.p-dialog.af-dialog-full .af-dialog--achievement {
  min-height: calc(100dvh - var(--safe-area-inset-top, 0px) - var(--safe-area-inset-bottom, 0px));
}
.p-dialog.af-dialog-full .af-dialog--achievement .af-dialog__head,
.p-dialog.af-dialog-full .af-dialog--achievement .af-dialog__footer {
  margin-top: auto;
}
.p-dialog .p-dialog-content:has(> app-dialog-shell) {
  padding: 0;
}
.p-dialog.af-dialog-full {
  width: 100vw !important;
  max-width: 100vw !important;
  height: 100dvh;
  max-height: 100dvh;
  margin: 0 !important;
  border-radius: 0;
  border: 0;
  padding: var(--safe-area-inset-top) 0 var(--safe-area-inset-bottom);
}
.p-dialog.af-dialog-full .p-dialog-content {
  flex: 1;
}
.p-drawer.p-drawer-left,
.p-drawer.p-drawer-right {
  padding-top: var(--safe-area-inset-top);
  padding-bottom: var(--safe-area-inset-bottom);
}
.p-drawer.p-drawer-right {
  padding-right: var(--safe-area-inset-right);
}
.p-drawer.p-drawer-left {
  padding-left: var(--safe-area-inset-left);
}
.p-drawer.account-drawer {
  background-image: var(--af-page-glow);
  background-repeat: no-repeat;
  background-size: 100% 320px;
  background-position: 50% -140px;
}
.p-overlay-mask {
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
}
.p-overlay-mask.p-overlay-mask-enter {
  animation-name: af-mask-in;
}
.p-overlay-mask.p-overlay-mask-leave {
  animation-name: af-mask-out;
  animation-duration: var(--af-dur-exit);
  animation-timing-function: var(--af-ease-exit);
}
@keyframes af-mask-in {
  from {
    background-color: transparent;
    -webkit-backdrop-filter: blur(0);
    backdrop-filter: blur(0);
  }
  to {
    background-color: var(--p-mask-background);
    -webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px);
  }
}
@keyframes af-mask-out {
  from {
    background-color: var(--p-mask-background);
    -webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px);
  }
  to {
    background-color: transparent;
    -webkit-backdrop-filter: blur(0);
    backdrop-filter: blur(0);
  }
}
.af-btn-danger-solid.p-button,
.af-btn-danger-solid.p-button:not(:disabled):hover,
.af-btn-danger-solid.p-button:not(:disabled):active {
  background: var(--af-danger);
  border-color: var(--af-danger);
  color: var(--af-on-status);
}
.af-btn-danger-solid.p-button:not(:disabled):hover {
  filter: brightness(1.06);
}
.p-button-text.p-button-secondary:not(:disabled):hover,
.p-button-text.p-button-secondary:not(:disabled):active {
  color: var(--af-text);
}
.af-btn-danger-soft.p-button,
.af-btn-danger-soft.p-button:not(:disabled):hover,
.af-btn-danger-soft.p-button:not(:disabled):active {
  background: var(--af-danger-bg);
  border-color: transparent;
  color: var(--af-danger);
}
.af-btn-danger-soft.p-button:not(:disabled):hover {
  background: color-mix(in srgb, var(--af-danger) 22%, transparent);
}
body.af-scroll-lock {
  overflow: hidden;
}
.af-link {
  background: none;
  border: 0;
  padding: 0;
  font: inherit;
  font-weight: var(--af-weight-semibold);
  color: var(--af-brand-text);
  cursor: pointer;
  text-decoration: none;
}
.af-link:hover {
  opacity: 0.85;
}
.af-link:focus-visible {
  outline: 2px solid var(--af-focus);
  outline-offset: 2px;
  border-radius: 2px;
}
.af-text-success {
  color: var(--af-success);
}
.af-text-warn {
  color: var(--af-warn);
}
.af-text-danger {
  color: var(--af-danger);
}
.af-text-info {
  color: var(--af-info);
}
.af-text-gift {
  color: var(--af-moment-gift);
}
.af-text-live {
  color: var(--af-live);
}
.af-bg-success {
  background: var(--af-success);
  color: var(--af-on-status);
}
.af-bg-warn {
  background: var(--af-warn);
  color: var(--af-on-status);
}
.af-bg-danger {
  background: var(--af-danger);
  color: var(--af-on-status);
}
.af-bg-info {
  background: var(--af-info);
  color: var(--af-on-status);
}
.af-border-success {
  border-color: var(--af-success) !important;
}
.af-border-warn {
  border-color: var(--af-warn) !important;
}
.af-border-danger {
  border-color: var(--af-danger) !important;
}
.af-border-info {
  border-color: var(--af-info) !important;
}
.af-with-icon {
  display: inline-flex;
  align-items: center;
  gap: var(--af-space-1);
}
.af-icon-tile {
  width: 40px;
  height: 40px;
  flex-shrink: 0;
  display: grid;
  place-items: center;
  border-radius: var(--af-radius-full);
  background: var(--af-bg-subtle);
  color: var(--af-text-muted);
  font-size: var(--af-icon-md);
}
.af-icon-tile--sm {
  width: 32px;
  height: 32px;
  font-size: var(--af-icon-sm);
}
.af-icon-tile--lg {
  width: 48px;
  height: 48px;
  font-size: var(--af-icon-lg);
}
.af-icon-tile--brand {
  background: var(--af-brand-soft);
  color: var(--af-brand);
}
.af-icon-tile--success {
  background: var(--af-success-bg);
  color: var(--af-success);
}
.af-icon-tile--warn {
  background: var(--af-warn-bg);
  color: var(--af-warn);
}
.af-icon-tile--danger {
  background: var(--af-danger-bg);
  color: var(--af-danger);
}
.af-icon-tile--info {
  background: var(--af-info-bg);
  color: var(--af-info);
}
.af-icon-tile--private {
  background:
    radial-gradient(
      120% 120% at 0% 0%,
      var(--af-stage-raised),
      var(--af-stage) 70%);
  color: var(--af-on-stage);
  box-shadow: inset 0 0 0 1px var(--af-stage-border);
}
.tabs-container {
  border-radius: var(--af-radius-md);
  overflow: hidden;
  border: 1px solid var(--af-border);
  background: var(--af-bg-card);
  position: sticky;
  top: 0;
  z-index: var(--af-z-sticky);
  transition: transform var(--af-dur-slow) var(--af-ease), border-radius var(--af-dur-base) var(--af-ease);
  contain: layout;
}
.tabs-container.tabs-stuck {
  border-radius: 0 !important;
}
.tabs-container.tabs-showing {
  transform: translateY(50px);
}
.tabs-container .p-tablist {
  border: none;
}
.p-tablist-active-bar {
  background: var(--af-brand) !important;
}
@supports (-webkit-overflow-scrolling: touch) {
  .tabs-container {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  .tabs-container.tabs-showing {
    -webkit-transform: translate3d(0, 50px, 0);
    transform: translate3d(0, 50px, 0);
  }
}
.af-reveal {
  opacity: 0;
  transform: translateY(12px);
  transition: opacity var(--af-dur-base) var(--af-ease), transform var(--af-dur-base) var(--af-ease);
  will-change: opacity, transform;
}
.af-reveal.is-inview {
  opacity: 1;
  transform: translateY(0);
  will-change: auto;
}
.af-reveal[data-delay] {
  transition-delay: var(--d, 0ms);
}
@media (prefers-reduced-motion: reduce) {
  .af-reveal,
  .af-reveal.is-inview {
    transition: none;
    transform: none;
    opacity: 1;
  }
}
.af-sticky-bar {
  --af-sticky-bleed: var(--af-space-4);
  position: sticky;
  top: var(--af-chrome-top);
  z-index: var(--af-z-sticky);
  margin-inline: calc(-1 * var(--af-sticky-bleed));
  padding: var(--af-space-2) max(var(--af-sticky-bleed), var(--af-space-4));
  border-bottom: 1px solid transparent;
  transition: top var(--af-dur-slow) var(--af-ease), border-color var(--af-dur-base) var(--af-ease);
}
.af-sticky-bar::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: -1px;
  left: calc(-1 * var(--af-sticky-reach-start, 0px));
  right: calc(-1 * var(--af-sticky-reach-end, 0px));
  z-index: -1;
  pointer-events: none;
  border-bottom: 1px solid transparent;
  opacity: 0;
  transition: opacity var(--af-dur-base) var(--af-ease);
}
.af-sticky-bar.af-sticky--stuck::before {
  opacity: 1;
  border-bottom-color: var(--af-glass-border);
  background: var(--af-glass-bg);
  box-shadow: var(--af-glass-shadow);
  -webkit-backdrop-filter: var(--af-glass-filter);
  backdrop-filter: var(--af-glass-filter);
}
.af-sticky-bar.af-tabs,
.af-sticky-bar:has(.af-tabs) {
  margin-top: var(--af-space-2);
  padding-block: 0;
  padding-inline: 0;
}
.af-sticky-bar.af-tabs.af-sticky--stuck::before,
.af-sticky-bar.af-sticky--stuck:has(.af-tabs)::before {
  border-bottom-color: transparent;
}
.af-sticky-bar--surface {
  border: 1px solid var(--af-border);
  border-inline-color: transparent;
  background-color: var(--af-bg-card);
  transition:
    top var(--af-dur-slow) var(--af-ease),
    border-color var(--af-dur-base) var(--af-ease),
    background-color var(--af-dur-base) var(--af-ease),
    border-radius var(--af-dur-base) var(--af-ease);
}
.af-sticky-bar--attached {
  border-top-width: 0;
}
.af-sticky-bar--surface:not(.af-sticky--stuck) .p-tablist-tab-list {
  box-shadow: none;
}
@media (min-width: 768px) {
  .af-sticky-bar--surface {
    border-inline-color: var(--af-border);
    border-radius: var(--af-radius-lg);
  }
  .af-sticky-bar--attached {
    border-radius: 0 0 var(--af-radius-lg) var(--af-radius-lg);
  }
  .af-sticky-bar--surface:not(.af-sticky--stuck) {
    overflow: hidden;
  }
}
.af-sticky-bar--surface.af-sticky--stuck {
  border-color: transparent;
  border-radius: 0;
  background-color: transparent;
}
.af-sticky-bar--surface::before {
  top: -1px;
  left: calc(-1 * var(--af-sticky-reach-start, 0px) - 1px);
  right: calc(-1 * var(--af-sticky-reach-end, 0px) - 1px);
}
.af-sticky-bar--attached::before {
  top: 0;
}
.af-card--tabs-below {
  border-bottom-width: 0;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
@media (prefers-reduced-motion: reduce) {
  .af-sticky-bar,
  .af-sticky-bar::before {
    transition: none;
  }
}
.tabs-container.af-tabs {
  border: none;
  border-radius: 0;
  background: transparent;
  overflow: visible;
  contain: none;
  padding: 0 0 var(--af-space-1);
}
.af-tabs .p-tablist-tab-list {
  display: flex;
  gap: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: inset 0 -1px 0 var(--af-border);
}
.af-tabs .p-tab {
  flex: 1 1 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 11px var(--af-space-2) 13px;
  margin: 0;
  border: none;
  border-radius: 0;
  background: transparent;
  color: var(--af-text-muted);
  font-size: var(--af-text-body-sm);
  font-weight: var(--af-weight-semibold);
  line-height: 1.2;
  white-space: nowrap;
  transition: color var(--af-dur-fast) var(--af-ease), box-shadow var(--af-dur-fast) var(--af-ease);
}
@media (max-width: 359px) {
  .af-tabs .p-tab {
    padding-inline: var(--af-space-1);
  }
}
.af-tabs .p-tab:hover:not(.p-tab-active) {
  color: var(--af-text);
  background: transparent;
}
.af-tabs .p-tab:focus-visible {
  outline: 2px solid var(--af-focus);
  outline-offset: -2px;
}
.af-tabs .p-tab.p-tab-active {
  background: transparent;
  color: var(--af-text);
  box-shadow: inset 0 -2px 0 var(--af-brand-text);
}
.af-tabs .p-tab.p-tab-active .pi {
  color: var(--af-brand-text);
}
.af-tabs .p-tab .pi {
  font-size: var(--af-icon-sm);
}
.af-tabs .p-tablist-active-bar {
  display: none;
}
.af-hashtags {
  display: flex;
  align-items: center;
  gap: var(--af-space-2);
  min-width: 0;
}
.af-hashtags__label {
  flex: none;
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding-right: var(--af-space-3);
  font-size: var(--af-text-caption);
  line-height: var(--af-lh-caption);
  font-weight: var(--af-weight-semibold);
  letter-spacing: var(--af-tracking-caps);
  text-transform: uppercase;
  color: var(--af-text-muted);
}
.af-hashtags__label::after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  height: 18px;
  border-right: 1px solid var(--af-border-strong);
  transform: translateY(-50%);
}
.af-hashtags__label .pi {
  font-size: var(--af-icon-sm);
  color: var(--af-brand-accent);
}
.af-hashtags__scroll {
  flex: 1;
  min-width: 0;
  display: flex;
  gap: var(--af-space-2);
  overflow-x: auto;
  overscroll-behavior-x: contain;
  -webkit-overflow-scrolling: touch;
  scroll-snap-type: x proximity;
  scrollbar-width: none;
  padding: 2px 24px 2px 2px;
  -webkit-mask-image:
    linear-gradient(
      to right,
      #000 calc(100% - 28px),
      transparent);
  mask-image:
    linear-gradient(
      to right,
      #000 calc(100% - 28px),
      transparent);
}
.af-hashtags__scroll::-webkit-scrollbar {
  display: none;
}
.af-hashtag {
  flex: none;
  display: inline-flex;
  align-items: center;
  gap: 0;
  padding: 6px 12px;
  border: 1px solid var(--af-border-strong);
  border-radius: var(--af-radius-full);
  background: transparent;
  color: var(--af-text);
  font: inherit;
  font-size: var(--af-text-body-sm);
  font-weight: var(--af-weight-medium);
  line-height: 1.2;
  white-space: nowrap;
  scroll-snap-align: start;
  cursor: pointer;
  transition: background var(--af-dur-fast) var(--af-ease), transform var(--af-dur-fast) var(--af-ease);
  -webkit-tap-highlight-color: transparent;
}
@media (hover: hover) {
  .af-hashtag:hover {
    background: var(--af-bg-hover);
  }
}
.af-hashtag:active {
  transform: scale(0.97);
}
.af-hashtag:focus-visible {
  outline: 2px solid var(--af-focus);
  outline-offset: 2px;
}
.af-hashtag__hash {
  color: var(--af-text-muted);
  font-weight: var(--af-weight-medium);
}
.af-hashtag__count {
  margin-left: 6px;
  min-width: 18px;
  padding: 1px 6px;
  border-radius: var(--af-radius-full);
  background: var(--af-bg-subtle);
  color: var(--af-text-muted);
  font-size: var(--af-text-micro);
  font-weight: var(--af-weight-semibold);
  line-height: 1.4;
  text-align: center;
  font-variant-numeric: tabular-nums;
}
.af-hashtag:has(.af-hashtag__count) {
  padding-right: 5px;
}
@media (prefers-reduced-motion: reduce) {
  .af-hashtag {
    transition: none;
  }
}
.af-chips {
  display: flex;
  gap: var(--af-space-2);
  min-width: 0;
  overflow-x: auto;
  overscroll-behavior-x: contain;
  scrollbar-width: none;
}
.af-chips::-webkit-scrollbar {
  display: none;
}
.af-hscroll-dragging,
.af-hscroll-dragging * {
  cursor: grabbing !important;
  -webkit-user-select: none !important;
  user-select: none !important;
}
.af-chip {
  flex: none;
  display: inline-flex;
  align-items: center;
  gap: var(--af-space-1);
  min-height: 32px;
  padding: 0 var(--af-space-3);
  border: 1px solid transparent;
  border-radius: var(--af-radius-full);
  background: var(--af-bg-subtle);
  color: var(--af-text-muted);
  font: inherit;
  font-size: var(--af-text-body-sm);
  font-weight: var(--af-weight-medium);
  line-height: 1.2;
  white-space: nowrap;
  cursor: pointer;
  transition:
    background var(--af-dur-fast) var(--af-ease),
    color var(--af-dur-fast) var(--af-ease),
    border-color var(--af-dur-fast) var(--af-ease);
  -webkit-tap-highlight-color: transparent;
}
@media (hover: hover) {
  .af-chip:hover {
    background: var(--af-bg-hover);
    color: var(--af-text);
  }
}
.af-chip.af-chip--active,
.af-chip[aria-selected=true],
.af-chip[aria-pressed=true] {
  border-color: transparent;
  background: var(--af-brand-soft);
  color: var(--af-brand-text);
  font-weight: var(--af-weight-semibold);
}
.af-chip:focus-visible {
  outline: 2px solid var(--af-focus);
  outline-offset: 2px;
}
.af-media-badge {
  display: inline-flex;
  align-items: center;
  gap: var(--af-space-1);
  padding: 2px var(--af-space-2);
  border-radius: var(--af-radius-full);
  background: var(--af-scrim);
  color: var(--af-on-media);
  font-size: var(--af-text-micro);
  font-weight: var(--af-weight-semibold);
  line-height: 1.4;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
  pointer-events: none;
}
.af-media-badge .pi {
  font-size: var(--af-icon-xs);
}
.af-media-badge--content,
.af-media-badge--duration {
  position: absolute;
  left: var(--af-space-2);
  z-index: 2;
}
.af-media-badge--content {
  top: var(--af-space-2);
}
.af-media-badge--duration {
  bottom: var(--af-space-2);
}
.af-media-blur {
  filter: blur(var(--af-media-blur));
  transform: scale(1.1);
}
.af-media-lock {
  position: absolute;
  inset: 0;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: var(--af-space-2);
  padding: var(--af-space-3);
  background: var(--af-scrim-soft);
  color: var(--af-on-media);
  text-align: center;
  pointer-events: none;
}
.af-media-lock__disc {
  width: 40px;
  height: 40px;
  border-radius: var(--af-radius-full);
  display: grid;
  place-items: center;
  background: var(--af-media-disc);
  font-size: var(--af-icon-md);
}
.af-media-lock__price {
  display: inline-flex;
  align-items: center;
  gap: var(--af-space-1);
  padding: 4px 10px;
  border-radius: var(--af-radius-full);
  background: var(--af-cta);
  color: var(--af-brand-contrast);
  font-size: var(--af-text-caption);
  font-weight: var(--af-weight-semibold);
  line-height: 1.3;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}
.af-media-lock--compact {
  gap: 6px;
  padding: var(--af-space-1);
}
.af-media-lock--compact .af-media-lock__disc {
  width: 32px;
  height: 32px;
  font-size: var(--af-icon-sm);
}
.af-media-lock--compact .af-media-lock__price {
  padding: 3px 8px;
  font-size: var(--af-text-micro);
}
@media (prefers-reduced-motion: reduce) {
  .af-chip {
    transition: none;
  }
}
.p-menu.p-menu-overlay,
.p-select-overlay,
.p-popover {
  -webkit-backdrop-filter: var(--af-glass-filter);
  backdrop-filter: var(--af-glass-filter);
}
.p-menu.p-menu-overlay {
  min-width: 220px;
}
.p-menu .af-menu-item--danger .p-menu-item-label,
.p-menu .af-menu-item--danger .p-menu-item-icon {
  color: var(--af-danger);
}
.p-menu .af-menu-item--danger .p-menu-item-content:hover,
.p-menu .af-menu-item--danger.p-focus .p-menu-item-content {
  background: var(--af-danger-bg);
}
.af-spinner {
  color: var(--af-brand);
  font-size: var(--af-text-body);
  line-height: 1;
}
.af-spinner--lg {
  font-size: var(--af-text-display);
}
.af-nav-icon {
  position: relative;
  width: 44px;
  height: 44px;
  flex: none;
  display: inline-grid;
  place-items: center;
  padding: 0;
  border: none;
  border-radius: var(--af-radius-full);
  background: transparent;
  color: var(--af-text-muted);
  text-decoration: none;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  transition:
    color var(--af-dur-base) var(--af-ease),
    background var(--af-dur-base) var(--af-ease),
    transform var(--af-dur-fast) var(--af-ease);
}
.af-nav-icon .pi {
  font-size: var(--af-icon-md);
}
@media (hover: hover) {
  .af-nav-icon:hover {
    background: var(--af-bg-hover);
    color: var(--af-text);
  }
}
.af-nav-icon:active {
  transform: scale(0.96);
}
.af-nav-icon:focus-visible {
  outline: 2px solid var(--af-focus);
  outline-offset: 2px;
}
.af-nav-icon--active {
  color: var(--af-dock-active);
}
.af-nav-icon--active::after {
  content: "";
  position: absolute;
  bottom: 2px;
  left: 50%;
  width: 18px;
  height: 3px;
  margin-left: -9px;
  border-radius: var(--af-radius-full);
  background: var(--af-brand-gradient);
  box-shadow: 0 0 10px var(--af-brand-accent);
}
.af-nav-badge {
  position: absolute;
  top: 3px;
  left: calc(50% + 4px);
  min-width: 18px;
  height: 18px;
  padding: 0 var(--af-space-1);
  display: grid;
  place-items: center;
  border: 2px solid var(--af-nav-badge-ring, var(--af-bg-card));
  border-radius: var(--af-radius-full);
  background: var(--af-brand-gradient);
  color: var(--af-brand-contrast);
  font-size: var(--af-text-micro);
  font-weight: var(--af-weight-bold);
  line-height: 1;
  font-variant-numeric: tabular-nums;
  pointer-events: none;
}
@media (prefers-reduced-motion: reduce) {
  .af-nav-icon {
    transition: none;
  }
}
.p-selectbutton.af-segmented {
  display: flex;
  width: 100%;
  gap: var(--af-space-2);
  border-radius: 0;
}
.p-selectbutton.af-segmented .p-togglebutton,
.p-selectbutton.af-segmented .p-togglebutton:first-child,
.p-selectbutton.af-segmented .p-togglebutton:last-child {
  flex: 1 1 auto;
  min-width: 0;
  white-space: nowrap;
  border: 1px solid var(--af-border-strong);
  border-radius: var(--af-radius-full);
  background: transparent;
  color: var(--af-text-muted);
  font-weight: var(--af-weight-medium);
  transition:
    background var(--af-dur-fast) var(--af-ease),
    color var(--af-dur-fast) var(--af-ease),
    border-color var(--af-dur-fast) var(--af-ease);
}
.p-selectbutton.af-segmented .p-togglebutton-content {
  padding: var(--af-space-2) var(--af-space-4);
  background: transparent;
  box-shadow: none;
}
@media (hover: hover) {
  .p-selectbutton.af-segmented .p-togglebutton:not(.p-togglebutton-checked):not(:disabled):hover {
    border-color: color-mix(in srgb, var(--af-brand) 35%, var(--af-border-strong));
    background: var(--af-bg-hover);
    color: var(--af-text);
  }
}
.p-selectbutton.af-segmented .p-togglebutton.p-togglebutton-checked {
  border-color: var(--af-brand-text);
  background: var(--af-brand);
  color: var(--af-brand-contrast);
  font-weight: var(--af-weight-semibold);
  box-shadow: 0 4px 14px var(--af-brand-border);
}
.p-selectbutton.af-segmented .p-togglebutton-checked .p-togglebutton-content {
  background: transparent;
  box-shadow: none;
}
@media (max-width: 575px) {
  .p-selectbutton.af-segmented {
    gap: var(--af-space-1);
  }
  .p-selectbutton.af-segmented .p-togglebutton {
    font-size: var(--af-text-body-sm);
  }
  .p-selectbutton.af-segmented .p-togglebutton-content {
    padding-inline: var(--af-space-1);
  }
}
.p-datatable-table-container:has(.af-table-empty-cell) {
  container-type: inline-size;
}
.af-table-empty-cell > * {
  display: block;
  position: sticky;
  left: var(--af-space-4);
  width: calc(100cqi - 2 * var(--af-space-4));
  box-sizing: border-box;
}
.af-search {
  display: block;
  width: 100%;
}
.af-search .p-inputtext {
  width: 100%;
  border-radius: var(--af-radius-full);
}
.af-search .p-inputicon {
  color: var(--af-text-muted);
}
.af-actions {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  flex-wrap: wrap;
  gap: var(--af-space-2);
  margin-top: var(--af-space-4);
}
@media (max-width: 575px) {
  .af-actions {
    flex-direction: column-reverse;
    align-items: stretch;
  }
  .af-actions > *,
  .af-actions > * .p-button {
    width: 100%;
  }
}
.af-eyebrow {
  font-size: var(--af-text-micro);
  line-height: var(--af-lh-micro);
  font-weight: var(--af-weight-semibold);
  letter-spacing: var(--af-tracking-caps);
  text-transform: uppercase;
  color: var(--af-text-muted);
}
.af-nav-arrow {
  display: inline-grid;
  place-items: center;
  width: 36px;
  height: 36px;
  flex-shrink: 0;
  border: 1px solid var(--af-border-strong);
  border-radius: var(--af-radius-full);
  background: var(--af-bg-card);
  color: var(--af-text);
  font-size: var(--af-text-body-sm);
  cursor: pointer;
  transition:
    background var(--af-dur-fast) var(--af-ease),
    border-color var(--af-dur-fast) var(--af-ease),
    opacity var(--af-dur-fast) var(--af-ease);
}
.af-nav-arrow:disabled {
  opacity: 0.35;
  cursor: default;
}
@media (hover: hover) {
  .af-nav-arrow:not(:disabled):hover {
    background: var(--af-bg-hover);
    border-color: color-mix(in srgb, var(--af-brand) 35%, var(--af-border-strong));
  }
}
.af-nav-arrow:focus-visible {
  outline: 2px solid var(--af-focus);
  outline-offset: 2px;
}
.af-nav-arrow--media {
  border-color: transparent;
  background: var(--af-scrim);
  color: var(--af-on-media);
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
}
@media (hover: hover) {
  .af-nav-arrow--media:not(:disabled):hover {
    background: var(--af-scrim);
    border-color: transparent;
    opacity: 0.85;
  }
}
.af-dots {
  display: flex;
  justify-content: center;
  gap: var(--af-space-1);
}
.af-dot {
  width: 8px;
  height: 8px;
  padding: 0;
  border: 0;
  border-radius: var(--af-radius-full);
  background: var(--af-border-strong);
  cursor: pointer;
  transition: width var(--af-dur-base) var(--af-ease), background var(--af-dur-base) var(--af-ease);
}
.af-dot--active {
  width: 20px;
  background: var(--af-brand);
}
.af-dots--media .af-dot {
  background: color-mix(in srgb, var(--af-on-media) 45%, transparent);
}
.af-dots--media .af-dot--active {
  background: var(--af-on-media);
}
.af-dot:focus-visible {
  outline: 2px solid var(--af-focus);
  outline-offset: 2px;
}
.af-more {
  border-top: 1px solid var(--af-border);
  padding-top: var(--af-space-2);
}
.af-more > summary {
  display: flex;
  align-items: center;
  gap: var(--af-space-1);
  min-height: 44px;
  cursor: pointer;
  list-style: none;
  color: var(--af-text-muted);
  font-size: var(--af-text-body-sm);
  font-weight: var(--af-weight-semibold);
}
.af-more > summary::-webkit-details-marker {
  display: none;
}
.af-more > summary::after {
  content: "";
  width: 0.5em;
  height: 0.5em;
  margin-left: var(--af-space-1);
  border-right: 2px solid currentColor;
  border-bottom: 2px solid currentColor;
  rotate: 45deg;
  translate: 0 -2px;
  transition: rotate var(--af-dur-fast) var(--af-ease);
}
.af-more[open] > summary::after {
  rotate: 225deg;
  translate: 0 2px;
}
.af-more > summary:focus-visible {
  outline: 2px solid var(--af-focus);
  outline-offset: 2px;
  border-radius: var(--af-radius-xs);
}
.af-more > :not(summary) {
  margin-top: var(--af-space-2);
}
.af-chips.af-chips--center {
  justify-content: center;
  flex-wrap: wrap;
}
.af-facts {
  display: grid;
  gap: var(--af-space-3);
  margin: 0;
}
.af-facts > div {
  display: flex;
  justify-content: space-between;
  gap: var(--af-space-3);
}
.af-facts dt {
  color: var(--af-text-muted);
  font-size: var(--af-text-body-sm);
}
.af-facts dd {
  margin: 0;
  text-align: right;
  font-size: var(--af-text-body-sm);
  font-weight: var(--af-weight-medium);
  min-width: 0;
  overflow-wrap: anywhere;
}
.af-trust {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: var(--af-space-2) var(--af-space-4);
  margin: var(--af-space-3) 0 0;
  padding: 0;
  list-style: none;
  font-size: var(--af-text-caption);
  color: var(--af-text-muted);
}
.af-trust li {
  display: inline-flex;
  align-items: center;
  gap: var(--af-space-1);
}
.af-trust .pi {
  font-size: var(--af-icon-xs);
  color: var(--af-success);
}
.af-option {
  display: flex;
  align-items: center;
  gap: var(--af-space-3);
  width: 100%;
  text-align: left;
  font: inherit;
  color: inherit;
}
.af-option[aria-checked=true],
.af-option[aria-checked=true]:hover {
  border-color: var(--af-brand-accent);
  background-color: color-mix(in srgb, var(--af-brand-accent) 8%, var(--af-bg-card));
}
.af-presence-dot {
  position: relative;
  display: inline-block;
  flex: none;
  width: 8px;
  height: 8px;
  border-radius: var(--af-radius-full);
  background:
    radial-gradient(
      circle at 35% 30%,
      color-mix(in srgb, var(--af-success) 40%, var(--af-on-media)) 0%,
      var(--af-success) 65%);
  box-shadow: 0 0 0 2px var(--af-presence-ring, transparent);
}
.af-presence-dot--sm {
  width: 6px;
  height: 6px;
}
.af-presence-dot--live::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: var(--af-success);
  animation: af-pulse 2s var(--af-ease) infinite;
  pointer-events: none;
}
@media (prefers-reduced-motion: reduce) {
  .af-presence-dot--live::after {
    animation: none;
    opacity: 0;
  }
}
.af-medal {
  position: relative;
  display: inline-grid;
  place-items: center;
  min-width: 1.5rem;
  height: 1.5rem;
  padding: 0 var(--af-space-1);
  border-radius: var(--af-radius-full);
  border: 1px solid var(--af-border-strong);
  background: var(--af-bg-subtle);
  color: var(--af-text-muted);
  font-size: var(--af-text-caption);
  font-weight: var(--af-weight-bold);
  line-height: 1;
  font-variant-numeric: tabular-nums;
}
.af-medal--1,
.af-medal--2,
.af-medal--3 {
  isolation: isolate;
  min-width: 1.75rem;
  height: 1.75rem;
  padding: 0;
  border: 0;
  background: none;
  color: var(--af-medal-ink);
  font-size: var(--af-text-micro);
}
.af-medal--1::before,
.af-medal--2::before,
.af-medal--3::before {
  content: "";
  position: absolute;
  inset: -0.4rem;
  z-index: -1;
  -webkit-mask: var(--af-star4-shape) center / contain no-repeat;
  mask: var(--af-star4-shape) center / contain no-repeat;
  pointer-events: none;
}
.af-medal--1 {
  filter: drop-shadow(0 0 4px var(--af-medal-1-halo));
}
.af-medal--2 {
  filter: drop-shadow(0 0 4px var(--af-medal-2-halo));
}
.af-medal--3 {
  filter: drop-shadow(0 0 4px var(--af-medal-3-halo));
}
.af-medal--1::before {
  background: var(--af-medal-1-fill);
}
.af-medal--2::before {
  background: var(--af-medal-2-fill);
}
.af-medal--3::before {
  background: var(--af-medal-3-fill);
}
.af-medal--media {
  border-color: color-mix(in srgb, var(--af-on-media) 30%, transparent);
  background: var(--af-scrim);
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  color: var(--af-on-media);
}
.af-medal--lg {
  min-width: 1.875rem;
  height: 1.875rem;
  font-size: var(--af-text-body-sm);
}
.af-medal--lg.af-medal--1,
.af-medal--lg.af-medal--2,
.af-medal--lg.af-medal--3 {
  min-width: 2.25rem;
  height: 2.25rem;
  font-size: var(--af-text-caption);
}
.af-medal--lg.af-medal--1::before,
.af-medal--lg.af-medal--2::before,
.af-medal--lg.af-medal--3::before {
  inset: -0.5rem;
}
.af-medal--dot.af-medal--1,
.af-medal--dot.af-medal--2,
.af-medal--dot.af-medal--3 {
  min-width: 0.7rem;
  height: 0.7rem;
  font-size: 0;
}
.af-medal--dot.af-medal--1::before,
.af-medal--dot.af-medal--2::before,
.af-medal--dot.af-medal--3::before {
  inset: -0.15rem;
}
.af-level {
  display: inline-block;
  flex: none;
  width: 1em;
  height: 1em;
  vertical-align: -0.12em;
  -webkit-mask: var(--af-star4-shape) center / contain no-repeat;
  mask: var(--af-star4-shape) center / contain no-repeat;
}
.af-level--1 {
  background: var(--af-level-1-fill);
}
.af-level--2 {
  background: var(--af-level-2-fill);
}
.af-level--3 {
  background: var(--af-level-3-fill);
  filter: drop-shadow(0 0 3px var(--af-level-3-halo));
}
.af-level--4 {
  background: var(--af-level-4-fill);
  filter: drop-shadow(0 0 5px var(--af-level-4-halo));
}
.p-progressbar.af-progress--sm {
  height: 6px;
}
@media (pointer: coarse) {
  :where(.feed-action-btn, .reply-bar__close, .af-toast__close, .pill__btn, .af-nav-arrow) {
    position: relative;
  }
  :where(.feed-action-btn, .message-actions, .reply-bar__close, .af-toast__close, .pill__btn, .af-nav-arrow)::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: max(100%, 44px);
    height: max(100%, 44px);
    transform: translate(-50%, -50%);
  }
}
app-welcome,
app-login,
app-register,
app-recover,
app-reset-password,
app-activate-account {
  --p-button-primary-background: var(--p-primary-color);
  --p-button-primary-hover-background: var(--p-primary-hover-color);
  --p-button-primary-active-background: var(--p-primary-active-color);
  --p-button-primary-border-color: var(--p-primary-color);
  --p-button-primary-hover-border-color: var(--p-primary-hover-color);
  --p-button-primary-active-border-color: var(--p-primary-active-color);
  --p-button-primary-color: var(--p-primary-contrast-color);
  --p-button-primary-hover-color: var(--p-primary-contrast-color);
  --p-button-primary-active-color: var(--p-primary-contrast-color);
  --p-button-outlined-primary-border-color: var(--p-primary-200);
  --p-button-outlined-primary-color: var(--p-primary-color);
  --p-button-outlined-primary-hover-background: var(--p-primary-50);
  --p-button-text-primary-color: var(--p-primary-color);
  --p-button-text-primary-hover-background: var(--p-primary-50);
}
html.my-app-dark :is(app-welcome, app-login, app-register, app-recover, app-reset-password, app-activate-account) {
  --p-button-outlined-primary-border-color: var(--p-primary-700);
  --p-button-outlined-primary-hover-background: color-mix(in srgb, var(--p-primary-color), transparent 96%);
  --p-button-text-primary-hover-background: color-mix(in srgb, var(--p-primary-color), transparent 96%);
}
.af-sky {
  position: absolute;
  inset: 0;
  z-index: -1;
  overflow: hidden;
  pointer-events: none;
  background:
    radial-gradient(
      60% 50% at 78% 38%,
      color-mix(in srgb, var(--af-brand) 30%, transparent),
      transparent 70%),
    radial-gradient(
      40% 35% at 10% 0%,
      color-mix(in srgb, var(--af-brand-secondary) 16%, transparent),
      transparent 70%);
}
.af-sky::after {
  content: "";
  position: absolute;
  inset: auto 0 0;
  height: 30%;
  background:
    linear-gradient(
      to bottom,
      transparent,
      var(--af-bg-page));
}
.af-feed-item {
  position: relative;
  width: 100%;
  margin-bottom: var(--af-space-3);
}
@media (max-width: 767px) {
  .af-feed-item {
    margin-bottom: 0;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .af-feed-item {
    padding-inline: clamp(0px, (832px - 100%) * 1000, var(--af-space-4));
  }
}
.af-feed-card {
  display: block;
  margin-block: var(--af-space-3);
  margin-inline: var(--af-space-4);
}
@media (min-width: 768px) and (max-width: 991px) {
  .af-feed-card {
    margin-inline: clamp(0px, (832px - 100%) * 1000, var(--af-space-4));
  }
  .af-feed-frame {
    display: block;
    padding-inline: clamp(0px, (832px - 100%) * 1000, var(--af-space-4));
  }
}
@media (min-width: 992px) {
  .af-feed-card {
    margin-inline: 0;
  }
}

/* src/styles/toast.css */
.p-toast .p-toast-message {
  background: transparent;
  border: 0;
  box-shadow: none;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  margin: 0 0 var(--af-space-2) 0;
}
@media (max-width: 768px) {
  body.af-on-stage .p-toast {
    top: calc(var(--safe-area-inset-top, 0px) + 68px) !important;
  }
}

/* src/styles/page-transitions.css */
.header-container {
  view-transition-name: af-header;
}
.dock {
  view-transition-name: af-dock;
}
.side-nav {
  view-transition-name: af-sidenav;
}
.route-progress {
  view-transition-name: af-progress;
}
.route-progress__comet {
  view-transition-name: af-progress-comet;
}
.p-toast {
  view-transition-name: af-toast;
}
::view-transition {
  background: var(--af-bg-page);
}
::view-transition-old(root) {
  animation: af-page-out var(--af-dur-exit, 120ms) var(--af-ease-exit, cubic-bezier(0.4, 0, 1, 1)) both;
}
::view-transition-new(root) {
  animation: af-page-in var(--af-dur-base, 220ms) var(--af-ease, cubic-bezier(0.2, 0.8, 0.2, 1)) both;
}
::view-transition-group(af-header),
::view-transition-group(af-dock),
::view-transition-group(af-sidenav),
::view-transition-group(af-progress),
::view-transition-group(af-toast),
::view-transition-old(af-header),
::view-transition-new(af-header),
::view-transition-old(af-dock),
::view-transition-new(af-dock),
::view-transition-old(af-sidenav),
::view-transition-new(af-sidenav),
::view-transition-old(af-progress),
::view-transition-new(af-progress),
::view-transition-old(af-toast),
::view-transition-new(af-toast) {
  animation: none;
}
@keyframes af-page-out {
  to {
    opacity: 0;
  }
}
@keyframes af-page-in {
  from {
    opacity: 0;
    transform: translateY(8px);
  }
}
@media (prefers-reduced-motion: reduce) {
  ::view-transition-group(*),
  ::view-transition-old(*),
  ::view-transition-new(*) {
    animation: none !important;
  }
}

/* src/styles/motion.css */
@keyframes af-rise {
  from {
    opacity: 0;
    transform: translateY(8px);
  }
}
@keyframes af-rise-down {
  from {
    opacity: 0;
    transform: translateY(-8px);
  }
}
@keyframes af-pop {
  from {
    opacity: 0;
    transform: scale(0.8);
  }
}
@keyframes af-pulse {
  0% {
    opacity: 0.6;
    transform: scale(1);
  }
  70%, 100% {
    opacity: 0;
    transform: scale(1.8);
  }
}
@keyframes af-flash {
  0%, 30% {
    box-shadow: 0 0 0 3px var(--af-brand-glow);
  }
  100% {
    box-shadow: 0 0 0 3px transparent;
  }
}
.p-skeleton::after,
.af-skeleton::after {
  animation-duration: 1.4s;
}
.af-skeleton {
  position: relative;
  overflow: hidden;
  background: var(--af-bg-subtle);
}
.af-skeleton::after {
  content: "";
  position: absolute;
  inset: 0;
  transform: translateX(-100%);
  background:
    linear-gradient(
      90deg,
      transparent,
      color-mix(in srgb, var(--af-text) 8%, transparent),
      transparent);
  animation: af-skeleton-wave 1.4s linear infinite;
}
@keyframes af-skeleton-wave {
  to {
    transform: translateX(100%);
  }
}
img.af-img-fade {
  opacity: 0;
  transition: opacity var(--af-dur-base) var(--af-ease);
  animation: af-img-reveal 0s 2.5s forwards;
}
@keyframes af-img-reveal {
  to {
    opacity: 1;
  }
}
img.af-img-fade.af-img-loaded {
  opacity: 1;
}
.af-star4 {
  -webkit-mask: var(--af-star4-shape) center / contain no-repeat;
  mask: var(--af-star4-shape) center / contain no-repeat;
}
.af-star4--inline {
  display: inline-block;
  flex: none;
  width: 0.8em;
  height: 0.8em;
  background: currentColor;
}
:root {
  --af-star4-shape: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 67.22 67.22'%3E%3Cpath d='M33.61,0l2.07,7.21c3.37,11.77,12.57,20.96,24.33,24.33l7.21,2.07-7.21,2.07c-11.77,3.37-20.96,12.57-24.33,24.33l-2.07,7.21-2.07-7.21c-3.37-11.77-12.57-20.96-24.33-24.33l-7.21-2.07,7.21-2.07c11.77-3.37,20.96-12.57,24.33-24.33l2.07-7.21Z'/%3E%3C/svg%3E");
}
.af-sparks {
  position: absolute;
  inset: 0;
  pointer-events: none;
}
.af-sparks > i {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 7px;
  height: 7px;
  margin: -3.5px;
  background: var(--af-spark);
  opacity: 0;
  animation: af-spark 500ms var(--af-ease) forwards;
}
.af-sparks > i:nth-child(even) {
  width: 5px;
  height: 5px;
  margin: -2.5px;
  background: var(--af-spark-alt);
}
.af-sparks > i:nth-child(1) {
  --af-a: 0deg;
}
.af-sparks > i:nth-child(2) {
  --af-a: 60deg;
}
.af-sparks > i:nth-child(3) {
  --af-a: 120deg;
}
.af-sparks > i:nth-child(4) {
  --af-a: 180deg;
}
.af-sparks > i:nth-child(5) {
  --af-a: 240deg;
}
.af-sparks > i:nth-child(6) {
  --af-a: 300deg;
}
.af-sparks--far > i {
  --af-from: -20px;
  --af-to: -72px;
  width: 10px;
  height: 10px;
  margin: -5px;
  animation-duration: 600ms;
  animation-delay: 80ms;
}
@keyframes af-spark {
  0% {
    opacity: 0;
    transform: rotate(var(--af-a)) translateY(var(--af-from, 0)) scale(0.4);
  }
  30% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: rotate(var(--af-a)) translateY(var(--af-to, -26px)) scale(1);
  }
}
@keyframes af-shower {
  0% {
    opacity: 0;
    transform: rotate(var(--af-a)) translateY(0) scale(0.3) rotate(0deg);
  }
  20% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: rotate(var(--af-a)) translateY(var(--af-r)) scale(1) rotate(90deg);
  }
}
.af-starfield,
.af-starfield::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 2px;
  height: 2px;
  border-radius: 50%;
  background: transparent;
  pointer-events: none;
  animation: af-twinkle 4.2s ease-in-out infinite alternate;
}
.af-starfield {
  box-shadow:
    12vw 90px var(--af-star),
    78vw 60px var(--af-star),
    34vw 40px var(--af-star-warm),
    88vw 210px var(--af-star),
    6vw 300px var(--af-star-warm),
    22vw 470px var(--af-star),
    64vw 560px var(--af-star),
    92vw 430px var(--af-star-warm),
    46vw 640px var(--af-star),
    70vw 330px var(--af-star),
    28vw 230px var(--af-star),
    56vw 130px var(--af-star);
}
.af-starfield::before {
  content: "";
  width: 1px;
  height: 1px;
  animation-duration: 3.2s;
  animation-delay: -1.6s;
  box-shadow:
    18vw 170px var(--af-star),
    44vw 80px var(--af-star),
    84vw 140px var(--af-star),
    10vw 400px var(--af-star),
    38vw 520px var(--af-star),
    74vw 480px var(--af-star),
    96vw 300px var(--af-star),
    58vw 400px var(--af-star),
    16vw 600px var(--af-star),
    82vw 620px var(--af-star),
    50vw 260px var(--af-star),
    4vw 60px var(--af-star);
}
@keyframes af-twinkle {
  from {
    opacity: 0.45;
  }
  to {
    opacity: 1;
  }
}
@keyframes af-shooting-star {
  0% {
    opacity: 0;
    transform: rotate(18deg) translateX(-60px);
  }
  20% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: rotate(18deg) translateX(220px);
  }
}
@media (hover: hover) and (pointer: fine) {
  .af-sheen {
    position: relative;
    overflow: hidden;
  }
  .af-sheen::after {
    content: "";
    position: absolute;
    inset: -20% -60%;
    z-index: 1;
    background:
      linear-gradient(
        105deg,
        transparent 40%,
        color-mix(in srgb, var(--af-on-media) 16%, transparent) 48%,
        color-mix(in srgb, var(--af-brand-secondary) 20%, transparent) 52%,
        transparent 60%);
    transform: translateX(-70%);
    pointer-events: none;
  }
  .af-sheen:hover::after {
    transform: translateX(70%);
    transition: transform 600ms var(--af-ease);
  }
}
@media (prefers-reduced-motion: reduce) {
  .p-skeleton::after,
  .af-skeleton::after {
    animation: none !important;
  }
  img.af-img-fade {
    transition: none;
  }
  .af-sparks,
  .af-sheen::after {
    display: none;
  }
  .af-starfield,
  .af-starfield::before {
    animation: none;
  }
}
@keyframes af-dialog-hold {
  0%, 100% {
    translate: 0 0;
  }
  30% {
    translate: 0 -6px;
  }
  60% {
    translate: 0 2px;
  }
}
.p-dialog.af-dialog-hold {
  animation: af-dialog-hold 280ms var(--af-ease);
}
@media (prefers-reduced-motion: reduce) {
  .p-dialog.af-dialog-hold {
    animation: none;
  }
}

/* src/styles/admin.css */
.p-drawer.admin-shell__drawer {
  width: 17.5rem;
  max-width: 85vw;
}
.admin-panel {
  display: flex;
  flex-direction: column;
  gap: var(--af-space-6);
  min-width: 0;
}
.admin-table {
  width: 100%;
  overflow-x: auto;
}
.admin-clamp {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  overflow: hidden;
  max-width: 15rem;
  overflow-wrap: anywhere;
}
.admin-clamp--button {
  padding: 0;
  border: 0;
  background: none;
  color: inherit;
  font: inherit;
  text-align: left;
  cursor: pointer;
  text-decoration: underline dotted;
  text-underline-offset: 2px;
}
.admin-clamp--button:focus-visible {
  outline: 2px solid var(--af-focus);
  outline-offset: 2px;
}
.admin-mono {
  font-family: var(--af-font-mono);
  font-size: var(--af-text-caption);
  font-weight: var(--af-weight-medium);
}
.admin-filters {
  display: flex;
  flex-direction: column;
  gap: var(--af-space-3);
  min-width: 0;
}
.admin-filter {
  display: flex;
  flex-direction: column;
  gap: var(--af-space-1);
  min-width: 0;
}
.admin-search {
  width: 100%;
  max-width: 22rem;
}
@media (min-width: 992px) {
  .admin-filters {
    flex-direction: row;
    flex-wrap: wrap;
    align-items: flex-end;
    column-gap: var(--af-space-6);
  }
  .admin-search {
    flex: 0 1 22rem;
    margin-left: auto;
  }
  .admin-search + .admin-search {
    margin-left: 0;
  }
}
@media (max-width: 767px) {
  .admin-col--secondary {
    display: none;
  }
  .admin-table .p-datatable-frozen-column {
    position: static !important;
  }
}
.af-table-row--link {
  cursor: pointer;
  outline: none;
}
@media (hover: hover) {
  .p-datatable .p-datatable-tbody > tr.af-table-row--link:hover > td {
    background: var(--af-bg-hover);
  }
}
.p-datatable .p-datatable-tbody > tr.af-table-row--link:focus-visible > td {
  background: var(--af-bg-hover);
  box-shadow: inset 0 2px 0 var(--af-focus), inset 0 -2px 0 var(--af-focus);
}
.p-datatable .p-datatable-tbody > tr.af-table-row--link:focus-visible > td:first-child {
  box-shadow: inset 2px 2px 0 var(--af-focus), inset 0 -2px 0 var(--af-focus);
}
.p-datatable .p-datatable-tbody > tr.af-table-row--link:focus-visible > td:last-child {
  box-shadow: inset -2px 2px 0 var(--af-focus), inset 0 -2px 0 var(--af-focus);
}
.admin-table .p-datatable-tbody > tr {
  transition: opacity var(--af-dur-fast) var(--af-ease);
}
.admin-table--loading .p-datatable-tbody > tr:not(.af-table-skeleton__row) {
  opacity: 0.5;
}
.admin-table .p-datatable-thead > tr > th {
  white-space: nowrap;
}
.admin-table td.text-right,
.admin-table th.text-right {
  font-variant-numeric: tabular-nums;
}
.admin-shell .af-page-header::before {
  display: none !important;
}

/* src/styles.css */
:root {
  --app-height: 100dvh;
  --app-header-height: 56px;
  --app-bottom-height: 0px;
  --safe-area-inset-top: env(safe-area-inset-top, 0px);
  --safe-area-inset-bottom: env(safe-area-inset-bottom, 0px);
  --safe-area-inset-left: env(safe-area-inset-left, 0px);
  --safe-area-inset-right: env(safe-area-inset-right, 0px);
  --app-sidenav-w: 0px;
}
@media (min-width: 769px) {
  body.af-has-sidenav {
    --app-sidenav-w: 72px;
    --app-header-height: 0px;
    padding-left: var(--app-sidenav-w);
  }
  body.af-has-sidenav .main,
  body.af-has-sidenav .main-expanded {
    padding-top: calc(var(--safe-area-inset-top) + var(--af-space-6));
  }
}
@media (min-width: 1200px) {
  body.af-has-sidenav {
    --app-sidenav-w: 240px;
  }
}
html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  text-rendering: geometricPrecision;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
img {
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-user-drag: none;
  -webkit-touch-callout: none;
}
body {
  --af-chrome-top: calc(var(--safe-area-inset-top) + var(--app-header-height));
}
.af-chrome-away body {
  --af-chrome-top: var(--safe-area-inset-top);
}
body::before {
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  height: var(--safe-area-inset-top);
  background: var(--af-bg-page);
  z-index: calc(var(--af-z-sticky) + 1);
  pointer-events: none;
}
body {
  margin: 0;
  padding: 0;
  overflow-x: hidden;
  overflow-y: scroll;
  font-family: var(--af-font-sans);
  width: 100%;
  touch-action: manipulation;
  overscroll-behavior-y: contain;
  background: var(--af-bg-page);
  color: var(--af-text);
}
.main {
  width: 100%;
  padding-top: calc(var(--safe-area-inset-top) + var(--app-header-height));
  padding-bottom: calc(var(--safe-area-inset-bottom) + max(var(--app-bottom-height), var(--af-space-6)));
  -webkit-overflow-scrolling: touch;
}
.main.main--shell {
  padding-top: 0;
}
.main-expanded {
  max-width: 100%;
  width: 100%;
  padding-top: calc(var(--safe-area-inset-top) + var(--app-header-height));
  padding-bottom: calc(var(--safe-area-inset-bottom) + max(var(--app-bottom-height), var(--af-space-6)));
  -webkit-overflow-scrolling: touch;
}
.af-dock-space {
  padding-bottom: calc(var(--safe-area-inset-bottom) + var(--app-bottom-height));
}
.app-height {
  height: calc(var(--app-height));
}
.h-full-header {
  height: calc(var(--app-height) - var(--safe-area-inset-top) - var(--app-header-height));
}
.header-padding {
  padding-top: calc(var(--safe-area-inset-top) + var(--app-header-height));
}
.restricted-shell .main,
.restricted-shell .main-expanded,
.restricted-shell .header-padding {
  padding-top: 0.5rem;
}
.breaking-words {
  max-width: 100%;
  word-break: break-word;
  white-space: pre-wrap;
  margin: 0 0;
}
.overscroll-contain {
  overscroll-behavior: contain;
}
.show-desktop-up {
  display: none;
}
@media (min-width: 992px) {
  .show-desktop-up {
    display: block;
  }
  .hide-desktop-up {
    display: none !important;
  }
}
.show-tablet-down {
  display: none;
}
.show-tablet-up {
  display: block;
}
@media (max-width: 768px) {
  :root.af-has-dock {
    --app-bottom-height: calc(var(--af-dock-height) + var(--af-space-3) + var(--af-space-3));
  }
  .show-tablet-down {
    display: block;
  }
  .show-tablet-up {
    display: none;
  }
}
.feed-tile-inner {
  padding: var(--af-space-4);
}
.feed-tile-media {
  border-radius: var(--af-radius-md);
  overflow: hidden;
  margin-top: var(--af-space-4);
}
.feed-items {
  contain: layout style;
}
.verified-icon {
  color: var(--af-brand);
  text-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
}
body.age-gate-pending app-media-visualizer,
body.age-gate-pending app-media-carousel,
body.age-gate-pending app-media-player,
body.age-gate-pending img,
body.age-gate-pending video {
  filter: blur(24px);
  pointer-events: none;
}
body.age-gate-pending app-age-gate img,
body.age-gate-pending app-age-gate video {
  filter: none;
}

/* src/styles/layout-utilities.css */
.grid {
  display: flex;
  flex-wrap: wrap;
  margin-right: calc(-1 * var(--af-space-2));
  margin-left: calc(-1 * var(--af-space-2));
  margin-top: calc(-1 * var(--af-space-2));
}
.grid > [class*=col] {
  box-sizing: border-box;
}
.col-12 {
  flex: 0 0 auto;
  padding: var(--af-space-2);
  width: 100%;
}
@media screen and (min-width: 992px) {
  .lg\:col {
    flex-grow: 1;
    flex-basis: 0;
    padding: var(--af-space-2);
  }
  .lg\:col-4 {
    flex: 0 0 auto;
    padding: var(--af-space-2);
    width: 33.3333%;
  }
}
.field {
  margin-bottom: var(--af-space-4);
}
.field > label {
  display: inline-block;
  margin-bottom: var(--af-space-2);
}
.field.grid > label {
  display: flex;
  align-items: center;
}
.field > small {
  margin-top: var(--af-space-1);
}
.field.grid {
  margin-top: 0;
}
.field.grid .col-12 {
  padding-top: 0;
  padding-bottom: 0;
}
.hidden {
  display: none !important;
}
.block {
  display: block !important;
}
.inline {
  display: inline !important;
}
.flex {
  display: flex !important;
}
.inline-flex {
  display: inline-flex !important;
}
@media screen and (min-width: 768px) {
  .md\:hidden {
    display: none !important;
  }
  .md\:block {
    display: block !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:hidden {
    display: none !important;
  }
  .lg\:block {
    display: block !important;
  }
  .lg\:inline {
    display: inline !important;
  }
}
.text-center {
  text-align: center !important;
}
.text-right {
  text-align: right !important;
}
.lowercase {
  text-transform: lowercase !important;
}
.uppercase {
  text-transform: uppercase !important;
}
.capitalize {
  text-transform: capitalize !important;
}
.text-overflow-ellipsis {
  text-overflow: ellipsis !important;
}
.font-light {
  font-weight: 300 !important;
}
.font-normal {
  font-weight: var(--af-weight-regular) !important;
}
.font-medium {
  font-weight: var(--af-weight-medium) !important;
}
.font-semibold {
  font-weight: var(--af-weight-semibold) !important;
}
.font-bold {
  font-weight: var(--af-weight-bold) !important;
}
.white-space-nowrap {
  white-space: nowrap !important;
}
.flex-row {
  flex-direction: row !important;
}
.flex-column {
  flex-direction: column !important;
}
@media screen and (min-width: 576px) {
  .sm\:flex-row {
    flex-direction: row !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:flex-row {
    flex-direction: row !important;
  }
}
.flex-wrap {
  flex-wrap: wrap !important;
}
.flex-nowrap {
  flex-wrap: nowrap !important;
}
.justify-content-start {
  justify-content: flex-start !important;
}
.justify-content-end {
  justify-content: flex-end !important;
}
.justify-content-center {
  justify-content: center !important;
}
.justify-content-between {
  justify-content: space-between !important;
}
@media screen and (min-width: 576px) {
  .sm\:justify-content-between {
    justify-content: space-between !important;
  }
}
.align-items-start {
  align-items: flex-start !important;
}
.align-items-center {
  align-items: center !important;
}
@media screen and (min-width: 576px) {
  .sm\:align-items-center {
    align-items: center !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:align-items-center {
    align-items: center !important;
  }
  .md\:align-items-end {
    align-items: flex-end !important;
  }
}
.flex-1 {
  flex: 1 1 0% !important;
}
.flex-grow-1 {
  flex-grow: 1 !important;
}
.flex-shrink-0 {
  flex-shrink: 0 !important;
}
.gap-1 {
  gap: var(--af-space-1) !important;
}
.gap-2 {
  gap: var(--af-space-2) !important;
}
.gap-3 {
  gap: var(--af-space-4) !important;
}
.gap-4 {
  gap: var(--af-space-6) !important;
}
.gap-5 {
  gap: var(--af-space-8) !important;
}
.p-0 {
  padding: 0rem !important;
}
.p-2 {
  padding: var(--af-space-2) !important;
}
.p-3 {
  padding: var(--af-space-4) !important;
}
.pt-2 {
  padding-top: var(--af-space-2) !important;
}
.pt-4 {
  padding-top: var(--af-space-6) !important;
}
.pt-6 {
  padding-top: var(--af-space-12) !important;
}
.pr-3 {
  padding-right: var(--af-space-4) !important;
}
.pb-1 {
  padding-bottom: var(--af-space-1) !important;
}
.pb-2 {
  padding-bottom: var(--af-space-2) !important;
}
.pb-4 {
  padding-bottom: var(--af-space-6) !important;
}
.pb-6 {
  padding-bottom: var(--af-space-12) !important;
}
.px-1 {
  padding-left: var(--af-space-1) !important;
  padding-right: var(--af-space-1) !important;
}
.px-2 {
  padding-left: var(--af-space-2) !important;
  padding-right: var(--af-space-2) !important;
}
.px-3 {
  padding-left: var(--af-space-4) !important;
  padding-right: var(--af-space-4) !important;
}
.px-4 {
  padding-left: var(--af-space-6) !important;
  padding-right: var(--af-space-6) !important;
}
.py-1 {
  padding-top: var(--af-space-1) !important;
  padding-bottom: var(--af-space-1) !important;
}
.py-4 {
  padding-top: var(--af-space-6) !important;
  padding-bottom: var(--af-space-6) !important;
}
.py-5 {
  padding-top: var(--af-space-8) !important;
  padding-bottom: var(--af-space-8) !important;
}
.py-6 {
  padding-top: var(--af-space-12) !important;
  padding-bottom: var(--af-space-12) !important;
}
.m-0 {
  margin: 0rem !important;
}
.mt-0 {
  margin-top: 0rem !important;
}
.mt-1 {
  margin-top: var(--af-space-1) !important;
}
.mt-2 {
  margin-top: var(--af-space-2) !important;
}
.mt-3 {
  margin-top: var(--af-space-4) !important;
}
.mt-4 {
  margin-top: var(--af-space-6) !important;
}
.mt-5 {
  margin-top: var(--af-space-8) !important;
}
.mr-1 {
  margin-right: var(--af-space-1) !important;
}
.mr-2 {
  margin-right: var(--af-space-2) !important;
}
.mb-0 {
  margin-bottom: 0rem !important;
}
.mb-1 {
  margin-bottom: var(--af-space-1) !important;
}
.mb-2 {
  margin-bottom: var(--af-space-2) !important;
}
.mb-3 {
  margin-bottom: var(--af-space-4) !important;
}
.mb-4 {
  margin-bottom: var(--af-space-6) !important;
}
.my-1 {
  margin-top: var(--af-space-1) !important;
  margin-bottom: var(--af-space-1) !important;
}
@media screen and (min-width: 768px) {
  .md\:ml-auto {
    margin-left: auto !important;
  }
}
.border-round {
  border-radius: var(--p-content-border-radius) !important;
}
.w-full {
  width: 100% !important;
}
@media screen and (min-width: 768px) {
  .md\:w-auto {
    width: auto !important;
  }
  .md\:w-4 {
    width: 33.3333% !important;
  }
  .md\:w-6 {
    width: 50% !important;
  }
}
.h-full {
  height: 100% !important;
}
.min-w-0 {
  min-width: 0px !important;
}
.static {
  position: static !important;
}
.fixed {
  position: fixed !important;
}
.absolute {
  position: absolute !important;
}
.relative {
  position: relative !important;
}
.sticky {
  position: sticky !important;
}
.top-0 {
  top: 0px !important;
}
.left-0 {
  left: 0px !important;
}
.overflow-auto {
  overflow: auto !important;
}
.overflow-hidden {
  overflow: hidden !important;
}
.overflow-x-auto {
  overflow-x: auto !important;
}
.overflow-y-auto {
  overflow-y: auto !important;
}
.z-0 {
  z-index: 0 !important;
}
.pointer-events-none {
  pointer-events: none !important;
}
.cursor-pointer {
  cursor: pointer !important;
}
.opacity-60 {
  opacity: .6 !important;
}
.reset {
  all: unset;
}
.transition-all {
  transition-property: all !important;
}

/* angular:styles/global:styles */
/*# sourceMappingURL=styles-MH2RSSE5.css.map */