/* ART LOG interface icons: selected unchanged SVGs from /Users/oota/Downloads/icon.
 * Linear 24px source, 22px page/navigation icons and 18px section icons.
 * Icons supplement the existing Japanese labels; state colors stay in the app theme.
 */

body.artlog-app[data-page] main .subpage-title-icon.is-artwork,
body.artlog-app[data-page] main .profile-v3-section-icon.is-artwork,
body.artlog-app[data-page] main .artwork-empty > span,
body.artlog-app[data-page] main .artwork-card-placeholder::after,
body.artlog-app[data-page] main .artwork-detail-placeholder::after {
  --artlog-icon: url("/assets/icons/artlog/gallery.svg");
}

body.artlog-app[data-page] main .subpage-title-icon.is-museum,
body.artlog-app[data-page] main .settings-v2-section-icon.is-museum,
body.artlog-app[data-page] main .parks-v2-title-icon,
body.artlog-app[data-page] main .profile-v3-section-icon.is-visited,
body.artlog-app[data-page] main .parks-v2-section-icon.is-region {
  --artlog-icon: url("/assets/icons/artlog/building-4.svg");
}

body.artlog-app[data-page] main .timeline-v2-title-icon,
body.artlog-app[data-page] main .log-v2-title-icon,
body.artlog-app[data-page] main .friend-log-v2-title-icon,
body.artlog-app[data-page] main .home-v2-section-icon.is-log,
body.artlog-app[data-page] main .profile-v3-section-icon.is-history,
body.artlog-app[data-page] main .guest-v2-section-icon.is-log,
body.artlog-app[data-page] main .settings-v2-icon.is-timeline {
  --artlog-icon: url("/assets/icons/artlog/book.svg");
}

body.artlog-app[data-page] main .park-photo-v2-title-icon,
body.artlog-app[data-page] main .profile-edit-v2-section-icon.is-image {
  --artlog-icon: url("/assets/icons/artlog/gallery-add.svg");
}

body.artlog-app[data-page] main .profile-edit-v2-title-icon,
body.artlog-app[data-page] main .settings-v2-icon.is-edit,
body.artlog-app[data-page] main .checkin-detail-v2-icon.is-pencil {
  --artlog-icon: url("/assets/icons/artlog/edit-2.svg");
}

body.artlog-app[data-page] main .favorite-parks-v2-title-icon,
body.artlog-app[data-page] main .favorite-parks-v2-section-icon.is-heart,
body.artlog-app[data-page] main .home-v2-section-icon.is-favorite,
body.artlog-app[data-page] main .profile-v3-section-icon.is-favorite,
body.artlog-app[data-page] main .profile-v3-summary-icon.is-heart::before,
body.artlog-app[data-page] main .timeline-v2-like i,
body.artlog-app[data-page] main .friend-log-v2-icon.is-heart,
body.artlog-app[data-page] main .checkin-detail-v2-icon.is-heart {
  --artlog-icon: url("/assets/icons/artlog/heart.svg");
}

body.artlog-app[data-page] main .badge-v2-title-icon,
body.artlog-app[data-page] main .badge-v2-section-icon.is-badge,
body.artlog-app[data-page] main .badge-v2-section-icon.is-goal,
body.artlog-app[data-page] main .home-v2-section-icon.is-badge,
body.artlog-app[data-page] main .profile-v3-section-icon.is-badge,
body.artlog-app[data-page] main .notifications-v2-icon.is-badge::before {
  --artlog-icon: url("/assets/icons/artlog/award.svg");
}

body.artlog-app[data-page] main .home-v2-section-icon.is-friend,
body.artlog-app[data-page] main .subpage-title-icon.is-friends,
body.artlog-app[data-page] main .friends-v2-section-icon.is-list,
body.artlog-app[data-page] main .timeline-v2-section-icon.is-follow,
body.artlog-app[data-page] main .friend-log-v2-icon.is-people {
  --artlog-icon: url("/assets/icons/artlog/people.svg");
}

