/* The refreshed icon files are transparent masks so their stroke follows the active theme. */
.fuuvo-asset-icon {
    width: 100%;
    height: 100%;
    min-width: 0;
    min-height: 0;
    display: block;
    flex: 0 0 auto;
    background-color: currentColor;
    -webkit-mask-image: var(--fuuvo-icon-asset, var(--fuuvo-asset-url));
    mask-image: var(--fuuvo-icon-asset, var(--fuuvo-asset-url));
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
}

/* Website 2.0 transparent icon assets. The mask keeps the source SVG
 * transparent while inheriting the active light/dark theme colour. */
.fuuvo-asset-home {
    --fuuvo-icon-asset: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20aria-hidden%3D%22true%22%3E%0D%0A%3Cpath%20d%3D%22M4.25%2010.75%2012%204.25l7.75%206.5%22%2F%3E%0D%0A%20%20%3Cpath%20d%3D%22M6.75%209.75V19.5h10.5V9.75%22%2F%3E%0D%0A%20%20%3Cpath%20d%3D%22M10%2019.5v-5.25h4V19.5%22%2F%3E%0D%0A%3C%2Fsvg%3E%0D%0A');
}

.fuuvo-asset-creation-centre {
    --fuuvo-icon-asset: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20aria-hidden%3D%22true%22%3E%0D%0A%3Cpath%20d%3D%22M4.85%2019.35%2013.6%2010.6%22%2F%3E%0D%0A%20%20%3Cpath%20d%3D%22M12.85%2011.35%2015.35%208.85a2.2%202.2%200%200%201%203.1%200l.7.7a2.2%202.2%200%200%201%200%203.1L16.65%2015.15%22%2F%3E%0D%0A%20%20%3Cpath%20d%3D%22M17.85%204.15%2018.7%206.4%2020.95%207.25%2018.7%208.1%2017.85%2010.35%2017%208.1%2014.75%207.25%2017%206.4z%22%2F%3E%0D%0A%3C%2Fsvg%3E%0D%0A');
}

.fuuvo-asset-research {
    --fuuvo-icon-asset: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20aria-hidden%3D%22true%22%3E%0D%0A%3Cpath%20d%3D%22M12%206.25c-2.9-1.6-6.7-1.45-8.5-.15v11.9c2.05-1.2%205.55-1.35%208.5.2%22%2F%3E%0D%0A%20%20%3Cpath%20d%3D%22M12%206.25c2.9-1.6%206.7-1.45%208.5-.15v11.9c-2.05-1.2-5.55-1.35-8.5.2%22%2F%3E%0D%0A%20%20%3Cpath%20d%3D%22M12%206.25v12%22%2F%3E%0D%0A%3C%2Fsvg%3E%0D%0A');
}

.fuuvo-asset-translate {
    --fuuvo-icon-asset: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20aria-hidden%3D%22true%22%3E%0D%0A%3Cpath%20d%3D%22M3.5%207h8%22%2F%3E%0D%0A%20%20%3Cpath%20d%3D%22M7.5%205.25V7%22%2F%3E%0D%0A%20%20%3Cpath%20d%3D%22M5.2%2011.25%208.85%2019%22%2F%3E%0D%0A%20%20%3Cpath%20d%3D%22M8.85%2011.25%205.2%2019%22%2F%3E%0D%0A%20%20%3Cpath%20d%3D%22M13.5%2019%2016.85%208.5h.4L20.6%2019%22%2F%3E%0D%0A%20%20%3Cpath%20d%3D%22M14.75%2015.25h4.6%22%2F%3E%0D%0A%3C%2Fsvg%3E%0D%0A');
}

.fuuvo-asset-create-video {
    --fuuvo-icon-asset: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20aria-hidden%3D%22true%22%3E%0D%0A%3Crect%20x%3D%223.25%22%20y%3D%226.75%22%20width%3D%2212.75%22%20height%3D%2210.5%22%20rx%3D%222.25%22%2F%3E%0D%0A%20%20%3Cpath%20d%3D%22M16%2010.15%2020.75%207.5v9l-4.75-2.65z%22%2F%3E%0D%0A%3C%2Fsvg%3E%0D%0A');
}

