.flyx{--flyx-color-primary: #514982;--flyx-color-border: #c2bfdc;--flyx-color-draggable-bg: #f5f5fa;--flyx-color-input-bg: #e6e4f0;--flyx-font-family-sans: Inter, Arial, sans-serif;--flyx-font-size: .8125rem;--flyx-line-height: 20px;--flyx-draggable-width: 2rem;--flyx-drop-area-border: rgba(81, 73, 130, .2509803922);--flyx-drop-area-hover: rgba(187, 183, 206, .7490196078);--flyx-drop-area-icon-bg: #fff;--flyx-drop-area-icon-border: rgba(154, 151, 175, .7490196078);--flyx-drop-area-icon-squares: rgba(154, 151, 175, .5019607843);width:100%}.flyx *,.flyx *:before,.flyx *:after{box-sizing:border-box;font-family:var(--flyx-font-family-sans);font-size:var(--flyx-font-size);line-height:var(--flyx-line-height);color:var(--flyx-color-primary);margin:0;padding:0}.flyx .flyx__zone{border:2px solid var(--flyx-color-border);border-bottom:0}.flyx .flyx__item,.flyx .flyx__draggable,.flyx .flyx__content{display:flex}.flyx .flyx__item:not(:last-of-type){border-bottom:1px solid var(--flyx-color-border)}.flyx .flyx__draggable{width:var(--flyx-draggable-width);align-items:center;justify-content:center;cursor:move;background:var(--flyx-color-draggable-bg);border-right:1px solid var(--flyx-color-border);-webkit-user-select:none;user-select:none;-webkit-user-drag:element}.flyx .flyx__content{align-items:center;padding:1.125rem;position:relative;flex:1 1 0;gap:1.125rem}.flyx .flyx__content .flyx__content--right{display:flex;align-items:center;gap:1.125rem}.flyx .flyx__content .flyx__alt{flex:1}.flyx .flyx__content .flyx__image{display:inline-flex;height:100%;position:relative;border:2px solid rgba(81,73,130,.2509803922);cursor:pointer}.flyx .flyx__content .flyx__image img{width:4rem;height:100%;object-fit:cover;display:block}.flyx .flyx__content .flyx__image button.flyx__replace{border:none;position:absolute;display:flex;align-items:center;justify-content:center;background:#fff;border-radius:50%;width:1.5rem;height:1.5rem;top:50%;left:50%;transform:translate(-50%,-50%);opacity:0;transition:opacity .3s;cursor:pointer;box-shadow:0 2px 8px #00000014}.flyx .flyx__content .flyx__image button.flyx__replace svg{width:1rem;height:1rem}.flyx .flyx__content .flyx__image:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:transparent;transition:background .3s}.flyx .flyx__content .flyx__image:hover button.flyx__replace{opacity:1}.flyx .flyx__content .flyx__image:hover:before{background:#bbb7cebf}.flyx .flyx__content .flyx__infos{display:flex;flex-direction:column;width:8rem}.flyx .flyx__content .flyx__alt__input{width:100%;border:none;background:var(--flyx-color-input-bg);padding:.25rem .5rem;outline:none;border-radius:3px;min-width:0}.flyx .flyx__content .flyx__row--remove{display:inline-flex;position:absolute;top:1.125rem;right:1.125rem;cursor:pointer;background:transparent;border:none;padding:0}.flyx .flyx__add-button,.flyx .flyx__add-button--drop-area{width:100%}.flyx .flyx__add-button--drop-area{display:flex;align-items:center;padding:0;border:2px dashed var(--flyx-drop-area-border);cursor:pointer;transition:background .3s}.flyx .flyx__add-button--drop-area:hover{background:var(--flyx-drop-area-hover)}.flyx .flyx__add-button--drop-area__icon{display:flex;align-items:center;justify-content:center;width:calc(var(--flyx-draggable-width) + .125rem);border-right:1px solid var(--flyx-color-border);padding:.5rem 0}.flyx .flyx__add-button--drop-area__icon .square{display:flex;align-items:center;justify-content:center;width:20px;height:20px;background:var(--flyx-drop-area-icon-bg);border-radius:50%;border:1px solid var(--flyx-drop-area-icon-border);box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;position:relative;z-index:1}.flyx .flyx__add-button--drop-area__text{padding:.5rem 1.125rem;width:100%;cursor:pointer;text-align:left;-webkit-user-select:none;user-select:none}.flyx .flyx__input-file--hidden{display:none!important}.flyx.flyx--empty .flyx__add-button--drop-area__icon{position:relative;border-right:none;width:80px;height:68px;padding:1rem 0}.flyx.flyx--empty .flyx__add-button--drop-area__icon:before,.flyx.flyx--empty .flyx__add-button--drop-area__icon:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border:1px solid var(--flyx-drop-area-icon-border);width:2.875rem;height:2.875rem;background:var(--flyx-drop-area-icon-square);z-index:0}.flyx.flyx--empty .flyx__add-button--drop-area__icon:before{transform:translate(-50%,-50%) rotate(5deg)}.flyx.flyx--empty .flyx__add-button--drop-area__icon:after{background:var(--flyx-drop-area-icon-squares)}@media (max-width: 991px){.flyx .flyx__content{flex-direction:column;align-items:flex-start;gap:.75rem}.flyx .flyx__alt,.flyx .flyx__infos{width:100%}}body{height:100vh;width:50%;margin:0 auto;display:flex;gap:24px;flex-direction:column;align-items:center;justify-content:center}