body.artlog-app[data-page] main .home-v2-section-icon.is-summary,
body.artlog-app[data-page] main .profile-v3-section-icon.is-summary {
  --artlog-icon: url("/assets/icons/artlog/chart-2.svg");
}

body.artlog-app[data-page] main .notifications-v2-title-icon,
body.artlog-app[data-page] main .notifications-v2-section-icon.is-notification,
body.artlog-app[data-page] main .settings-v2-section-icon.is-notification,
body.artlog-app[data-page] main .settings-v2-icon.is-notification,
body.artlog-app[data-page] main .home-v2-section-icon.is-news,
body.artlog-app[data-page] main .notifications-v2-icon.is-notification::before,
body.artlog-app[data-page] main .guest-static-title-icon.is-news,
body.artlog-app[data-page] main .guest-v2-section-icon.is-news {
  --artlog-icon: url("/assets/icons/artlog/notification.svg");
}

body.artlog-app[data-page] main .home-v2-section-icon.is-info,
body.artlog-app[data-page] main .notifications-v2-section-icon.is-info,
body.artlog-app[data-page] main .guest-static-title-icon.is-about,
body.artlog-app[data-page] main .guest-v2-section-icon.is-about,
body.artlog-app[data-page] main .checkin-v2-section-icon.is-info,
body.artlog-app[data-page] main .parks-column-v2-title-icon {
  --artlog-icon: url("/assets/icons/artlog/info-circle.svg");
}

body.artlog-app[data-page] main .subpage-title-icon.is-id {
  --artlog-icon: url("/assets/icons/artlog/barcode.svg");
}

body.artlog-app[data-page] main .subpage-title-icon.is-calendar,
body.artlog-app[data-page] main .profile-v3-summary-icon.is-calendar::before,
body.artlog-app[data-page] main .log-v2-section-icon.is-history,
body.artlog-app[data-page] main .home-v2-section-icon.is-event,
body.artlog-app[data-page] main .guest-static-title-icon.is-event,
body.artlog-app[data-page] main .guest-v2-section-icon.is-event,
body.artlog-app[data-page] main .home-v2-log .is-calendar,
body.artlog-app[data-page] main .friend-log-v2-icon.is-calendar,
body.artlog-app[data-page] main .checkin-v3-checked-at::before {
  --artlog-icon: url("/assets/icons/artlog/calendar.svg");
}

body.artlog-app[data-page] main .home-v2-log .is-clock,
body.artlog-app[data-page] main .friend-log-v2-icon.is-clock {
  --artlog-icon: url("/assets/icons/artlog/clock.svg");
}

body.artlog-app[data-page] main .checkin-v2-title-icon,
body.artlog-app[data-page] main .checkin-v2-section-icon.is-location,
body.artlog-app[data-page] main .profile-v3-summary-icon.is-location::before,
body.artlog-app[data-page] main .checkin-detail-v2-icon.is-location,
body.artlog-app[data-page] main .friend-log-v2-icon.is-location,
body.artlog-app[data-page] main .friends-v2-inline-icon.is-park {
  --artlog-icon: url("/assets/icons/artlog/location.svg");
}

body.artlog-app[data-page] main .parks-v2-section-icon.is-map,
body.artlog-app[data-page] main .guest-v2-section-icon.is-map {
  --artlog-icon: url("/assets/icons/artlog/map.svg");
}

body.artlog-app[data-page] main .settings-v2-section-icon.is-note,
body.artlog-app[data-page] main .checkin-v2-section-icon.is-note,
body.artlog-app[data-page] main .friend-log-v2-section-icon.is-detail,
body.artlog-app[data-page] main .timeline-v2-section-icon.is-public {
  --artlog-icon: url("/assets/icons/artlog/document-text.svg");
}

