/* Saaluià Events OS shared button icon system. */

:where(
    .saaluia-admin,
    .saaluia-command-rail,
    .saaluia-command-topbar,
    .saaluia-command-dialog,
    .saaluia-command-capture,
    .saaluia-today-os,
    .saaluia-content-editor,
    .saaluia-content-studio,
    .saaluia-todo-app,
    .saaluia-todo-stats,
    .saaluia-todo-gate,
    .saaluia-partner-hub,
    .saaluia-partner-gate
) {
    --saaluia-button-icon-box: 20px;
    --saaluia-button-icon-size: 16px;
    --saaluia-button-icon-gap: 8px;
}

:where(
    .button-small,
    .saaluia-icon-button,
    .saaluia-todo-drag-handle,
    .saaluia-todo-done,
    .scs-align-buttons button,
    .scs-nudge-pad button,
    .scs-project__actions button
) {
    --saaluia-button-icon-box: 18px;
    --saaluia-button-icon-size: 14px;
    --saaluia-button-icon-gap: 6px;
}

:where(
    .saaluia-admin :is(a.button, button.button, .button:not(input), .saaluia-file-picker .button, .saaluia-focus-toggle, .saaluia-header-back, .saaluia-command, .saaluia-command-search, .saaluia-command-open, .saaluia-command-capture-open, .saaluia-command-theme, .saaluia-row-menu a, .saaluia-empty .button, .saaluia-icon-button),
    .saaluia-command-rail :is(a, button),
    .saaluia-command-topbar :is(a, button),
    .saaluia-command-dialog :is(a, button),
    .saaluia-command-capture :is(a, button),
    .saaluia-today-os :is(a, button),
    .saaluia-content-editor :is(a.button, button.button, .button:not(input), .saaluia-icon-button),
    .saaluia-content-studio :is(a.button, button.button, .button:not(input), .button-link-delete, .scs-brand-switch button, .scs-library-tabs button, .scs-inspector-tabs button, .scs-format-pills button, .scs-align-buttons button, .scs-segmented button, .scs-project__actions button, .scs-layout-actions button, .scs-export-card button, .scs-export-overlay button, .scs-nudge-pad button),
    .saaluia-todo-app :is(a.button, button, .button),
    .saaluia-todo-stats :is(a.button, button, .button),
    .saaluia-todo-gate :is(a.button, button, .button),
    .saaluia-partner-hub :is(a.button, button, .button, .saaluia-partner-primary-button, .saaluia-partner-outline-button, .saaluia-partner-quiet-button, .saaluia-partner-resource a),
    .saaluia-partner-gate :is(a.button, button, .button, .saaluia-partner-primary-button, .saaluia-partner-outline-button, .saaluia-partner-quiet-button)
) {
    align-items: center;
    display: inline-flex;
    gap: var(--saaluia-button-icon-gap, 8px);
    justify-content: center;
    line-height: 1;
    text-decoration: none;
}

:where(
    .saaluia-icon-button,
    .saaluia-command-theme,
    .saaluia-todo-drag-handle,
    .saaluia-todo-done,
    .scs-align-buttons button,
    .scs-nudge-pad button,
    .scs-project__actions button,
    [data-scs-zoom-out],
    [data-scs-zoom-in]
) {
    gap: 0;
}

.saaluia-button-icon {
    align-items: center;
    color: currentColor;
    display: inline-flex;
    flex: 0 0 var(--saaluia-button-icon-box, 20px);
    height: var(--saaluia-button-icon-box, 20px);
    justify-content: center;
    line-height: 1;
    pointer-events: none;
    position: relative;
    vertical-align: middle;
    width: var(--saaluia-button-icon-box, 20px);
}

.saaluia-button-icon::before {
    background-color: currentColor;
    content: "";
    display: block;
    height: var(--saaluia-button-icon-size, 16px);
    -webkit-mask: var(--saaluia-button-icon-mask) center / contain no-repeat;
    mask: var(--saaluia-button-icon-mask) center / contain no-repeat;
    width: var(--saaluia-button-icon-size, 16px);
}

