/* Tabler Outline, curated via 21st.dev. MIT © Paweł Kuna; see /icons/tabler/LICENSE.txt.
 * Legacy class names preserve existing layouts and copy states.
 * Local SVG masks need no icon font, package, CDN, or client-side JavaScript.
 */
.disarto-icon {
  display:inline-block;
  width:24px;
  height:24px;
  flex-shrink:0;
  vertical-align:middle;
  background-color:currentColor;
  -webkit-mask:var(--disarto-source) center / contain no-repeat;
  mask:var(--disarto-source) center / contain no-repeat;
  pointer-events:none;
}
.disarto-icon[data-icon="arrow-up-right"] { --disarto-source:url('/icons/tabler/arrow-up-right.svg'); }
.disarto-icon[data-icon="arrow-up"] { --disarto-source:url('/icons/tabler/arrow-up.svg'); }
.disarto-icon[data-icon="arrow-right"] { --disarto-source:url('/icons/tabler/arrow-right.svg'); }
.disarto-icon[data-icon="arrow-left"] { --disarto-source:url('/icons/tabler/arrow-left.svg'); }
.disarto-icon[data-icon="arrow-down"] { --disarto-source:url('/icons/tabler/arrow-down.svg'); }
.disarto-icon[data-icon="chevron-left"] { --disarto-source:url('/icons/tabler/chevron-left.svg'); }
.disarto-icon[data-icon="chevron-right"] { --disarto-source:url('/icons/tabler/chevron-right.svg'); }
.disarto-icon[data-icon="mail"] { --disarto-source:url('/icons/tabler/mail.svg'); }
.disarto-icon[data-icon="copy"] { --disarto-source:url('/icons/tabler/copy.svg'); }
.disarto-icon[data-icon="check"] { --disarto-source:url('/icons/tabler/check.svg'); }
.disarto-icon[data-icon="calendar"] { --disarto-source:url('/icons/tabler/calendar.svg'); }
.disarto-icon[data-icon="document"] { --disarto-source:url('/icons/tabler/file-text.svg'); }
.disarto-icon[data-icon="menu"] { --disarto-source:url('/icons/tabler/menu-2.svg'); }
.disarto-icon[data-icon="close"] { --disarto-source:url('/icons/tabler/x.svg'); }
.disarto-icon[data-icon="phone"] { --disarto-source:url('/icons/tabler/device-mobile.svg'); }
.disarto-icon[data-icon="monitor"] { --disarto-source:url('/icons/tabler/device-desktop.svg'); }
.disarto-icon[data-icon="search"] { --disarto-source:url('/icons/tabler/search.svg'); }
.disarto-icon.category-icon { width:16px; height:16px; margin-right:3px; vertical-align:-3px; }

.disarto-icon.content-cta-icon { width:18px; height:18px; }
.disarto-icon.contact-page-link-symbol,
.disarto-icon.contact-page-link-arrow { width:22px; height:22px; }
.project-tile-arrow .disarto-icon { width:22px; height:22px; }
.pr-arrow-inner > .disarto-icon { width:100%; height:100%; }
.page-case .portrait-card .pr-arrow-inner > .disarto-icon { width:22px; height:22px; }
.case-final-cta-icon > .disarto-icon { width:100%; height:100%; }
.works-featured-carousel-controls .disarto-icon { width:19px; height:19px; transition:transform .25s var(--ease); }
.tracker-preview-due .disarto-icon { width:11px; height:11px; }
.back-to-top { display:inline-flex; align-items:center; gap:6px; }
.back-to-top .disarto-icon { width:18px; height:18px; }

.disarto-copy-state { display:inline-grid; flex-shrink:0; }
.disarto-copy-state > .disarto-icon { grid-area:1 / 1; width:100%; height:100%; }
.disarto-copy-state > [data-icon="check"] { visibility:hidden; }
.is-copied .disarto-copy-state { color:#8fe0bf; }
.is-copied .disarto-copy-state > [data-icon="copy"] { visibility:hidden; }
.is-copied .disarto-copy-state > [data-icon="check"] { visibility:visible; }

.home-header .nav-toggle[aria-expanded] span.disarto-icon {
  width:22px; height:22px; margin:0; background-color:currentColor; transform:none;
}
.home-header .nav-toggle [data-icon="close"],
.home-header .nav-toggle[aria-expanded="true"] [data-icon="menu"] { display:none; }
.home-header .nav-toggle[aria-expanded="true"] [data-icon="close"] { display:block; }

@media (hover:hover) and (pointer:fine) {
  .works-featured-carousel-controls button[data-featured-carousel-prev]:not(:disabled):hover .disarto-icon { transform:translateX(-3px); }
  .works-featured-carousel-controls button[data-featured-carousel-next]:not(:disabled):hover .disarto-icon { transform:translateX(3px); }
}
@media (prefers-reduced-motion:reduce) {
  .works-featured-carousel-controls .disarto-icon { transition:none; }
}

/* Shared outlined brand marks on hero, contacts and profile cards. */
.disarto-icon[data-icon="telegram"] { --disarto-source:url('/icons/tabler/brand-telegram.svg'); }
.disarto-icon[data-icon="linkedin"] { --disarto-source:url('/icons/tabler/brand-linkedin.svg'); }
.disarto-icon[data-icon="behance"] { --disarto-source:url('/icons/tabler/brand-behance.svg'); }
.disarto-icon[data-icon="figma"] { --disarto-source:url('/icons/tabler/brand-figma.svg'); }
.social-btn > .disarto-icon { width:20px; height:20px; }