/* Shared outline icons: CSS masks inherit the control color and survive text updates. */
button[data-ui-icon]::before,a[data-ui-icon]::before{content:"";display:inline-block;vertical-align:-.2em;width:17px;height:17px;margin-right:8px;flex:none;background-color:currentColor;mask-repeat:no-repeat;mask-position:center;mask-size:contain;-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;-webkit-mask-size:contain;pointer-events:none}
[data-ui-icon="grid"]::before{mask-image:url("/gallery/assets/icons/grid.svg");-webkit-mask-image:url("/gallery/assets/icons/grid.svg")}
[data-ui-icon="star"]::before{mask-image:url("/gallery/assets/icons/star.svg");-webkit-mask-image:url("/gallery/assets/icons/star.svg")}
[data-ui-icon="heart"]::before{mask-image:url("/gallery/assets/icons/heart.svg");-webkit-mask-image:url("/gallery/assets/icons/heart.svg")}
[data-ui-icon="plus"]::before{mask-image:url("/gallery/assets/icons/plus.svg");-webkit-mask-image:url("/gallery/assets/icons/plus.svg")}
[data-ui-icon="close"]::before{mask-image:url("/gallery/assets/icons/close.svg");-webkit-mask-image:url("/gallery/assets/icons/close.svg")}
[data-ui-icon="check"]::before{mask-image:url("/gallery/assets/icons/check.svg");-webkit-mask-image:url("/gallery/assets/icons/check.svg")}
[data-ui-icon="left"]::before{mask-image:url("/gallery/assets/icons/left.svg");-webkit-mask-image:url("/gallery/assets/icons/left.svg")}
[data-ui-icon="right"]::before{mask-image:url("/gallery/assets/icons/right.svg");-webkit-mask-image:url("/gallery/assets/icons/right.svg")}
[data-ui-icon="undo"]::before{mask-image:url("/gallery/assets/icons/undo.svg");-webkit-mask-image:url("/gallery/assets/icons/undo.svg")}
[data-ui-icon="redo"]::before{mask-image:url("/gallery/assets/icons/redo.svg");-webkit-mask-image:url("/gallery/assets/icons/redo.svg")}
[data-ui-icon="refresh"]::before{mask-image:url("/gallery/assets/icons/refresh.svg");-webkit-mask-image:url("/gallery/assets/icons/refresh.svg")}
[data-ui-icon="search"]::before{mask-image:url("/gallery/assets/icons/search.svg");-webkit-mask-image:url("/gallery/assets/icons/search.svg")}
[data-ui-icon="list"]::before{mask-image:url("/gallery/assets/icons/list.svg");-webkit-mask-image:url("/gallery/assets/icons/list.svg")}
[data-ui-icon="copy"]::before{mask-image:url("/gallery/assets/icons/copy.svg");-webkit-mask-image:url("/gallery/assets/icons/copy.svg")}
[data-ui-icon="page"]::before{mask-image:url("/gallery/assets/icons/page.svg");-webkit-mask-image:url("/gallery/assets/icons/page.svg")}
[data-ui-icon="book"]::before{mask-image:url("/gallery/assets/icons/book.svg");-webkit-mask-image:url("/gallery/assets/icons/book.svg")}
[data-ui-icon="folder"]::before{mask-image:url("/gallery/assets/icons/folder.svg");-webkit-mask-image:url("/gallery/assets/icons/folder.svg")}
[data-ui-icon="image"]::before{mask-image:url("/gallery/assets/icons/image.svg");-webkit-mask-image:url("/gallery/assets/icons/image.svg")}
[data-ui-icon="eye"]::before{mask-image:url("/gallery/assets/icons/eye.svg");-webkit-mask-image:url("/gallery/assets/icons/eye.svg")}
[data-ui-icon="share"]::before{mask-image:url("/gallery/assets/icons/share.svg");-webkit-mask-image:url("/gallery/assets/icons/share.svg")}
[data-ui-icon="upload"]::before{mask-image:url("/gallery/assets/icons/upload.svg");-webkit-mask-image:url("/gallery/assets/icons/upload.svg")}
[data-ui-icon="download"]::before{mask-image:url("/gallery/assets/icons/download.svg");-webkit-mask-image:url("/gallery/assets/icons/download.svg")}
[data-ui-icon="pause"]::before{mask-image:url("/gallery/assets/icons/pause.svg");-webkit-mask-image:url("/gallery/assets/icons/pause.svg")}
[data-ui-icon="settings"]::before{mask-image:url("/gallery/assets/icons/settings.svg");-webkit-mask-image:url("/gallery/assets/icons/settings.svg")}
[data-ui-icon="paint"]::before{mask-image:url("/gallery/assets/icons/paint.svg");-webkit-mask-image:url("/gallery/assets/icons/paint.svg")}
[data-ui-icon="activity"]::before{mask-image:url("/gallery/assets/icons/activity.svg");-webkit-mask-image:url("/gallery/assets/icons/activity.svg")}
[data-ui-icon="users"]::before{mask-image:url("/gallery/assets/icons/users.svg");-webkit-mask-image:url("/gallery/assets/icons/users.svg")}
[data-ui-icon="lock"]::before{mask-image:url("/gallery/assets/icons/lock.svg");-webkit-mask-image:url("/gallery/assets/icons/lock.svg")}
[data-ui-icon="cloud"]::before{mask-image:url("/gallery/assets/icons/cloud.svg");-webkit-mask-image:url("/gallery/assets/icons/cloud.svg")}
[data-ui-icon="mail"]::before{mask-image:url("/gallery/assets/icons/mail.svg");-webkit-mask-image:url("/gallery/assets/icons/mail.svg")}
[data-ui-icon="link"]::before{mask-image:url("/gallery/assets/icons/link.svg");-webkit-mask-image:url("/gallery/assets/icons/link.svg")}
[data-ui-icon="history"]::before{mask-image:url("/gallery/assets/icons/history.svg");-webkit-mask-image:url("/gallery/assets/icons/history.svg")}
[data-ui-icon="ruler"]::before{mask-image:url("/gallery/assets/icons/ruler.svg");-webkit-mask-image:url("/gallery/assets/icons/ruler.svg")}
[data-ui-icon="crop"]::before{mask-image:url("/gallery/assets/icons/crop.svg");-webkit-mask-image:url("/gallery/assets/icons/crop.svg")}
[data-ui-icon="front"]::before{mask-image:url("/gallery/assets/icons/front.svg");-webkit-mask-image:url("/gallery/assets/icons/front.svg")}
[data-ui-icon="back"]::before{mask-image:url("/gallery/assets/icons/back.svg");-webkit-mask-image:url("/gallery/assets/icons/back.svg")}
[data-ui-icon="save"]::before{mask-image:url("/gallery/assets/icons/save.svg");-webkit-mask-image:url("/gallery/assets/icons/save.svg")}
[data-ui-icon="layout-one"]::before{mask-image:url("/gallery/assets/icons/layout-one.svg");-webkit-mask-image:url("/gallery/assets/icons/layout-one.svg")}
[data-ui-icon="layout-two"]::before{mask-image:url("/gallery/assets/icons/layout-two.svg");-webkit-mask-image:url("/gallery/assets/icons/layout-two.svg")}
[data-ui-icon="spread"]::before{mask-image:url("/gallery/assets/icons/spread.svg");-webkit-mask-image:url("/gallery/assets/icons/spread.svg")}
[data-ui-icon="calendar"]::before{mask-image:url("/gallery/assets/icons/calendar.svg");-webkit-mask-image:url("/gallery/assets/icons/calendar.svg")}
[data-ui-icon="filter"]::before{mask-image:url("/gallery/assets/icons/filter.svg");-webkit-mask-image:url("/gallery/assets/icons/filter.svg")}
[data-ui-icon="rotate"]::before{mask-image:url("/gallery/assets/icons/rotate.svg");-webkit-mask-image:url("/gallery/assets/icons/rotate.svg")}
[data-ui-icon="text"]::before{mask-image:url("/gallery/assets/icons/text.svg");-webkit-mask-image:url("/gallery/assets/icons/text.svg")}
.editor-sidebar .studio-section-nav button[data-ui-icon]::before{display:block;width:20px;height:20px;margin:0 auto 6px;content:"";font-size:0}.editor-sidebar .studio-section-nav button[data-ui-icon]::after{display:block}.catalog-sidebar button[data-ui-icon]::before{width:18px;height:18px}.album-toolbar button[data-ui-icon],.canvas-toolbar button[data-ui-icon]{white-space:nowrap}.album-inspector button[data-ui-icon]{text-align:left}.album-toolbar button[data-ui-icon]{min-height:39px}.album-library .eyebrow,.album-inspector .eyebrow{letter-spacing:1.8px}@media(max-width:600px){.album-toolbar button[data-ui-icon],.canvas-toolbar button[data-ui-icon]{min-height:44px}.album-toolbar button[data-ui-icon]::before,.canvas-toolbar button[data-ui-icon]::before{width:16px;height:16px;margin-right:6px}}
.editor-subnav>button[data-ui-icon]{justify-content:flex-start;gap:0}.editor-subnav>button[data-ui-icon]>span{margin-left:auto}.gallery-tile button[data-ui-icon="star"][aria-pressed="true"]{color:#655d45;background:#f6f4ed}
[data-ui-icon="trash"]::before{mask-image:url("/gallery/assets/icons/trash.svg");-webkit-mask-image:url("/gallery/assets/icons/trash.svg")}

[data-ui-icon="type"]::before{mask-image:url("/gallery/assets/icons/type.svg");-webkit-mask-image:url("/gallery/assets/icons/type.svg")}

[data-ui-icon="line"]::before{mask-image:url("/gallery/assets/icons/line.svg");-webkit-mask-image:url("/gallery/assets/icons/line.svg")}

[data-ui-icon="pointer"]::before{mask-image:url("/gallery/assets/icons/pointer.svg");-webkit-mask-image:url("/gallery/assets/icons/pointer.svg")}
[data-ui-icon="message"]::before{mask-image:url("/gallery/assets/icons/message.svg");-webkit-mask-image:url("/gallery/assets/icons/message.svg")}