.component-dragsort{position:relative}.component-dragsort-grid{display:grid;grid-gap:20px;grid-template-columns:repeat(auto-fill,minmax(225px,1fr))}.component-dragsort:not(.component-dragsort-raw)>div:not(.component-dragsort-ignore){position:relative;padding:10px 10px 10px 35px;background-color:var(--background-color);border-radius:var(--element-border-radius-small);border:2px solid transparent;border-radius:var(--element-border-radius-small-medium);box-shadow:0 2px 8px var(--element-box-shadow-color);-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;margin-bottom:12px}.uikit-modal .component-dragsort:not(.component-dragsort-raw)>div{box-shadow:none;outline:1px solid var(--border-color)}.component-dragsort-grid:not(.component-dragsort-raw)>div{background-color:var(--background-color);left:0;right:0;transition:left .15s}.component-dragsort-grid:not(.component-dragsort-raw)>div img{pointer-events:none;border-radius:var(--element-border-radius-small)}.component-dragsort:not(.component-dragsort-raw)>div+div{margin-top:2px}.component-dragsort>div:not(.component-dragsort-ignore)>i:not(.component-dragsort-delete){position:absolute;display:inline-block;left:5px;top:50%;margin-top:-10px;width:25px;text-align:center;color:var(--text-color-light)}.component-dragsort-raw>div:not(.component-dragsort-ignore){position:relative}.component-dragsort-raw:has(.component-richtext-editor) div:not(.component-richtext-toolbar,.component-dragsort-delete){height:100%}.component-dragsort-raw .component-richtext-editor{margin-left:36px;border-left:1px solid var(--border-color)}.component-dragsort-raw>div:not(.component-dragsort-ignore) img{pointer-events:none}.component-dragsort-raw>div:not(.component-dragsort-ignore)>i{padding:12px 0;border-radius:3px;color:#fff;background-color:rgba(0,0,0,.5);z-index:1}.component-dragsort-raw-top i{transform-origin:center center;transform:rotateZ(90deg);top:0!important;left:16px!important;margin:0!important}.component-dragsort>div>.component-dragsort-delete{position:absolute;top:12px;right:12px;width:32px;height:32px;line-height:36px;text-align:center;border-radius:100%;background-color:rgba(0,0,0,.5);color:#fff;cursor:pointer}.component-dragsort>div:hover:not(.component-dragsort-ignore){cursor:grab}.component-dragsort>div:active:not(.component-dragsort-ignore){cursor:grabbing}.component-dragsort-raw>div:active:not(.component-dragsort-ignore){transition:scale(.9)}.component-dragsort>div.component-dragsort-item-above{border-top-color:var(--primary-color)}.component-dragsort>div.component-dragsort-item-below{border-bottom-color:var(--primary-color)}.component-dragsort>div.component-dragsort-item-left{left:10px}.component-dragsort>div.component-dragsort-item-right{left:-10px}