.draggable-input-list .list-options .option{align-items:flex-start;gap:10px;margin:0 0 10px;transition:opacity .2s;display:flex;position:relative}.draggable-input-list .list-options .option .dragzone{cursor:-webkit-grab;cursor:grab;flex-shrink:0;justify-content:center;align-items:center;width:25px;height:40px;display:flex}.draggable-input-list .list-options .option .dragzone .icon{stroke:var(--color-text-base-30)}.draggable-input-list .list-options .option .dragzone:active{cursor:-webkit-grabbing;cursor:grabbing}.draggable-input-list .list-options .option .c-input-raw{flex-shrink:0;width:340px}.draggable-input-list .list-options .option .actions{opacity:0;visibility:hidden;flex-shrink:0;align-items:center;gap:7px;min-width:74px;height:40px;transition:opacity .2s,visibility .2s;display:flex}.draggable-input-list .list-options .option .c-validation-message{justify-content:start;margin-top:5px}@media only screen and (width>=1024px){.draggable-input-list .list-options .option.-is-active .actions,.draggable-input-list .list-options:not(.-is-focused) .option:hover .actions{opacity:1;visibility:visible}}@media only screen and (width<=1023px){.draggable-input-list .list-options .option{align-items:center;width:100%;display:flex}.draggable-input-list .list-options .option .dragzone{flex-shrink:0}.draggable-input-list .list-options .option .input-wrapper{flex:1;min-width:0}.draggable-input-list .list-options .option .c-input-raw{flex-shrink:1;width:100%}.draggable-input-list .list-options .option .actions{opacity:1;visibility:visible;flex-shrink:0}}.draggable-input-option.--drag .option{border-radius:var(--base-border-radius);background:#fff;gap:10px;width:fit-content;margin:0 0 10px;padding:10px;transition:opacity .2s;display:flex;box-shadow:4px 16px 32px #1832730f}.draggable-input-option.--drag .option .dragzone{cursor:-webkit-grab;cursor:grab;width:25px;height:40px;cursor:-webkit-grabbing;cursor:grabbing;flex-shrink:0;justify-content:center;align-items:center;display:flex}.draggable-input-option.--drag .option .dragzone .icon{stroke:var(--color-text-base-30)}.draggable-input-option.--drag .option .dragzone:active{cursor:-webkit-grabbing;cursor:grabbing}.draggable-input-option.--drag .option .c-input-raw{flex-shrink:0;width:340px}.draggable-input-option.--drag .option .actions{opacity:1;visibility:visible;flex-shrink:0;align-items:center;gap:7px;min-width:74px;height:40px;transition:opacity .2s,visibility .2s;display:flex}.draggable-input-option.--drag .option .c-validation-message{justify-content:start;margin-top:5px}.draggable-input-option.--selected .option{opacity:.5;gap:10px;margin:0 0 10px;transition:opacity .2s;display:flex}.draggable-input-option.--selected .option .dragzone{cursor:-webkit-grab;cursor:grab;flex-shrink:0;justify-content:center;align-items:center;width:25px;height:40px;display:flex}.draggable-input-option.--selected .option .dragzone .icon{stroke:var(--color-text-base-30)}.draggable-input-option.--selected .option .dragzone:active{cursor:-webkit-grabbing;cursor:grabbing}.draggable-input-option.--selected .option .c-input-raw{flex-shrink:0;width:340px}.draggable-input-option.--selected .option .actions{flex-shrink:0;align-items:center;gap:7px;min-width:74px;height:40px;transition:opacity .2s,visibility .2s;display:flex}