:where(
    .saaluia-admin :is(a.button, button.button, .button:not(input), .saaluia-file-picker .button, .saaluia-focus-toggle, .saaluia-header-back, .saaluia-command, .saaluia-command-search, .saaluia-command-open, .saaluia-command-capture-open, .saaluia-command-theme, .saaluia-row-menu a, .saaluia-empty .button, .saaluia-icon-button),
    .saaluia-command-rail :is(a, button),
    .saaluia-command-topbar :is(a, button),
    .saaluia-command-dialog :is(a, button),
    .saaluia-command-capture :is(a, button),
    .saaluia-today-os :is(a, button),
    .saaluia-content-editor :is(a.button, button.button, .button:not(input), .saaluia-icon-button),
    .saaluia-content-studio :is(a.button, button.button, .button:not(input), .button-link-delete, .scs-brand-switch button, .scs-library-tabs button, .scs-inspector-tabs button, .scs-format-pills button, .scs-align-buttons button, .scs-segmented button, .scs-project__actions button, .scs-layout-actions button, .scs-export-card button, .scs-export-overlay button, .scs-nudge-pad button),
    .saaluia-todo-app :is(a.button, button, .button),
    .saaluia-todo-stats :is(a.button, button, .button),
    .saaluia-todo-gate :is(a.button, button, .button),
    .saaluia-partner-hub :is(a.button, button, .button, .saaluia-partner-primary-button, .saaluia-partner-outline-button, .saaluia-partner-quiet-button, .saaluia-partner-resource a),
    .saaluia-partner-gate :is(a.button, button, .button, .saaluia-partner-primary-button, .saaluia-partner-outline-button, .saaluia-partner-quiet-button)
) :is(.dashicons, svg) {
    align-items: center;
    display: inline-flex;
    flex: 0 0 var(--saaluia-button-icon-box, 20px);
    font-size: var(--saaluia-button-icon-size, 16px);
    height: var(--saaluia-button-icon-box, 20px);
    justify-content: center;
    line-height: 1;
    margin: 0;
    max-height: var(--saaluia-button-icon-box, 20px);
    max-width: var(--saaluia-button-icon-box, 20px);
    position: static;
    transform: none;
    vertical-align: middle;
    width: var(--saaluia-button-icon-box, 20px);
}

:where(
    .saaluia-admin :is(a.button, button.button, .button:not(input), .saaluia-file-picker .button, .saaluia-focus-toggle, .saaluia-header-back, .saaluia-command, .saaluia-command-search, .saaluia-command-open, .saaluia-command-capture-open, .saaluia-command-theme, .saaluia-row-menu a, .saaluia-empty .button, .saaluia-icon-button),
    .saaluia-command-rail :is(a, button),
    .saaluia-command-topbar :is(a, button),
    .saaluia-command-dialog :is(a, button),
    .saaluia-command-capture :is(a, button),
    .saaluia-today-os :is(a, button),
    .saaluia-content-editor :is(a.button, button.button, .button:not(input), .saaluia-icon-button),
    .saaluia-content-studio :is(a.button, button.button, .button:not(input), .button-link-delete, .scs-brand-switch button, .scs-library-tabs button, .scs-inspector-tabs button, .scs-format-pills button, .scs-align-buttons button, .scs-segmented button, .scs-project__actions button, .scs-layout-actions button, .scs-export-card button, .scs-export-overlay button, .scs-nudge-pad button)
) .dashicons::before {
    font-size: var(--saaluia-button-icon-size, 16px);
    height: var(--saaluia-button-icon-size, 16px);
    line-height: var(--saaluia-button-icon-size, 16px);
    width: var(--saaluia-button-icon-size, 16px);
}

.saaluia-button-icon[data-saaluia-icon="plus"]::before {
    --saaluia-button-icon-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 5v14M5 12h14' fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3C/svg%3E");
}

