@mixin eui-resizable( $eui-resizable-bar-right-offset: unset, $eui-resizable-icon-top-offset: var(--eui-s-m) ) {
    .eui-resizable {
        .eui-resizable-bar {
            // For eui-page-column
            @if ($eui-resizable-bar-right-offset != unset) {
                margin-right: calc($eui-resizable-bar-right-offset);
            }
        }

        &.eui-resizable--left {
            .eui-resizable-icon__container {
                transform: translate(calc(-1.2 * var(--eui-s-m)), var(--eui-s-s));
            }            
        }

        &.eui-resizable--right {
            .eui-resizable-icon__container {
                transform: translate(calc(-0.6 * var(--eui-s-m)), var(--eui-s-s));
            }
        }
    }
}
