.ui-tile-uploader{position:relative}.ui-tile-uploader-items{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:20px}.ui-tile-uploader.--compact .ui-tile-uploader-items{grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:15px}.ui-tile-uploader-item{position:relative;box-sizing:border-box;overflow:hidden;width:100%;max-width:166px;height:120px;padding:var(--ui-space-inset-2xs);border-radius:var(--ui-border-radius-lg);background:var(--ui-color-base-8);cursor:pointer}.ui-tile-uploader:not(.--compact) .ui-tile-uploader-item{box-shadow:0 1px 3px rgba(0,0,0,.12);transition:box-shadow .2s}.ui-tile-uploader:not(.--compact) .ui-tile-uploader-item:hover{box-shadow:0 5px 6px 0 rgba(0,0,0,.22)}.ui-tile-uploader:not(.--compact) .ui-tile-uploader-item.--selected{box-shadow:0 0 0 2px var(--ui-color-accent-brand-blue)}.ui-tile-uploader.--compact .ui-tile-uploader-item{max-width:116px;height:90px;border:1px solid var(--ui-color-divider-default)}.ui-tile-uploader.--compact .ui-tile-uploader-item.--selected,.ui-tile-uploader.--compact .ui-tile-uploader-item:hover{border-color:var(--ui-color-accent-main-primary-alt-2)}.ui-tile-uploader-item-enter-active{animation:ui-tile-uploader-item--animate .5s cubic-bezier(.44,.99,.48,1)}.ui-tile-uploader-item-leave-active{animation:ui-tile-uploader-item--animate .5s cubic-bezier(.44,.99,.48,1) reverse}@keyframes ui-tile-uploader-item--animate{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.ui-tile-uploader-item--uploading{--ui-tile-uploader-item-state-bgcolor:rgba(47,198,246,.95);--ui-tile-uploader-item-status-color:#fff;--ui-tile-uploader-item-content-bgcolor:hsla(0,0%,100%,.2);--ui-tile-uploader-item-state-desc-color:hsla(0,0%,100%,.7)}.ui-tile-uploader-item--load-failed,.ui-tile-uploader-item--upload-failed{--ui-tile-uploader-item-state-bgcolor:rgba(255,87,82,.95);--ui-tile-uploader-item-status-color:#fff;--ui-tile-uploader-item-state-icon-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='13' fill='none'%3E%3Cpath fill='%23fff' fill-rule='evenodd' d='M15.121 10.924 8.92.594a1.21 1.21 0 0 0-2.084 0L.634 10.925c-.488.813.102 1.84 1.047 1.84h12.403a1.215 1.215 0 0 0 1.037-1.84zm-8.133-6.73a.82.82 0 0 1 .824-.824h.111a.82.82 0 0 1 .824.824v3.08a.82.82 0 0 1-.824.823h-.111a.82.82 0 0 1-.824-.823zM8.91 10.17c0 .57-.468 1.037-1.037 1.037a1.04 1.04 0 0 1-1.037-1.037c0-.569.467-1.037 1.037-1.037s1.037.468 1.037 1.037' clip-rule='evenodd'/%3E%3C/svg%3E");--ui-tile-uploader-item-state-icon-opacity:0.7;--ui-tile-uploader-item-content-bgcolor:rgba(255,87,82,.2);--ui-tile-uploader-item-state-desc-color:hsla(0,0%,100%,.8);--ui-tile-uploader-item-preview-overlay-opacity:0}.ui-tile-uploader-item--added,.ui-tile-uploader-item--loading,.ui-tile-uploader-item--pending,.ui-tile-uploader-item--preparing{--ui-tile-uploader-item-state-bgcolor:#e7e8e8;--ui-tile-uploader-item-status-color:#525c69;--ui-tile-uploader-item-state-icon-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' fill='none'%3E%3Cpath fill='%232FC6F6' fill-rule='evenodd' d='M18 8.973a8.973 8.973 0 1 1-17.945 0 8.973 8.973 0 0 1 17.945 0m-2.834 0a6.14 6.14 0 1 1-12.278 0 6.14 6.14 0 0 1 12.278 0M7.915 4.939h2.144v3.048h1.998v2.195H7.915V4.94z' clip-rule='evenodd' opacity='.8'/%3E%3C/svg%3E");--ui-tile-uploader-item-state-icon-opacity:1;--ui-tile-uploader-item-content-bgcolor:hsla(0,0%,100%,.5);--ui-tile-uploader-item-state-desc-color:rgba(82,92,105,.8);--ui-tile-uploader-item-state-remove-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none'%3E%3Cpath fill='%23525C69' fill-rule='evenodd' d='m7.122 5.637 3.904 3.905-1.504 1.505-3.905-3.905-3.905 3.904L.207 9.543l3.905-3.905L.207 1.732 1.712.227l3.905 3.905L9.522.227l1.504 1.505z' clip-rule='evenodd'/%3E%3C/svg%3E");--ui-tile-uploader-item-state-remove-opacity:0.2;--ui-tile-uploader-item-state-remove-opacity-hover:0.8}.ui-tile-uploader-item--load-failed,.ui-tile-uploader-item--upload-failed,.ui-tile-uploader-item--uploading{--ui-tile-uploader-item-state-remove-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none'%3E%3Cpath fill='%23fff' fill-rule='evenodd' d='m7.122 5.637 3.904 3.905-1.504 1.505-3.905-3.905-3.905 3.904L.207 9.543l3.905-3.905L.207 1.732 1.712.227l3.905 3.905L9.522.227l1.504 1.505z' clip-rule='evenodd'/%3E%3C/svg%3E");--ui-tile-uploader-item-state-remove-opacity:0.4;--ui-tile-uploader-item-state-remove-opacity-hover:1}.ui-tile-uploader-item--complete{--ui-tile-uploader-item-preview-overlay:none}.ui-tile-uploader-item-content{display:flex;flex-direction:column;border-radius:8px;width:100%;height:100%;position:relative;background-color:var(--ui-tile-uploader-item-content-bgcolor)}.ui-tile-uploader-item-state{position:absolute;left:0;top:0;width:100%;height:29px;border-radius:8px 8px 0 0;z-index:10;font-family:var(--ui-font-family-primary,var(--ui-font-family-helvetica));background-color:var(--ui-tile-uploader-item-state-bgcolor)}.ui-tile-uploader-item-loader,.ui-tile-uploader-item-state-icon{position:absolute;left:6px;top:5px;width:18px;height:18px}.ui-tile-uploader-item-loader,.ui-tile-uploader-item-state-icon{background-image:var(--ui-tile-uploader-item-state-icon-image);opacity:var(--ui-tile-uploader-item-state-icon-opacity)}.ui-tile-uploader-item-state-icon{background-repeat:no-repeat;background-position:50%}.ui-tile-uploader-item-status{display:flex;flex-direction:column;justify-content:center;position:absolute;left:28px;top:0;right:20px;bottom:0}.ui-tile-uploader-item-status-name{font-size:12px;line-height:12px;color:var(--ui-tile-uploader-item-status-color)}.ui-tile-uploader-item-state-desc,.ui-tile-uploader-item-status-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:100%}.ui-tile-uploader-item-state-desc{font-size:9px;line-height:9px;color:var(--ui-tile-uploader-item-state-desc-color)}.ui-tile-uploader-item-state-remove{position:absolute;top:0;right:0;bottom:0;width:27px;background-image:var(--ui-tile-uploader-item-state-remove-image);background-repeat:no-repeat;background-position:50%;opacity:var(--ui-tile-uploader-item-state-remove-opacity);cursor:pointer;transition:opacity .3s;z-index:1}.ui-tile-uploader-item-state-remove:hover{opacity:var(--ui-tile-uploader-item-state-remove-opacity-hover)}.ui-tile-uploader-item-preview{flex:1;display:flex;align-items:center;justify-content:center}.ui-tile-uploader-item-preview:before{display:var(--ui-tile-uploader-item-preview-overlay,block);content:"";position:absolute;top:0;left:0;bottom:0;right:0;border-radius:8px;background-color:#fff;opacity:var(--ui-tile-uploader-item-preview-overlay-opacity,.7);z-index:1}.ui-tile-uploader-item-image{position:relative;display:block;width:100%;height:100%;border-radius:8px;background-repeat:no-repeat;background-position:50%;background-size:cover}.ui-tile-uploader-item-image-default:before{content:"";position:absolute;left:12px;right:12px;top:38px;bottom:6px;background-size:contain;background-repeat:no-repeat;background-position:bottom;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='83' height='67'%3E%3Cpath fill='%23B9BEC4' fill-rule='evenodd' d='m22.132 22 27.667 28.126 11.07-11.252L83 61.375V67H0V44.498zM69.5 0C75.299 0 80 4.701 80 10.5S75.299 21 69.5 21 59 16.299 59 10.5 63.701 0 69.5 0'/%3E%3C/svg%3E");opacity:.3}.ui-tile-uploader-item-name{--max-lines:2;--font-size:var(--ui-font-size-3xs);--line-height:var(--ui-font-line-height-3xs);overflow:hidden;display:-webkit-box;-webkit-line-clamp:var(--max-lines);-webkit-box-orient:vertical;max-height:calc(var(--max-lines)*var(--font-size)*var(--line-height) - 1px);padding:6px 6px 3px;font-size:var(--font-size);line-height:var(--line-height);color:var(--ui-color-base-3);word-break:break-all;text-align:center}.ui-tile-uploader.--compact .ui-tile-uploader-item-name{--font-size:var(--ui-font-size-4xs)}.ui-tile-uploader-item-name-extension{color:var(--ui-color-base-4)}.ui-tile-uploader-item-actions{z-index:4;position:absolute;display:flex;justify-content:flex-end;top:var(--ui-space-stack-2xs-neg);right:var(--ui-space-inline-2xs-neg);border-radius:0 4px 0 8px}.ui-tile-uploader-item-actions-pad{display:flex;border-radius:0 4px 0 8px;padding:0 4px;justify-content:flex-end;overflow:hidden;position:relative}.ui-tile-uploader-item-actions-pad:before{content:"";display:block;width:100%;height:100%;position:absolute;top:0;left:calc(100% - 32px);background-color:#fff;transition:left .2s;z-index:-1;border-radius:0 4px 0 8px}.ui-tile-uploader.--compact .ui-tile-uploader-item-actions-pad:before{left:100%;transition:none}.ui-tile-uploader-item-extra-actions{display:flex;opacity:0;transition:opacity .2s}.ui-tile-uploader.--compact .ui-tile-uploader-item-extra-actions{transition:none}.ui-tile-uploader-item.--selected .ui-tile-uploader-item-actions,.ui-tile-uploader-item:hover .ui-tile-uploader-item-actions{width:calc(100% - 32px)}.ui-tile-uploader-item.--selected .ui-tile-uploader-item-actions-pad,.ui-tile-uploader-item:hover .ui-tile-uploader-item-actions-pad{box-shadow:0 4px 10px rgba(0,0,0,.05)}.ui-tile-uploader-item.--selected .ui-tile-uploader-item-extra-actions,.ui-tile-uploader-item:hover .ui-tile-uploader-item-extra-actions{opacity:1}.ui-tile-uploader-item.--selected .ui-tile-uploader-item-actions-pad:before,.ui-tile-uploader-item:hover .ui-tile-uploader-item-actions-pad:before{left:0}.ui-tile-uploader.--compact .ui-tile-uploader-item-extra-actions .ui-icon-set{--ui-icon-set__icon-size:18px;transition:none}.ui-tile-uploader-item-menu{--ui-icon-set__icon-color:var(--ui-color-base-2);opacity:.5}.ui-tile-uploader-item-menu:hover{opacity:.9}.ui-tile-uploader.--compact .ui-tile-uploader-item-menu{--ui-icon-set__icon-size:18px;transition:none}.ui-tile-uploader.--compact .ui-tile-uploader-item:not(.--selected):not(:hover) .ui-tile-uploader-item-menu{opacity:0}.ui-tile-uploader-item-remove{--icon-size:24px;--padding:var(--ui-space-inset-3xs);z-index:1;position:absolute;display:flex;box-sizing:border-box;width:0;left:var(--ui-space-inline-2xs-neg);top:var(--ui-space-stack-2xs-neg);padding:0 var(--padding);border-bottom-right-radius:var(--ui-border-radius-sm);background-color:var(--ui-color-base-8);box-shadow:0 4px 10px rgba(0,0,0,.05);transition:width .2s}.ui-tile-uploader-item.--selected .ui-tile-uploader-item-remove,.ui-tile-uploader-item:hover .ui-tile-uploader-item-remove{width:calc(var(--icon-size) + var(--padding)*2)}.ui-tile-uploader-item-remove .ui-icon-set{--ui-icon-set__icon-size:var(--icon-size);opacity:0}.ui-tile-uploader-item.--selected .ui-tile-uploader-item-remove .ui-icon-set,.ui-tile-uploader-item:hover .ui-tile-uploader-item-remove .ui-icon-set{opacity:.5}.ui-tile-uploader-item:hover .ui-tile-uploader-item-remove:hover .ui-icon-set{opacity:.9}.ui-tile-uploader.--compact .ui-tile-uploader-item-remove{--icon-size:18px;transition:none}.ui-tile-uploader.--compact .ui-tile-uploader-item-remove .ui-icon-set{transition:none}.ui-tile-uploader-item-more{display:flex;flex-direction:column;justify-content:center;align-items:center;position:absolute;inset:0}.ui-tile-uploader-item-more-icon{--ui-icon-set__icon-size:45px;--ui-icon-set__icon-color:var(--ui-color-base-5)}.ui-tile-uploader.--compact .ui-tile-uploader-item-more-icon{--ui-icon-set__icon-size:40px}.ui-tile-uploader-item-more-label{display:flex;align-items:center;color:var(--ui-color-base-2);font-size:var(--ui-font-size-sm)}.ui-tile-uploader.--compact .ui-tile-uploader-item-more-label{font-size:var(--ui-font-size-xs)}.ui-tile-uploader-item-more-count{margin-left:4px;padding:2px 6px 3px;border-radius:1in;background:var(--ui-color-accent-brand-blue);color:var(--ui-color-base-8)}.ui-tile-uploader.--compact .ui-tile-uploader-item-more-count{padding:1px 5px 2px}.ui-tile-uploader-drop-area{margin-top:24px}.ui-tile-uploader-drop-box,.ui-tile-uploader-drop-label{display:flex;align-items:center;height:41px}.ui-tile-uploader-drop-label{justify-content:center;padding:5px 10px;width:100%;border-radius:12px;border:2px dashed rgba(82,92,105,.15);font:13px var(--ui-font-family-primary,var(--ui-font-family-helvetica));color:rgba(82,92,105,.5);text-align:center;transition:height .3s,border .3s;box-sizing:border-box;cursor:pointer}.ui-tile-uploader-drop-label:hover{border:2px dashed rgba(82,92,105,.3)}.ui-tile-uploader.--drag-over .ui-tile-uploader-drop-label{position:absolute;background-color:#fff;z-index:5;bottom:0;right:0;left:0;border:2px dashed #2fc6f6;width:100%;height:100%;font:15px var(--ui-font-family-primary,var(--ui-font-family-helvetica))}.ui-tile-uploader.--drag-over .ui-tile-uploader-items{opacity:0;pointer-events:none}.ui-tile-uploader.--drag-over .ui-tile-uploader-settings{display:none}.ui-tile-uploader-settings{display:block;margin-left:10px;width:32px;height:32px;background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Cpath fill='%23525C69' fill-rule='evenodd' d='M8.691 11.078a3.158 3.158 0 0 1-3.769-3.77c.23-1.075 1.31-2.157 2.386-2.386a3.158 3.158 0 0 1 3.77 3.77 3.11 3.11 0 0 1-2.387 2.386M13.83 6.57a6 6 0 0 0-.488-1.313.05.05 0 0 1 .006-.053l.994-1.234a.7.7 0 0 0-.021-.905l-.63-.71a.7.7 0 0 0-.897-.127l-1.355.852a6 6 0 0 0-1.969-.895.05.05 0 0 1-.037-.04L9.173.586A.7.7 0 0 0 8.484 0h-.95a.7.7 0 0 0-.69.585l-.26 1.562a.05.05 0 0 1-.037.04 6 6 0 0 0-1.624.674.05.05 0 0 1-.053-.002l-1.263-.901a.7.7 0 0 0-.902.074l-.671.672a.7.7 0 0 0-.074.902l.903 1.265a.05.05 0 0 1 .002.054 6 6 0 0 0-.669 1.611.05.05 0 0 1-.04.037l-1.57.262a.7.7 0 0 0-.585.69v.95a.7.7 0 0 0 .585.69l1.57.262a.05.05 0 0 1 .04.037c.118.469.287.918.508 1.335a.05.05 0 0 1-.005.054l-.99 1.226a.7.7 0 0 0 .021.905l.63.71a.7.7 0 0 0 .897.127l1.348-.846a.05.05 0 0 1 .053 0 6 6 0 0 0 1.92.846l.267 1.594a.7.7 0 0 0 .69.585h.95a.7.7 0 0 0 .69-.585l.26-1.562a.05.05 0 0 1 .036-.04 6 6 0 0 0 1.605-.663.05.05 0 0 1 .053.002l1.317.94c.277.2.66.169.901-.074l.672-.671a.7.7 0 0 0 .073-.902l-.937-1.314a.05.05 0 0 1-.002-.054 6 6 0 0 0 .67-1.616.05.05 0 0 1 .04-.037l1.553-.259a.7.7 0 0 0 .585-.69v-.95a.7.7 0 0 0-.585-.69l-1.585-.264z'/%3E%3C/svg%3E") 50% no-repeat;background-size:16px 16px;transition:opacity .3s;opacity:.4;cursor:pointer}.ui-tile-uploader-settings.--selected,.ui-tile-uploader-settings:hover{opacity:1}.ui-tile-uploader-insert-into-text-button{--ui-icon-set__icon-color:var(--ui-color-base-2);opacity:.5}.ui-tile-uploader-insert-into-text-button:hover{opacity:.9}.ui-tile-uploader-insert-into-text-button.--inserted{--ui-icon-set__icon-color:var(--ui-color-accent-brand-blue);opacity:1}