.fuuvo-asset-photo-solver {
    --fuuvo-icon-asset: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20aria-hidden%3D%22true%22%3E%0D%0A%3Cpath%20d%3D%22M4.5%208.5V5.5h3%22%2F%3E%0D%0A%20%20%3Cpath%20d%3D%22M19.5%208.5V5.5h-3%22%2F%3E%0D%0A%20%20%3Cpath%20d%3D%22M4.5%2015.5v3h3%22%2F%3E%0D%0A%20%20%3Cpath%20d%3D%22M19.5%2015.5v3h-3%22%2F%3E%0D%0A%20%20%3Cpath%20d%3D%22M8.5%209.25%2012%206.85%2015.5%209.25%22%2F%3E%0D%0A%20%20%3Cpath%20d%3D%22M12%206.85v6.4%22%2F%3E%0D%0A%20%20%3Cpath%20d%3D%22M8.75%2016.15h6.5%22%2F%3E%0D%0A%3C%2Fsvg%3E%0D%0A');
}

.fuuvo-asset-local-food {
    --fuuvo-icon-asset: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20aria-hidden%3D%22true%22%3E%0D%0A%3Cpath%20d%3D%22M4.25%2011.35h15.5%22%2F%3E%0D%0A%20%20%3Cpath%20d%3D%22M5.15%2011.35c.45%205.35%203.35%208.4%206.85%208.4s6.4-3.05%206.85-8.4%22%2F%3E%0D%0A%20%20%3Cpath%20d%3D%22M9.35%204.6c.35.9-.2%201.45.15%202.4%22%2F%3E%0D%0A%20%20%3Cpath%20d%3D%22M12%203.75c.4%201-.2%201.6.2%202.7%22%2F%3E%0D%0A%20%20%3Cpath%20d%3D%22M14.7%204.6c.35.9-.2%201.45.15%202.4%22%2F%3E%0D%0A%3C%2Fsvg%3E%0D%0A');
}

.fuuvo-asset-deep-research {
    --fuuvo-icon-asset: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20aria-hidden%3D%22true%22%3E%0D%0A%3Cpath%20d%3D%22M9%203.75h6%22%2F%3E%0D%0A%20%20%3Cpath%20d%3D%22M10.25%203.75v5.35L6.7%2016.7A3.4%203.4%200%200%200%209.6%2020.5h4.8a3.4%203.4%200%200%200%202.9-3.8l-3.55-7.6V3.75%22%2F%3E%0D%0A%20%20%3Ccircle%20cx%3D%2210.15%22%20cy%3D%2216.35%22%20r%3D%220.7%22%20fill%3D%22currentColor%22%20stroke%3D%22none%22%2F%3E%0D%0A%20%20%3Ccircle%20cx%3D%2213.35%22%20cy%3D%2217.6%22%20r%3D%220.55%22%20fill%3D%22currentColor%22%20stroke%3D%22none%22%2F%3E%0D%0A%3C%2Fsvg%3E%0D%0A');
}

.fuuvo-asset-writing {
    --fuuvo-icon-asset: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20aria-hidden%3D%22true%22%3E%0D%0A%3Cpath%20d%3D%22M13.35%204.65%2019.35%2010.65%209.5%2020.5H3.5v-6z%22%2F%3E%0D%0A%20%20%3Cpath%20d%3D%22M11.85%206.15%2017.85%2012.15%22%2F%3E%0D%0A%20%20%3Cpath%20d%3D%22M5.15%2015.35%208.65%2018.85%22%2F%3E%0D%0A%3C%2Fsvg%3E%0D%0A');
}

