@24vlh/vds 0.1.6 → 0.1.8
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/icons.css +309 -9
- package/dist/components/icons.min.css +1 -1
- package/dist/components/inbox.css +27 -0
- package/dist/components/inbox.min.css +1 -1
- package/dist/vds.css +336 -9
- package/dist/vds.min.css +1 -1
- package/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
.icon{stroke:currentColor;fill:none;display:inline-block;flex-shrink:0;height:var(--icon-md);width:var(--icon-md)}.icon--xxs{height:var(--icon-xxs);width:var(--icon-xxs)}.icon--xs{height:var(--icon-xs);width:var(--icon-xs)}.icon--sm{height:var(--icon-sm);width:var(--icon-sm)}.icon--md{height:var(--icon-md);width:var(--icon-md)}.icon--lg{height:var(--icon-lg);width:var(--icon-lg)}.icon--xl{height:var(--icon-xl);width:var(--icon-xl)}.icon--filled{fill:currentColor;stroke:none}.icon--mask{stroke:none;fill:none;background-color:currentColor;mask-mode:luminance;-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain}.icon-glyph{display:inline-block;height:var(--icon-md);width:var(--icon-md)}.icon--info{-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='8' cy='8' r='7' fill='%23fff'/%3E%3Ccircle cx='8' cy='8' r='5.8'/%3E%3Cpath fill='%23fff' d='M7.4 7h1.2v3.5H7.4z'/%3E%3Ccircle cx='8' cy='5' r='.7' fill='%23fff'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='8' cy='8' r='7' fill='%23fff'/%3E%3Ccircle cx='8' cy='8' r='5.8'/%3E%3Cpath fill='%23fff' d='M7.4 7h1.2v3.5H7.4z'/%3E%3Ccircle cx='8' cy='5' r='.7' fill='%23fff'/%3E%3C/svg%3E")}.icon--success{-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23fff' d='m3.2 8.3 3.6 3.1 6-6.8-1.3-1.1-4.7 5.3-2.4-2.1Z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23fff' d='m3.2 8.3 3.6 3.1 6-6.8-1.3-1.1-4.7 5.3-2.4-2.1Z'/%3E%3C/svg%3E")}.icon--warning{-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23fff' d='m8 2.6 6 10.8H2Z'/%3E%3Cpath d='m8 4 4.2 8.4H3.8Z'/%3E%3Cpath fill='%23fff' d='M7.45 6.3h1v3.2h-1z'/%3E%3Ccircle cx='8' cy='11.1' r='.55' fill='%23fff'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23fff' d='m8 2.6 6 10.8H2Z'/%3E%3Cpath d='m8 4 4.2 8.4H3.8Z'/%3E%3Cpath fill='%23fff' d='M7.45 6.3h1v3.2h-1z'/%3E%3Ccircle cx='8' cy='11.1' r='.55' fill='%23fff'/%3E%3C/svg%3E")}.icon--danger{-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23fff' d='m10.952 4.164.884.884-6.788 6.788-.884-.884z'/%3E%3Cpath fill='%23fff' d='m4.164 5.048.884-.884 6.788 6.788-.884.884z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23fff' d='m10.952 4.164.884.884-6.788 6.788-.884-.884z'/%3E%3Cpath fill='%23fff' d='m4.164 5.048.884-.884 6.788 6.788-.884.884z'/%3E%3C/svg%3E")}.icon--help{-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='8' cy='8' r='7' fill='%23fff'/%3E%3Ccircle cx='8' cy='8' r='5.8'/%3E%3Cpath fill='%23fff' d='M8 4.2c1.4 0 2.3.9 2.3 1.9 0 1-.7 1.6-1.4 2-.7.4-1.1.8-1.1 1.5v.7h-1v-.8c0-1 .7-1.6 1.3-1.9.7-.3 1.2-.8 1.2-1.5 0-.8-.6-1.4-1.3-1.4-.8 0-1.3.5-1.7 1l-.8-.6c.6-.9 1.6-1.4 2.5-1.4 1.6 0 2.8 1.1 2.8 2.4 0 .9-.4 1.6-1.1 2.1-.9.7-1.4 1.1-1.4 2v.1h-1v-.1c0-1.1.6-1.7 1.3-2.2.7-.5 1.2-1 1.2-1.9C9.8 5 9 4.2 8 4.2Z'/%3E%3Ccircle cx='7.8' cy='11.7' r='.7' fill='%23fff'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='8' cy='8' r='7' fill='%23fff'/%3E%3Ccircle cx='8' cy='8' r='5.8'/%3E%3Cpath fill='%23fff' d='M8 4.2c1.4 0 2.3.9 2.3 1.9 0 1-.7 1.6-1.4 2-.7.4-1.1.8-1.1 1.5v.7h-1v-.8c0-1 .7-1.6 1.3-1.9.7-.3 1.2-.8 1.2-1.5 0-.8-.6-1.4-1.3-1.4-.8 0-1.3.5-1.7 1l-.8-.6c.6-.9 1.6-1.4 2.5-1.4 1.6 0 2.8 1.1 2.8 2.4 0 .9-.4 1.6-1.1 2.1-.9.7-1.4 1.1-1.4 2v.1h-1v-.1c0-1.1.6-1.7 1.3-2.2.7-.5 1.2-1 1.2-1.9C9.8 5 9 4.2 8 4.2Z'/%3E%3Ccircle cx='7.8' cy='11.7' r='.7' fill='%23fff'/%3E%3C/svg%3E")}.icon--neutral{-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='8' cy='8' r='3' fill='%23fff'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='8' cy='8' r='3' fill='%23fff'/%3E%3C/svg%3E")}.icon--pending{-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='8' cy='8' r='7' fill='%23fff'/%3E%3Ccircle cx='8' cy='8' r='5.8'/%3E%3Cpath d='m8 8 6.06-2.53a7 7 0 0 0-2.53-3.53Z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='8' cy='8' r='7' fill='%23fff'/%3E%3Ccircle cx='8' cy='8' r='5.8'/%3E%3Cpath d='m8 8 6.06-2.53a7 7 0 0 0-2.53-3.53Z'/%3E%3C/svg%3E")}.icon--online{-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='8' cy='8' r='4' fill='%23fff'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='8' cy='8' r='4' fill='%23fff'/%3E%3C/svg%3E")}.icon--offline{-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='8' cy='8' r='7' fill='%23fff'/%3E%3Ccircle cx='8' cy='8' r='5.8'/%3E%3Cpath fill='%23fff' d='m11.235 3.881.884.884-7.354 7.354-.884-.884z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='8' cy='8' r='7' fill='%23fff'/%3E%3Ccircle cx='8' cy='8' r='5.8'/%3E%3Cpath fill='%23fff' d='m11.235 3.881.884.884-7.354 7.354-.884-.884z'/%3E%3C/svg%3E")}.icon--blocked{-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='8' cy='8' r='7' fill='%23fff'/%3E%3Ccircle cx='8' cy='8' r='5.8'/%3E%3Cpath fill='%23fff' d='m3.881 4.765.884-.884 7.354 7.354-.884.884z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='8' cy='8' r='7' fill='%23fff'/%3E%3Ccircle cx='8' cy='8' r='5.8'/%3E%3Cpath fill='%23fff' d='m3.881 4.765.884-.884 7.354 7.354-.884.884z'/%3E%3C/svg%3E")}.icon--chevron-left{-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' fill='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 3 5 8l5 5'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' fill='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 3 5 8l5 5'/%3E%3C/svg%3E")}.icon--chevron-right{-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' fill='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m6 3 5 5-5 5'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' fill='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m6 3 5 5-5 5'/%3E%3C/svg%3E")}.icon--chevron-up{-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' fill='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m3 10 5-5 5 5'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' fill='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m3 10 5-5 5 5'/%3E%3C/svg%3E")}.icon--chevron-down{-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' fill='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m3 6 5 5 5-5'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' fill='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m3 6 5 5 5-5'/%3E%3C/svg%3E")}.icon--arrow-left{-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' fill='%23fff' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13 8H3M7 3 3 8l4 5'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' fill='%23fff' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13 8H3M7 3 3 8l4 5'/%3E%3C/svg%3E")}.icon--arrow-right{-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' fill='%23fff' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 8h10M9 3l4 5-4 5'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' fill='%23fff' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 8h10M9 3l4 5-4 5'/%3E%3C/svg%3E")}.icon--arrow-up{-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' fill='%23fff' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 13V3M3 7l5-4 5 4'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' fill='%23fff' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 13V3M3 7l5-4 5 4'/%3E%3C/svg%3E")}.icon--arrow-down{-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' fill='%23fff' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 3v10M3 9l5 4 5-4'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' fill='%23fff' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 3v10M3 9l5 4 5-4'/%3E%3C/svg%3E")}.icon--filter{-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' fill='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 4h10L9 8.5V12l-2 1V8.5L3 4z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' fill='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 4h10L9 8.5V12l-2 1V8.5L3 4z'/%3E%3C/svg%3E")}.icon--search{-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='6' cy='6' r='4' fill='%23fff'/%3E%3Ccircle cx='6' cy='6' r='2.5'/%3E%3Cpath fill='%23fff' d='m11.5 9.096 2.475 2.475-2.121 2.121-2.475-2.475z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='6' cy='6' r='4' fill='%23fff'/%3E%3Ccircle cx='6' cy='6' r='2.5'/%3E%3Cpath fill='%23fff' d='m11.5 9.096 2.475 2.475-2.121 2.121-2.475-2.475z'/%3E%3C/svg%3E")}.icon--menu{-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23fff' d='M3 4h10v1.8H3zM3 7.9h10v1.8H3zM3 11.8h10v1.8H3z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23fff' d='M3 4h10v1.8H3zM3 7.9h10v1.8H3zM3 11.8h10v1.8H3z'/%3E%3C/svg%3E")}.icon--close{-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23fff' d='m10.952 4.164.884.884-6.788 6.788-.884-.884z'/%3E%3Cpath fill='%23fff' d='m4.164 5.048.884-.884 6.788 6.788-.884.884z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23fff' d='m10.952 4.164.884.884-6.788 6.788-.884-.884z'/%3E%3Cpath fill='%23fff' d='m4.164 5.048.884-.884 6.788 6.788-.884.884z'/%3E%3C/svg%3E")}.icon--plus{-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23fff' d='M7.375 3h1.25v10h-1.25z'/%3E%3Cpath fill='%23fff' d='M3 7.375h10v1.25H3z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23fff' d='M7.375 3h1.25v10h-1.25z'/%3E%3Cpath fill='%23fff' d='M3 7.375h10v1.25H3z'/%3E%3C/svg%3E")}.icon--minus{-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23fff' d='M3 7.375h10v1.25H3z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23fff' d='M3 7.375h10v1.25H3z'/%3E%3C/svg%3E")}.icon--upload{-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23fff' d='M4 11h8v2H4zM7.375 6h1.25v5h-1.25z'/%3E%3Cpath d='M5.5 7.2 8 4l2.5 3.2Z' fill='%23fff'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23fff' d='M4 11h8v2H4zM7.375 6h1.25v5h-1.25z'/%3E%3Cpath d='M5.5 7.2 8 4l2.5 3.2Z' fill='%23fff'/%3E%3C/svg%3E")}.icon--download{-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23fff' d='M4 3h8v2H4zM7.375 5h1.25v5.5h-1.25z'/%3E%3Cpath d='M5.5 9 8 12.2 10.5 9Z' fill='%23fff'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23fff' d='M4 3h8v2H4zM7.375 5h1.25v5.5h-1.25z'/%3E%3Cpath d='M5.5 9 8 12.2 10.5 9Z' fill='%23fff'/%3E%3C/svg%3E")}.icon--user{-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' fill='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='8' cy='5' r='3'/%3E%3Cpath d='M3 13c1.2-2 2.9-3 5-3s3.8 1 5 3'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' fill='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='8' cy='5' r='3'/%3E%3Cpath d='M3 13c1.2-2 2.9-3 5-3s3.8 1 5 3'/%3E%3C/svg%3E")}.icon--settings{-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23fff' d='m9.8 2.1-.3 1.4a4.6 4.6 0 0 1 1 .6l1.3-.7 1.3 1.3-.7 1.3c.3.3.5.7.6 1l1.4.3v1.8l-1.4.3a4.6 4.6 0 0 1-.6 1l.7 1.3-1.3 1.3-1.3-.7c-.3.3-.7.5-1 .6l-.3 1.4h-3l-.3-1.4a4.6 4.6 0 0 1-1-.6l-1.3.7-1.3-2L3 9.7a4.6 4.6 0 0 1-.6-1L1 8.4V6.6l1.4-.3a4.6 4.6 0 0 1 .6-1L2.3 4l1.3-1.3 1.3.7c.3-.3.7-.5 1-.6l.3-1.4h3.6z'/%3E%3Ccircle cx='8' cy='8' r='2.2'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23fff' d='m9.8 2.1-.3 1.4a4.6 4.6 0 0 1 1 .6l1.3-.7 1.3 1.3-.7 1.3c.3.3.5.7.6 1l1.4.3v1.8l-1.4.3a4.6 4.6 0 0 1-.6 1l.7 1.3-1.3 1.3-1.3-.7c-.3.3-.7.5-1 .6l-.3 1.4h-3l-.3-1.4a4.6 4.6 0 0 1-1-.6l-1.3.7-1.3-2L3 9.7a4.6 4.6 0 0 1-.6-1L1 8.4V6.6l1.4-.3a4.6 4.6 0 0 1 .6-1L2.3 4l1.3-1.3 1.3.7c.3-.3.7-.5 1-.6l.3-1.4h3.6z'/%3E%3Ccircle cx='8' cy='8' r='2.2'/%3E%3C/svg%3E")}.icon--dashboard{-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' fill='%23fff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 3h4v4H3zM9 3h4v4H9zM3 9h4v4H3zM9 9h4v4H9z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' fill='%23fff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 3h4v4H3zM9 3h4v4H9zM3 9h4v4H3zM9 9h4v4H9z'/%3E%3C/svg%3E")}.icon--folder{-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23fff' d='M2 5h5.2l1.4 2H14v6H2Z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23fff' d='M2 5h5.2l1.4 2H14v6H2Z'/%3E%3C/svg%3E")}.icon--file{-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' fill='%23fff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 2h4l3 3v9H5z'/%3E%3Cpath d='M9 2v3h3'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' fill='%23fff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 2h4l3 3v9H5z'/%3E%3Cpath d='M9 2v3h3'/%3E%3C/svg%3E")}.icon--bell{-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' fill='%23fff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 13a1.5 1.5 0 0 1-1.5-1.5h3A1.5 1.5 0 0 1 8 13zM4 10h8l-1-3V5.5A3 3 0 0 0 8 3a3 3 0 0 0-3 2.5V7z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' fill='%23fff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 13a1.5 1.5 0 0 1-1.5-1.5h3A1.5 1.5 0 0 1 8 13zM4 10h8l-1-3V5.5A3 3 0 0 0 8 3a3 3 0 0 0-3 2.5V7z'/%3E%3C/svg%3E")}.icon--external-link{-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' fill='%23fff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 4h5v5M7 9l5-5M4 7v5h5'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' fill='%23fff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 4h5v5M7 9l5-5M4 7v5h5'/%3E%3C/svg%3E")}.icon--check-circle{-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='8' cy='8' r='7' fill='none' stroke='%23fff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath fill='none' stroke='%23fff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round' d='M4.5 8 7 10.5l4.5-5'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='8' cy='8' r='7' fill='none' stroke='%23fff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath fill='none' stroke='%23fff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round' d='M4.5 8 7 10.5l4.5-5'/%3E%3C/svg%3E")}.icon--x-circle{-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' fill='%23fff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='8' cy='8' r='7'/%3E%3Cpath d='m5 5 6 6M11 5l-6 6'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' fill='%23fff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='8' cy='8' r='7'/%3E%3Cpath d='m5 5 6 6M11 5l-6 6'/%3E%3C/svg%3E")}.icon--home{-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' fill='%23fff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 7.5 8 3l5 4.5V13H3z'/%3E%3Cpath d='M6.5 13V9.5h3V13'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' fill='%23fff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 7.5 8 3l5 4.5V13H3z'/%3E%3Cpath d='M6.5 13V9.5h3V13'/%3E%3C/svg%3E")}.icon--edit{-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' fill='%23fff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m4 12 1.5-4.5 5.5-5L13.5 5 8 10.5zM4 12h3'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' fill='%23fff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m4 12 1.5-4.5 5.5-5L13.5 5 8 10.5zM4 12h3'/%3E%3C/svg%3E")}.icon--trash{-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23fff' d='M4 4h8v2H4zM6.25 2.5h3.5V4h-3.5zM5 6h6v7c0 1-.5 1.5-1.5 1.5h-3C5.5 14.5 5 14 5 13V6z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23fff' d='M4 4h8v2H4zM6.25 2.5h3.5V4h-3.5zM5 6h6v7c0 1-.5 1.5-1.5 1.5h-3C5.5 14.5 5 14 5 13V6z'/%3E%3C/svg%3E")}.icon--eye{-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' fill='%23fff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 8s2.2-3 6-3 6 3 6 3-2.2 3-6 3-6-3-6-3z'/%3E%3Ccircle cx='8' cy='8' r='1.8'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' fill='%23fff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 8s2.2-3 6-3 6 3 6 3-2.2 3-6 3-6-3-6-3z'/%3E%3Ccircle cx='8' cy='8' r='1.8'/%3E%3C/svg%3E")}.icon--eye-off{-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' fill='%23fff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 4.5 13 13M2.5 7.5S4.5 5 8 5c1 0 1.9.2 2.7.5M13.5 8.5S11.5 11 8 11c-.9 0-1.7-.2-2.5-.4'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' fill='%23fff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 4.5 13 13M2.5 7.5S4.5 5 8 5c1 0 1.9.2 2.7.5M13.5 8.5S11.5 11 8 11c-.9 0-1.7-.2-2.5-.4'/%3E%3C/svg%3E")}.icon--lock{-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='4' y='7' width='8' height='7' rx='1' fill='%23fff'/%3E%3Ccircle cx='8' cy='10.5' r='1.3'/%3E%3Cpath d='M6 7V5.6a2 2 0 0 1 4 0V7H6' fill='%23fff'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='4' y='7' width='8' height='7' rx='1' fill='%23fff'/%3E%3Ccircle cx='8' cy='10.5' r='1.3'/%3E%3Cpath d='M6 7V5.6a2 2 0 0 1 4 0V7H6' fill='%23fff'/%3E%3C/svg%3E")}.icon--unlock{-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='4' y='7' width='8' height='7' rx='1' fill='%23fff'/%3E%3Ccircle cx='8' cy='10.5' r='1.3'/%3E%3Cpath d='M10 7V5.6A2 2 0 0 0 6.6 4' fill='%23fff'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='4' y='7' width='8' height='7' rx='1' fill='%23fff'/%3E%3Ccircle cx='8' cy='10.5' r='1.3'/%3E%3Cpath d='M10 7V5.6A2 2 0 0 0 6.6 4' fill='%23fff'/%3E%3C/svg%3E")}.icon--refresh{-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23fff' d='M10 3.7V-.5L4.75 4.75 10 10V5.8c2.94 0 5.25 2.31 5.25 5.25S12.94 16.3 10 16.3a5.25 5.25 0 0 1-5.25-5.25h-2.1c0 4.095 3.255 7.35 7.35 7.35s7.35-3.255 7.35-7.35S14.095 3.7 10 3.7z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23fff' d='M10 3.7V-.5L4.75 4.75 10 10V5.8c2.94 0 5.25 2.31 5.25 5.25S12.94 16.3 10 16.3a5.25 5.25 0 0 1-5.25-5.25h-2.1c0 4.095 3.255 7.35 7.35 7.35s7.35-3.255 7.35-7.35S14.095 3.7 10 3.7z'/%3E%3C/svg%3E")}.icon--copy{-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='3' y='3' width='9' height='11' fill='%23fff' rx='1'/%3E%3Crect x='6' y='5' width='9' height='11' fill='%23fff' rx='1'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='3' y='3' width='9' height='11' fill='%23fff' rx='1'/%3E%3Crect x='6' y='5' width='9' height='11' fill='%23fff' rx='1'/%3E%3C/svg%3E")}.icon--share{-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='5' cy='9' r='2' fill='%23fff'/%3E%3Ccircle cx='11' cy='5' r='2' fill='%23fff'/%3E%3Ccircle cx='11' cy='13' r='2' fill='%23fff'/%3E%3Cpath fill='%23fff' d='m6.5 7.6 3.079-2.052.554.832-3.078 2.052zM6.66 10.11l3.079 2.052-.555.832-3.079-2.052z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='5' cy='9' r='2' fill='%23fff'/%3E%3Ccircle cx='11' cy='5' r='2' fill='%23fff'/%3E%3Ccircle cx='11' cy='13' r='2' fill='%23fff'/%3E%3Cpath fill='%23fff' d='m6.5 7.6 3.079-2.052.554.832-3.078 2.052zM6.66 10.11l3.079 2.052-.555.832-3.079-2.052z'/%3E%3C/svg%3E")}.icon--calendar{-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='2' y='4' width='12' height='10' rx='1.2' fill='%23fff'/%3E%3Cpath fill='%23fff' d='M2 4h12v3H2z'/%3E%3Cpath fill='%23fff' d='M5 2h2v3H5zM9 2h2v3H9z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='2' y='4' width='12' height='10' rx='1.2' fill='%23fff'/%3E%3Cpath fill='%23fff' d='M2 4h12v3H2z'/%3E%3Cpath fill='%23fff' d='M5 2h2v3H5zM9 2h2v3H9z'/%3E%3C/svg%3E")}.icon--clock{-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='8' cy='8' r='7' fill='%23fff'/%3E%3Ccircle cx='8' cy='8' r='5.5'/%3E%3Cpath fill='%23fff' d='M7.4 3.5h1.2v5H7.4z'/%3E%3Cpath fill='%23fff' d='m7.576 7.576.848.848-2.262 2.263-.849-.849z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='8' cy='8' r='7' fill='%23fff'/%3E%3Ccircle cx='8' cy='8' r='5.5'/%3E%3Cpath fill='%23fff' d='M7.4 3.5h1.2v5H7.4z'/%3E%3Cpath fill='%23fff' d='m7.576 7.576.848.848-2.262 2.263-.849-.849z'/%3E%3C/svg%3E")}.icon--star{-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23fff' d='m8 2 1.76 3.55 3.94.6-2.8 2.7.6 3.95L8 10.9l-3.5 1.9.6-3.95-2.8-2.7 3.94-.6Z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23fff' d='m8 2 1.76 3.55 3.94.6-2.8 2.7.6 3.95L8 10.9l-3.5 1.9.6-3.95-2.8-2.7 3.94-.6Z'/%3E%3C/svg%3E")}.icon--sort{-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23fff' d='M8 3 5.5 6h5ZM4 7h8v1.4H4zM8 13l2.5-3h-5Z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23fff' d='M8 3 5.5 6h5ZM4 7h8v1.4H4zM8 13l2.5-3h-5Z'/%3E%3C/svg%3E")}.icon--tag{-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23fff' d='m3 6.5 5.8 5.8a1.2 1.2 0 0 0 1.7 0L13 9.8a1.2 1.2 0 0 0 0-1.7L7.2 2.3H3Z'/%3E%3Ccircle cx='5.2' cy='5.2' r='1.2'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23fff' d='m3 6.5 5.8 5.8a1.2 1.2 0 0 0 1.7 0L13 9.8a1.2 1.2 0 0 0 0-1.7L7.2 2.3H3Z'/%3E%3Ccircle cx='5.2' cy='5.2' r='1.2'/%3E%3C/svg%3E")}.icon--play{-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23fff' d='M3 3h2v10H3zM6 4l6 4-6 4Z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23fff' d='M3 3h2v10H3zM6 4l6 4-6 4Z'/%3E%3C/svg%3E")}.icon--pause{-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23fff' d='M5 3h2v10H5zM9 3h2v10H9z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23fff' d='M5 3h2v10H5zM9 3h2v10H9z'/%3E%3C/svg%3E")}.icon--stop{-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23fff' d='M3 3h10v10H3z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23fff' d='M3 3h10v10H3z'/%3E%3C/svg%3E")}.icon--more-horizontal{-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' fill='%23fff' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='3' cy='8' r='1'/%3E%3Ccircle cx='8' cy='8' r='1'/%3E%3Ccircle cx='13' cy='8' r='1'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' fill='%23fff' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='3' cy='8' r='1'/%3E%3Ccircle cx='8' cy='8' r='1'/%3E%3Ccircle cx='13' cy='8' r='1'/%3E%3C/svg%3E")}.icon--more-vertical{-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' fill='%23fff' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='8' cy='3' r='1'/%3E%3Ccircle cx='8' cy='8' r='1'/%3E%3Ccircle cx='8' cy='13' r='1'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' fill='%23fff' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='8' cy='3' r='1'/%3E%3Ccircle cx='8' cy='8' r='1'/%3E%3Ccircle cx='8' cy='13' r='1'/%3E%3C/svg%3E")}.icon--hash{-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23fff' d='M5 3h2v10H5zM9 3h2v10H9z'/%3E%3Cpath fill='%23fff' d='M3 5h10v2H3zM3 9h10v2H3z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23fff' d='M5 3h2v10H5zM9 3h2v10H9z'/%3E%3Cpath fill='%23fff' d='M3 5h10v2H3zM3 9h10v2H3z'/%3E%3C/svg%3E")}.icon--layers{-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg' fill='%23fff'%3E%3Cpath d='M8 2 2 5l6 3 6-3-6-3zM2 9l6 3 6-3M2 13l6 3 6-3' stroke='%23fff' stroke-width='1.6' stroke-linejoin='round' fill='none'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg' fill='%23fff'%3E%3Cpath d='M8 2 2 5l6 3 6-3-6-3zM2 9l6 3 6-3M2 13l6 3 6-3' stroke='%23fff' stroke-width='1.6' stroke-linejoin='round' fill='none'/%3E%3C/svg%3E")}.icon--sparkles{-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg' stroke='%23fff' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round' fill='none'%3E%3Cpath d='m8 2 1.2 2.8L12 6 9.2 7.2 8 10 6.8 7.2 4 6l2.8-1.2L8 2zM3 11l.6 1.4L5 13l-1.4.6L3 15l-.6-1.4L1 13l1.4-.6L3 11zM13 9l.6 1.4 1.4.6-1.4.6L13 13l-.6-1.4L11 11l1.4-.6L13 9z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg' stroke='%23fff' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round' fill='none'%3E%3Cpath d='m8 2 1.2 2.8L12 6 9.2 7.2 8 10 6.8 7.2 4 6l2.8-1.2L8 2zM3 11l.6 1.4L5 13l-1.4.6L3 15l-.6-1.4L1 13l1.4-.6L3 11zM13 9l.6 1.4 1.4.6-1.4.6L13 13l-.6-1.4L11 11l1.4-.6L13 9z'/%3E%3C/svg%3E")}.icon--spinner{-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23fff' d='M8 1.5A6.5 6.5 0 0 1 14.5 8h-2A4.5 4.5 0 0 0 8 3.5v-2z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23fff' d='M8 1.5A6.5 6.5 0 0 1 14.5 8h-2A4.5 4.5 0 0 0 8 3.5v-2z'/%3E%3C/svg%3E")}.icon--spinner-dots{-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23fff'%3E%3Ccircle cx='8' cy='1.5' r='1'/%3E%3Ccircle cx='12.1' cy='3' r='1'/%3E%3Ccircle cx='14.5' cy='7' r='1'/%3E%3Ccircle cx='12.9' cy='11' r='1'/%3E%3Ccircle cx='8' cy='14.5' r='1'/%3E%3Ccircle cx='3.1' cy='13' r='1'/%3E%3Ccircle cx='1.5' cy='9' r='1'/%3E%3Ccircle cx='3' cy='3.1' r='1'/%3E%3C/g%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23fff'%3E%3Ccircle cx='8' cy='1.5' r='1'/%3E%3Ccircle cx='12.1' cy='3' r='1'/%3E%3Ccircle cx='14.5' cy='7' r='1'/%3E%3Ccircle cx='12.9' cy='11' r='1'/%3E%3Ccircle cx='8' cy='14.5' r='1'/%3E%3Ccircle cx='3.1' cy='13' r='1'/%3E%3Ccircle cx='1.5' cy='9' r='1'/%3E%3Ccircle cx='3' cy='3.1' r='1'/%3E%3C/g%3E%3C/svg%3E")}.icon--pulse{-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='8' cy='8' r='3' fill='%23fff'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='8' cy='8' r='3' fill='%23fff'/%3E%3C/svg%3E")}.icon--money{-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='2' y='4' width='12' height='8' rx='1.5' fill='%23fff'/%3E%3Ccircle cx='8' cy='8' r='2.2' fill='%23fff'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='2' y='4' width='12' height='8' rx='1.5' fill='%23fff'/%3E%3Ccircle cx='8' cy='8' r='2.2' fill='%23fff'/%3E%3C/svg%3E")}.icon--coins{-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='9' cy='7' r='3.5' fill='%23fff'/%3E%3Ccircle cx='7' cy='9' r='3.5' fill='%23fff'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='9' cy='7' r='3.5' fill='%23fff'/%3E%3Ccircle cx='7' cy='9' r='3.5' fill='%23fff'/%3E%3C/svg%3E")}.icon--check{-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' d='m3 8 4 4 6-8'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' d='m3 8 4 4 6-8'/%3E%3C/svg%3E")}.icon--alert{-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m8 2 6 12H2Z' fill='%23fff'/%3E%3Cpath d='M7.25 6h1.5v5h-1.5z'/%3E%3Ccircle cx='8' cy='12' r='1'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m8 2 6 12H2Z' fill='%23fff'/%3E%3Cpath d='M7.25 6h1.5v5h-1.5z'/%3E%3Ccircle cx='8' cy='12' r='1'/%3E%3C/svg%3E")}.icon--question{-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='8' cy='8' r='7' fill='%23fff'/%3E%3Ccircle cx='8' cy='8' r='5.8'/%3E%3Cpath fill='%23fff' d='M8 4.2c-1.1 0-1.9.7-2.2 1.6l1 .4c.2-.6.6-1 1.2-1 .7 0 1.2.5 1.2 1.1 0 .6-.4.9-.9 1.2-.6.3-1.2.7-1.2 1.6v.5h1v-.4c0-.5.4-.8.9-1.1.7-.4 1.2-1 1.2-1.8 0-1.2-1-2.1-2.2-2.1Z'/%3E%3Ccircle cx='8' cy='11.5' r='.7' fill='%23fff'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='8' cy='8' r='7' fill='%23fff'/%3E%3Ccircle cx='8' cy='8' r='5.8'/%3E%3Cpath fill='%23fff' d='M8 4.2c-1.1 0-1.9.7-2.2 1.6l1 .4c.2-.6.6-1 1.2-1 .7 0 1.2.5 1.2 1.1 0 .6-.4.9-.9 1.2-.6.3-1.2.7-1.2 1.6v.5h1v-.4c0-.5.4-.8.9-1.1.7-.4 1.2-1 1.2-1.8 0-1.2-1-2.1-2.2-2.1Z'/%3E%3Ccircle cx='8' cy='11.5' r='.7' fill='%23fff'/%3E%3C/svg%3E")}.icon--flag{-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23fff' d='M3 2.5V13h1.4V9.9L9 8.6l3.5 1.3V3.6L9 2.3 4.4 3.6V2.5Z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23fff' d='M3 2.5V13h1.4V9.9L9 8.6l3.5 1.3V3.6L9 2.3 4.4 3.6V2.5Z'/%3E%3C/svg%3E")}.icon--shield{-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23fff' d='M8 2 4 4.5v3.7c0 2.1 1.3 3.9 4 5 2.7-1.1 4-2.9 4-5V4.5Z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23fff' d='M8 2 4 4.5v3.7c0 2.1 1.3 3.9 4 5 2.7-1.1 4-2.9 4-5V4.5Z'/%3E%3C/svg%3E")}.icon--shield-alert{-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23fff' d='M8 2 4 4.5v3.7c0 2.1 1.3 3.9 4 5 2.7-1.1 4-2.9 4-5V4.5Z'/%3E%3Ccircle cx='11.3' cy='4' r='1.3' fill='%23fff'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23fff' d='M8 2 4 4.5v3.7c0 2.1 1.3 3.9 4 5 2.7-1.1 4-2.9 4-5V4.5Z'/%3E%3Ccircle cx='11.3' cy='4' r='1.3' fill='%23fff'/%3E%3C/svg%3E")}.icon--ban{-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='8' cy='8' r='7' fill='%23fff'/%3E%3Ccircle cx='8' cy='8' r='5.2'/%3E%3Cpath fill='%23fff' d='m11.394 3.192 1.414 1.414-8.202 8.202-1.414-1.414z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='8' cy='8' r='7' fill='%23fff'/%3E%3Ccircle cx='8' cy='8' r='5.2'/%3E%3Cpath fill='%23fff' d='m11.394 3.192 1.414 1.414-8.202 8.202-1.414-1.414z'/%3E%3C/svg%3E")}.icon--tip{-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23fff' d='M8 1.5a4.5 4.5 0 0 0-2.84 7.98c.38.3.84.92.97 1.45l.1.42h3.54l.1-.42c.13-.53.6-1.15.97-1.45A4.5 4.5 0 0 0 8 1.5zM6.75 13a.75.75 0 0 0 0 1.5h2.5a.75.75 0 0 0 0-1.5h-2.5z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23fff' d='M8 1.5a4.5 4.5 0 0 0-2.84 7.98c.38.3.84.92.97 1.45l.1.42h3.54l.1-.42c.13-.53.6-1.15.97-1.45A4.5 4.5 0 0 0 8 1.5zM6.75 13a.75.75 0 0 0 0 1.5h2.5a.75.75 0 0 0 0-1.5h-2.5z'/%3E%3C/svg%3E")}.icon--email{-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23fff' d='M4 4h16a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2Zm.7 2 7.3 6 7.3-6H4.7Zm7.3 8L4 7.5v9.8c0 .4.3.7.7.7h14.6c.4 0 .7-.3.7-.7V7.5L12 14Z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23fff' d='M4 4h16a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2Zm.7 2 7.3 6 7.3-6H4.7Zm7.3 8L4 7.5v9.8c0 .4.3.7.7.7h14.6c.4 0 .7-.3.7-.7V7.5L12 14Z'/%3E%3C/svg%3E")}.icon--archive{-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23fff' d='M4 3h16c1.1 0 2 .9 2 2v10c0 1.1-.9 2-2 2h-4.7c-.3 0-.5.1-.7.3l-1.9 2c-.4.4-1 .4-1.4 0l-1.9-2c-.2-.2-.4-.3-.7-.3H4c-1.1 0-2-.9-2-2V5c0-1.1.9-2 2-2Zm7 3v5H8l4 4 4-4h-3V6h-2ZM7 19h10v2H7v-2Z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23fff' d='M4 3h16c1.1 0 2 .9 2 2v10c0 1.1-.9 2-2 2h-4.7c-.3 0-.5.1-.7.3l-1.9 2c-.4.4-1 .4-1.4 0l-1.9-2c-.2-.2-.4-.3-.7-.3H4c-1.1 0-2-.9-2-2V5c0-1.1.9-2 2-2Zm7 3v5H8l4 4 4-4h-3V6h-2ZM7 19h10v2H7v-2Z'/%3E%3C/svg%3E")}.icon--email-open{-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23fff' d='m4 10 12-7 12 7v16H4Z'/%3E%3Cpath d='m6 11 10-6 10 6v13H6Z'/%3E%3Cpath fill='%23fff' d='m6 11 10 7 10-7'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23fff' d='m4 10 12-7 12 7v16H4Z'/%3E%3Cpath d='m6 11 10-6 10 6v13H6Z'/%3E%3Cpath fill='%23fff' d='m6 11 10 7 10-7'/%3E%3C/svg%3E")}.icon--send{-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23fff' d='m3 4 18 8-18 8Z'/%3E%3Cpath d='m3 8 12 4-12 4Z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23fff' d='m3 4 18 8-18 8Z'/%3E%3Cpath d='m3 8 12 4-12 4Z'/%3E%3C/svg%3E")}.icon--inbox{-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23fff' d='M4 4h16a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2Zm.7 2 7.3 6 7.3-6H4.7Zm7.3 8L4 7.5v9.8c0 .4.3.7.7.7h14.6c.4 0 .7-.3.7-.7V7.5L12 14Z'/%3E%3Ccircle fill='%23fff' cx='20' cy='6' r='5'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23fff' d='M4 4h16a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2Zm.7 2 7.3 6 7.3-6H4.7Zm7.3 8L4 7.5v9.8c0 .4.3.7.7.7h14.6c.4 0 .7-.3.7-.7V7.5L12 14Z'/%3E%3Ccircle fill='%23fff' cx='20' cy='6' r='5'/%3E%3C/svg%3E")}.icon--attachment{-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23fff' d='M10.5 6C7 9.5 7 14.5 10.5 18l8 8c3.5 3.5 8.5 3.5 12 0s3.5-8.5 0-12L17 .5C14-2 9-2 5.5 1.5s-3.5 8.5 0 12l12 12c2 2 5 2 7 0s2-5 0-7L13 7c-1-1-2-1-2.5-1Z'/%3E%3Cpath d='M11.5 8c-2.5 2.5-2.5 6 0 8.5l8 8c2.5 2.5 6 2.5 8.5 0s2.5-6 0-8.5L14.5 2.5c-2-2-5-2-7 0s-2 5 0 7l12 12c1 1 2.5 1 3.5 0s1-2.5 0-3.5L11.5 6.5c-.5-.5-.5 1 0 1.5Z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23fff' d='M10.5 6C7 9.5 7 14.5 10.5 18l8 8c3.5 3.5 8.5 3.5 12 0s3.5-8.5 0-12L17 .5C14-2 9-2 5.5 1.5s-3.5 8.5 0 12l12 12c2 2 5 2 7 0s2-5 0-7L13 7c-1-1-2-1-2.5-1Z'/%3E%3Cpath d='M11.5 8c-2.5 2.5-2.5 6 0 8.5l8 8c2.5 2.5 6 2.5 8.5 0s2.5-6 0-8.5L14.5 2.5c-2-2-5-2-7 0s-2 5 0 7l12 12c1 1 2.5 1 3.5 0s1-2.5 0-3.5L11.5 6.5c-.5-.5-.5 1 0 1.5Z'/%3E%3C/svg%3E")}@keyframes icon-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.icon--spinning{animation:icon-spin .85s linear infinite}@keyframes icon-pulse{0%{opacity:1;transform:scale(1)}50%{opacity:.55;transform:scale(1.25)}to{opacity:1;transform:scale(1)}}.icon--pulsing{animation:icon-pulse 1.2s ease-in-out infinite}.icon--loader.icon--spinner,.icon--loader.icon--spinner-dots{animation:icon-spin .85s linear infinite}.icon--loader.icon--pulse{animation:icon-pulse 1.2s ease-in-out infinite}.icon--loader-fast{animation-duration:.55s!important}.icon--loader-slow{animation-duration:1.8s!important}@media (prefers-reduced-motion:reduce){.icon--loader,.icon--loader-fast,.icon--loader-slow,.icon--pulsing,.icon--spinning{animation:none!important}}.icon-container{align-items:center;background-color:var(--color-surface-subtle);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);color:var(--color-text);display:inline-flex;height:var(--icon-container-md);justify-content:center;width:var(--icon-container-md)}.icon-container--sm{height:var(--icon-container-sm);width:var(--icon-container-sm)}.icon-container--lg{height:var(--icon-container-lg);width:var(--icon-container-lg)}.icon-container--xl{height:var(--icon-container-xl);width:var(--icon-container-xl)}.icon-container--circle{border-radius:999px}.icon-container--circle-sm{border-radius:999px;height:var(--icon-container-sm);width:var(--icon-container-sm)}.icon-container--circle-lg{border-radius:999px;height:var(--icon-container-lg);width:var(--icon-container-lg)}.icon-container--accent{background-color:var(--accent-soft-surface,var(--color-accent-soft));border-color:var(--accent-soft-border,var(--color-accent));color:var(--accent-soft-on,var(--color-on-accent))}.icon-container--accent-strong{background-color:var(--color-accent-strong);color:var(--color-on-accent)}.icon-container--success{background-color:var(--success-soft-surface,var(--color-success-soft));border-color:var(--success-soft-border,var(--color-success));color:var(--success-soft-on,var(--color-on-success))}.icon-container--info{background-color:var(--info-soft-surface,var(--color-info-soft));border-color:var(--info-soft-border,var(--color-info));color:var(--info-soft-on,var(--color-on-info))}.icon-container--warning{background-color:var(--warning-soft-surface,var(--color-warning-soft));border-color:var(--warning-soft-border,var(--color-warning));color:var(--warning-soft-on,var(--color-on-warning))}.icon-container--danger{background-color:var(--danger-soft-surface,var(--color-danger-soft));border-color:var(--danger-soft-border,var(--color-danger));color:var(--danger-soft-on,var(--color-on-danger))}.icon-container--muted{background-color:var(--color-muted-bg);color:var(--color-text-muted)}.icon-color--accent{color:var(--color-accent)}.icon-color--success{color:var(--color-success)}.icon-color--info{color:var(--color-info)}.icon-color--warning{color:var(--color-warning)}.icon-color--danger{color:var(--color-danger)}.icon-color--muted{color:var(--color-text-muted)}.icon-color--soft{color:var(--color-text-soft)}.icon-color--subtle{color:var(--color-border-subtle)}.icon-color--on-accent{color:var(--color-on-accent)}.icon-color--inverse{color:var(--color-text-on-strong)}.button .icon,.button--icon .icon{height:var(--icon-sm);width:var(--icon-sm)}.button--lg .icon{height:var(--icon-md);width:var(--icon-md)}.button--xl .icon{height:var(--icon-lg);width:var(--icon-lg)}.button--icon{align-items:center;display:inline-flex;gap:0;height:auto;justify-content:center;padding:var(--space-2);width:auto}.button--icon-only{height:var(--icon-container-md);padding:0;width:var(--icon-container-md)}.icon-badge{display:inline-flex;position:relative}.icon-badge__dot{background-color:var(--color-accent);border:1px solid var(--color-surface);border-radius:999px;height:8px;position:absolute;right:-2px;top:-2px;width:8px}.icon-badge__dot--success{background-color:var(--color-success)}.icon-badge__dot--danger{background-color:var(--color-danger)}.icon-badge__dot--warning{background-color:var(--color-warning)}.icon-badge__dot--info{background-color:var(--color-info)}.icon-badge__dot--neutral{background-color:var(--color-muted-bg)}.icon-badge__dot--disabled{background-color:var(--color-border-subtle)}.icon--a{height:var(--icon-lg);width:var(--icon-lg)}.icon-container--a{padding:var(--space-3)}.icon--b{height:var(--icon-md);width:var(--icon-md)}.icon-container--b{padding:var(--space-2)}.icon--c{height:var(--icon-sm);width:var(--icon-sm)}.icon-container--c{padding:var(--space-1)}.icon--d{height:var(--icon-xxs);width:var(--icon-xxs)}.bg-dark .icon,.surface-on-dark .icon{color:var(--color-text-on-strong)}.bg-dark .icon-container,.surface-on-dark .icon-container{background-color:var(--color-bg-soft);border-color:var(--color-border-strong)}.bg-light .icon,.surface-on-light .icon{color:var(--color-text)}.bg-light .icon-container,.surface-on-light .icon-container{background-color:var(--color-surface-subtle);border-color:var(--color-border-subtle)}.list-group__icon,.media__icon svg,.nav__item svg,.steps__bullet svg,.timeline--rich .icon{stroke:currentColor;fill:none;height:var(--icon-sm);width:var(--icon-sm)}.accordion__icon .icon,.alert__icon .icon,.breadcrumb__icon .icon,.chip__icon .icon,.tab__icon .icon,.table__icon .icon,.tree__icon .icon{height:var(--icon-sm);width:var(--icon-sm)}.icon--rotate-90{transform:rotate(90deg)}.icon--rotate-180{transform:rotate(180deg)}.icon--rotate-270{transform:rotate(270deg)}.icon--flip-h{transform:scaleX(-1)}.icon--flip-v{transform:scaleY(-1)}.icon--thin{stroke-width:var(--icon-stroke-thin)}.icon--regular{stroke-width:var(--icon-stroke-regular)}.icon--bold{stroke-width:var(--icon-stroke-bold)}.icon--outline{fill:none;stroke:currentColor}.icon--opacity-25{opacity:.25}.icon--opacity-50{opacity:.5}.icon--opacity-75{opacity:.75}.icon--disabled{opacity:.4;pointer-events:none}
|
|
1
|
+
.icon{stroke:currentColor;fill:none;display:inline-block;flex-shrink:0;height:var(--icon-md);width:var(--icon-md)}.icon--xxs{height:var(--icon-xxs);width:var(--icon-xxs)}.icon--xs{height:var(--icon-xs);width:var(--icon-xs)}.icon--sm{height:var(--icon-sm);width:var(--icon-sm)}.icon--md{height:var(--icon-md);width:var(--icon-md)}.icon--lg{height:var(--icon-lg);width:var(--icon-lg)}.icon--xl{height:var(--icon-xl);width:var(--icon-xl)}.icon--filled{fill:currentColor;stroke:none}.icon--mask{stroke:none;fill:none;background-color:currentColor;mask-mode:luminance;-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain}.icon-glyph{display:inline-block;height:var(--icon-md);width:var(--icon-md)}.icon--info{-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='8' cy='8' r='7' fill='%23fff'/%3E%3Ccircle cx='8' cy='8' r='5.8'/%3E%3Cpath fill='%23fff' d='M7.4 7h1.2v3.5H7.4z'/%3E%3Ccircle cx='8' cy='5' r='.7' fill='%23fff'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='8' cy='8' r='7' fill='%23fff'/%3E%3Ccircle cx='8' cy='8' r='5.8'/%3E%3Cpath fill='%23fff' d='M7.4 7h1.2v3.5H7.4z'/%3E%3Ccircle cx='8' cy='5' r='.7' fill='%23fff'/%3E%3C/svg%3E")}.icon--success{-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23fff' d='m3.2 8.3 3.6 3.1 6-6.8-1.3-1.1-4.7 5.3-2.4-2.1Z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23fff' d='m3.2 8.3 3.6 3.1 6-6.8-1.3-1.1-4.7 5.3-2.4-2.1Z'/%3E%3C/svg%3E")}.icon--warning{-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23fff' d='m8 2.6 6 10.8H2Z'/%3E%3Cpath d='m8 4 4.2 8.4H3.8Z'/%3E%3Cpath fill='%23fff' d='M7.45 6.3h1v3.2h-1z'/%3E%3Ccircle cx='8' cy='11.1' r='.55' fill='%23fff'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23fff' d='m8 2.6 6 10.8H2Z'/%3E%3Cpath d='m8 4 4.2 8.4H3.8Z'/%3E%3Cpath fill='%23fff' d='M7.45 6.3h1v3.2h-1z'/%3E%3Ccircle cx='8' cy='11.1' r='.55' fill='%23fff'/%3E%3C/svg%3E")}.icon--danger{-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23fff' d='m10.952 4.164.884.884-6.788 6.788-.884-.884z'/%3E%3Cpath fill='%23fff' d='m4.164 5.048.884-.884 6.788 6.788-.884.884z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23fff' d='m10.952 4.164.884.884-6.788 6.788-.884-.884z'/%3E%3Cpath fill='%23fff' d='m4.164 5.048.884-.884 6.788 6.788-.884.884z'/%3E%3C/svg%3E")}.icon--help{-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='8' cy='8' r='7' fill='%23fff'/%3E%3Ccircle cx='8' cy='8' r='5.8'/%3E%3Cpath fill='%23fff' d='M8 4.2c1.4 0 2.3.9 2.3 1.9 0 1-.7 1.6-1.4 2-.7.4-1.1.8-1.1 1.5v.7h-1v-.8c0-1 .7-1.6 1.3-1.9.7-.3 1.2-.8 1.2-1.5 0-.8-.6-1.4-1.3-1.4-.8 0-1.3.5-1.7 1l-.8-.6c.6-.9 1.6-1.4 2.5-1.4 1.6 0 2.8 1.1 2.8 2.4 0 .9-.4 1.6-1.1 2.1-.9.7-1.4 1.1-1.4 2v.1h-1v-.1c0-1.1.6-1.7 1.3-2.2.7-.5 1.2-1 1.2-1.9C9.8 5 9 4.2 8 4.2Z'/%3E%3Ccircle cx='7.8' cy='11.7' r='.7' fill='%23fff'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='8' cy='8' r='7' fill='%23fff'/%3E%3Ccircle cx='8' cy='8' r='5.8'/%3E%3Cpath fill='%23fff' d='M8 4.2c1.4 0 2.3.9 2.3 1.9 0 1-.7 1.6-1.4 2-.7.4-1.1.8-1.1 1.5v.7h-1v-.8c0-1 .7-1.6 1.3-1.9.7-.3 1.2-.8 1.2-1.5 0-.8-.6-1.4-1.3-1.4-.8 0-1.3.5-1.7 1l-.8-.6c.6-.9 1.6-1.4 2.5-1.4 1.6 0 2.8 1.1 2.8 2.4 0 .9-.4 1.6-1.1 2.1-.9.7-1.4 1.1-1.4 2v.1h-1v-.1c0-1.1.6-1.7 1.3-2.2.7-.5 1.2-1 1.2-1.9C9.8 5 9 4.2 8 4.2Z'/%3E%3Ccircle cx='7.8' cy='11.7' r='.7' fill='%23fff'/%3E%3C/svg%3E")}.icon--neutral{-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='8' cy='8' r='3' fill='%23fff'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='8' cy='8' r='3' fill='%23fff'/%3E%3C/svg%3E")}.icon--pending{-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='8' cy='8' r='7' fill='%23fff'/%3E%3Ccircle cx='8' cy='8' r='5.8'/%3E%3Cpath d='m8 8 6.06-2.53a7 7 0 0 0-2.53-3.53Z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='8' cy='8' r='7' fill='%23fff'/%3E%3Ccircle cx='8' cy='8' r='5.8'/%3E%3Cpath d='m8 8 6.06-2.53a7 7 0 0 0-2.53-3.53Z'/%3E%3C/svg%3E")}.icon--online{-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='8' cy='8' r='4' fill='%23fff'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='8' cy='8' r='4' fill='%23fff'/%3E%3C/svg%3E")}.icon--offline{-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='8' cy='8' r='7' fill='%23fff'/%3E%3Ccircle cx='8' cy='8' r='5.8'/%3E%3Cpath fill='%23fff' d='m11.235 3.881.884.884-7.354 7.354-.884-.884z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='8' cy='8' r='7' fill='%23fff'/%3E%3Ccircle cx='8' cy='8' r='5.8'/%3E%3Cpath fill='%23fff' d='m11.235 3.881.884.884-7.354 7.354-.884-.884z'/%3E%3C/svg%3E")}.icon--blocked{-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='8' cy='8' r='7' fill='%23fff'/%3E%3Ccircle cx='8' cy='8' r='5.8'/%3E%3Cpath fill='%23fff' d='m3.881 4.765.884-.884 7.354 7.354-.884.884z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='8' cy='8' r='7' fill='%23fff'/%3E%3Ccircle cx='8' cy='8' r='5.8'/%3E%3Cpath fill='%23fff' d='m3.881 4.765.884-.884 7.354 7.354-.884.884z'/%3E%3C/svg%3E")}.icon--chevron-left{-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' fill='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 3 5 8l5 5'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' fill='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 3 5 8l5 5'/%3E%3C/svg%3E")}.icon--chevron-right{-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' fill='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m6 3 5 5-5 5'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' fill='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m6 3 5 5-5 5'/%3E%3C/svg%3E")}.icon--chevron-up{-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' fill='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m3 10 5-5 5 5'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' fill='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m3 10 5-5 5 5'/%3E%3C/svg%3E")}.icon--chevron-down{-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' fill='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m3 6 5 5 5-5'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' fill='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m3 6 5 5 5-5'/%3E%3C/svg%3E")}.icon--arrow-left{-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' fill='%23fff' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13 8H3M7 3 3 8l4 5'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' fill='%23fff' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13 8H3M7 3 3 8l4 5'/%3E%3C/svg%3E")}.icon--arrow-right{-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' fill='%23fff' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 8h10M9 3l4 5-4 5'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' fill='%23fff' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 8h10M9 3l4 5-4 5'/%3E%3C/svg%3E")}.icon--arrow-up{-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' fill='%23fff' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 13V3M3 7l5-4 5 4'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' fill='%23fff' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 13V3M3 7l5-4 5 4'/%3E%3C/svg%3E")}.icon--arrow-down{-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' fill='%23fff' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 3v10M3 9l5 4 5-4'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' fill='%23fff' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 3v10M3 9l5 4 5-4'/%3E%3C/svg%3E")}.icon--filter{-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' fill='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 4h10L9 8.5V12l-2 1V8.5L3 4z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' fill='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 4h10L9 8.5V12l-2 1V8.5L3 4z'/%3E%3C/svg%3E")}.icon--search{-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='6' cy='6' r='4' fill='%23fff'/%3E%3Ccircle cx='6' cy='6' r='2.5'/%3E%3Cpath fill='%23fff' d='m11.5 9.096 2.475 2.475-2.121 2.121-2.475-2.475z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='6' cy='6' r='4' fill='%23fff'/%3E%3Ccircle cx='6' cy='6' r='2.5'/%3E%3Cpath fill='%23fff' d='m11.5 9.096 2.475 2.475-2.121 2.121-2.475-2.475z'/%3E%3C/svg%3E")}.icon--menu{-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23fff' d='M3 4h10v1.8H3zM3 7.9h10v1.8H3zM3 11.8h10v1.8H3z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23fff' d='M3 4h10v1.8H3zM3 7.9h10v1.8H3zM3 11.8h10v1.8H3z'/%3E%3C/svg%3E")}.icon--close{-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23fff' d='m10.952 4.164.884.884-6.788 6.788-.884-.884z'/%3E%3Cpath fill='%23fff' d='m4.164 5.048.884-.884 6.788 6.788-.884.884z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23fff' d='m10.952 4.164.884.884-6.788 6.788-.884-.884z'/%3E%3Cpath fill='%23fff' d='m4.164 5.048.884-.884 6.788 6.788-.884.884z'/%3E%3C/svg%3E")}.icon--plus{-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23fff' d='M7.375 3h1.25v10h-1.25z'/%3E%3Cpath fill='%23fff' d='M3 7.375h10v1.25H3z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23fff' d='M7.375 3h1.25v10h-1.25z'/%3E%3Cpath fill='%23fff' d='M3 7.375h10v1.25H3z'/%3E%3C/svg%3E")}.icon--minus{-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23fff' d='M3 7.375h10v1.25H3z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23fff' d='M3 7.375h10v1.25H3z'/%3E%3C/svg%3E")}.icon--upload{-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23fff' d='M4 11h8v2H4zM7.375 6h1.25v5h-1.25z'/%3E%3Cpath d='M5.5 7.2 8 4l2.5 3.2Z' fill='%23fff'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23fff' d='M4 11h8v2H4zM7.375 6h1.25v5h-1.25z'/%3E%3Cpath d='M5.5 7.2 8 4l2.5 3.2Z' fill='%23fff'/%3E%3C/svg%3E")}.icon--download{-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23fff' d='M4 3h8v2H4zM7.375 5h1.25v5.5h-1.25z'/%3E%3Cpath d='M5.5 9 8 12.2 10.5 9Z' fill='%23fff'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23fff' d='M4 3h8v2H4zM7.375 5h1.25v5.5h-1.25z'/%3E%3Cpath d='M5.5 9 8 12.2 10.5 9Z' fill='%23fff'/%3E%3C/svg%3E")}.icon--user{-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' fill='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='8' cy='5' r='3'/%3E%3Cpath d='M3 13c1.2-2 2.9-3 5-3s3.8 1 5 3'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' fill='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='8' cy='5' r='3'/%3E%3Cpath d='M3 13c1.2-2 2.9-3 5-3s3.8 1 5 3'/%3E%3C/svg%3E")}.icon--settings{-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23fff' d='m9.8 2.1-.3 1.4a4.6 4.6 0 0 1 1 .6l1.3-.7 1.3 1.3-.7 1.3c.3.3.5.7.6 1l1.4.3v1.8l-1.4.3a4.6 4.6 0 0 1-.6 1l.7 1.3-1.3 1.3-1.3-.7c-.3.3-.7.5-1 .6l-.3 1.4h-3l-.3-1.4a4.6 4.6 0 0 1-1-.6l-1.3.7-1.3-2L3 9.7a4.6 4.6 0 0 1-.6-1L1 8.4V6.6l1.4-.3a4.6 4.6 0 0 1 .6-1L2.3 4l1.3-1.3 1.3.7c.3-.3.7-.5 1-.6l.3-1.4h3.6z'/%3E%3Ccircle cx='8' cy='8' r='2.2'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23fff' d='m9.8 2.1-.3 1.4a4.6 4.6 0 0 1 1 .6l1.3-.7 1.3 1.3-.7 1.3c.3.3.5.7.6 1l1.4.3v1.8l-1.4.3a4.6 4.6 0 0 1-.6 1l.7 1.3-1.3 1.3-1.3-.7c-.3.3-.7.5-1 .6l-.3 1.4h-3l-.3-1.4a4.6 4.6 0 0 1-1-.6l-1.3.7-1.3-2L3 9.7a4.6 4.6 0 0 1-.6-1L1 8.4V6.6l1.4-.3a4.6 4.6 0 0 1 .6-1L2.3 4l1.3-1.3 1.3.7c.3-.3.7-.5 1-.6l.3-1.4h3.6z'/%3E%3Ccircle cx='8' cy='8' r='2.2'/%3E%3C/svg%3E")}.icon--dashboard{-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' fill='%23fff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 3h4v4H3zM9 3h4v4H9zM3 9h4v4H3zM9 9h4v4H9z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' fill='%23fff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 3h4v4H3zM9 3h4v4H9zM3 9h4v4H3zM9 9h4v4H9z'/%3E%3C/svg%3E")}.icon--folder{-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23fff' d='M2 5h5.2l1.4 2H14v6H2Z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23fff' d='M2 5h5.2l1.4 2H14v6H2Z'/%3E%3C/svg%3E")}.icon--file{-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' fill='%23fff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 2h4l3 3v9H5z'/%3E%3Cpath d='M9 2v3h3'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' fill='%23fff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 2h4l3 3v9H5z'/%3E%3Cpath d='M9 2v3h3'/%3E%3C/svg%3E")}.icon--bell{-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' fill='%23fff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 13a1.5 1.5 0 0 1-1.5-1.5h3A1.5 1.5 0 0 1 8 13zM4 10h8l-1-3V5.5A3 3 0 0 0 8 3a3 3 0 0 0-3 2.5V7z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' fill='%23fff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 13a1.5 1.5 0 0 1-1.5-1.5h3A1.5 1.5 0 0 1 8 13zM4 10h8l-1-3V5.5A3 3 0 0 0 8 3a3 3 0 0 0-3 2.5V7z'/%3E%3C/svg%3E")}.icon--external-link{-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' fill='%23fff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 4h5v5M7 9l5-5M4 7v5h5'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' fill='%23fff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 4h5v5M7 9l5-5M4 7v5h5'/%3E%3C/svg%3E")}.icon--check-circle{-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='8' cy='8' r='7' fill='none' stroke='%23fff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath fill='none' stroke='%23fff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round' d='M4.5 8 7 10.5l4.5-5'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='8' cy='8' r='7' fill='none' stroke='%23fff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath fill='none' stroke='%23fff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round' d='M4.5 8 7 10.5l4.5-5'/%3E%3C/svg%3E")}.icon--x-circle{-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' fill='%23fff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='8' cy='8' r='7'/%3E%3Cpath d='m5 5 6 6M11 5l-6 6'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' fill='%23fff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='8' cy='8' r='7'/%3E%3Cpath d='m5 5 6 6M11 5l-6 6'/%3E%3C/svg%3E")}.icon--home{-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' fill='%23fff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 7.5 8 3l5 4.5V13H3z'/%3E%3Cpath d='M6.5 13V9.5h3V13'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' fill='%23fff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 7.5 8 3l5 4.5V13H3z'/%3E%3Cpath d='M6.5 13V9.5h3V13'/%3E%3C/svg%3E")}.icon--edit{-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' fill='%23fff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m4 12 1.5-4.5 5.5-5L13.5 5 8 10.5zM4 12h3'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' fill='%23fff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m4 12 1.5-4.5 5.5-5L13.5 5 8 10.5zM4 12h3'/%3E%3C/svg%3E")}.icon--trash{-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23fff' d='M4 4h8v2H4zM6.25 2.5h3.5V4h-3.5zM5 6h6v7c0 1-.5 1.5-1.5 1.5h-3C5.5 14.5 5 14 5 13V6z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23fff' d='M4 4h8v2H4zM6.25 2.5h3.5V4h-3.5zM5 6h6v7c0 1-.5 1.5-1.5 1.5h-3C5.5 14.5 5 14 5 13V6z'/%3E%3C/svg%3E")}.icon--eye{-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' fill='%23fff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 8s2.2-3 6-3 6 3 6 3-2.2 3-6 3-6-3-6-3z'/%3E%3Ccircle cx='8' cy='8' r='1.8'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' fill='%23fff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 8s2.2-3 6-3 6 3 6 3-2.2 3-6 3-6-3-6-3z'/%3E%3Ccircle cx='8' cy='8' r='1.8'/%3E%3C/svg%3E")}.icon--eye-off{-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' fill='%23fff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 4.5 13 13M2.5 7.5S4.5 5 8 5c1 0 1.9.2 2.7.5M13.5 8.5S11.5 11 8 11c-.9 0-1.7-.2-2.5-.4'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' fill='%23fff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 4.5 13 13M2.5 7.5S4.5 5 8 5c1 0 1.9.2 2.7.5M13.5 8.5S11.5 11 8 11c-.9 0-1.7-.2-2.5-.4'/%3E%3C/svg%3E")}.icon--lock{-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='4' y='7' width='8' height='7' rx='1' fill='%23fff'/%3E%3Ccircle cx='8' cy='10.5' r='1.3'/%3E%3Cpath d='M6 7V5.6a2 2 0 0 1 4 0V7H6' fill='%23fff'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='4' y='7' width='8' height='7' rx='1' fill='%23fff'/%3E%3Ccircle cx='8' cy='10.5' r='1.3'/%3E%3Cpath d='M6 7V5.6a2 2 0 0 1 4 0V7H6' fill='%23fff'/%3E%3C/svg%3E")}.icon--unlock{-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='4' y='7' width='8' height='7' rx='1' fill='%23fff'/%3E%3Ccircle cx='8' cy='10.5' r='1.3'/%3E%3Cpath d='M10 7V5.6A2 2 0 0 0 6.6 4' fill='%23fff'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='4' y='7' width='8' height='7' rx='1' fill='%23fff'/%3E%3Ccircle cx='8' cy='10.5' r='1.3'/%3E%3Cpath d='M10 7V5.6A2 2 0 0 0 6.6 4' fill='%23fff'/%3E%3C/svg%3E")}.icon--refresh{-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23fff' d='M10 3.7V-.5L4.75 4.75 10 10V5.8c2.94 0 5.25 2.31 5.25 5.25S12.94 16.3 10 16.3a5.25 5.25 0 0 1-5.25-5.25h-2.1c0 4.095 3.255 7.35 7.35 7.35s7.35-3.255 7.35-7.35S14.095 3.7 10 3.7z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23fff' d='M10 3.7V-.5L4.75 4.75 10 10V5.8c2.94 0 5.25 2.31 5.25 5.25S12.94 16.3 10 16.3a5.25 5.25 0 0 1-5.25-5.25h-2.1c0 4.095 3.255 7.35 7.35 7.35s7.35-3.255 7.35-7.35S14.095 3.7 10 3.7z'/%3E%3C/svg%3E")}.icon--copy{-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='3' y='3' width='9' height='11' fill='%23fff' rx='1'/%3E%3Crect x='6' y='5' width='9' height='11' fill='%23fff' rx='1'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='3' y='3' width='9' height='11' fill='%23fff' rx='1'/%3E%3Crect x='6' y='5' width='9' height='11' fill='%23fff' rx='1'/%3E%3C/svg%3E")}.icon--share{-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='5' cy='9' r='2' fill='%23fff'/%3E%3Ccircle cx='11' cy='5' r='2' fill='%23fff'/%3E%3Ccircle cx='11' cy='13' r='2' fill='%23fff'/%3E%3Cpath fill='%23fff' d='m6.5 7.6 3.079-2.052.554.832-3.078 2.052zM6.66 10.11l3.079 2.052-.555.832-3.079-2.052z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='5' cy='9' r='2' fill='%23fff'/%3E%3Ccircle cx='11' cy='5' r='2' fill='%23fff'/%3E%3Ccircle cx='11' cy='13' r='2' fill='%23fff'/%3E%3Cpath fill='%23fff' d='m6.5 7.6 3.079-2.052.554.832-3.078 2.052zM6.66 10.11l3.079 2.052-.555.832-3.079-2.052z'/%3E%3C/svg%3E")}.icon--calendar{-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='2' y='4' width='12' height='10' rx='1.2' fill='%23fff'/%3E%3Cpath fill='%23fff' d='M2 4h12v3H2z'/%3E%3Cpath fill='%23fff' d='M5 2h2v3H5zM9 2h2v3H9z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='2' y='4' width='12' height='10' rx='1.2' fill='%23fff'/%3E%3Cpath fill='%23fff' d='M2 4h12v3H2z'/%3E%3Cpath fill='%23fff' d='M5 2h2v3H5zM9 2h2v3H9z'/%3E%3C/svg%3E")}.icon--clock{-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='8' cy='8' r='7' fill='%23fff'/%3E%3Ccircle cx='8' cy='8' r='5.5'/%3E%3Cpath fill='%23fff' d='M7.4 3.5h1.2v5H7.4z'/%3E%3Cpath fill='%23fff' d='m7.576 7.576.848.848-2.262 2.263-.849-.849z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='8' cy='8' r='7' fill='%23fff'/%3E%3Ccircle cx='8' cy='8' r='5.5'/%3E%3Cpath fill='%23fff' d='M7.4 3.5h1.2v5H7.4z'/%3E%3Cpath fill='%23fff' d='m7.576 7.576.848.848-2.262 2.263-.849-.849z'/%3E%3C/svg%3E")}.icon--star{-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23fff' d='m8 2 1.76 3.55 3.94.6-2.8 2.7.6 3.95L8 10.9l-3.5 1.9.6-3.95-2.8-2.7 3.94-.6Z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23fff' d='m8 2 1.76 3.55 3.94.6-2.8 2.7.6 3.95L8 10.9l-3.5 1.9.6-3.95-2.8-2.7 3.94-.6Z'/%3E%3C/svg%3E")}.icon--sort{-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23fff' d='M8 3 5.5 6h5ZM4 7h8v1.4H4zM8 13l2.5-3h-5Z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23fff' d='M8 3 5.5 6h5ZM4 7h8v1.4H4zM8 13l2.5-3h-5Z'/%3E%3C/svg%3E")}.icon--tag{-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23fff' d='m3 6.5 5.8 5.8a1.2 1.2 0 0 0 1.7 0L13 9.8a1.2 1.2 0 0 0 0-1.7L7.2 2.3H3Z'/%3E%3Ccircle cx='5.2' cy='5.2' r='1.2'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23fff' d='m3 6.5 5.8 5.8a1.2 1.2 0 0 0 1.7 0L13 9.8a1.2 1.2 0 0 0 0-1.7L7.2 2.3H3Z'/%3E%3Ccircle cx='5.2' cy='5.2' r='1.2'/%3E%3C/svg%3E")}.icon--play{-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23fff' d='M3 3h2v10H3zM6 4l6 4-6 4Z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23fff' d='M3 3h2v10H3zM6 4l6 4-6 4Z'/%3E%3C/svg%3E")}.icon--pause{-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23fff' d='M5 3h2v10H5zM9 3h2v10H9z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23fff' d='M5 3h2v10H5zM9 3h2v10H9z'/%3E%3C/svg%3E")}.icon--stop{-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23fff' d='M3 3h10v10H3z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23fff' d='M3 3h10v10H3z'/%3E%3C/svg%3E")}.icon--more-horizontal{-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' fill='%23fff' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='3' cy='8' r='1'/%3E%3Ccircle cx='8' cy='8' r='1'/%3E%3Ccircle cx='13' cy='8' r='1'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' fill='%23fff' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='3' cy='8' r='1'/%3E%3Ccircle cx='8' cy='8' r='1'/%3E%3Ccircle cx='13' cy='8' r='1'/%3E%3C/svg%3E")}.icon--more-vertical{-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' fill='%23fff' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='8' cy='3' r='1'/%3E%3Ccircle cx='8' cy='8' r='1'/%3E%3Ccircle cx='8' cy='13' r='1'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' fill='%23fff' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='8' cy='3' r='1'/%3E%3Ccircle cx='8' cy='8' r='1'/%3E%3Ccircle cx='8' cy='13' r='1'/%3E%3C/svg%3E")}.icon--hash{-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23fff' d='M5 3h2v10H5zM9 3h2v10H9z'/%3E%3Cpath fill='%23fff' d='M3 5h10v2H3zM3 9h10v2H3z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23fff' d='M5 3h2v10H5zM9 3h2v10H9z'/%3E%3Cpath fill='%23fff' d='M3 5h10v2H3zM3 9h10v2H3z'/%3E%3C/svg%3E")}.icon--layers{-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg' fill='%23fff'%3E%3Cpath d='M8 2 2 5l6 3 6-3-6-3zM2 9l6 3 6-3M2 13l6 3 6-3' stroke='%23fff' stroke-width='1.6' stroke-linejoin='round' fill='none'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg' fill='%23fff'%3E%3Cpath d='M8 2 2 5l6 3 6-3-6-3zM2 9l6 3 6-3M2 13l6 3 6-3' stroke='%23fff' stroke-width='1.6' stroke-linejoin='round' fill='none'/%3E%3C/svg%3E")}.icon--sparkles{-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg' stroke='%23fff' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round' fill='none'%3E%3Cpath d='m8 2 1.2 2.8L12 6 9.2 7.2 8 10 6.8 7.2 4 6l2.8-1.2L8 2zM3 11l.6 1.4L5 13l-1.4.6L3 15l-.6-1.4L1 13l1.4-.6L3 11zM13 9l.6 1.4 1.4.6-1.4.6L13 13l-.6-1.4L11 11l1.4-.6L13 9z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg' stroke='%23fff' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round' fill='none'%3E%3Cpath d='m8 2 1.2 2.8L12 6 9.2 7.2 8 10 6.8 7.2 4 6l2.8-1.2L8 2zM3 11l.6 1.4L5 13l-1.4.6L3 15l-.6-1.4L1 13l1.4-.6L3 11zM13 9l.6 1.4 1.4.6-1.4.6L13 13l-.6-1.4L11 11l1.4-.6L13 9z'/%3E%3C/svg%3E")}.icon--spinner{-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23fff' d='M8 1.5A6.5 6.5 0 0 1 14.5 8h-2A4.5 4.5 0 0 0 8 3.5v-2z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23fff' d='M8 1.5A6.5 6.5 0 0 1 14.5 8h-2A4.5 4.5 0 0 0 8 3.5v-2z'/%3E%3C/svg%3E")}.icon--spinner-dots{-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23fff'%3E%3Ccircle cx='8' cy='1.5' r='1'/%3E%3Ccircle cx='12.1' cy='3' r='1'/%3E%3Ccircle cx='14.5' cy='7' r='1'/%3E%3Ccircle cx='12.9' cy='11' r='1'/%3E%3Ccircle cx='8' cy='14.5' r='1'/%3E%3Ccircle cx='3.1' cy='13' r='1'/%3E%3Ccircle cx='1.5' cy='9' r='1'/%3E%3Ccircle cx='3' cy='3.1' r='1'/%3E%3C/g%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23fff'%3E%3Ccircle cx='8' cy='1.5' r='1'/%3E%3Ccircle cx='12.1' cy='3' r='1'/%3E%3Ccircle cx='14.5' cy='7' r='1'/%3E%3Ccircle cx='12.9' cy='11' r='1'/%3E%3Ccircle cx='8' cy='14.5' r='1'/%3E%3Ccircle cx='3.1' cy='13' r='1'/%3E%3Ccircle cx='1.5' cy='9' r='1'/%3E%3Ccircle cx='3' cy='3.1' r='1'/%3E%3C/g%3E%3C/svg%3E")}.icon--pulse{-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='8' cy='8' r='3' fill='%23fff'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='8' cy='8' r='3' fill='%23fff'/%3E%3C/svg%3E")}.icon--money{-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='2' y='4' width='12' height='8' rx='1.5' fill='%23fff'/%3E%3Ccircle cx='8' cy='8' r='2.2' fill='%23fff'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='2' y='4' width='12' height='8' rx='1.5' fill='%23fff'/%3E%3Ccircle cx='8' cy='8' r='2.2' fill='%23fff'/%3E%3C/svg%3E")}.icon--coins{-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='9' cy='7' r='3.5' fill='%23fff'/%3E%3Ccircle cx='7' cy='9' r='3.5' fill='%23fff'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='9' cy='7' r='3.5' fill='%23fff'/%3E%3Ccircle cx='7' cy='9' r='3.5' fill='%23fff'/%3E%3C/svg%3E")}.icon--check{-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' d='m3 8 4 4 6-8'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' d='m3 8 4 4 6-8'/%3E%3C/svg%3E")}.icon--alert{-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m8 2 6 12H2Z' fill='%23fff'/%3E%3Cpath d='M7.25 6h1.5v5h-1.5z'/%3E%3Ccircle cx='8' cy='12' r='1'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m8 2 6 12H2Z' fill='%23fff'/%3E%3Cpath d='M7.25 6h1.5v5h-1.5z'/%3E%3Ccircle cx='8' cy='12' r='1'/%3E%3C/svg%3E")}.icon--question{-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='8' cy='8' r='7' fill='%23fff'/%3E%3Ccircle cx='8' cy='8' r='5.8'/%3E%3Cpath fill='%23fff' d='M8 4.2c-1.1 0-1.9.7-2.2 1.6l1 .4c.2-.6.6-1 1.2-1 .7 0 1.2.5 1.2 1.1 0 .6-.4.9-.9 1.2-.6.3-1.2.7-1.2 1.6v.5h1v-.4c0-.5.4-.8.9-1.1.7-.4 1.2-1 1.2-1.8 0-1.2-1-2.1-2.2-2.1Z'/%3E%3Ccircle cx='8' cy='11.5' r='.7' fill='%23fff'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='8' cy='8' r='7' fill='%23fff'/%3E%3Ccircle cx='8' cy='8' r='5.8'/%3E%3Cpath fill='%23fff' d='M8 4.2c-1.1 0-1.9.7-2.2 1.6l1 .4c.2-.6.6-1 1.2-1 .7 0 1.2.5 1.2 1.1 0 .6-.4.9-.9 1.2-.6.3-1.2.7-1.2 1.6v.5h1v-.4c0-.5.4-.8.9-1.1.7-.4 1.2-1 1.2-1.8 0-1.2-1-2.1-2.2-2.1Z'/%3E%3Ccircle cx='8' cy='11.5' r='.7' fill='%23fff'/%3E%3C/svg%3E")}.icon--flag{-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23fff' d='M3 2.5V13h1.4V9.9L9 8.6l3.5 1.3V3.6L9 2.3 4.4 3.6V2.5Z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23fff' d='M3 2.5V13h1.4V9.9L9 8.6l3.5 1.3V3.6L9 2.3 4.4 3.6V2.5Z'/%3E%3C/svg%3E")}.icon--shield-outline{-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 2 4 4.5v3.7c0 2.1 1.3 3.9 4 5 2.7-1.1 4-2.9 4-5V4.5Z' fill='none' stroke='%23fff' stroke-width='1.6' stroke-linejoin='round'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 2 4 4.5v3.7c0 2.1 1.3 3.9 4 5 2.7-1.1 4-2.9 4-5V4.5Z' fill='none' stroke='%23fff' stroke-width='1.6' stroke-linejoin='round'/%3E%3C/svg%3E")}.icon--shield-outline-alert{-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 2 4 4.5v3.7c0 2.1 1.3 3.9 4 5 2.7-1.1 4-2.9 4-5V4.5Z' fill='none' stroke='%23fff' stroke-width='1.6' stroke-linejoin='round'/%3E%3Ccircle cx='11.3' cy='4' r='1.3' fill='none' stroke='%23fff' stroke-width='1.6'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 2 4 4.5v3.7c0 2.1 1.3 3.9 4 5 2.7-1.1 4-2.9 4-5V4.5Z' fill='none' stroke='%23fff' stroke-width='1.6' stroke-linejoin='round'/%3E%3Ccircle cx='11.3' cy='4' r='1.3' fill='none' stroke='%23fff' stroke-width='1.6'/%3E%3C/svg%3E")}.icon--ban{-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='8' cy='8' r='7' fill='%23fff'/%3E%3Ccircle cx='8' cy='8' r='5.2'/%3E%3Cpath fill='%23fff' d='m11.394 3.192 1.414 1.414-8.202 8.202-1.414-1.414z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='8' cy='8' r='7' fill='%23fff'/%3E%3Ccircle cx='8' cy='8' r='5.2'/%3E%3Cpath fill='%23fff' d='m11.394 3.192 1.414 1.414-8.202 8.202-1.414-1.414z'/%3E%3C/svg%3E")}.icon--tip{-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23fff' d='M8 1.5a4.5 4.5 0 0 0-2.84 7.98c.38.3.84.92.97 1.45l.1.42h3.54l.1-.42c.13-.53.6-1.15.97-1.45A4.5 4.5 0 0 0 8 1.5zM6.75 13a.75.75 0 0 0 0 1.5h2.5a.75.75 0 0 0 0-1.5h-2.5z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23fff' d='M8 1.5a4.5 4.5 0 0 0-2.84 7.98c.38.3.84.92.97 1.45l.1.42h3.54l.1-.42c.13-.53.6-1.15.97-1.45A4.5 4.5 0 0 0 8 1.5zM6.75 13a.75.75 0 0 0 0 1.5h2.5a.75.75 0 0 0 0-1.5h-2.5z'/%3E%3C/svg%3E")}.icon--email{-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23fff' d='M4 4h16a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2Zm.7 2 7.3 6 7.3-6H4.7Zm7.3 8L4 7.5v9.8c0 .4.3.7.7.7h14.6c.4 0 .7-.3.7-.7V7.5L12 14Z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23fff' d='M4 4h16a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2Zm.7 2 7.3 6 7.3-6H4.7Zm7.3 8L4 7.5v9.8c0 .4.3.7.7.7h14.6c.4 0 .7-.3.7-.7V7.5L12 14Z'/%3E%3C/svg%3E")}.icon--archive{-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23fff' d='M4 3h16c1.1 0 2 .9 2 2v10c0 1.1-.9 2-2 2h-4.7c-.3 0-.5.1-.7.3l-1.9 2c-.4.4-1 .4-1.4 0l-1.9-2c-.2-.2-.4-.3-.7-.3H4c-1.1 0-2-.9-2-2V5c0-1.1.9-2 2-2Zm7 3v5H8l4 4 4-4h-3V6h-2ZM7 19h10v2H7v-2Z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23fff' d='M4 3h16c1.1 0 2 .9 2 2v10c0 1.1-.9 2-2 2h-4.7c-.3 0-.5.1-.7.3l-1.9 2c-.4.4-1 .4-1.4 0l-1.9-2c-.2-.2-.4-.3-.7-.3H4c-1.1 0-2-.9-2-2V5c0-1.1.9-2 2-2Zm7 3v5H8l4 4 4-4h-3V6h-2ZM7 19h10v2H7v-2Z'/%3E%3C/svg%3E")}.icon--email-open{-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23fff' d='m4 10 12-7 12 7v16H4Z'/%3E%3Cpath d='m6 11 10-6 10 6v13H6Z'/%3E%3Cpath fill='%23fff' d='m6 11 10 7 10-7'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23fff' d='m4 10 12-7 12 7v16H4Z'/%3E%3Cpath d='m6 11 10-6 10 6v13H6Z'/%3E%3Cpath fill='%23fff' d='m6 11 10 7 10-7'/%3E%3C/svg%3E")}.icon--send{-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23fff' d='m3 4 18 8-18 8Z'/%3E%3Cpath d='m3 8 12 4-12 4Z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23fff' d='m3 4 18 8-18 8Z'/%3E%3Cpath d='m3 8 12 4-12 4Z'/%3E%3C/svg%3E")}.icon--inbox{-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23fff' d='M4 4h16a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2Zm.7 2 7.3 6 7.3-6H4.7Zm7.3 8L4 7.5v9.8c0 .4.3.7.7.7h14.6c.4 0 .7-.3.7-.7V7.5L12 14Z'/%3E%3Ccircle fill='%23fff' cx='20' cy='6' r='5'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23fff' d='M4 4h16a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2Zm.7 2 7.3 6 7.3-6H4.7Zm7.3 8L4 7.5v9.8c0 .4.3.7.7.7h14.6c.4 0 .7-.3.7-.7V7.5L12 14Z'/%3E%3Ccircle fill='%23fff' cx='20' cy='6' r='5'/%3E%3C/svg%3E")}.icon--favorite-fill{-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23fff' stroke='%23fff' stroke-width='1.5' stroke-linejoin='round' d='m8 2 2 4h4l-3 3 1 5-4-3-4 3 1-5-3-3h4z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23fff' stroke='%23fff' stroke-width='1.5' stroke-linejoin='round' d='m8 2 2 4h4l-3 3 1 5-4-3-4 3 1-5-3-3h4z'/%3E%3C/svg%3E")}.icon--favorite-outline{-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='none' stroke='%23fff' stroke-width='1.5' stroke-linejoin='round' d='m8 2 2 4h4l-3 3 1 5-4-3-4 3 1-5-3-3h4z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='none' stroke='%23fff' stroke-width='1.5' stroke-linejoin='round' d='m8 2 2 4h4l-3 3 1 5-4-3-4 3 1-5-3-3h4z'/%3E%3C/svg%3E")}.icon--flag-fill{-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 2v12M3 2h10l-2 4 2 4H3' fill='%23fff' stroke='%23fff' stroke-width='1.5' stroke-linejoin='round' stroke-linecap='round'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 2v12M3 2h10l-2 4 2 4H3' fill='%23fff' stroke='%23fff' stroke-width='1.5' stroke-linejoin='round' stroke-linecap='round'/%3E%3C/svg%3E")}.icon--flag-outline{-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 2v12M3 2h10l-2 4 2 4H3' fill='none' stroke='%23fff' stroke-width='1.5' stroke-linejoin='round' stroke-linecap='round'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 2v12M3 2h10l-2 4 2 4H3' fill='none' stroke='%23fff' stroke-width='1.5' stroke-linejoin='round' stroke-linecap='round'/%3E%3C/svg%3E")}.icon--bookmark-fill{-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 2h8v12l-4-3-4 3Z' fill='%23fff' stroke='%23fff' stroke-width='1.5' stroke-linejoin='round'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 2h8v12l-4-3-4 3Z' fill='%23fff' stroke='%23fff' stroke-width='1.5' stroke-linejoin='round'/%3E%3C/svg%3E")}.icon--bookmark-outline{-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 2h8v12l-4-3-4 3Z' fill='none' stroke='%23fff' stroke-width='1.5' stroke-linejoin='round'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 2h8v12l-4-3-4 3Z' fill='none' stroke='%23fff' stroke-width='1.5' stroke-linejoin='round'/%3E%3C/svg%3E")}.icon--edit-fill{-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m2 11 9-9 3 3-9 9H2Z' fill='%23fff'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m2 11 9-9 3 3-9 9H2Z' fill='%23fff'/%3E%3C/svg%3E")}.icon--edit-outline{-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m2 11 9-9 3 3-9 9H2Z' fill='none' stroke='%23fff' stroke-width='1.5' stroke-linejoin='round'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m2 11 9-9 3 3-9 9H2Z' fill='none' stroke='%23fff' stroke-width='1.5' stroke-linejoin='round'/%3E%3C/svg%3E")}.icon--delete-fill{-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23fff' d='M4 5h8v9H4zM3 3h10v2H3z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23fff' d='M4 5h8v9H4zM3 3h10v2H3z'/%3E%3C/svg%3E")}.icon--delete-outline{-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='none' stroke='%23fff' stroke-width='1.5' d='M4 5h8v9H4z'/%3E%3Cpath fill='%23fff' d='M3 3h10v2H3z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='none' stroke='%23fff' stroke-width='1.5' d='M4 5h8v9H4z'/%3E%3Cpath fill='%23fff' d='M3 3h10v2H3z'/%3E%3C/svg%3E")}.icon--exit-outline{-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.5 3.5h6v9h-6' fill='none' stroke='%23fff' stroke-width='1.6' stroke-linejoin='round'/%3E%3Cpath d='M3.5 8h7' fill='none' stroke='%23fff' stroke-width='1.6' stroke-linecap='round'/%3E%3Cpath d='M7 5.5 10.5 8 7 10.5' fill='none' stroke='%23fff' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.5 3.5h6v9h-6' fill='none' stroke='%23fff' stroke-width='1.6' stroke-linejoin='round'/%3E%3Cpath d='M3.5 8h7' fill='none' stroke='%23fff' stroke-width='1.6' stroke-linecap='round'/%3E%3Cpath d='M7 5.5 10.5 8 7 10.5' fill='none' stroke='%23fff' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}.icon--take-right-fill{-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 3v3H2v4h4v3l5-5Z' fill='%23fff'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 3v3H2v4h4v3l5-5Z' fill='%23fff'/%3E%3C/svg%3E")}.icon--take-right-outline{-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 3v3H2v4h4v3l5-5Z' fill='none' stroke='%23fff' stroke-width='1.5' stroke-linejoin='round'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 3v3H2v4h4v3l5-5Z' fill='none' stroke='%23fff' stroke-width='1.5' stroke-linejoin='round'/%3E%3C/svg%3E")}.icon--open-fill{-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23fff' d='M2 6h12v8H2zM4 6l2-4h8v4Z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23fff' d='M2 6h12v8H2zM4 6l2-4h8v4Z'/%3E%3C/svg%3E")}.icon--open-outline{-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='none' stroke='%23fff' stroke-width='1.5' d='M2 6h12v8H2z'/%3E%3Cpath d='m4 6 2-4h8v4' fill='none' stroke='%23fff' stroke-width='1.5' stroke-linejoin='round'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='none' stroke='%23fff' stroke-width='1.5' d='M2 6h12v8H2z'/%3E%3Cpath d='m4 6 2-4h8v4' fill='none' stroke='%23fff' stroke-width='1.5' stroke-linejoin='round'/%3E%3C/svg%3E")}.icon--duplicate-fill{-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23fff' d='M4 4h9v9H4z'/%3E%3Cpath fill='%23fff' d='M2 2h9v9H2z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23fff' d='M4 4h9v9H4z'/%3E%3Cpath fill='%23fff' d='M2 2h9v9H2z'/%3E%3C/svg%3E")}.icon--duplicate-outline{-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='none' stroke='%23fff' stroke-width='1.5' d='M4 4h9v9H4z'/%3E%3Cpath fill='none' stroke='%23fff' stroke-width='1.5' d='M2 2h9v9H2z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='none' stroke='%23fff' stroke-width='1.5' d='M4 4h9v9H4z'/%3E%3Cpath fill='none' stroke='%23fff' stroke-width='1.5' d='M2 2h9v9H2z'/%3E%3C/svg%3E")}.icon--assign-fill{-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='8' cy='5' r='3' fill='%23fff'/%3E%3Crect x='3' y='9' width='10' height='5' rx='2' fill='%23fff'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='8' cy='5' r='3' fill='%23fff'/%3E%3Crect x='3' y='9' width='10' height='5' rx='2' fill='%23fff'/%3E%3C/svg%3E")}.icon--assign-outline{-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='8' cy='5' r='3' fill='none' stroke='%23fff' stroke-width='1.5'/%3E%3Crect x='3' y='9' width='10' height='5' rx='2' fill='none' stroke='%23fff' stroke-width='1.5'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='8' cy='5' r='3' fill='none' stroke='%23fff' stroke-width='1.5'/%3E%3Crect x='3' y='9' width='10' height='5' rx='2' fill='none' stroke='%23fff' stroke-width='1.5'/%3E%3C/svg%3E")}.icon--pin-fill{-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 2h4v4l2 2H4l2-2Zm2 6v6' fill='%23fff' stroke='%23fff' stroke-width='1.5' stroke-linejoin='round'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 2h4v4l2 2H4l2-2Zm2 6v6' fill='%23fff' stroke='%23fff' stroke-width='1.5' stroke-linejoin='round'/%3E%3C/svg%3E")}.icon--pin-outline{-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 2h4v4l2 2H4l2-2Zm2 6v6' fill='none' stroke='%23fff' stroke-width='1.5' stroke-linejoin='round'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 2h4v4l2 2H4l2-2Zm2 6v6' fill='none' stroke='%23fff' stroke-width='1.5' stroke-linejoin='round'/%3E%3C/svg%3E")}.icon--export-fill{-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m8 2 4 4H9v5H7V6H4ZM3 12h10v2H3z' fill='%23fff'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m8 2 4 4H9v5H7V6H4ZM3 12h10v2H3z' fill='%23fff'/%3E%3C/svg%3E")}.icon--export-outline{-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m8 2 4 4H9v5H7V6H4Z' fill='none' stroke='%23fff' stroke-width='1.5' stroke-linejoin='round'/%3E%3Cpath fill='%23fff' d='M3 12h10v2H3z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m8 2 4 4H9v5H7V6H4Z' fill='none' stroke='%23fff' stroke-width='1.5' stroke-linejoin='round'/%3E%3Cpath fill='%23fff' d='M3 12h10v2H3z'/%3E%3C/svg%3E")}.icon--import-fill{-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m8 14-4-4h3V5h2v5h3ZM3 2h10v2H3z' fill='%23fff'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m8 14-4-4h3V5h2v5h3ZM3 2h10v2H3z' fill='%23fff'/%3E%3C/svg%3E")}.icon--import-outline{-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m8 14-4-4h3V5h2v5h3Z' fill='none' stroke='%23fff' stroke-width='1.5' stroke-linejoin='round'/%3E%3Cpath fill='%23fff' d='M3 2h10v2H3z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m8 14-4-4h3V5h2v5h3Z' fill='none' stroke='%23fff' stroke-width='1.5' stroke-linejoin='round'/%3E%3Cpath fill='%23fff' d='M3 2h10v2H3z'/%3E%3C/svg%3E")}.icon--video-outline{-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='4' y='6' width='16' height='12' rx='2.5' fill='none' stroke='%23fff' stroke-width='1.8'/%3E%3Cpath fill='none' stroke='%23fff' stroke-width='1.8' stroke-linejoin='round' stroke-linecap='round' d='m11 10 5 2-5 2z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='4' y='6' width='16' height='12' rx='2.5' fill='none' stroke='%23fff' stroke-width='1.8'/%3E%3Cpath fill='none' stroke='%23fff' stroke-width='1.8' stroke-linejoin='round' stroke-linecap='round' d='m11 10 5 2-5 2z'/%3E%3C/svg%3E")}.icon--video-fill{-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='4' y='6' width='16' height='12' rx='2.5' fill='%23fff'/%3E%3Cpath d='m11 10 5 2-5 2z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='4' y='6' width='16' height='12' rx='2.5' fill='%23fff'/%3E%3Cpath d='m11 10 5 2-5 2z'/%3E%3C/svg%3E")}.icon--template-outline{-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='5' y='5' width='14' height='14' rx='2.5' fill='none' stroke='%23fff' stroke-width='1.8'/%3E%3Cpath stroke='%23fff' stroke-width='1.8' stroke-linecap='round' d='M8 10h8M8 14h6M8 8h4'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='5' y='5' width='14' height='14' rx='2.5' fill='none' stroke='%23fff' stroke-width='1.8'/%3E%3Cpath stroke='%23fff' stroke-width='1.8' stroke-linecap='round' d='M8 10h8M8 14h6M8 8h4'/%3E%3C/svg%3E")}.icon--template-fill{-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='5' y='5' width='14' height='14' rx='2.5' fill='%23fff'/%3E%3Cpath d='M8 7.1h4.5v1.8H8zM8 9.1h9v1.8H8zM8 13.1h6.8v1.8H8z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='5' y='5' width='14' height='14' rx='2.5' fill='%23fff'/%3E%3Cpath d='M8 7.1h4.5v1.8H8zM8 9.1h9v1.8H8zM8 13.1h6.8v1.8H8z'/%3E%3C/svg%3E")}.icon--signal{-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 13h4l2-5 4 10 2-5h4' fill='none' stroke='%23fff' stroke-width='1.8' stroke-linejoin='round' stroke-linecap='round'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 13h4l2-5 4 10 2-5h4' fill='none' stroke='%23fff' stroke-width='1.8' stroke-linejoin='round' stroke-linecap='round'/%3E%3C/svg%3E")}.icon--signal-fill{-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 13h4l2-5 4 10 2-5h4' fill='none' stroke='%23fff' stroke-width='3.2' stroke-linejoin='round' stroke-linecap='round'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 13h4l2-5 4 10 2-5h4' fill='none' stroke='%23fff' stroke-width='3.2' stroke-linejoin='round' stroke-linecap='round'/%3E%3C/svg%3E")}.icon--settings-outline{-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='12' cy='12' r='3.2' fill='none' stroke='%23fff' stroke-width='1.8'/%3E%3Cpath d='M12 3.5v2.2m0 12.6v2.2M3.5 12h2.2m12.6 0h2.2M5.9 5.9l1.6 1.6m9 9 1.6 1.6m-12.2 0 1.6-1.6m9-9 1.6-1.6' fill='none' stroke='%23fff' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='12' cy='12' r='3.2' fill='none' stroke='%23fff' stroke-width='1.8'/%3E%3Cpath d='M12 3.5v2.2m0 12.6v2.2M3.5 12h2.2m12.6 0h2.2M5.9 5.9l1.6 1.6m9 9 1.6 1.6m-12.2 0 1.6-1.6m9-9 1.6-1.6' fill='none' stroke='%23fff' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E")}.icon--settings-fill{-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='12' cy='12' r='3.2' fill='%23fff'/%3E%3Cpath d='M12 3.5v2.2m0 12.6v2.2M3.5 12h2.2m12.6 0h2.2M5.9 5.9l1.6 1.6m9 9 1.6 1.6m-12.2 0 1.6-1.6m9-9 1.6-1.6' fill='none' stroke='%23fff' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='12' cy='12' r='3.2' fill='%23fff'/%3E%3Cpath d='M12 3.5v2.2m0 12.6v2.2M3.5 12h2.2m12.6 0h2.2M5.9 5.9l1.6 1.6m9 9 1.6 1.6m-12.2 0 1.6-1.6m9-9 1.6-1.6' fill='none' stroke='%23fff' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E")}.icon--expand-outline{-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9 5H5v4m10-4h4v4M9 19H5v-4m10 4h4v-4' fill='none' stroke='%23fff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9 5H5v4m10-4h4v4M9 19H5v-4m10 4h4v-4' fill='none' stroke='%23fff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}.icon--collapse-outline{-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 9h4V5m10 4h-4V5M5 15h4v4m10-4h-4v4' fill='none' stroke='%23fff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 9h4V5m10 4h-4V5M5 15h4v4m10-4h-4v4' fill='none' stroke='%23fff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}.icon--attach-outline{-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m9 12.5 6.8-6.8A3 3 0 1 1 20 9.9l-8.6 8.6a5 5 0 1 1-7.1-7.1l8.3-8.3' fill='none' stroke='%23fff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m9 12.5 6.8-6.8A3 3 0 1 1 20 9.9l-8.6 8.6a5 5 0 1 1-7.1-7.1l8.3-8.3' fill='none' stroke='%23fff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}.icon--attach-fill{-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m9 12.5 6.8-6.8A3 3 0 1 1 20 9.9l-8.6 8.6a5 5 0 1 1-7.1-7.1l8.3-8.3' fill='none' stroke='%23fff' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m9 12.5 6.8-6.8A3 3 0 1 1 20 9.9l-8.6 8.6a5 5 0 1 1-7.1-7.1l8.3-8.3' fill='none' stroke='%23fff' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}.icon--flagged-outline{-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 3v18M6 4h12l-2 4 2 4H6' fill='none' stroke='%23fff' stroke-width='1.8' stroke-linejoin='round' stroke-linecap='round'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 3v18M6 4h12l-2 4 2 4H6' fill='none' stroke='%23fff' stroke-width='1.8' stroke-linejoin='round' stroke-linecap='round'/%3E%3C/svg%3E")}.icon--flagged-fill{-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23fff' d='M5.1 3h2v18h-2z'/%3E%3Cpath d='M6 4h12l-2 4 2 4H6z' fill='%23fff'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23fff' d='M5.1 3h2v18h-2z'/%3E%3Cpath d='M6 4h12l-2 4 2 4H6z' fill='%23fff'/%3E%3C/svg%3E")}.icon--bookmarkable-outline{-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 4h10a2 2 0 0 1 2 2v16l-7-4-7 4V6a2 2 0 0 1 2-2z' fill='none' stroke='%23fff' stroke-width='1.8' stroke-linejoin='round'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 4h10a2 2 0 0 1 2 2v16l-7-4-7 4V6a2 2 0 0 1 2-2z' fill='none' stroke='%23fff' stroke-width='1.8' stroke-linejoin='round'/%3E%3C/svg%3E")}.icon--bookmarkable-fill{-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 4h10a2 2 0 0 1 2 2v16l-7-4-7 4V6a2 2 0 0 1 2-2z' fill='%23fff'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 4h10a2 2 0 0 1 2 2v16l-7-4-7 4V6a2 2 0 0 1 2-2z' fill='%23fff'/%3E%3C/svg%3E")}.icon--favorable-outline{-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m12 3.5 2.9 6 6.6.9-4.8 4.6 1.2 6.6-5.9-2.8-5.9 2.8L7.3 15l-4.8-4.6 6.6-.9 2.9-6z' fill='none' stroke='%23fff' stroke-width='1.8' stroke-linejoin='round'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m12 3.5 2.9 6 6.6.9-4.8 4.6 1.2 6.6-5.9-2.8-5.9 2.8L7.3 15l-4.8-4.6 6.6-.9 2.9-6z' fill='none' stroke='%23fff' stroke-width='1.8' stroke-linejoin='round'/%3E%3C/svg%3E")}.icon--favorable-fill{-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m12 3.5 2.9 6 6.6.9-4.8 4.6 1.2 6.6-5.9-2.8-5.9 2.8L7.3 15l-4.8-4.6 6.6-.9 2.9-6z' fill='%23fff' stroke='%23fff' stroke-width='1.8' stroke-linejoin='round'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m12 3.5 2.9 6 6.6.9-4.8 4.6 1.2 6.6-5.9-2.8-5.9 2.8L7.3 15l-4.8-4.6 6.6-.9 2.9-6z' fill='%23fff' stroke='%23fff' stroke-width='1.8' stroke-linejoin='round'/%3E%3C/svg%3E")}.icon--editable-outline{-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 20h4l10-10-4-4L4 16v4z' fill='none' stroke='%23fff' stroke-width='1.8' stroke-linejoin='round'/%3E%3Cpath d='m13 7 4 4' fill='none' stroke='%23fff' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 20h4l10-10-4-4L4 16v4z' fill='none' stroke='%23fff' stroke-width='1.8' stroke-linejoin='round'/%3E%3Cpath d='m13 7 4 4' fill='none' stroke='%23fff' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E")}.icon--removable-outline{-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.5 5.5v7h7v-7' fill='none' stroke='%23fff' stroke-width='1.6' stroke-linejoin='round'/%3E%3Cpath d='M3.5 5.5h9' fill='none' stroke='%23fff' stroke-width='1.6' stroke-linecap='round'/%3E%3Cpath d='M6 5.5V4h4v1.5' fill='none' stroke='%23fff' stroke-width='1.6' stroke-linejoin='round'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.5 5.5v7h7v-7' fill='none' stroke='%23fff' stroke-width='1.6' stroke-linejoin='round'/%3E%3Cpath d='M3.5 5.5h9' fill='none' stroke='%23fff' stroke-width='1.6' stroke-linecap='round'/%3E%3Cpath d='M6 5.5V4h4v1.5' fill='none' stroke='%23fff' stroke-width='1.6' stroke-linejoin='round'/%3E%3C/svg%3E")}.icon--refresh-outline{-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13 8a5 5 0 0 1-9.2 2.6M3 8a5 5 0 0 1 9.2-2.6' fill='none' stroke='%23fff' stroke-width='1.6' stroke-linecap='round'/%3E%3Cpath d='M3.1 11.4h1.6V9.8M12.9 4.6h-1.6v1.6' fill='none' stroke='%23fff' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13 8a5 5 0 0 1-9.2 2.6M3 8a5 5 0 0 1 9.2-2.6' fill='none' stroke='%23fff' stroke-width='1.6' stroke-linecap='round'/%3E%3Cpath d='M3.1 11.4h1.6V9.8M12.9 4.6h-1.6v1.6' fill='none' stroke='%23fff' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}.icon--search-outline{-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='7' cy='7' r='4.5' fill='none' stroke='%23fff' stroke-width='1.6'/%3E%3Cpath d='m10.7 10.7 2.8 2.8' fill='none' stroke='%23fff' stroke-width='1.6' stroke-linecap='round'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='7' cy='7' r='4.5' fill='none' stroke='%23fff' stroke-width='1.6'/%3E%3Cpath d='m10.7 10.7 2.8 2.8' fill='none' stroke='%23fff' stroke-width='1.6' stroke-linecap='round'/%3E%3C/svg%3E")}.icon--clock-outline{-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 3v5l3 2' fill='none' stroke='%23fff' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3Ccircle cx='8' cy='8' r='5.5' fill='none' stroke='%23fff' stroke-width='1.6'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 3v5l3 2' fill='none' stroke='%23fff' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3Ccircle cx='8' cy='8' r='5.5' fill='none' stroke='%23fff' stroke-width='1.6'/%3E%3C/svg%3E")}.icon--new-outline{-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.5 8h9M8 3.5v9' fill='none' stroke='%23fff' stroke-width='1.6' stroke-linecap='round'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.5 8h9M8 3.5v9' fill='none' stroke='%23fff' stroke-width='1.6' stroke-linecap='round'/%3E%3C/svg%3E")}.icon--archive-outline{-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='3' y='6' width='10' height='7' rx='1.6' fill='none' stroke='%23fff' stroke-width='1.6'/%3E%3Cpath d='M3 5h10M8 7.2v3.4' fill='none' stroke='%23fff' stroke-width='1.6' stroke-linecap='round'/%3E%3Cpath d='M6.6 9.4 8 10.8l1.4-1.4' fill='none' stroke='%23fff' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='3' y='6' width='10' height='7' rx='1.6' fill='none' stroke='%23fff' stroke-width='1.6'/%3E%3Cpath d='M3 5h10M8 7.2v3.4' fill='none' stroke='%23fff' stroke-width='1.6' stroke-linecap='round'/%3E%3Cpath d='M6.6 9.4 8 10.8l1.4-1.4' fill='none' stroke='%23fff' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}.icon--video-file-outline{-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='2' y='3' width='12' height='10' rx='2' fill='%23fff'/%3E%3Cpath d='m7 6 4 2-4 2z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='2' y='3' width='12' height='10' rx='2' fill='%23fff'/%3E%3Cpath d='m7 6 4 2-4 2z'/%3E%3C/svg%3E")}.icon--sessions-outline{-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='3' y='2' width='10' height='12' rx='2' fill='%23fff'/%3E%3Cpath stroke='%23000' stroke-width='1.5' d='M5 5h6M5 8h6'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='3' y='2' width='10' height='12' rx='2' fill='%23fff'/%3E%3Cpath stroke='%23000' stroke-width='1.5' d='M5 5h6M5 8h6'/%3E%3C/svg%3E")}.icon--templates-outline{-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='2' y='2' width='12' height='12' rx='2' fill='%23fff'/%3E%3Cpath d='M4 4h3v3H4zM9 4h3v3H9zM4 9h8v3H4z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='2' y='2' width='12' height='12' rx='2' fill='%23fff'/%3E%3Cpath d='M4 4h3v3H4zM9 4h3v3H9zM4 9h8v3H4z'/%3E%3C/svg%3E")}.icon--gear{-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='8' cy='8' r='3' fill='%23fff'/%3E%3Cpath d='M8 1v2m0 10v2M1 8h2m10 0h2M3 3l1.5 1.5m7 7L13 13M3 13l1.5-1.5m7-7L13 3' stroke='%23fff' stroke-width='1.5'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='8' cy='8' r='3' fill='%23fff'/%3E%3Cpath d='M8 1v2m0 10v2M1 8h2m10 0h2M3 3l1.5 1.5m7 7L13 13M3 13l1.5-1.5m7-7L13 3' stroke='%23fff' stroke-width='1.5'/%3E%3C/svg%3E")}.icon--segments{-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23fff' d='M3 3h10v2H3zM3 7h10v2H3zM3 11h10v2H3z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23fff' d='M3 3h10v2H3zM3 7h10v2H3zM3 11h10v2H3z'/%3E%3C/svg%3E")}.icon--copy-outline{-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='3' y='3' width='9' height='11' rx='1' fill='none' stroke='%23fff' stroke-width='1.5'/%3E%3Crect x='6' y='5' width='9' height='11' rx='1' fill='none' stroke='%23fff' stroke-width='1.5'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='3' y='3' width='9' height='11' rx='1' fill='none' stroke='%23fff' stroke-width='1.5'/%3E%3Crect x='6' y='5' width='9' height='11' rx='1' fill='none' stroke='%23fff' stroke-width='1.5'/%3E%3C/svg%3E")}.icon--calendar-outline{-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='2' y='4' width='12' height='10' rx='1.2' fill='none' stroke='%23fff' stroke-width='1.5'/%3E%3Cpath stroke='%23fff' stroke-width='1.5' d='M2 7h12'/%3E%3Cpath stroke='%23fff' stroke-width='1.5' stroke-linecap='round' d='M6 2v3M10 2v3'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='2' y='4' width='12' height='10' rx='1.2' fill='none' stroke='%23fff' stroke-width='1.5'/%3E%3Cpath stroke='%23fff' stroke-width='1.5' d='M2 7h12'/%3E%3Cpath stroke='%23fff' stroke-width='1.5' stroke-linecap='round' d='M6 2v3M10 2v3'/%3E%3C/svg%3E")}.icon--money-outline{-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='2' y='4' width='12' height='8' rx='1.5' fill='none' stroke='%23fff' stroke-width='1.5'/%3E%3Ccircle cx='8' cy='8' r='2.2' fill='none' stroke='%23fff' stroke-width='1.5'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='2' y='4' width='12' height='8' rx='1.5' fill='none' stroke='%23fff' stroke-width='1.5'/%3E%3Ccircle cx='8' cy='8' r='2.2' fill='none' stroke='%23fff' stroke-width='1.5'/%3E%3C/svg%3E")}.icon--file-outline{-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 2h4l3 3v9H5z' fill='none' stroke='%23fff' stroke-width='1.5' stroke-linejoin='round'/%3E%3Cpath d='M9 2v3h3' fill='none' stroke='%23fff' stroke-width='1.5' stroke-linejoin='round'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 2h4l3 3v9H5z' fill='none' stroke='%23fff' stroke-width='1.5' stroke-linejoin='round'/%3E%3Cpath d='M9 2v3h3' fill='none' stroke='%23fff' stroke-width='1.5' stroke-linejoin='round'/%3E%3C/svg%3E")}.icon--folder-outline{-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 5h5.2l1.4 2H14v6H2Z' fill='none' stroke='%23fff' stroke-width='1.5' stroke-linejoin='round'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 5h5.2l1.4 2H14v6H2Z' fill='none' stroke='%23fff' stroke-width='1.5' stroke-linejoin='round'/%3E%3C/svg%3E")}.icon--coins-outline{-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='9' cy='7' r='3.5' fill='none' stroke='%23fff' stroke-width='1.5'/%3E%3Ccircle cx='7' cy='9' r='3.5' fill='none' stroke='%23fff' stroke-width='1.5'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='9' cy='7' r='3.5' fill='none' stroke='%23fff' stroke-width='1.5'/%3E%3Ccircle cx='7' cy='9' r='3.5' fill='none' stroke='%23fff' stroke-width='1.5'/%3E%3C/svg%3E")}@keyframes icon-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.icon--spinning{animation:icon-spin .85s linear infinite}@keyframes icon-pulse{0%{opacity:1;transform:scale(1)}50%{opacity:.55;transform:scale(1.25)}to{opacity:1;transform:scale(1)}}.icon--pulsing{animation:icon-pulse 1.2s ease-in-out infinite}.icon--loader.icon--spinner,.icon--loader.icon--spinner-dots{animation:icon-spin .85s linear infinite}.icon--loader.icon--pulse{animation:icon-pulse 1.2s ease-in-out infinite}.icon--loader-fast{animation-duration:.55s!important}.icon--loader-slow{animation-duration:1.8s!important}@media (prefers-reduced-motion:reduce){.icon--loader,.icon--loader-fast,.icon--loader-slow,.icon--pulsing,.icon--spinning{animation:none!important}}.icon-container{align-items:center;background-color:var(--color-surface-subtle);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);color:var(--color-text);display:inline-flex;height:var(--icon-container-md);justify-content:center;width:var(--icon-container-md)}.icon-container--sm{height:var(--icon-container-sm);width:var(--icon-container-sm)}.icon-container--lg{height:var(--icon-container-lg);width:var(--icon-container-lg)}.icon-container--xl{height:var(--icon-container-xl);width:var(--icon-container-xl)}.icon-container--circle{border-radius:999px}.icon-container--circle-sm{border-radius:999px;height:var(--icon-container-sm);width:var(--icon-container-sm)}.icon-container--circle-lg{border-radius:999px;height:var(--icon-container-lg);width:var(--icon-container-lg)}.icon-container--accent{background-color:var(--accent-soft-surface,var(--color-accent-soft));border-color:var(--accent-soft-border,var(--color-accent));color:var(--accent-soft-on,var(--color-on-accent))}.icon-container--accent-strong{background-color:var(--color-accent-strong);color:var(--color-on-accent)}.icon-container--success{background-color:var(--success-soft-surface,var(--color-success-soft));border-color:var(--success-soft-border,var(--color-success));color:var(--success-soft-on,var(--color-on-success))}.icon-container--info{background-color:var(--info-soft-surface,var(--color-info-soft));border-color:var(--info-soft-border,var(--color-info));color:var(--info-soft-on,var(--color-on-info))}.icon-container--warning{background-color:var(--warning-soft-surface,var(--color-warning-soft));border-color:var(--warning-soft-border,var(--color-warning));color:var(--warning-soft-on,var(--color-on-warning))}.icon-container--danger{background-color:var(--danger-soft-surface,var(--color-danger-soft));border-color:var(--danger-soft-border,var(--color-danger));color:var(--danger-soft-on,var(--color-on-danger))}.icon-container--muted{background-color:var(--color-muted-bg);color:var(--color-text-muted)}.icon-color--accent{color:var(--color-accent)}.icon-color--success{color:var(--color-success)}.icon-color--info{color:var(--color-info)}.icon-color--warning{color:var(--color-warning)}.icon-color--danger{color:var(--color-danger)}.icon-color--muted{color:var(--color-text-muted)}.icon-color--soft{color:var(--color-text-soft)}.icon-color--subtle{color:var(--color-border-subtle)}.icon-color--on-accent{color:var(--color-on-accent)}.icon-color--inverse{color:var(--color-text-on-strong)}.button .icon,.button--icon .icon{height:var(--icon-sm);width:var(--icon-sm)}.button--lg .icon{height:var(--icon-md);width:var(--icon-md)}.button--xl .icon{height:var(--icon-lg);width:var(--icon-lg)}.button--icon{align-items:center;display:inline-flex;gap:0;height:auto;justify-content:center;padding:var(--space-2);width:auto}.button--icon-only{height:var(--icon-container-md);padding:0;width:var(--icon-container-md)}.icon-badge{display:inline-flex;position:relative}.icon-badge__dot{background-color:var(--color-accent);border:1px solid var(--color-surface);border-radius:999px;height:8px;position:absolute;right:-2px;top:-2px;width:8px}.icon-badge__dot--success{background-color:var(--color-success)}.icon-badge__dot--danger{background-color:var(--color-danger)}.icon-badge__dot--warning{background-color:var(--color-warning)}.icon-badge__dot--info{background-color:var(--color-info)}.icon-badge__dot--neutral{background-color:var(--color-muted-bg)}.icon-badge__dot--disabled{background-color:var(--color-border-subtle)}.icon--a{height:var(--icon-lg);width:var(--icon-lg)}.icon-container--a{padding:var(--space-3)}.icon--b{height:var(--icon-md);width:var(--icon-md)}.icon-container--b{padding:var(--space-2)}.icon--c{height:var(--icon-sm);width:var(--icon-sm)}.icon-container--c{padding:var(--space-1)}.icon--d{height:var(--icon-xxs);width:var(--icon-xxs)}.bg-dark .icon,.surface-on-dark .icon{color:var(--color-text-on-strong)}.bg-dark .icon-container,.surface-on-dark .icon-container{background-color:var(--color-bg-soft);border-color:var(--color-border-strong)}.bg-light .icon,.surface-on-light .icon{color:var(--color-text)}.bg-light .icon-container,.surface-on-light .icon-container{background-color:var(--color-surface-subtle);border-color:var(--color-border-subtle)}.list-group__icon,.media__icon svg,.nav__item svg,.steps__bullet svg,.timeline--rich .icon{stroke:currentColor;fill:none;height:var(--icon-sm);width:var(--icon-sm)}.accordion__icon .icon,.alert__icon .icon,.breadcrumb__icon .icon,.chip__icon .icon,.tab__icon .icon,.table__icon .icon,.tree__icon .icon{height:var(--icon-sm);width:var(--icon-sm)}.icon--rotate-90{transform:rotate(90deg)}.icon--rotate-180{transform:rotate(180deg)}.icon--rotate-270{transform:rotate(270deg)}.icon--flip-h{transform:scaleX(-1)}.icon--flip-v{transform:scaleY(-1)}.icon--thin{stroke-width:var(--icon-stroke-thin)}.icon--regular{stroke-width:var(--icon-stroke-regular)}.icon--bold{stroke-width:var(--icon-stroke-bold)}.icon--outline{fill:none;stroke:currentColor}.icon--opacity-25{opacity:.25}.icon--opacity-50{opacity:.5}.icon--opacity-75{opacity:.75}.icon--disabled{opacity:.4;pointer-events:none}
|
|
@@ -294,6 +294,33 @@
|
|
|
294
294
|
pointer-events: auto;
|
|
295
295
|
}
|
|
296
296
|
|
|
297
|
+
/* Toolbar takeover: search spans the entire nav bar */
|
|
298
|
+
|
|
299
|
+
.vds-inbox-nav__bar--search-full .vds-inbox-nav__left {
|
|
300
|
+
flex: 1 1 auto;
|
|
301
|
+
width: 100%;
|
|
302
|
+
}
|
|
303
|
+
|
|
304
|
+
.vds-inbox-nav__bar--search-full .vds-inbox-search {
|
|
305
|
+
flex: 1 1 auto;
|
|
306
|
+
width: 100%;
|
|
307
|
+
}
|
|
308
|
+
|
|
309
|
+
.vds-inbox-nav__bar--search-full .vds-inbox-search__field {
|
|
310
|
+
width: 100%;
|
|
311
|
+
opacity: 1;
|
|
312
|
+
pointer-events: auto;
|
|
313
|
+
}
|
|
314
|
+
|
|
315
|
+
.vds-inbox-nav__bar--search-full .vds-inbox-search__input {
|
|
316
|
+
max-width: none;
|
|
317
|
+
}
|
|
318
|
+
|
|
319
|
+
.vds-inbox-nav__bar--search-full .vds-inbox-tabs,
|
|
320
|
+
.vds-inbox-nav__bar--search-full .vds-inbox-nav__right {
|
|
321
|
+
display: none;
|
|
322
|
+
}
|
|
323
|
+
|
|
297
324
|
/* ---------------------------------------------------------
|
|
298
325
|
2. LIST (rounded vs flat)
|
|
299
326
|
--------------------------------------------------------- */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.vds-inbox,[data-vds-inbox]{--inbox-row-radius:var(--radius-lg,var(--radius-md));--inbox-row-border:var(--color-border-subtle);--inbox-row-bg:var(--color-surface);--inbox-row-bg-hover:var(--color-surface-subtle,var(--color-surface-hover));--inbox-row-shadow:none;--inbox-title-size:var(--text-sm);--inbox-desc-size:var(--text-xs);--inbox-icon-size:var(--icon-sm);--inbox-icon-muted:var(--color-icon-muted,var(--color-text-soft));--inbox-icon-strong:var(--color-icon-strong,var(--color-text));--inbox-action-gap:var(--space-2);--inbox-badge-gap:var(--space-2);--inbox-row-pad-x:var(--space-4);--inbox-row-pad-y:var(--space-4);--inbox-actions-min-width:0;--inbox-actions-justify:flex-end;width:100%}.vds-inbox--dense{--inbox-row-pad-x:var(--space-3);--inbox-row-pad-y:var(--space-3);--inbox-title-size:var(--text-xs);--inbox-desc-size:var(--text-xxs,var(--text-xs))}.vds-inbox-nav{display:flex;flex-direction:column;gap:var(--space-3);margin-bottom:var(--space-4)}.vds-inbox-nav__bar{align-items:center;background:var(--color-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);display:flex;gap:var(--space-4);justify-content:space-between;padding:var(--space-3) var(--space-4)}.vds-inbox-nav__left,.vds-inbox-nav__right{align-items:center;display:inline-flex;flex:0 0 auto;gap:var(--space-2)}.vds-inbox-nav__bottom{align-items:center;display:flex;gap:var(--space-3);justify-content:space-between}.vds-inbox-nav__bottom-left,.vds-inbox-nav__bottom-right{align-items:center;display:inline-flex;gap:var(--space-2)}.vds-inbox-nav__bottom-left:empty,.vds-inbox-nav__bottom-right:empty{display:none}.vds-inbox-nav__bottom--left{justify-content:flex-start}.vds-inbox-nav__bottom--center{justify-content:center}.vds-inbox-nav__bottom--right{justify-content:flex-end}.vds-inbox-nav__bottom--split{justify-content:space-between}.vds-inbox-tabs{background:var(--color-surface-subtle);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);flex:1 1 auto;gap:var(--space-1);justify-content:center;min-width:0;padding:var(--space-1)}.vds-inbox-tab,.vds-inbox-tabs{align-items:center;display:inline-flex}.vds-inbox-tab{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:0;border-radius:var(--radius-md);color:var(--color-text-muted);cursor:pointer;font-size:var(--text-sm);font-weight:var(--font-weight-semibold);gap:var(--space-2);line-height:1;padding:var(--space-2) var(--space-3);-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap}.vds-inbox-tab:hover{background:var(--color-surface);color:var(--color-text)}.vds-inbox-tab.is-active,.vds-inbox-tab[aria-selected=true]{background:var(--color-surface);border:1px solid var(--color-border-subtle);color:var(--color-text)}.vds-inbox-tab:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}.vds-inbox-tab__count{align-items:center;background:var(--color-surface-subtle);border:1px solid var(--color-border-subtle);border-radius:var(--radius-pill);color:var(--color-text-muted);display:inline-flex;font-size:var(--text-xs);font-weight:var(--font-weight-semibold);height:1.5rem;justify-content:center;min-width:1.5rem;padding:0 var(--space-2)}.vds-inbox-search{align-items:center;display:inline-flex;gap:var(--space-2);min-width:0}.vds-inbox-search__toggle{align-items:center;background:var(--color-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);color:var(--color-text);display:inline-flex;height:2.25rem;height:var(--icon-container-md,2.25rem);justify-content:center;transition:background-color var(--transition-fast),border-color var(--transition-fast);width:2.25rem;width:var(--icon-container-md,2.25rem)}.vds-inbox-search__toggle:hover{background:var(--color-surface-subtle,var(--color-surface-hover));border-color:var(--color-border-strong,var(--color-border-subtle))}.vds-inbox-search__toggle svg{color:currentColor;height:1rem;height:var(--icon-xs,1rem);width:1rem;width:var(--icon-xs,1rem)}.vds-inbox-search__field{align-items:center;display:inline-flex;gap:var(--space-2);opacity:0;overflow:hidden;pointer-events:none;transition:width var(--transition-normal),opacity var(--transition-fast);width:0}.vds-inbox-search__input{background:var(--color-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);color:var(--color-text);font-size:var(--text-sm);line-height:var(--line-height-normal);max-width:32rem;min-width:10rem;padding:var(--space-2) var(--space-3);width:100%}.vds-inbox-search.is-open .vds-inbox-search__field,.vds-inbox-search__toggle[aria-expanded=true]+.vds-inbox-search__field{opacity:1;pointer-events:auto;width:min(36rem,52vw)}.vds-inbox-search--full{width:100%}.vds-inbox-search--full .vds-inbox-search__field{opacity:1;pointer-events:auto;width:100%}.vds-inbox__list{display:flex;flex-direction:column;gap:var(--space-2)}.vds-inbox--flat .vds-inbox__list{border-bottom:1px solid var(--color-border-subtle);border-top:1px solid var(--color-border-subtle);gap:0}.vds-inbox--flat .vds-inbox-row{border-left:0;border-radius:0;border-right:0;border-top:0}.vds-inbox--flat .vds-inbox-row+.vds-inbox-row{border-top:1px solid var(--color-border-subtle)}.vds-inbox-row{background:var(--inbox-row-bg);border:1px solid var(--inbox-row-border);border-radius:var(--inbox-row-radius);box-shadow:var(--inbox-row-shadow);overflow:clip;position:relative;transition:background-color var(--transition-fast),border-color var(--transition-fast),transform var(--transition-fast);width:100%}.vds-inbox-row:hover{background:var(--inbox-row-bg-hover);border-color:var(--color-border-strong,var(--color-border-subtle))}.vds-inbox-row:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}.vds-inbox-row__main{background:transparent;border:0;color:inherit;display:grid;grid-template-columns:1fr;grid-template-rows:auto auto;padding:0;text-align:left;width:100%}.vds-inbox-row__inner{grid-gap:var(--space-4);align-items:start;display:grid;gap:var(--space-4);grid-column:1/-1;grid-row:1;grid-template-areas:"badges badges" "meta actions" "data data";grid-template-columns:1fr auto;padding:var(--inbox-row-pad-y) var(--inbox-row-pad-x)}.vds-inbox-row__badges{grid-area:badges}.vds-inbox-row__meta{grid-area:meta}.vds-inbox-row__actions{grid-area:actions}.vds-inbox-row__data{display:flex;flex-direction:column;gap:var(--space-2);grid-area:data;min-width:0}@media (max-width:768px){.vds-inbox-row__inner{grid-template-areas:"badges" "meta" "data" "actions";grid-template-columns:1fr}.vds-inbox-row__actions{justify-content:flex-end;min-width:0;padding-top:0}}.vds-inbox-row__labels{justify-content:flex-start;margin-left:0;text-align:left}.vds-inbox-row__title{min-width:0}.vds-inbox-row--minimal .vds-inbox-row__inner{gap:var(--space-3);padding:var(--space-3) var(--space-3)}.vds-inbox-row--minimal{--inbox-title-size:var(--text-xs);--inbox-desc-size:var(--text-xxs,var(--text-xs))}.vds-inbox-row--normal .vds-inbox-row__inner{gap:var(--space-4);padding:var(--space-4) var(--space-4)}.vds-inbox-row--rich .vds-inbox-row__inner{gap:var(--space-5);padding:var(--space-5) var(--space-5)}.vds-inbox-row--rich{--inbox-title-size:var(--text-md,var(--text-sm));--inbox-desc-size:var(--text-sm)}.vds-inbox-row--mega .vds-inbox-row__inner{gap:var(--space-6);padding:var(--space-6) var(--space-6)}.vds-inbox-row--mega{--inbox-title-size:var(--text-lg,var(--text-md,var(--text-sm)));--inbox-desc-size:var(--text-sm)}.vds-inbox-row__badges{align-items:center;display:flex;flex-wrap:wrap;gap:var(--inbox-badge-gap);grid-column:1/-1;margin-bottom:var(--space-3)}.vds-inbox-badge{align-items:center;background:var(--color-surface-subtle);border:1px solid var(--color-border-subtle);border-radius:var(--radius-pill);color:var(--color-text);display:inline-flex;font-size:var(--text-xxs);font-weight:var(--font-weight-semibold);gap:var(--space-1_5);letter-spacing:.02em;line-height:1.1;padding:var(--space-1) var(--space-2_5);white-space:nowrap}.vds-inbox-badge svg{color:currentColor;height:var(--icon-xxs);width:var(--icon-xxs)}.vds-inbox-badge--accent{background:var(--color-accent-soft);border-color:var(--color-accent);color:var(--color-text)}.vds-inbox-badge--info{background:var(--semantic-info-bg,var(--color-info-soft));border-color:var(--semantic-info-border,var(--color-info));color:var(--semantic-info-text,var(--color-text))}.vds-inbox-badge--success{background:var(--semantic-success-bg,var(--color-success-soft));border-color:var(--semantic-success-border,var(--color-success));color:var(--semantic-success-text,var(--color-text))}.vds-inbox-badge--warning{background:var(--semantic-warning-bg,var(--color-warning-soft));border-color:var(--semantic-warning-border,var(--color-warning));color:var(--semantic-warning-text,var(--color-text))}.vds-inbox-badge--danger{background:var(--semantic-danger-bg,var(--color-danger-soft));border-color:var(--semantic-danger-border,var(--color-danger));color:var(--semantic-danger-text,var(--color-text))}.vds-inbox-row__meta{display:flex;flex-direction:column;gap:var(--space-2);min-width:0}.vds-inbox-row__titleline{align-items:center;display:flex;gap:var(--space-2);min-width:0}.vds-inbox-row__status{align-items:center;display:inline-flex;flex:0 0 auto;gap:var(--space-1_5)}.vds-inbox-row__status-icon{align-items:center;color:var(--inbox-icon-muted);display:inline-flex;height:var(--inbox-icon-size);justify-content:center;width:var(--inbox-icon-size)}.vds-inbox-row__status-icon svg{height:100%;width:100%}.vds-inbox-row.is-bookmarked .vds-inbox-row__status-icon--bookmark,.vds-inbox-row.is-starred .vds-inbox-row__status-icon--star{color:var(--color-accent)}.vds-inbox-row.is-flagged .vds-inbox-row__status-icon--flag{color:var(--color-danger-strong,var(--color-danger))}.vds-inbox-row__title{color:var(--color-text);flex:1 1 auto;font-size:var(--inbox-title-size);font-weight:var(--font-weight-semibold);letter-spacing:0;letter-spacing:var(--letter-tight,0);line-height:var(--line-height-snug);max-width:100%;min-width:16ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vds-inbox-row__labels{align-items:center;display:inline-flex;flex:0 0 auto;gap:var(--space-1_5);min-width:0}.vds-inbox-label{align-items:center;background:transparent;border:1px solid var(--color-border-subtle);border-radius:var(--radius-pill);color:var(--color-text-muted);display:inline-flex;font-size:var(--text-xxs);font-weight:var(--font-weight-semibold);height:1.4rem;padding:0 var(--space-2);white-space:nowrap}.vds-inbox-label--accent{background:var(--color-accent-soft);border-color:var(--color-accent);color:var(--color-text)}.vds-inbox-label--muted{background:var(--color-surface-subtle);border-color:var(--color-border-subtle);color:var(--color-text-muted)}.vds-inbox-row__glance{-webkit-box-orient:vertical;-webkit-line-clamp:2;color:var(--color-text-muted);display:-webkit-box;font-size:var(--inbox-desc-size);line-height:var(--line-height-relaxed);min-width:0;overflow:hidden}.vds-inbox-row--rich .vds-inbox-row__glance{-webkit-line-clamp:3}.vds-inbox-row--mega .vds-inbox-row__glance{-webkit-line-clamp:4}.vds-inbox-row__metafoot{align-items:center;color:var(--color-text-soft,var(--color-text-muted));display:flex;flex-wrap:wrap;font-size:var(--text-xxs,var(--text-xs));gap:var(--space-2) var(--space-4)}.vds-inbox-row__metafoot strong{color:var(--color-text-muted);font-weight:var(--font-weight-semibold)}.vds-inbox-row__details{color:var(--color-text-muted);display:flex;flex-wrap:wrap;font-size:var(--text-xs);gap:var(--space-2) var(--space-3)}.vds-inbox-row__details-item{align-items:center;background:var(--color-surface-subtle);border:1px solid var(--color-border-subtle);border-radius:var(--radius-pill);display:inline-flex;gap:var(--space-1_5);line-height:1.1;padding:var(--space-1) var(--space-2)}.vds-inbox-row__details-item svg{color:currentColor;height:var(--icon-xxs);width:var(--icon-xxs)}.vds-inbox-row__actions{align-items:flex-start;display:flex;flex-wrap:wrap;gap:var(--inbox-action-gap);justify-content:var(--inbox-actions-justify);min-width:var(--inbox-actions-min-width);padding-top:var(--space-0_5)}.vds-inbox-row--actions-below .vds-inbox-row__inner{grid-template-areas:"badges" "meta" "data" "actions";grid-template-columns:1fr}.vds-inbox-row--actions-below .vds-inbox-row__actions{justify-content:flex-start;padding-top:0}.vds-inbox-row--actions-full .vds-inbox-row__actions{grid-column:1/-1;justify-content:flex-start;padding-top:0}.vds-inbox-row__actions--left{justify-content:flex-start}.vds-inbox-row__actions--center{justify-content:center}.vds-inbox-row__actions--right{justify-content:flex-end}.vds-inbox-action{align-items:center;background:var(--color-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);color:var(--color-text);display:inline-flex;font-size:var(--text-xs);font-weight:var(--font-weight-semibold);gap:var(--space-1_5);justify-content:center;padding:var(--space-1_5) var(--space-2_5);transition:background-color var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast),transform var(--transition-fast)}a.vds-inbox-action{-webkit-text-decoration:none;text-decoration:none}.vds-inbox-action svg{color:currentColor;height:var(--icon-xxs);width:var(--icon-xxs)}.vds-inbox-action:hover{background:var(--color-surface-subtle,var(--color-surface-hover));border-color:var(--color-border-strong,var(--color-border-subtle));transform:translateY(-1px)}.vds-inbox-action:active{transform:translateY(0)}.vds-inbox-action--danger{border-color:var(--color-danger,var(--color-border-strong));color:var(--color-danger-strong,var(--color-danger))}.vds-inbox-action--accent{background:var(--color-accent-soft);border-color:var(--color-accent);color:var(--color-text)}.vds-inbox-action--icon{height:2.25rem;height:var(--icon-container-md,2.25rem);padding:0;width:2.25rem;width:var(--icon-container-md,2.25rem)}.vds-inbox-action--flat{background:transparent;border-color:transparent;color:var(--color-text-muted)}.vds-inbox-action--flat:hover{background:var(--color-surface-subtle);border-color:transparent;color:var(--color-text);transform:none}.vds-inbox--actions-flat .vds-inbox-action{background:transparent;border-color:transparent;color:var(--color-text-muted);transform:none}.vds-inbox--actions-flat .vds-inbox-action:hover{background:var(--color-surface-subtle);border-color:transparent;color:var(--color-text)}.vds-inbox-row__expanded{background:var(--color-bg-soft,var(--color-surface-subtle));border-top:1px solid var(--color-border-subtle);color:var(--color-text);display:none;grid-column:1/-1;grid-row:2;padding:var(--space-4)}.vds-inbox-row--open .vds-inbox-row__expanded{display:block}.vds-inbox-row--open .vds-inbox-row__glance{-webkit-line-clamp:none;overflow:visible}.vds-inbox--flat .vds-inbox-row__expanded{background:var(--color-surface-subtle)}.vds-inbox-row__expanded.vds-is-hidden{display:none!important}.vds-inbox-row__expanded.vds-is-visible{display:block!important}.vds-inbox-row.is-flagged:before{background:var(--inbox-flag-color,var(--color-danger));bottom:0;content:"";left:0;position:absolute;right:auto;top:0;width:6px}.vds-inbox-row--flag-1{--inbox-flag-color:var(--color-danger);--inbox-flag-surface:var(--semantic-danger-bg,var(--color-danger-soft))}.vds-icon-flag--1{color:var(--color-danger)}.vds-inbox-row--flag-2{--inbox-flag-color:var(--color-warning);--inbox-flag-surface:var(--semantic-warning-bg,var(--color-warning-soft))}.vds-icon-flag--2{color:var(--color-warning)}.vds-inbox-row--flag-3{--inbox-flag-color:var(--color-info);--inbox-flag-surface:var(--semantic-info-bg,var(--color-info-soft))}.vds-icon-flag--3{color:var(--color-info)}.vds-inbox-row--flag-4{--inbox-flag-color:var(--color-success);--inbox-flag-surface:var(--semantic-success-bg,var(--color-success-soft))}.vds-icon-flag--4{color:var(--color-success)}.vds-inbox-row--flag-5{--inbox-flag-color:var(--color-accent);--inbox-flag-surface:var(--color-accent-soft)}.vds-icon-flag--5{color:var(--color-accent)}.vds-inbox-filter{align-items:center;background:var(--color-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);display:flex;flex-wrap:wrap;gap:var(--space-2) var(--space-3);padding:var(--space-3) var(--space-4)}.vds-inbox-filter__group{align-items:center;display:inline-flex;gap:var(--space-2);min-width:0}.vds-inbox-filter__label{color:var(--color-text-muted)}.vds-inbox-filter__chip,.vds-inbox-filter__label{font-size:var(--text-xs);font-weight:var(--font-weight-semibold);white-space:nowrap}.vds-inbox-filter__chip{align-items:center;background:var(--color-surface-subtle);border:1px solid var(--color-border-subtle);border-radius:var(--radius-pill);color:var(--color-text);display:inline-flex;gap:var(--space-1_5);line-height:1.1;padding:var(--space-1_5) var(--space-2_5)}.vds-inbox-filter__chip--active{background:var(--color-accent-soft);border-color:var(--color-accent)}.vds-inbox-filter__actions{margin-left:auto}.vds-inbox-cornerbar,.vds-inbox-filter__actions{align-items:center;display:inline-flex;gap:var(--space-2)}.vds-inbox-cornerbar{bottom:var(--space-6);left:auto;pointer-events:none;position:fixed;right:var(--space-6);top:auto;z-index:40}.vds-inbox-cornerbar--left{bottom:var(--space-6);left:var(--space-6);right:auto;top:auto}.vds-inbox-cornerbar__inner{align-items:center;background:var(--color-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-xl,var(--radius-lg));box-shadow:none;box-shadow:var(--shadow-md,none);display:inline-flex;gap:var(--space-2);padding:var(--space-2);pointer-events:auto}@media (max-width:768px){.vds-inbox-row__inner{gap:var(--space-3);grid-template-columns:1fr}.vds-inbox-row__actions{justify-content:flex-start;padding-top:0}.vds-inbox-row__titleline{flex-wrap:wrap;row-gap:var(--space-1_5)}.vds-inbox-row__title{flex-basis:100%;overflow:visible;text-overflow:clip;white-space:normal}.vds-inbox-row__labels{flex-basis:100%;justify-content:flex-start}.vds-inbox-nav__bar{flex-wrap:wrap;gap:var(--space-3);justify-content:center}.vds-inbox-tabs{justify-content:center;order:1;width:100%}.vds-inbox-nav__left{order:0}.vds-inbox-nav__right{order:2}.vds-inbox-nav__bottom{align-items:stretch;flex-direction:column}.vds-inbox-nav__bottom-left,.vds-inbox-nav__bottom-right{justify-content:flex-start}.vds-inbox-search.is-open .vds-inbox-search__field,.vds-inbox-search__toggle[aria-expanded=true]+.vds-inbox-search__field{width:min(100%,40rem)}.vds-inbox__hide-sm{display:none!important}}@media (min-width:769px){.vds-inbox__show-sm{display:none!important}}@media (max-width:1024px){.vds-inbox__hide-md{display:none!important}}@media (min-width:1025px){.vds-inbox__show-md{display:none!important}}.vds-inbox__truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vds-inbox__sr-only{clip:rect(0,0,0,0)!important;border:0!important;height:1px!important;margin:-1px!important;overflow:hidden!important;padding:0!important;position:absolute!important;white-space:nowrap!important;width:1px!important}
|
|
1
|
+
.vds-inbox,[data-vds-inbox]{--inbox-row-radius:var(--radius-lg,var(--radius-md));--inbox-row-border:var(--color-border-subtle);--inbox-row-bg:var(--color-surface);--inbox-row-bg-hover:var(--color-surface-subtle,var(--color-surface-hover));--inbox-row-shadow:none;--inbox-title-size:var(--text-sm);--inbox-desc-size:var(--text-xs);--inbox-icon-size:var(--icon-sm);--inbox-icon-muted:var(--color-icon-muted,var(--color-text-soft));--inbox-icon-strong:var(--color-icon-strong,var(--color-text));--inbox-action-gap:var(--space-2);--inbox-badge-gap:var(--space-2);--inbox-row-pad-x:var(--space-4);--inbox-row-pad-y:var(--space-4);--inbox-actions-min-width:0;--inbox-actions-justify:flex-end;width:100%}.vds-inbox--dense{--inbox-row-pad-x:var(--space-3);--inbox-row-pad-y:var(--space-3);--inbox-title-size:var(--text-xs);--inbox-desc-size:var(--text-xxs,var(--text-xs))}.vds-inbox-nav{display:flex;flex-direction:column;gap:var(--space-3);margin-bottom:var(--space-4)}.vds-inbox-nav__bar{align-items:center;background:var(--color-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);display:flex;gap:var(--space-4);justify-content:space-between;padding:var(--space-3) var(--space-4)}.vds-inbox-nav__left,.vds-inbox-nav__right{align-items:center;display:inline-flex;flex:0 0 auto;gap:var(--space-2)}.vds-inbox-nav__bottom{align-items:center;display:flex;gap:var(--space-3);justify-content:space-between}.vds-inbox-nav__bottom-left,.vds-inbox-nav__bottom-right{align-items:center;display:inline-flex;gap:var(--space-2)}.vds-inbox-nav__bottom-left:empty,.vds-inbox-nav__bottom-right:empty{display:none}.vds-inbox-nav__bottom--left{justify-content:flex-start}.vds-inbox-nav__bottom--center{justify-content:center}.vds-inbox-nav__bottom--right{justify-content:flex-end}.vds-inbox-nav__bottom--split{justify-content:space-between}.vds-inbox-tabs{background:var(--color-surface-subtle);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);flex:1 1 auto;gap:var(--space-1);justify-content:center;min-width:0;padding:var(--space-1)}.vds-inbox-tab,.vds-inbox-tabs{align-items:center;display:inline-flex}.vds-inbox-tab{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:0;border-radius:var(--radius-md);color:var(--color-text-muted);cursor:pointer;font-size:var(--text-sm);font-weight:var(--font-weight-semibold);gap:var(--space-2);line-height:1;padding:var(--space-2) var(--space-3);-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap}.vds-inbox-tab:hover{background:var(--color-surface);color:var(--color-text)}.vds-inbox-tab.is-active,.vds-inbox-tab[aria-selected=true]{background:var(--color-surface);border:1px solid var(--color-border-subtle);color:var(--color-text)}.vds-inbox-tab:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}.vds-inbox-tab__count{align-items:center;background:var(--color-surface-subtle);border:1px solid var(--color-border-subtle);border-radius:var(--radius-pill);color:var(--color-text-muted);display:inline-flex;font-size:var(--text-xs);font-weight:var(--font-weight-semibold);height:1.5rem;justify-content:center;min-width:1.5rem;padding:0 var(--space-2)}.vds-inbox-search{align-items:center;display:inline-flex;gap:var(--space-2);min-width:0}.vds-inbox-search__toggle{align-items:center;background:var(--color-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);color:var(--color-text);display:inline-flex;height:2.25rem;height:var(--icon-container-md,2.25rem);justify-content:center;transition:background-color var(--transition-fast),border-color var(--transition-fast);width:2.25rem;width:var(--icon-container-md,2.25rem)}.vds-inbox-search__toggle:hover{background:var(--color-surface-subtle,var(--color-surface-hover));border-color:var(--color-border-strong,var(--color-border-subtle))}.vds-inbox-search__toggle svg{color:currentColor;height:1rem;height:var(--icon-xs,1rem);width:1rem;width:var(--icon-xs,1rem)}.vds-inbox-search__field{align-items:center;display:inline-flex;gap:var(--space-2);opacity:0;overflow:hidden;pointer-events:none;transition:width var(--transition-normal),opacity var(--transition-fast);width:0}.vds-inbox-search__input{background:var(--color-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);color:var(--color-text);font-size:var(--text-sm);line-height:var(--line-height-normal);max-width:32rem;min-width:10rem;padding:var(--space-2) var(--space-3);width:100%}.vds-inbox-search.is-open .vds-inbox-search__field,.vds-inbox-search__toggle[aria-expanded=true]+.vds-inbox-search__field{opacity:1;pointer-events:auto;width:min(36rem,52vw)}.vds-inbox-search--full{width:100%}.vds-inbox-search--full .vds-inbox-search__field{opacity:1;pointer-events:auto;width:100%}.vds-inbox-nav__bar--search-full .vds-inbox-nav__left,.vds-inbox-nav__bar--search-full .vds-inbox-search{flex:1 1 auto;width:100%}.vds-inbox-nav__bar--search-full .vds-inbox-search__field{opacity:1;pointer-events:auto;width:100%}.vds-inbox-nav__bar--search-full .vds-inbox-search__input{max-width:none}.vds-inbox-nav__bar--search-full .vds-inbox-nav__right,.vds-inbox-nav__bar--search-full .vds-inbox-tabs{display:none}.vds-inbox__list{display:flex;flex-direction:column;gap:var(--space-2)}.vds-inbox--flat .vds-inbox__list{border-bottom:1px solid var(--color-border-subtle);border-top:1px solid var(--color-border-subtle);gap:0}.vds-inbox--flat .vds-inbox-row{border-left:0;border-radius:0;border-right:0;border-top:0}.vds-inbox--flat .vds-inbox-row+.vds-inbox-row{border-top:1px solid var(--color-border-subtle)}.vds-inbox-row{background:var(--inbox-row-bg);border:1px solid var(--inbox-row-border);border-radius:var(--inbox-row-radius);box-shadow:var(--inbox-row-shadow);overflow:clip;position:relative;transition:background-color var(--transition-fast),border-color var(--transition-fast),transform var(--transition-fast);width:100%}.vds-inbox-row:hover{background:var(--inbox-row-bg-hover);border-color:var(--color-border-strong,var(--color-border-subtle))}.vds-inbox-row:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}.vds-inbox-row__main{background:transparent;border:0;color:inherit;display:grid;grid-template-columns:1fr;grid-template-rows:auto auto;padding:0;text-align:left;width:100%}.vds-inbox-row__inner{grid-gap:var(--space-4);align-items:start;display:grid;gap:var(--space-4);grid-column:1/-1;grid-row:1;grid-template-areas:"badges badges" "meta actions" "data data";grid-template-columns:1fr auto;padding:var(--inbox-row-pad-y) var(--inbox-row-pad-x)}.vds-inbox-row__badges{grid-area:badges}.vds-inbox-row__meta{grid-area:meta}.vds-inbox-row__actions{grid-area:actions}.vds-inbox-row__data{display:flex;flex-direction:column;gap:var(--space-2);grid-area:data;min-width:0}@media (max-width:768px){.vds-inbox-row__inner{grid-template-areas:"badges" "meta" "data" "actions";grid-template-columns:1fr}.vds-inbox-row__actions{justify-content:flex-end;min-width:0;padding-top:0}}.vds-inbox-row__labels{justify-content:flex-start;margin-left:0;text-align:left}.vds-inbox-row__title{min-width:0}.vds-inbox-row--minimal .vds-inbox-row__inner{gap:var(--space-3);padding:var(--space-3) var(--space-3)}.vds-inbox-row--minimal{--inbox-title-size:var(--text-xs);--inbox-desc-size:var(--text-xxs,var(--text-xs))}.vds-inbox-row--normal .vds-inbox-row__inner{gap:var(--space-4);padding:var(--space-4) var(--space-4)}.vds-inbox-row--rich .vds-inbox-row__inner{gap:var(--space-5);padding:var(--space-5) var(--space-5)}.vds-inbox-row--rich{--inbox-title-size:var(--text-md,var(--text-sm));--inbox-desc-size:var(--text-sm)}.vds-inbox-row--mega .vds-inbox-row__inner{gap:var(--space-6);padding:var(--space-6) var(--space-6)}.vds-inbox-row--mega{--inbox-title-size:var(--text-lg,var(--text-md,var(--text-sm)));--inbox-desc-size:var(--text-sm)}.vds-inbox-row__badges{align-items:center;display:flex;flex-wrap:wrap;gap:var(--inbox-badge-gap);grid-column:1/-1;margin-bottom:var(--space-3)}.vds-inbox-badge{align-items:center;background:var(--color-surface-subtle);border:1px solid var(--color-border-subtle);border-radius:var(--radius-pill);color:var(--color-text);display:inline-flex;font-size:var(--text-xxs);font-weight:var(--font-weight-semibold);gap:var(--space-1_5);letter-spacing:.02em;line-height:1.1;padding:var(--space-1) var(--space-2_5);white-space:nowrap}.vds-inbox-badge svg{color:currentColor;height:var(--icon-xxs);width:var(--icon-xxs)}.vds-inbox-badge--accent{background:var(--color-accent-soft);border-color:var(--color-accent);color:var(--color-text)}.vds-inbox-badge--info{background:var(--semantic-info-bg,var(--color-info-soft));border-color:var(--semantic-info-border,var(--color-info));color:var(--semantic-info-text,var(--color-text))}.vds-inbox-badge--success{background:var(--semantic-success-bg,var(--color-success-soft));border-color:var(--semantic-success-border,var(--color-success));color:var(--semantic-success-text,var(--color-text))}.vds-inbox-badge--warning{background:var(--semantic-warning-bg,var(--color-warning-soft));border-color:var(--semantic-warning-border,var(--color-warning));color:var(--semantic-warning-text,var(--color-text))}.vds-inbox-badge--danger{background:var(--semantic-danger-bg,var(--color-danger-soft));border-color:var(--semantic-danger-border,var(--color-danger));color:var(--semantic-danger-text,var(--color-text))}.vds-inbox-row__meta{display:flex;flex-direction:column;gap:var(--space-2);min-width:0}.vds-inbox-row__titleline{align-items:center;display:flex;gap:var(--space-2);min-width:0}.vds-inbox-row__status{align-items:center;display:inline-flex;flex:0 0 auto;gap:var(--space-1_5)}.vds-inbox-row__status-icon{align-items:center;color:var(--inbox-icon-muted);display:inline-flex;height:var(--inbox-icon-size);justify-content:center;width:var(--inbox-icon-size)}.vds-inbox-row__status-icon svg{height:100%;width:100%}.vds-inbox-row.is-bookmarked .vds-inbox-row__status-icon--bookmark,.vds-inbox-row.is-starred .vds-inbox-row__status-icon--star{color:var(--color-accent)}.vds-inbox-row.is-flagged .vds-inbox-row__status-icon--flag{color:var(--color-danger-strong,var(--color-danger))}.vds-inbox-row__title{color:var(--color-text);flex:1 1 auto;font-size:var(--inbox-title-size);font-weight:var(--font-weight-semibold);letter-spacing:0;letter-spacing:var(--letter-tight,0);line-height:var(--line-height-snug);max-width:100%;min-width:16ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vds-inbox-row__labels{align-items:center;display:inline-flex;flex:0 0 auto;gap:var(--space-1_5);min-width:0}.vds-inbox-label{align-items:center;background:transparent;border:1px solid var(--color-border-subtle);border-radius:var(--radius-pill);color:var(--color-text-muted);display:inline-flex;font-size:var(--text-xxs);font-weight:var(--font-weight-semibold);height:1.4rem;padding:0 var(--space-2);white-space:nowrap}.vds-inbox-label--accent{background:var(--color-accent-soft);border-color:var(--color-accent);color:var(--color-text)}.vds-inbox-label--muted{background:var(--color-surface-subtle);border-color:var(--color-border-subtle);color:var(--color-text-muted)}.vds-inbox-row__glance{-webkit-box-orient:vertical;-webkit-line-clamp:2;color:var(--color-text-muted);display:-webkit-box;font-size:var(--inbox-desc-size);line-height:var(--line-height-relaxed);min-width:0;overflow:hidden}.vds-inbox-row--rich .vds-inbox-row__glance{-webkit-line-clamp:3}.vds-inbox-row--mega .vds-inbox-row__glance{-webkit-line-clamp:4}.vds-inbox-row__metafoot{align-items:center;color:var(--color-text-soft,var(--color-text-muted));display:flex;flex-wrap:wrap;font-size:var(--text-xxs,var(--text-xs));gap:var(--space-2) var(--space-4)}.vds-inbox-row__metafoot strong{color:var(--color-text-muted);font-weight:var(--font-weight-semibold)}.vds-inbox-row__details{color:var(--color-text-muted);display:flex;flex-wrap:wrap;font-size:var(--text-xs);gap:var(--space-2) var(--space-3)}.vds-inbox-row__details-item{align-items:center;background:var(--color-surface-subtle);border:1px solid var(--color-border-subtle);border-radius:var(--radius-pill);display:inline-flex;gap:var(--space-1_5);line-height:1.1;padding:var(--space-1) var(--space-2)}.vds-inbox-row__details-item svg{color:currentColor;height:var(--icon-xxs);width:var(--icon-xxs)}.vds-inbox-row__actions{align-items:flex-start;display:flex;flex-wrap:wrap;gap:var(--inbox-action-gap);justify-content:var(--inbox-actions-justify);min-width:var(--inbox-actions-min-width);padding-top:var(--space-0_5)}.vds-inbox-row--actions-below .vds-inbox-row__inner{grid-template-areas:"badges" "meta" "data" "actions";grid-template-columns:1fr}.vds-inbox-row--actions-below .vds-inbox-row__actions{justify-content:flex-start;padding-top:0}.vds-inbox-row--actions-full .vds-inbox-row__actions{grid-column:1/-1;justify-content:flex-start;padding-top:0}.vds-inbox-row__actions--left{justify-content:flex-start}.vds-inbox-row__actions--center{justify-content:center}.vds-inbox-row__actions--right{justify-content:flex-end}.vds-inbox-action{align-items:center;background:var(--color-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);color:var(--color-text);display:inline-flex;font-size:var(--text-xs);font-weight:var(--font-weight-semibold);gap:var(--space-1_5);justify-content:center;padding:var(--space-1_5) var(--space-2_5);transition:background-color var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast),transform var(--transition-fast)}a.vds-inbox-action{-webkit-text-decoration:none;text-decoration:none}.vds-inbox-action svg{color:currentColor;height:var(--icon-xxs);width:var(--icon-xxs)}.vds-inbox-action:hover{background:var(--color-surface-subtle,var(--color-surface-hover));border-color:var(--color-border-strong,var(--color-border-subtle));transform:translateY(-1px)}.vds-inbox-action:active{transform:translateY(0)}.vds-inbox-action--danger{border-color:var(--color-danger,var(--color-border-strong));color:var(--color-danger-strong,var(--color-danger))}.vds-inbox-action--accent{background:var(--color-accent-soft);border-color:var(--color-accent);color:var(--color-text)}.vds-inbox-action--icon{height:2.25rem;height:var(--icon-container-md,2.25rem);padding:0;width:2.25rem;width:var(--icon-container-md,2.25rem)}.vds-inbox-action--flat{background:transparent;border-color:transparent;color:var(--color-text-muted)}.vds-inbox-action--flat:hover{background:var(--color-surface-subtle);border-color:transparent;color:var(--color-text);transform:none}.vds-inbox--actions-flat .vds-inbox-action{background:transparent;border-color:transparent;color:var(--color-text-muted);transform:none}.vds-inbox--actions-flat .vds-inbox-action:hover{background:var(--color-surface-subtle);border-color:transparent;color:var(--color-text)}.vds-inbox-row__expanded{background:var(--color-bg-soft,var(--color-surface-subtle));border-top:1px solid var(--color-border-subtle);color:var(--color-text);display:none;grid-column:1/-1;grid-row:2;padding:var(--space-4)}.vds-inbox-row--open .vds-inbox-row__expanded{display:block}.vds-inbox-row--open .vds-inbox-row__glance{-webkit-line-clamp:none;overflow:visible}.vds-inbox--flat .vds-inbox-row__expanded{background:var(--color-surface-subtle)}.vds-inbox-row__expanded.vds-is-hidden{display:none!important}.vds-inbox-row__expanded.vds-is-visible{display:block!important}.vds-inbox-row.is-flagged:before{background:var(--inbox-flag-color,var(--color-danger));bottom:0;content:"";left:0;position:absolute;right:auto;top:0;width:6px}.vds-inbox-row--flag-1{--inbox-flag-color:var(--color-danger);--inbox-flag-surface:var(--semantic-danger-bg,var(--color-danger-soft))}.vds-icon-flag--1{color:var(--color-danger)}.vds-inbox-row--flag-2{--inbox-flag-color:var(--color-warning);--inbox-flag-surface:var(--semantic-warning-bg,var(--color-warning-soft))}.vds-icon-flag--2{color:var(--color-warning)}.vds-inbox-row--flag-3{--inbox-flag-color:var(--color-info);--inbox-flag-surface:var(--semantic-info-bg,var(--color-info-soft))}.vds-icon-flag--3{color:var(--color-info)}.vds-inbox-row--flag-4{--inbox-flag-color:var(--color-success);--inbox-flag-surface:var(--semantic-success-bg,var(--color-success-soft))}.vds-icon-flag--4{color:var(--color-success)}.vds-inbox-row--flag-5{--inbox-flag-color:var(--color-accent);--inbox-flag-surface:var(--color-accent-soft)}.vds-icon-flag--5{color:var(--color-accent)}.vds-inbox-filter{align-items:center;background:var(--color-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);display:flex;flex-wrap:wrap;gap:var(--space-2) var(--space-3);padding:var(--space-3) var(--space-4)}.vds-inbox-filter__group{align-items:center;display:inline-flex;gap:var(--space-2);min-width:0}.vds-inbox-filter__label{color:var(--color-text-muted)}.vds-inbox-filter__chip,.vds-inbox-filter__label{font-size:var(--text-xs);font-weight:var(--font-weight-semibold);white-space:nowrap}.vds-inbox-filter__chip{align-items:center;background:var(--color-surface-subtle);border:1px solid var(--color-border-subtle);border-radius:var(--radius-pill);color:var(--color-text);display:inline-flex;gap:var(--space-1_5);line-height:1.1;padding:var(--space-1_5) var(--space-2_5)}.vds-inbox-filter__chip--active{background:var(--color-accent-soft);border-color:var(--color-accent)}.vds-inbox-filter__actions{margin-left:auto}.vds-inbox-cornerbar,.vds-inbox-filter__actions{align-items:center;display:inline-flex;gap:var(--space-2)}.vds-inbox-cornerbar{bottom:var(--space-6);left:auto;pointer-events:none;position:fixed;right:var(--space-6);top:auto;z-index:40}.vds-inbox-cornerbar--left{bottom:var(--space-6);left:var(--space-6);right:auto;top:auto}.vds-inbox-cornerbar__inner{align-items:center;background:var(--color-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-xl,var(--radius-lg));box-shadow:none;box-shadow:var(--shadow-md,none);display:inline-flex;gap:var(--space-2);padding:var(--space-2);pointer-events:auto}@media (max-width:768px){.vds-inbox-row__inner{gap:var(--space-3);grid-template-columns:1fr}.vds-inbox-row__actions{justify-content:flex-start;padding-top:0}.vds-inbox-row__titleline{flex-wrap:wrap;row-gap:var(--space-1_5)}.vds-inbox-row__title{flex-basis:100%;overflow:visible;text-overflow:clip;white-space:normal}.vds-inbox-row__labels{flex-basis:100%;justify-content:flex-start}.vds-inbox-nav__bar{flex-wrap:wrap;gap:var(--space-3);justify-content:center}.vds-inbox-tabs{justify-content:center;order:1;width:100%}.vds-inbox-nav__left{order:0}.vds-inbox-nav__right{order:2}.vds-inbox-nav__bottom{align-items:stretch;flex-direction:column}.vds-inbox-nav__bottom-left,.vds-inbox-nav__bottom-right{justify-content:flex-start}.vds-inbox-search.is-open .vds-inbox-search__field,.vds-inbox-search__toggle[aria-expanded=true]+.vds-inbox-search__field{width:min(100%,40rem)}.vds-inbox__hide-sm{display:none!important}}@media (min-width:769px){.vds-inbox__show-sm{display:none!important}}@media (max-width:1024px){.vds-inbox__hide-md{display:none!important}}@media (min-width:1025px){.vds-inbox__show-md{display:none!important}}.vds-inbox__truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vds-inbox__sr-only{clip:rect(0,0,0,0)!important;border:0!important;height:1px!important;margin:-1px!important;overflow:hidden!important;padding:0!important;position:absolute!important;white-space:nowrap!important;width:1px!important}
|