.fluig-style-guide .upload .container.drop-zone.theme-small,.fluig-style-guide .upload .container .information-container{flex-direction:row}.fluig-style-guide .upload{--color-neutral-ultra-light:#e8e9eb;--color-neutral-white:#fff;--color-neutral-light:#d2d3d6;--color-neutral-medium:#afb0b3}.fluig-style-guide .upload .container.drop-zone{flex-direction:column;padding:3.125rem}.fluig-style-guide .upload .container.drop-zone,.fluig-style-guide .upload .container.drop-zone.theme-small{align-items:center;background-color:var(--fs-color-neutral-light-00);border:1px dashed var(--fs-color-neutral-light-20);border-radius:4px;display:flex;justify-content:center}.fluig-style-guide .upload .container.drop-zone.theme-small .title,.fluig-style-guide .upload .container.drop-zone .title{line-height:1.5rem}.fluig-style-guide .upload .container.drop-zone .message,.fluig-style-guide .upload .container.drop-zone.theme-small .message{line-height:1.125rem}.fluig-style-guide .upload .container.drop-zone.theme-small div,.fluig-style-guide .upload .container.drop-zone div{display:flex}.fluig-style-guide .upload .container.drop-zone.theme-small div img.icon-loading,.fluig-style-guide .upload .container.drop-zone div img.icon-loading{content:url(ca37009332e61b523d84.svg);height:24px;width:24px}.fluig-style-guide .upload .container.drop-zone.theme-small div .container-files-finished,.fluig-style-guide .upload .container.drop-zone div .container-files-finished{display:flex;gap:6px;margin:0}.fluig-style-guide .upload .container.drop-zone.theme-small{margin:0 0 .313rem;padding:1.5rem}.fluig-style-guide .upload .container.drop-zone.theme-small .description{margin:auto}.fluig-style-guide .upload .container.drop-zone.drop-hover{background-color:var(--color-neutral-ultra-light);border-color:var(--color-neutral-medium)}.fluig-style-guide .upload .container .information-container{display:flex;flex-wrap:wrap;justify-content:space-between}.fluig-style-guide .componente-progress-bar{--color-neutral-ultra-light:#e8e9eb;--color-neutral-white:#fff;--color-neutral-light:#d2d3d6;--color-neutral-medium:#afb0b3}.fluig-style-guide .componente-progress-bar.media{background-color:var(--fs-color-neutral-light-00);border:1px solid var(--fs-color-neutral-light-20);border-radius:4px;display:flex;flex-direction:row;flex-wrap:nowrap;padding:1rem}.fluig-style-guide .componente-progress-bar.media .thumb{height:40px;margin:auto;width:40px}.fluig-style-guide .componente-progress-bar.media .media-body .container-progress-bar{display:flex;flex-direction:row;flex-wrap:wrap}.fluig-style-guide .componente-progress-bar.media .media-body .container-progress-bar .progress{align-self:center}.fluig-style-guide .componente-progress-bar.media .media-body,.fluig-style-guide .componente-progress-bar.media .media-body .container-progress-bar .progress{flex-grow:1}.fluig-style-guide .componente-progress-bar.media .media-actions{margin:auto}.fluig-style-guide .componente-progress-bar.media .media-actions button{border:none;margin-left:.5rem;padding:0}.emojis{--emojis-border-color:#e8e9eb;--emojis-box-shadow:0 3px 5px rgb(0 0 0/8%),0 1px 3px rgb(0 0 0/6%);--emojis-title-color:#afb0b3;--emojis-hover-color:#e8e9eb;--emojis-category-selected-color:#58595b;background-color:var(--fs-color-neutral-light-00);border:1px solid var(--fs-color-neutral-light-20);box-shadow:var(--emojis-box-shadow);padding:16px 16px 8px;width:100%;z-index:1}.emojis .emojis-search{margin:0}.emojis .emojis-list{font-size:16px;height:200px;overflow-y:scroll}.emojis .emojis-list .emojis-category-list,.emojis .emojis-list .emojis-recently-used{align-items:center;display:flex;flex-wrap:wrap}.emojis .emojis-list .emojis-category-list>h5,.emojis .emojis-list .emojis-recently-used>h5{color:var(--emojis-title-color);font-size:12px;font-weight:400;width:100%}.emojis .emojis-list .emojis-category-list>span,.emojis .emojis-list .emojis-recently-used>span{align-items:center;cursor:pointer;display:flex;justify-content:center;padding:4px 0;width:6.25%}.emojis .emojis-list .emojis-category-list>span:hover,.emojis .emojis-list .emojis-recently-used>span:hover{background-color:var(--emojis-hover-color)}.emojis .emojis-list .emojis-recently-used>h5{margin-top:0}.emojis .emojis-actions{display:flex;padding-top:8px}.emojis .emojis-actions button{flex:1;padding-top:7px;position:relative;text-decoration:none!important}.emojis .emojis-actions button.selected:before{background-color:var(--emojis-category-selected-color);content:"";height:2px;left:0;position:absolute;top:0;width:100%}.emojis .emojis-actions button:after{background-color:transparent;content:"";height:100%;left:0;position:absolute;top:0;width:100%}.icons{background-color:var(--fs-color-neutral-light-00);border:1px solid var(--fs-color-neutral-light-20);box-shadow:var(--fs-shadow-md);padding:16px;width:100%;z-index:1}.icons .icons-search{margin:0}.icons .icons-list{font-size:16px;height:200px;overflow-y:scroll}.icons .icons-list .icons-category-list{align-items:center;display:flex;flex-wrap:wrap}.icons .icons-list .icons-category-list>h5{color:var(--fs-color-neutral-light-30);font-size:12px;font-weight:400;width:100%}.icons .icons-list .icons-category-list>span{align-items:center;cursor:pointer;display:flex;justify-content:left;width:11.1111111%}.icons .icons-list .icons-category-list>span .flaticon{border-radius:4px;padding:4px;top:0}.icons .icons-list .icons-category-list>span:hover .flaticon{background-color:var(--fs-color-neutral-light-10)}.icons .icons-list .icons-category-list>span.selected .flaticon{background-color:var(--fs-color-neutral-mid-60);color:var(--fs-color-neutral-light-00)}.icons .icons-list .icons-category-list .icons-search-empty{align-items:center;border:1px dashed var(--fs-color-neutral-light-10);display:flex;height:200px;justify-content:center}[is=fs-button]:has(.spinner-loading){opacity:1!important}[is=fs-button] .spinner-loading{animation:spin_loader 1.5s linear infinite}@keyframes spin_loader{0%{transform:rotate(0turn)}to{transform:rotate(1turn)}}.text-style-toolbar{--default-color-picker:#8c8d8f;--label-text-color:#8c8d8f;--color-picker-border-color:#ccc;--style-backgound-button-color:var(--fs-color-action-pressed);color:var(--default-color-picker);padding:0 16px}.text-style-toolbar .circle-color-column .label-text{color:var(--default-color-picker);font-size:10px}.text-style-toolbar .circle-color-column .color-picker-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;border:none;border:1px solid var(--color-picker-border-color);border-radius:50%;cursor:pointer;height:36px;width:36px}.text-style-toolbar .circle-color-column .color-picker-input::-webkit-color-swatch{border:none;border-radius:50%}.text-style-toolbar .circle-color-column .color-picker-input::-moz-color-swatch{border:none;border-radius:50%}.text-style-toolbar .circle-color-column .color-picker-input:focus{outline:none}.text-style-toolbar .font-style-options .label-text{color:var(--label-text-color);font-size:10px}.text-style-toolbar .font-style-options .bold-text-button{border-radius:4px;display:inline-block;font-size:24px;font-weight:700;padding:0 8px}.text-style-toolbar .font-style-options .bold-text-button.active,.text-style-toolbar .font-style-options .bold-text-button:hover{background:var(--style-backgound-button-color);cursor:pointer}.text-style-toolbar .font-style-options .italic-text-button,.text-style-toolbar .font-style-options .underline-text-button{cursor:pointer;display:inline-block;padding:4px 8px}.text-style-toolbar .font-style-options .italic-text-button.active,.text-style-toolbar .font-style-options .italic-text-button:hover{background:var(--style-backgound-button-color);border-radius:4px;cursor:pointer;padding:4px 8px}.text-style-toolbar .font-style-options .underline-text-button.active,.text-style-toolbar .font-style-options .underline-text-button:hover{background:var(--style-backgound-button-color);border-radius:4px;cursor:pointer;padding:4px 8px}.text-style-toolbar .font-size-options .label-text{color:var(--label-text-color);font-size:10px}.text-style-toolbar .font-size-options .large-size-button,.text-style-toolbar .font-size-options .small-size-button{padding:4px}.text-style-toolbar .font-size-options .large-size-button.active,.text-style-toolbar .font-size-options .large-size-button:active,.text-style-toolbar .font-size-options .large-size-button:hover{background:var(--style-backgound-button-color);border-radius:4px;cursor:pointer}.text-style-toolbar .font-size-options .small-size-button.active,.text-style-toolbar .font-size-options .small-size-button:active,.text-style-toolbar .font-size-options .small-size-button:hover{background:var(--style-backgound-button-color);border-radius:4px;cursor:pointer;padding:4px}