body.artlog-app[data-page] main .subpage-title-icon.is-privacy,
body.artlog-app[data-page] main .settings-v2-section-icon.is-privacy,
body.artlog-app[data-page] main .profile-edit-v2-section-icon.is-privacy,
body.artlog-app[data-page] main .guest-static-title-icon.is-privacy,
body.artlog-app[data-page] main .guest-v2-section-icon.is-privacy {
  --artlog-icon: url("/assets/icons/artlog/shield-tick.svg");
}

body.artlog-app[data-page] main .subpage-title-icon.is-settings,
body.artlog-app[data-page] main .gear-v2-title-icon,
body.artlog-app[data-page] main .settings-v2-icon.is-setting {
  --artlog-icon: url("/assets/icons/artlog/setting-2.svg");
}

body.artlog-app[data-page] main .settings-v2-icon.is-lock,
body.artlog-app[data-page] main .friend-log-v2-icon.is-lock {
  --artlog-icon: url("/assets/icons/artlog/lock.svg");
}

body.artlog-app[data-page] main .subpage-title-icon.is-account,
body.artlog-app[data-page] main .settings-v2-icon.is-account,
body.artlog-app[data-page] main .settings-v2-section-icon.is-account {
  --artlog-icon: url("/assets/icons/artlog/profile-delete.svg");
}

body.artlog-app[data-page] main .settings-v2-section-icon.is-profile,
body.artlog-app[data-page] main .settings-v2-icon.is-user,
body.artlog-app[data-page] main .profile-edit-v2-section-icon.is-user {
  --artlog-icon: url("/assets/icons/artlog/user.svg");
}

body.artlog-app[data-page] main .guest-static-title-icon.is-faq,
body.artlog-app[data-page] main .faq-v2-section-icon {
  --artlog-icon: url("/assets/icons/artlog/message-question.svg");
}

body.artlog-app[data-page] main .subpage-title-icon.is-contact {
  --artlog-icon: url("/assets/icons/artlog/sms.svg");
}

body.artlog-app[data-page] main .guest-static-title-icon.is-terms,
body.artlog-app[data-page] main .guest-v2-section-icon.is-terms {
  --artlog-icon: url("/assets/icons/artlog/clipboard-text.svg");
}

body.artlog-app[data-page] main .settings-v2-section-icon.is-app {
  --artlog-icon: url("/assets/icons/artlog/category.svg");
}

body.artlog-app[data-page] main .settings-v2-section-icon.is-check,
body.artlog-app[data-page] main .checkin-v3-save-button i::before {
  --artlog-icon: url("/assets/icons/artlog/tick-circle.svg");
}

body.artlog-app[data-page] main .timeline-v2-section-icon.is-filter,
body.artlog-app[data-page] main .log-v2-section-icon.is-filter {
  --artlog-icon: url("/assets/icons/artlog/filter.svg");
}

body.artlog-app[data-page] main .subpage-title-icon.is-search,
body.artlog-app[data-page] main .settings-v2-icon.is-search {
  --artlog-icon: url("/assets/icons/artlog/search-normal-1.svg");
}

body.artlog-app[data-page] main .timeline-v2-title-icon,
body.artlog-app[data-page] main .checkin-v2-title-icon,
body.artlog-app[data-page] main .log-v2-title-icon,
body.artlog-app[data-page] main .gear-v2-title-icon,
body.artlog-app[data-page] main .badge-v2-title-icon,
body.artlog-app[data-page] main .favorite-parks-v2-title-icon,
body.artlog-app[data-page] main .parks-v2-title-icon,
body.artlog-app[data-page] main .notifications-v2-title-icon,
body.artlog-app[data-page] main .friend-log-v2-title-icon,
body.artlog-app[data-page] main .subpage-title-icon,
body.artlog-app[data-page] main .park-photo-v2-title-icon,
body.artlog-app[data-page] main .parks-column-v2-title-icon,
body.artlog-app[data-page] main .profile-edit-v2-title-icon,
body.artlog-app[data-page] main .guest-static-title-icon {
  display: grid;
  place-items: center;
  flex-shrink: 0;
  width: 42px;
  height: 42px;
  mask: none;
  -webkit-mask: none;
  background: var(--al-indigo);
}