.fuuvo-asset-data-analysis {
    --fuuvo-icon-asset: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20aria-hidden%3D%22true%22%3E%0D%0A%3Cpath%20d%3D%22M4.25%204.5v15.25H20%22%2F%3E%0D%0A%20%20%3Cpath%20d%3D%22M8%2019.75v-5.5%22%2F%3E%0D%0A%20%20%3Cpath%20d%3D%22M12.25%2019.75V8.5%22%2F%3E%0D%0A%20%20%3Cpath%20d%3D%22M16.5%2019.75v-8%22%2F%3E%0D%0A%3C%2Fsvg%3E%0D%0A');
}

.fuuvo-asset-office-hub {
    --fuuvo-icon-asset: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20aria-hidden%3D%22true%22%3E%0D%0A%3Cpath%20d%3D%22M4.25%2020.25V9.5L12%203.75%2019.75%209.5v10.75%22%2F%3E%0D%0A%20%20%3Cpath%20d%3D%22M10%2020.25v-6.25h4v6.25%22%2F%3E%0D%0A%20%20%3Cpath%20d%3D%22M7.25%2012.5h2%22%2F%3E%0D%0A%20%20%3Cpath%20d%3D%22M14.75%2012.5h2%22%2F%3E%0D%0A%3C%2Fsvg%3E%0D%0A');
}

.fuuvo-asset-work-assistant {
    --fuuvo-icon-asset: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20aria-hidden%3D%22true%22%3E%0D%0A%3Crect%20x%3D%225.5%22%20y%3D%227.25%22%20width%3D%2213%22%20height%3D%2211.5%22%20rx%3D%223.5%22%2F%3E%0D%0A%20%20%3Ccircle%20cx%3D%229.5%22%20cy%3D%2212.4%22%20r%3D%220.95%22%20fill%3D%22currentColor%22%20stroke%3D%22none%22%2F%3E%0D%0A%20%20%3Ccircle%20cx%3D%2214.5%22%20cy%3D%2212.4%22%20r%3D%220.95%22%20fill%3D%22currentColor%22%20stroke%3D%22none%22%2F%3E%0D%0A%20%20%3Cpath%20d%3D%22M9.6%2015.35h4.8%22%2F%3E%0D%0A%20%20%3Cpath%20d%3D%22M12%203.75v3.5%22%2F%3E%0D%0A%20%20%3Ccircle%20cx%3D%2212%22%20cy%3D%223.75%22%20r%3D%220.85%22%2F%3E%0D%0A%3C%2Fsvg%3E%0D%0A');
}

.fuuvo-asset-ai-audio {
    --fuuvo-icon-asset: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20aria-hidden%3D%22true%22%3E%0D%0A%3Cpath%20d%3D%22M4.25%209.75h3.1L12.75%205.5v13l-5.4-4.25H4.25z%22%2F%3E%0D%0A%20%20%3Cpath%20d%3D%22M16.1%209.35a3.85%203.85%200%200%201%200%205.3%22%2F%3E%0D%0A%20%20%3Cpath%20d%3D%22M18.7%207.15a6.6%206.6%200%200%201%200%209.7%22%2F%3E%0D%0A%3C%2Fsvg%3E%0D%0A');
}

.fuuvo-asset-audio {
    --fuuvo-icon-asset: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20aria-hidden%3D%22true%22%3E%0D%0A%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%228.25%22%2F%3E%0D%0A%20%20%3Cpath%20d%3D%22M9%2014.25v-4.5%22%2F%3E%0D%0A%20%20%3Cpath%20d%3D%22M12%2016.5V7.5%22%2F%3E%0D%0A%20%20%3Cpath%20d%3D%22M15%2014.25v-4.5%22%2F%3E%0D%0A%3C%2Fsvg%3E%0D%0A');
}