.saaluia-button-icon[data-saaluia-icon="minus"]::before {
    --saaluia-button-icon-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 12h14' fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3C/svg%3E");
}

.saaluia-button-icon[data-saaluia-icon="check"]::before {
    --saaluia-button-icon-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20 6L9 17l-5-5' fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3C/svg%3E");
}

.saaluia-button-icon[data-saaluia-icon="move"]::before {
    --saaluia-button-icon-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 3v18M8 7l4-4 4 4M8 17l4 4 4-4M3 12h18M7 8l-4 4 4 4M17 8l4 4-4 4' fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3C/svg%3E");
}

.saaluia-button-icon[data-saaluia-icon="filter"]::before {
    --saaluia-button-icon-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 6h16M7 12h10M10 18h4' fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3C/svg%3E");
}

.saaluia-button-icon[data-saaluia-icon="flag"]::before {
    --saaluia-button-icon-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 4v17M7 5h10l-2 4 2 4H7' fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3C/svg%3E");
}

.saaluia-button-icon[data-saaluia-icon="list"]::before {
    --saaluia-button-icon-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M8 6h12M8 12h12M8 18h12M4 6h.01M4 12h.01M4 18h.01' fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2.5'/%3E%3C/svg%3E");
}

.saaluia-button-icon[data-saaluia-icon="arrow-right"]::before {
    --saaluia-button-icon-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6' fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3C/svg%3E");
}

.saaluia-button-icon[data-saaluia-icon="arrow-left"]::before {
    --saaluia-button-icon-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M19 12H5M11 6l-6 6 6 6' fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3C/svg%3E");
}

.saaluia-button-icon[data-saaluia-icon="arrow-up"]::before {
    --saaluia-button-icon-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 19V5M6 11l6-6 6 6' fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3C/svg%3E");
}

.saaluia-button-icon[data-saaluia-icon="arrow-down"]::before {
    --saaluia-button-icon-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 5v14M6 13l6 6 6-6' fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3C/svg%3E");
}

.saaluia-button-icon[data-saaluia-icon="trash"]::before {
    --saaluia-button-icon-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 7h16M10 11v6M14 11v6M6 7l1 14h10l1-14M9 7V4h6v3' fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3C/svg%3E");
}

.saaluia-button-icon[data-saaluia-icon="upload"]::before {
    --saaluia-button-icon-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 16V4M7 9l5-5 5 5M5 20h14' fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3C/svg%3E");
}

.saaluia-button-icon[data-saaluia-icon="save"]::before {
    --saaluia-button-icon-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 4h12l2 2v14H5zM8 4v6h8V4M8 20v-6h8v6' fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3C/svg%3E");
}

.saaluia-button-icon[data-saaluia-icon="archive"]::before {
    --saaluia-button-icon-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 7h16v4H4zM6 11v9h12v-9M10 15h4' fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3C/svg%3E");
}

.saaluia-button-icon[data-saaluia-icon="close"]::before {
    --saaluia-button-icon-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 6l12 12M18 6L6 18' fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3C/svg%3E");
}

.saaluia-button-icon[data-saaluia-icon="external"]::before,
.saaluia-button-icon[data-saaluia-icon="open"]::before {
    --saaluia-button-icon-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M14 5h5v5M10 14l9-9M19 14v5H5V5h5' fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3C/svg%3E");
}

.saaluia-button-icon[data-saaluia-icon="eye"]::before {
    --saaluia-button-icon-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M2 12s4-7 10-7 10 7 10 7-4 7-10 7S2 12 2 12zM12 9a3 3 0 100 6 3 3 0 000-6z' fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3C/svg%3E");
}

.saaluia-button-icon[data-saaluia-icon="send"]::before,
.saaluia-button-icon[data-saaluia-icon="share"]::before {
    --saaluia-button-icon-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M22 2L11 13M22 2l-7 20-4-9-9-4 20-7z' fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3C/svg%3E");
}