body.artlog-app[data-page] main .timeline-v2-title-icon::before,
body.artlog-app[data-page] main .checkin-v2-title-icon::before,
body.artlog-app[data-page] main .log-v2-title-icon::before,
body.artlog-app[data-page] main .gear-v2-title-icon::before,
body.artlog-app[data-page] main .badge-v2-title-icon::before,
body.artlog-app[data-page] main .favorite-parks-v2-title-icon::before,
body.artlog-app[data-page] main .parks-v2-title-icon::before,
body.artlog-app[data-page] main .notifications-v2-title-icon::before,
body.artlog-app[data-page] main .friend-log-v2-title-icon::before,
body.artlog-app[data-page] main .subpage-title-icon::before,
body.artlog-app[data-page] main .park-photo-v2-title-icon::before,
body.artlog-app[data-page] main .parks-column-v2-title-icon::before,
body.artlog-app[data-page] main .profile-edit-v2-title-icon::before,
body.artlog-app[data-page] main .guest-static-title-icon::before {
  content: "";
  display: block;
  width: 22px;
  height: 22px;
  background: var(--al-white);
  mask: var(--artlog-icon, var(--icon)) center / contain no-repeat;
  -webkit-mask: var(--artlog-icon, var(--icon)) center / contain no-repeat;
}

