/* Original Figma SVGs remain intact. Masks inherit the surrounding text color. */
.lyrics-play>.fi-icon{--fi-size:14px;vertical-align:0}
.tb-system-mini i>.fi-icon{border:0;padding:0;min-width:0;background:none}
.case-image-open::after{content:""}
.case-image-open::before{content:"";position:absolute;right:13px;bottom:13px;width:24px;height:24px;background:#fff;mask:url("icons/fi/arrow-up-right-02-round.svg") center/13.4999px 13.4999px no-repeat;-webkit-mask:url("icons/fi/arrow-up-right-02-round.svg") center/13.4999px 13.4999px no-repeat;z-index:1;pointer-events:none}
.is-instrumental .lyrics-text{font-size:0}
.is-instrumental .lyrics-text::before{content:"";display:inline-block;width:16px;height:16px;background:currentColor;mask:url("icons/fi/music-note-01.svg") center/contain no-repeat;-webkit-mask:url("icons/fi/music-note-01.svg") center/contain no-repeat}
.fi-icon{display:inline-grid;position:relative;place-items:center;width:var(--fi-size,24px);height:var(--fi-size,24px);flex:0 0 auto;vertical-align:middle;line-height:1;pointer-events:none}
.fi-icon::before{content:"";display:block;background-color:currentColor;mask-repeat:no-repeat;mask-position:center;mask-size:contain;-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;-webkit-mask-size:contain}
.fi-inline{--fi-size:1.2em;vertical-align:-.2em}
/* Center project navigation icons independently of the font's inline baseline. */
body[data-project] .back-work,
body[data-project] .case-chapter-end button>span,
body[data-project] .case-chapter-end>a,
body[data-project] .project-showcase button[data-case-jump]{display:inline-flex;align-items:center;gap:.35em}
body[data-project] .deck-controls button{display:grid;place-items:center;padding:0;line-height:1}
.music-toggle>.fi-icon{--fi-size:21px}
.music-toggle>.pause-icon,.is-playing .music-toggle>.play-icon{display:none}
.is-playing .music-toggle>.pause-icon{display:inline-grid}
.music-speaker>.fi-icon{--fi-size:21px}
.music-speaker>.fi-muted,.is-muted .music-speaker>.fi-audible{display:none}
.is-muted .music-speaker>.fi-muted{display:inline-grid}
.mi-controls .fi-icon{--fi-size:20px}.mi-volume .fi-icon{--fi-size:22px}
.sg-icon>.fi-icon{--fi-size:24px}
/* Preserve the layout previously applied to Sigma's inline SVG icons. */
body[data-project="3"] .sg-response>.fi-icon{--fi-size:16px;margin-right:8px;color:var(--sg-accent);vertical-align:middle}
body[data-project="3"] .sg-connector>.fi-icon{--fi-size:20px}
body[data-project="3"] .sg-evidence-chain>div>.fi-icon{display:grid;--fi-size:24px;margin:0 0 12px;color:var(--sg-accent)}
body[data-project="3"] .sg-architecture-root>.fi-icon,
body[data-project="3"] .sg-architecture-exit>.fi-icon{display:grid;--fi-size:20px;margin:0 auto 8px;color:var(--sg-accent)}
body[data-project="3"] .sg-navigation-map>div>.fi-icon{display:grid;--fi-size:20px;margin:0 auto 12px;color:#bbb}
body[data-project="3"] .sg-wf-object>.fi-icon{--fi-size:28px;color:#888}
body[data-project="3"] .sg-ui-artifact>.fi-icon{display:inline-grid;--fi-size:20px;margin:0}
body[data-project="3"] .sg-ui-artifact>.fi-icon:last-child{width:12px;margin-left:auto}
body[data-project="3"] .sg-figma-link>.fi-icon{--fi-size:18px}
@media(max-width:600px){body[data-project="3"] .sg-navigation-map>div>.fi-icon{margin:0}}
.viewer-close>.fi-icon,.viewer-prev>.fi-icon,.viewer-next>.fi-icon,.case-image-dialog header button>.fi-icon{--fi-size:24px}
.tb-flow li+li::before{content:"";width:20px;height:20px;top:30px;background-color:#a5adff;mask:url("icons/fi/arrow-right-04-round.svg") center/17.5px 9.50146px no-repeat;-webkit-mask:url("icons/fi/arrow-right-04-round.svg") center/17.5px 9.50146px no-repeat}
@media(max-width:600px){.tb-flow li+li::before{top:-16px;mask-image:url("icons/fi/arrow-down-04-round.svg");-webkit-mask-image:url("icons/fi/arrow-down-04-round.svg");mask-size:9.50146px 17.5px;-webkit-mask-size:9.50146px 17.5px}}
@media(forced-colors:active){.fi-icon::before{background:CanvasText}}

.fi-icon[data-fi-icon="arrow-left-01-round"]::before{width:31.250208333333333%;height:56.250416666666666%;mask-image:url("icons/fi/arrow-left-01-round.svg");-webkit-mask-image:url("icons/fi/arrow-left-01-round.svg");transform:none}
.fi-icon[data-fi-icon="arrow-right-01-round"]::before{width:31.250208333333333%;height:56.250416666666666%;mask-image:url("icons/fi/arrow-right-01-round.svg");-webkit-mask-image:url("icons/fi/arrow-right-01-round.svg");transform:none}
.fi-icon[data-fi-icon="arrow-up-right-01-round"]::before{width:56.25%;height:56.250416666666666%;mask-image:url("icons/fi/arrow-up-right-01-round.svg");-webkit-mask-image:url("icons/fi/arrow-up-right-01-round.svg");transform:none}
.fi-icon[data-fi-icon="arrow-down-01-round"]::before{width:56.250416666666666%;height:31.250208333333333%;mask-image:url("icons/fi/arrow-down-01-round.svg");-webkit-mask-image:url("icons/fi/arrow-down-01-round.svg");transform:none}
.fi-icon[data-fi-icon="arrow-left-right-round"]::before{width:72.91666666666666%;height:72.91708333333334%;mask-image:url("icons/fi/arrow-left-right-round.svg");-webkit-mask-image:url("icons/fi/arrow-left-right-round.svg");transform:none}
.fi-icon[data-fi-icon="download-01"]::before{width:81.25%;height:81.25%;mask-image:url("icons/fi/download-01.svg");-webkit-mask-image:url("icons/fi/download-01.svg");transform:none}
.fi-icon[data-fi-icon="mail-01"]::before{width:89.58333333333334%;height:77.08333333333334%;mask-image:url("icons/fi/mail-01.svg");-webkit-mask-image:url("icons/fi/mail-01.svg");transform:none}
.fi-icon[data-fi-icon="call"]::before{width:89.58666666666667%;height:89.58624999999999%;mask-image:url("icons/fi/call.svg");-webkit-mask-image:url("icons/fi/call.svg");transform:none}
.fi-icon[data-fi-icon="linkedin-01"]::before{width:85.41666666666666%;height:85.41666666666666%;mask-image:url("icons/fi/linkedin-01.svg");-webkit-mask-image:url("icons/fi/linkedin-01.svg");transform:rotate(180deg) scaleX(-1)}
.fi-icon[data-fi-icon="behance-01"]::before{width:89.58333333333334%;height:64.58333333333334%;mask-image:url("icons/fi/behance-01.svg");-webkit-mask-image:url("icons/fi/behance-01.svg");transform:rotate(180deg) scaleX(-1)}
.fi-icon[data-fi-icon="copy-01"]::before{width:89.58333333333334%;height:89.58333333333334%;mask-image:url("icons/fi/copy-01.svg");-webkit-mask-image:url("icons/fi/copy-01.svg");transform:none}
.fi-icon[data-fi-icon="play"]::before{width:64.58333333333334%;height:68.75041666666667%;mask-image:url("icons/fi/play.svg");-webkit-mask-image:url("icons/fi/play.svg");transform:none}
.fi-icon[data-fi-icon="pause"]::before{width:72.91666666666666%;height:72.91666666666666%;mask-image:url("icons/fi/pause.svg");-webkit-mask-image:url("icons/fi/pause.svg");transform:none}
.fi-icon[data-fi-icon="previous"]::before{width:72.91666666666666%;height:72.91666666666666%;mask-image:url("icons/fi/previous.svg");-webkit-mask-image:url("icons/fi/previous.svg");transform:none}
.fi-icon[data-fi-icon="next"]::before{width:72.91666666666666%;height:64.58458333333333%;mask-image:url("icons/fi/next.svg");-webkit-mask-image:url("icons/fi/next.svg");transform:none}
.fi-icon[data-fi-icon="volume-high"]::before{width:89.58416666666666%;height:72.92958333333334%;mask-image:url("icons/fi/volume-high.svg");-webkit-mask-image:url("icons/fi/volume-high.svg");transform:none}
.fi-icon[data-fi-icon="volume-mute-01"]::before{width:56.25%;height:72.92958333333334%;mask-image:url("icons/fi/volume-mute-01.svg");-webkit-mask-image:url("icons/fi/volume-mute-01.svg");transform:none}
.fi-icon[data-fi-icon="cancel-01"]::before{width:64.58333333333334%;height:64.58333333333334%;mask-image:url("icons/fi/cancel-01.svg");-webkit-mask-image:url("icons/fi/cancel-01.svg");transform:none}
.fi-icon[data-fi-icon="route-01"]::before{width:81.25%;height:89.58333333333334%;mask-image:url("icons/fi/route-01.svg");-webkit-mask-image:url("icons/fi/route-01.svg");transform:none}
.fi-icon[data-fi-icon="book-open-01"]::before{width:89.58333333333334%;height:81.25%;mask-image:url("icons/fi/book-open-01.svg");-webkit-mask-image:url("icons/fi/book-open-01.svg");transform:none}
.fi-icon[data-fi-icon="image-01"]::before{width:85.41666666666666%;height:85.41666666666666%;mask-image:url("icons/fi/image-01.svg");-webkit-mask-image:url("icons/fi/image-01.svg");transform:none}
.fi-icon[data-fi-icon="tick-02"]::before{width:64.58333333333334%;height:52.083333333333336%;mask-image:url("icons/fi/tick-02.svg");-webkit-mask-image:url("icons/fi/tick-02.svg");transform:none}
.fi-icon[data-fi-icon="message-01"]::before{width:89.58333333333334%;height:85.41666666666666%;mask-image:url("icons/fi/message-01.svg");-webkit-mask-image:url("icons/fi/message-01.svg");transform:none}
.fi-icon[data-fi-icon="user-group"]::before{width:97.91708333333334%;height:72.91666666666666%;mask-image:url("icons/fi/user-group.svg");-webkit-mask-image:url("icons/fi/user-group.svg");transform:none}
.fi-icon[data-fi-icon="search"]::before{width:89.58333333333334%;height:89.58333333333334%;mask-image:url("icons/fi/search.svg");-webkit-mask-image:url("icons/fi/search.svg");transform:scaleX(-1)}
.fi-icon[data-fi-icon="grid-view"]::before{width:89.58333333333334%;height:89.58333333333334%;mask-image:url("icons/fi/grid-view.svg");-webkit-mask-image:url("icons/fi/grid-view.svg");transform:none}
.fi-icon[data-fi-icon="layers-01"]::before{width:81.25%;height:89.58333333333334%;mask-image:url("icons/fi/layers-01.svg");-webkit-mask-image:url("icons/fi/layers-01.svg");transform:none}
.fi-icon[data-fi-icon="target-01"]::before{width:89.58333333333334%;height:89.58333333333334%;mask-image:url("icons/fi/target-01.svg");-webkit-mask-image:url("icons/fi/target-01.svg");transform:none}
.fi-icon[data-fi-icon="bulb"]::before{width:72.91666666666666%;height:89.58375%;mask-image:url("icons/fi/bulb.svg");-webkit-mask-image:url("icons/fi/bulb.svg");transform:none}
.fi-icon[data-fi-icon="arrow-left-04-round"]::before{width:72.91666666666666%;height:39.589416666666665%;mask-image:url("icons/fi/arrow-left-04-round.svg");-webkit-mask-image:url("icons/fi/arrow-left-04-round.svg");transform:none}
.fi-icon[data-fi-icon="arrow-right-04-round"]::before{width:72.91666666666666%;height:39.589416666666665%;mask-image:url("icons/fi/arrow-right-04-round.svg");-webkit-mask-image:url("icons/fi/arrow-right-04-round.svg");transform:none}
.fi-icon[data-fi-icon="arrow-up-right-02-round"]::before{width:56.249583333333334%;height:56.249583333333334%;mask-image:url("icons/fi/arrow-up-right-02-round.svg");-webkit-mask-image:url("icons/fi/arrow-up-right-02-round.svg");transform:none}
.fi-icon[data-fi-icon="arrow-down-04-round"]::before{width:39.589416666666665%;height:72.91666666666666%;mask-image:url("icons/fi/arrow-down-04-round.svg");-webkit-mask-image:url("icons/fi/arrow-down-04-round.svg");transform:none}
.fi-icon[data-fi-icon="qr-code"]::before{width:89.58333333333334%;height:89.58333333333334%;mask-image:url("icons/fi/qr-code.svg");-webkit-mask-image:url("icons/fi/qr-code.svg");transform:none}
.fi-icon[data-fi-icon="volume-off-02"]::before{width:89.58375%;height:89.58333333333334%;mask-image:url("icons/fi/volume-off-02.svg");-webkit-mask-image:url("icons/fi/volume-off-02.svg");transform:none}

.fi-icon[data-fi-icon="sparkles"]::before{width:89.58333333333334%;height:89.58333333333334%;mask-image:url("icons/fi/sparkles.svg");-webkit-mask-image:url("icons/fi/sparkles.svg")}

.fi-icon[data-fi-icon="music-note-01"]::before{width:89.58375%;height:89.58375%;mask-image:url("icons/fi/music-note-01.svg");-webkit-mask-image:url("icons/fi/music-note-01.svg")}