.saaluia-button-icon[data-saaluia-icon="play"]::before {
    --saaluia-button-icon-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M8 5v14l11-7z' fill='black'/%3E%3C/svg%3E");
}

.saaluia-button-icon[data-saaluia-icon="pause"]::before {
    --saaluia-button-icon-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 5h4v14H7zM13 5h4v14h-4z' fill='black'/%3E%3C/svg%3E");
}

.saaluia-button-icon[data-saaluia-icon="crop"]::before {
    --saaluia-button-icon-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 2v16h16M2 6h16v16M10 10h8v8' fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3C/svg%3E");
}

.saaluia-button-icon[data-saaluia-icon="download"]::before {
    --saaluia-button-icon-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 4v12M7 11l5 5 5-5M5 20h14' fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3C/svg%3E");
}

.saaluia-button-icon[data-saaluia-icon="edit"]::before {
    --saaluia-button-icon-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 20h4l11-11a2.8 2.8 0 00-4-4L4 16v4zM13 7l4 4' fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3C/svg%3E");
}

.saaluia-button-icon[data-saaluia-icon="document"]::before {
    --saaluia-button-icon-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 3h7l5 5v13H7zM14 3v6h5M10 13h6M10 17h6' fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3C/svg%3E");
}

.saaluia-button-icon[data-saaluia-icon="print"]::before {
    --saaluia-button-icon-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 8V4h10v4M7 17H5a2 2 0 01-2-2v-4a2 2 0 012-2h14a2 2 0 012 2v4a2 2 0 01-2 2h-2M7 14h10v6H7zM17 12h.01' fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3C/svg%3E");
}

.saaluia-button-icon[data-saaluia-icon="calendar"]::before {
    --saaluia-button-icon-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='4' y='5' width='16' height='15' rx='2' fill='none' stroke='black' stroke-linejoin='round' stroke-width='2'/%3E%3Cpath d='M8 3v4M16 3v4M4 10h16M8 14h2M12 14h2M16 14h2' fill='none' stroke='black' stroke-linecap='round' stroke-width='2'/%3E%3C/svg%3E");
}

.saaluia-button-icon[data-saaluia-icon="ticket"]::before {
    --saaluia-button-icon-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 8a2 2 0 012-2h12a2 2 0 012 2v2a2 2 0 010 4v2a2 2 0 01-2 2H6a2 2 0 01-2-2v-2a2 2 0 010-4V8zM9 8v8' fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3C/svg%3E");
}

.saaluia-button-icon[data-saaluia-icon="briefcase"]::before {
    --saaluia-button-icon-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9 7V5h6v2M4 8h16v10a2 2 0 01-2 2H6a2 2 0 01-2-2V8zM4 13h16M10 13v2h4v-2' fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3C/svg%3E");
}

.saaluia-button-icon[data-saaluia-icon="copy"]::before {
    --saaluia-button-icon-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9 9h10v10H9zM5 15H4a1 1 0 01-1-1V5a1 1 0 011-1h9a1 1 0 011 1v1' fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3C/svg%3E");
}

.saaluia-button-icon[data-saaluia-icon="update"]::before,
.saaluia-button-icon[data-saaluia-icon="reset"]::before {
    --saaluia-button-icon-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20 12a8 8 0 11-2.34-5.66M20 4v6h-6' fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3C/svg%3E");
}

.saaluia-button-icon[data-saaluia-icon="image"]::before {
    --saaluia-button-icon-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='4' y='5' width='16' height='14' rx='2' fill='none' stroke='black' stroke-linejoin='round' stroke-width='2'/%3E%3Cpath d='M8 15l3-3 2 2 3-4 4 5M8 9h.01' fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3C/svg%3E");
}

.saaluia-button-icon[data-saaluia-icon="video"]::before {
    --saaluia-button-icon-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='4' y='6' width='12' height='12' rx='2' fill='none' stroke='black' stroke-linejoin='round' stroke-width='2'/%3E%3Cpath d='M16 10l5-3v10l-5-3z' fill='none' stroke='black' stroke-linejoin='round' stroke-width='2'/%3E%3C/svg%3E");
}