body.artlog-app[data-page] main .profile-v3-section-icon.is-artwork,
body.artlog-app[data-page] main .artwork-empty > span,
body.artlog-app[data-page] main .artwork-card-placeholder::after,
body.artlog-app[data-page] main .artwork-detail-placeholder::after,
body.artlog-app[data-page] main .settings-v2-section-icon.is-museum,
body.artlog-app[data-page] main .profile-v3-section-icon.is-visited,
body.artlog-app[data-page] main .parks-v2-section-icon.is-region,
body.artlog-app[data-page] main .home-v2-section-icon.is-log,
body.artlog-app[data-page] main .profile-v3-section-icon.is-history,
body.artlog-app[data-page] main .guest-v2-section-icon.is-log,
body.artlog-app[data-page] main .settings-v2-icon.is-timeline,
body.artlog-app[data-page] main .profile-edit-v2-section-icon.is-image,
body.artlog-app[data-page] main .settings-v2-icon.is-edit,
body.artlog-app[data-page] main .checkin-detail-v2-icon.is-pencil,
body.artlog-app[data-page] main .favorite-parks-v2-section-icon.is-heart,
body.artlog-app[data-page] main .home-v2-section-icon.is-favorite,
body.artlog-app[data-page] main .profile-v3-section-icon.is-favorite,
body.artlog-app[data-page] main .profile-v3-summary-icon.is-heart::before,
body.artlog-app[data-page] main .timeline-v2-like i,
body.artlog-app[data-page] main .friend-log-v2-icon.is-heart,
body.artlog-app[data-page] main .checkin-detail-v2-icon.is-heart,
body.artlog-app[data-page] main .badge-v2-section-icon.is-badge,
body.artlog-app[data-page] main .badge-v2-section-icon.is-goal,
body.artlog-app[data-page] main .home-v2-section-icon.is-badge,
body.artlog-app[data-page] main .profile-v3-section-icon.is-badge,
body.artlog-app[data-page] main .notifications-v2-icon.is-badge::before,
body.artlog-app[data-page] main .home-v2-section-icon.is-friend,
body.artlog-app[data-page] main .friends-v2-section-icon.is-list,
body.artlog-app[data-page] main .timeline-v2-section-icon.is-follow,
body.artlog-app[data-page] main .friend-log-v2-icon.is-people,
body.artlog-app[data-page] main .home-v2-section-icon.is-summary,
body.artlog-app[data-page] main .profile-v3-section-icon.is-summary,
body.artlog-app[data-page] main .notifications-v2-section-icon.is-notification,
body.artlog-app[data-page] main .settings-v2-section-icon.is-notification,
body.artlog-app[data-page] main .settings-v2-icon.is-notification,
body.artlog-app[data-page] main .home-v2-section-icon.is-news,
body.artlog-app[data-page] main .notifications-v2-icon.is-notification::before,
body.artlog-app[data-page] main .guest-v2-section-icon.is-news,
body.artlog-app[data-page] main .home-v2-section-icon.is-info,
body.artlog-app[data-page] main .notifications-v2-section-icon.is-info,
body.artlog-app[data-page] main .guest-v2-section-icon.is-about,
body.artlog-app[data-page] main .checkin-v2-section-icon.is-info,
body.artlog-app[data-page] main .profile-v3-summary-icon.is-calendar::before,
body.artlog-app[data-page] main .log-v2-section-icon.is-history,
body.artlog-app[data-page] main .home-v2-section-icon.is-event,
body.artlog-app[data-page] main .guest-v2-section-icon.is-event,
body.artlog-app[data-page] main .home-v2-log .is-calendar,
body.artlog-app[data-page] main .friend-log-v2-icon.is-calendar,
body.artlog-app[data-page] main .checkin-v3-checked-at::before,
body.artlog-app[data-page] main .home-v2-log .is-clock,
body.artlog-app[data-page] main .friend-log-v2-icon.is-clock,
body.artlog-app[data-page] main .checkin-v2-section-icon.is-location,
body.artlog-app[data-page] main .profile-v3-summary-icon.is-location::before,
body.artlog-app[data-page] main .checkin-detail-v2-icon.is-location,
body.artlog-app[data-page] main .friend-log-v2-icon.is-location,
body.artlog-app[data-page] main .friends-v2-inline-icon.is-park,
body.artlog-app[data-page] main .parks-v2-section-icon.is-map,
body.artlog-app[data-page] main .guest-v2-section-icon.is-map,
body.artlog-app[data-page] main .settings-v2-section-icon.is-note,
body.artlog-app[data-page] main .checkin-v2-section-icon.is-note,
body.artlog-app[data-page] main .friend-log-v2-section-icon.is-detail,
body.artlog-app[data-page] main .timeline-v2-section-icon.is-public,
body.artlog-app[data-page] main .settings-v2-section-icon.is-privacy,
body.artlog-app[data-page] main .profile-edit-v2-section-icon.is-privacy,
body.artlog-app[data-page] main .guest-v2-section-icon.is-privacy,
body.artlog-app[data-page] main .settings-v2-icon.is-setting,
body.artlog-app[data-page] main .settings-v2-icon.is-lock,
body.artlog-app[data-page] main .friend-log-v2-icon.is-lock,
body.artlog-app[data-page] main .settings-v2-icon.is-account,
body.artlog-app[data-page] main .settings-v2-section-icon.is-account,
body.artlog-app[data-page] main .settings-v2-section-icon.is-profile,
body.artlog-app[data-page] main .settings-v2-icon.is-user,
body.artlog-app[data-page] main .profile-edit-v2-section-icon.is-user,
body.artlog-app[data-page] main .faq-v2-section-icon,
body.artlog-app[data-page] main .guest-v2-section-icon.is-terms,
body.artlog-app[data-page] main .settings-v2-section-icon.is-app,
body.artlog-app[data-page] main .settings-v2-section-icon.is-check,
body.artlog-app[data-page] main .checkin-v3-save-button i::before,
body.artlog-app[data-page] main .timeline-v2-section-icon.is-filter,
body.artlog-app[data-page] main .log-v2-section-icon.is-filter,
body.artlog-app[data-page] main .settings-v2-icon.is-search {
  mask: var(--artlog-icon) center / contain no-repeat;
  -webkit-mask: var(--artlog-icon) center / contain no-repeat;
}