.fuuvo-asset-edit-image {
    --fuuvo-icon-asset: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20aria-hidden%3D%22true%22%3E%0D%0A%3Crect%20x%3D%223.4%22%20y%3D%224.85%22%20width%3D%2212.4%22%20height%3D%2210.3%22%20rx%3D%221.8%22%2F%3E%0D%0A%20%20%3Cpath%20d%3D%22M3.55%2013.2%206.85%209.9%209.15%2012.2%2011.05%2010.15%2015.7%2014.4%22%2F%3E%0D%0A%20%20%3Cpath%20d%3D%22M13.6%2014.35%2019.15%208.8a1.55%201.55%200%200%201%202.2%200l.05.05a1.55%201.55%200%200%201%200%202.2L15.85%2016.6%2012.9%2017.35z%22%2F%3E%0D%0A%20%20%3Cpath%20d%3D%22M17.45%2010.5%2019.7%2012.75%22%2F%3E%0D%0A%3C%2Fsvg%3E%0D%0A');
}

.fuuvo-asset-create-poster {
    --fuuvo-icon-asset: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20aria-hidden%3D%22true%22%3E%0D%0A%3Crect%20x%3D%226%22%20y%3D%223.5%22%20width%3D%2212%22%20height%3D%2217%22%20rx%3D%221.8%22%2F%3E%0D%0A%20%20%3Crect%20x%3D%228.15%22%20y%3D%225.9%22%20width%3D%227.7%22%20height%3D%225.1%22%20rx%3D%220.8%22%2F%3E%0D%0A%20%20%3Cpath%20d%3D%22M8.25%2013.85h7.5%22%2F%3E%0D%0A%20%20%3Cpath%20d%3D%22M8.25%2016.65h5.1%22%2F%3E%0D%0A%3C%2Fsvg%3E%0D%0A');
}

.fuuvo-asset-ai-call {
    --fuuvo-icon-asset: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20aria-hidden%3D%22true%22%3E%0D%0A%3Cpath%20d%3D%22M8.15%203.75h2.7c.85%200%201.45.8%201.25%201.62l-.7%202.85a1.3%201.3%200%200%201-1.22.97l-1.28-.18a11.6%2011.6%200%200%200%206.84%206.84l-.18-1.28a1.3%201.3%200%200%201%20.97-1.22l2.85-.7c.82-.2%201.62.4%201.62%201.25v2.7A1.9%201.9%200%200%201%2019.25%2018.5%2015.4%2015.4%200%200%201%205.5%204.75a1.9%201.9%200%200%201%202.65-1z%22%2F%3E%0D%0A%3C%2Fsvg%3E%0D%0A');
}

html body :is(.home-rail-action-icon, .capability-icon, .mobile-chat-more-icon, .mobile-home-capability-icon, .home-core-feature-icon, .creation-category-icon) .fuuvo-asset-icon {
    width: 100%;
    height: 100%;
}

html body nav[data-fuuvo-workspace-rail="1"] .home-rail-action-icon .fuuvo-asset-icon {
    width: 23px;
    height: 23px;
}

html body .home-tool-drawer-item .capability-icon .fuuvo-asset-icon {
    width: 22px;
    height: 22px;
}

html body .mobile-chat-more-icon .fuuvo-asset-icon,
html body .mobile-home-capability-icon .fuuvo-asset-icon {
    width: 100%;
    height: 100%;
}

/* Keep the homepage capability row visually even when source SVGs use different path bounds. */
html body.chat-landing[data-mode="chat"] .home-tool-drawer-item .capability-icon > :is(.fuuvo-asset-icon, .fuuvo-linear-svg) {
    width: 22px !important;
    height: 22px !important;
    max-width: 22px !important;
    max-height: 22px !important;
    flex: 0 0 22px !important;
    transform: none !important;
}

html body .research-tool-card .research-tool-art-linear {
    width: 56px;
    height: 56px;
    flex: 0 0 56px;
    margin: 24px 0 15px;
    display: inline-flex;
    color: var(--creation-blue);
}

@media (max-width: 560px) {
    html body .research-tool-card .research-tool-art-linear {
        width: 48px;
        height: 48px;
        flex-basis: 48px;
        margin-top: 18px;
    }
}