.saaluia-button-icon[data-saaluia-icon="mic"]::before {
    --saaluia-button-icon-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 4a3 3 0 00-3 3v5a3 3 0 006 0V7a3 3 0 00-3-3zM5 11a7 7 0 0014 0M12 18v3M9 21h6' fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3C/svg%3E");
}

.saaluia-button-icon[data-saaluia-icon="text"]::before {
    --saaluia-button-icon-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 6h16M12 6v12M8 18h8' fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3C/svg%3E");
}

.saaluia-button-icon[data-saaluia-icon="settings"]::before {
    --saaluia-button-icon-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 7h10M18 7h2M4 17h2M10 17h10M14 5v4M10 15v4' fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3C/svg%3E");
}

.saaluia-button-icon[data-saaluia-icon="layout"]::before {
    --saaluia-button-icon-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='4' y='4' width='16' height='16' rx='2' fill='none' stroke='black' stroke-linejoin='round' stroke-width='2'/%3E%3Cpath d='M4 10h16M10 10v10' fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3C/svg%3E");
}

.saaluia-button-icon[data-saaluia-icon="search"]::before {
    --saaluia-button-icon-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='11' cy='11' r='6' fill='none' stroke='black' stroke-width='2'/%3E%3Cpath d='M16 16l4 4' fill='none' stroke='black' stroke-linecap='round' stroke-width='2'/%3E%3C/svg%3E");
}

.saaluia-button-icon[data-saaluia-icon="menu"]::before {
    --saaluia-button-icon-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 7h16M4 12h16M4 17h16' fill='none' stroke='black' stroke-linecap='round' stroke-width='2'/%3E%3C/svg%3E");
}

.saaluia-button-icon[data-saaluia-icon="align-left"]::before {
    --saaluia-button-icon-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 6h14M5 10h10M5 14h14M5 18h8' fill='none' stroke='black' stroke-linecap='round' stroke-width='2'/%3E%3C/svg%3E");
}

.saaluia-button-icon[data-saaluia-icon="align-center"]::before {
    --saaluia-button-icon-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 6h14M7 10h10M5 14h14M8 18h8' fill='none' stroke='black' stroke-linecap='round' stroke-width='2'/%3E%3C/svg%3E");
}

.saaluia-button-icon[data-saaluia-icon="align-right"]::before {
    --saaluia-button-icon-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 6h14M9 10h10M5 14h14M11 18h8' fill='none' stroke='black' stroke-linecap='round' stroke-width='2'/%3E%3C/svg%3E");
}

.saaluia-button-icon[data-saaluia-icon="expand"]::before {
    --saaluia-button-icon-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 10V4h6M20 14v6h-6M14 4h6v6M10 20H4v-6' fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3C/svg%3E");
}

.saaluia-button-icon[data-saaluia-icon="contract"]::before {
    --saaluia-button-icon-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M10 4v6H4M14 20v-6h6M20 10h-6V4M4 14h6v6' fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3C/svg%3E");
}

.saaluia-button-icon[data-saaluia-icon="light"]::before {
    --saaluia-button-icon-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 3v2M12 19v2M4.9 4.9l1.4 1.4M17.7 17.7l1.4 1.4M3 12h2M19 12h2M4.9 19.1l1.4-1.4M17.7 6.3l1.4-1.4M9 15h6M10 19h4M8 11a4 4 0 118 0c0 1.4-.7 2.4-1.6 3.2-.5.4-.8.8-.9 1.3h-3c-.1-.5-.4-.9-.9-1.3C8.7 13.4 8 12.4 8 11z' fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3C/svg%3E");
}

.saaluia-button-icon[data-saaluia-icon="appearance"]::before {
    --saaluia-button-icon-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 3a9 9 0 100 18 7 7 0 010-18z' fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3C/svg%3E");
}