body.artlog-app[data-page] main :is(.home-v2-section-icon, .profile-v3-section-icon, .settings-v2-section-icon, .checkin-v2-section-icon, .timeline-v2-section-icon, .log-v2-section-icon, .badge-v2-section-icon, .favorite-parks-v2-section-icon, .parks-v2-section-icon, .profile-edit-v2-section-icon, .notifications-v2-section-icon, .friend-log-v2-section-icon, .guest-v2-section-icon, .faq-v2-section-icon) {
  display: inline-block;
  width: 18px;
  height: 18px;
  flex-basis: 18px;
  color: var(--al-indigo);
}

body.artlog-app[data-page] main .subpage-title-icon.is-artwork::before {
  mask: var(--artlog-icon) center / contain no-repeat;
  -webkit-mask: var(--artlog-icon) center / contain no-repeat;
}

body.artlog-app[data-page] main .subpage-title-icon.is-museum::before {
  mask: var(--artlog-icon) center / contain no-repeat;
  -webkit-mask: var(--artlog-icon) center / contain no-repeat;
}

body.artlog-app[data-page] main .parks-v2-title-icon::before {
  mask: var(--artlog-icon) center / contain no-repeat;
  -webkit-mask: var(--artlog-icon) center / contain no-repeat;
}

body.artlog-app[data-page] main .timeline-v2-title-icon::before {
  mask: var(--artlog-icon) center / contain no-repeat;
  -webkit-mask: var(--artlog-icon) center / contain no-repeat;
}

body.artlog-app[data-page] main .log-v2-title-icon::before {
  mask: var(--artlog-icon) center / contain no-repeat;
  -webkit-mask: var(--artlog-icon) center / contain no-repeat;
}

body.artlog-app[data-page] main .friend-log-v2-title-icon::before {
  mask: var(--artlog-icon) center / contain no-repeat;
  -webkit-mask: var(--artlog-icon) center / contain no-repeat;
}

body.artlog-app[data-page] main .park-photo-v2-title-icon::before {
  mask: var(--artlog-icon) center / contain no-repeat;
  -webkit-mask: var(--artlog-icon) center / contain no-repeat;
}

body.artlog-app[data-page] main .profile-edit-v2-title-icon::before {
  mask: var(--artlog-icon) center / contain no-repeat;
  -webkit-mask: var(--artlog-icon) center / contain no-repeat;
}

body.artlog-app[data-page] main .favorite-parks-v2-title-icon::before {
  mask: var(--artlog-icon) center / contain no-repeat;
  -webkit-mask: var(--artlog-icon) center / contain no-repeat;
}

body.artlog-app[data-page] main .badge-v2-title-icon::before {
  mask: var(--artlog-icon) center / contain no-repeat;
  -webkit-mask: var(--artlog-icon) center / contain no-repeat;
}

body.artlog-app[data-page] main .subpage-title-icon.is-friends::before {
  mask: var(--artlog-icon) center / contain no-repeat;
  -webkit-mask: var(--artlog-icon) center / contain no-repeat;
}

body.artlog-app[data-page] main .notifications-v2-title-icon::before {
  mask: var(--artlog-icon) center / contain no-repeat;
  -webkit-mask: var(--artlog-icon) center / contain no-repeat;
}

body.artlog-app[data-page] main .guest-static-title-icon.is-news::before {
  mask: var(--artlog-icon) center / contain no-repeat;
  -webkit-mask: var(--artlog-icon) center / contain no-repeat;
}

body.artlog-app[data-page] main .guest-static-title-icon.is-about::before {
  mask: var(--artlog-icon) center / contain no-repeat;
  -webkit-mask: var(--artlog-icon) center / contain no-repeat;
}

body.artlog-app[data-page] main .parks-column-v2-title-icon::before {
  mask: var(--artlog-icon) center / contain no-repeat;
  -webkit-mask: var(--artlog-icon) center / contain no-repeat;
}

body.artlog-app[data-page] main .subpage-title-icon.is-id::before {
  mask: var(--artlog-icon) center / contain no-repeat;
  -webkit-mask: var(--artlog-icon) center / contain no-repeat;
}

body.artlog-app[data-page] main .subpage-title-icon.is-calendar::before {
  mask: var(--artlog-icon) center / contain no-repeat;
  -webkit-mask: var(--artlog-icon) center / contain no-repeat;
}

body.artlog-app[data-page] main .guest-static-title-icon.is-event::before {
  mask: var(--artlog-icon) center / contain no-repeat;
  -webkit-mask: var(--artlog-icon) center / contain no-repeat;
}

body.artlog-app[data-page] main .checkin-v2-title-icon::before {
  mask: var(--artlog-icon) center / contain no-repeat;
  -webkit-mask: var(--artlog-icon) center / contain no-repeat;
}

body.artlog-app[data-page] main .subpage-title-icon.is-privacy::before {
  mask: var(--artlog-icon) center / contain no-repeat;
  -webkit-mask: var(--artlog-icon) center / contain no-repeat;
}

body.artlog-app[data-page] main .guest-static-title-icon.is-privacy::before {
  mask: var(--artlog-icon) center / contain no-repeat;
  -webkit-mask: var(--artlog-icon) center / contain no-repeat;
}

body.artlog-app[data-page] main .subpage-title-icon.is-settings::before {
  mask: var(--artlog-icon) center / contain no-repeat;
  -webkit-mask: var(--artlog-icon) center / contain no-repeat;
}

body.artlog-app[data-page] main .gear-v2-title-icon::before {
  mask: var(--artlog-icon) center / contain no-repeat;
  -webkit-mask: var(--artlog-icon) center / contain no-repeat;
}

body.artlog-app[data-page] main .subpage-title-icon.is-account::before {
  mask: var(--artlog-icon) center / contain no-repeat;
  -webkit-mask: var(--artlog-icon) center / contain no-repeat;
}

body.artlog-app[data-page] main .guest-static-title-icon.is-faq::before {
  mask: var(--artlog-icon) center / contain no-repeat;
  -webkit-mask: var(--artlog-icon) center / contain no-repeat;
}

body.artlog-app[data-page] main .subpage-title-icon.is-contact::before {
  mask: var(--artlog-icon) center / contain no-repeat;
  -webkit-mask: var(--artlog-icon) center / contain no-repeat;
}

body.artlog-app[data-page] main .guest-static-title-icon.is-terms::before {
  mask: var(--artlog-icon) center / contain no-repeat;
  -webkit-mask: var(--artlog-icon) center / contain no-repeat;
}

body.artlog-app[data-page] main .subpage-title-icon.is-search::before {
  mask: var(--artlog-icon) center / contain no-repeat;
  -webkit-mask: var(--artlog-icon) center / contain no-repeat;
}

body.artlog-app[data-page] main .checkin-v2-status-card > i::before {
  mask: url("/assets/icons/artlog/location-tick.svg") center / contain no-repeat;
  -webkit-mask: url("/assets/icons/artlog/location-tick.svg") center / contain no-repeat;
}

body.artlog-app[data-page] main .checkin-v2-status-card.is-denied > i::before {
  mask: url("/assets/icons/artlog/location-slash.svg") center / contain no-repeat;
  -webkit-mask: url("/assets/icons/artlog/location-slash.svg") center / contain no-repeat;
}

body.artlog-app[data-page] main .checkin-v2-status-card.is-inaccurate > i::before,
body.artlog-app[data-page] main .checkin-v2-status-card.is-outside > i::before {
  mask: url("/assets/icons/artlog/info-circle.svg") center / contain no-repeat;
  -webkit-mask: url("/assets/icons/artlog/info-circle.svg") center / contain no-repeat;
}

body.artlog-app[data-page] main .checkin-v2-status-card.is-locating > i::before {
  mask: url("/assets/icons/artlog/gps.svg") center / contain no-repeat;
  -webkit-mask: url("/assets/icons/artlog/gps.svg") center / contain no-repeat;
}

body.artlog-app[data-page] main .checkin-v2-status-card.is-active > i::before,
body.artlog-app[data-page] main .checkin-v2-status-card.is-active-moved > i::before {
  mask: url("/assets/icons/artlog/location.svg") center / contain no-repeat;
  -webkit-mask: url("/assets/icons/artlog/location.svg") center / contain no-repeat;
}

body.artlog-app[data-page] main .checkin-v2-status-card > a::before {
  mask: url("/assets/icons/artlog/refresh.svg") center / contain no-repeat;
  -webkit-mask: url("/assets/icons/artlog/refresh.svg") center / contain no-repeat;
}

body.artlog-app[data-page] main .checkin-v3-photo-button i {
  mask: url("/assets/icons/artlog/camera.svg") center / contain no-repeat;
  -webkit-mask: url("/assets/icons/artlog/camera.svg") center / contain no-repeat;
}

body.artlog-app[data-page] main .checkin-v3-visibility i {
  mask: url("/assets/icons/artlog/global.svg") center / contain no-repeat;
  -webkit-mask: url("/assets/icons/artlog/global.svg") center / contain no-repeat;
}

body.artlog-app[data-page] nav.bottom-nav a[data-nav="home"]::before,
body.artlog-app[data-page] nav.bottom-nav a.active[data-nav="home"]::before,
body.artlog-app[data-page] nav.bottom-nav a[data-nav="home"]:active::before {
  mask: url("/assets/icons/artlog/home-2.svg") center / contain no-repeat;
  -webkit-mask: url("/assets/icons/artlog/home-2.svg") center / contain no-repeat;
}

body.artlog-app[data-page] nav.bottom-nav a[data-nav="timeline"]::before,
body.artlog-app[data-page] nav.bottom-nav a.active[data-nav="timeline"]::before,
body.artlog-app[data-page] nav.bottom-nav a[data-nav="timeline"]:active::before {
  mask: url("/assets/icons/artlog/book.svg") center / contain no-repeat;
  -webkit-mask: url("/assets/icons/artlog/book.svg") center / contain no-repeat;
}

body.artlog-app[data-page] nav.bottom-nav a[data-nav="checkin"]::before,
body.artlog-app[data-page] nav.bottom-nav a.active[data-nav="checkin"]::before,
body.artlog-app[data-page] nav.bottom-nav a[data-nav="checkin"]:active::before {
  mask: url("/assets/icons/artlog/location.svg") center / contain no-repeat;
  -webkit-mask: url("/assets/icons/artlog/location.svg") center / contain no-repeat;
}

body.artlog-app[data-page] nav.bottom-nav a[data-nav="parks"]::before,
body.artlog-app[data-page] nav.bottom-nav a.active[data-nav="parks"]::before,
body.artlog-app[data-page] nav.bottom-nav a[data-nav="parks"]:active::before {
  mask: url("/assets/icons/artlog/search-normal-1.svg") center / contain no-repeat;
  -webkit-mask: url("/assets/icons/artlog/search-normal-1.svg") center / contain no-repeat;
}

body.artlog-app[data-page] nav.bottom-nav a[data-nav="profile"]::before,
body.artlog-app[data-page] nav.bottom-nav a.active[data-nav="profile"]::before,
body.artlog-app[data-page] nav.bottom-nav a[data-nav="profile"]:active::before {
  mask: url("/assets/icons/artlog/user.svg") center / contain no-repeat;
  -webkit-mask: url("/assets/icons/artlog/user.svg") center / contain no-repeat;
}

body.artlog-app[data-page] nav.bottom-nav a::before {
  width: 22px;
  height: 22px;
  background-color: currentColor;
}

/* Saved facilities use the same quiet navy heart as the ART LOG navigation. */
body.artlog-app[data-page] main .favorite-parks-v2-section-icon.is-heart,
body.artlog-app[data-page] main .favorite-parks-v2-thumb i::before {
  background-color: var(--al-indigo);
  mask: url("/assets/icons/artlog/heart.svg") center / contain no-repeat;
  -webkit-mask: url("/assets/icons/artlog/heart.svg") center / contain no-repeat;
}