[class^="offset-p"], [class^="offset-m"] {
    --offset-l: 40px;
    --offset-m: 24px;
    --offset-s: 8px;
    --offset-none: 0;
}

/* #region Padding */
.offset-pt-l {
    padding-top: var(--offset-l);
}

.offset-pt-m {
    padding-top: var(--offset-m);
}

.offset-pt-s {
    padding-top: var(--offset-s);
}

.offset-pt-none {
    padding-top: var(--offset-none);
}

.offset-pb-l {
    padding-bottom: var(--offset-l);
}

.offset-pb-m {
    padding-bottom: var(--offset-m);
}

.offset-pb-s {
    padding-bottom: var(--offset-s);
}

.offset-pb-none {
    padding-bottom: var(--offset-none);
}

.offset-pl-l {
    padding-left: var(--offset-l);
}

.offset-pl-m {
    padding-left: var(--offset-m);
}

.offset-pl-s {
    padding-left: var(--offset-s);
}

.offset-pl-none {
    padding-left: var(--offset-none);
}

.offset-pr-l {
    padding-right: var(--offset-l);
}

.offset-pr-m {
    padding-right: var(--offset-m);
}

.offset-pr-s {
    padding-right: var(--offset-s);
}

.offset-pr-none {
    padding-right: var(--offset-none);
}
/* #endregion Padding */

/* #region Margin */
.offset-mt-l {
    margin-top: var(--offset-l);
}

.offset-mt-m {
    margin-top: var(--offset-m);
}

.offset-mt-s {
    margin-top: var(--offset-s);
}

.offset-mt-none {
    margin-top: var(--offset-none);
}

.offset-mb-l {
    margin-bottom: var(--offset-l);
}

.offset-mb-m {
    margin-bottom: var(--offset-m);
}

.offset-mb-s {
    margin-bottom: var(--offset-s);
}

.offset-mb-none {
    margin-bottom: var(--offset-none);
}

.offset-ml-l {
    margin-left: var(--offset-l);
}

.offset-ml-m {
    margin-left: var(--offset-m);
}

.offset-ml-s {
    margin-left: var(--offset-s);
}

.offset-ml-none {
    margin-left: var(--offset-none);
}

.offset-mr-l {
    margin-right: var(--offset-l);
}

.offset-mr-m {
    margin-right: var(--offset-m);
}

.offset-mr-s {
    margin-right: var(--offset-s);
}

.offset-mr-none {
    margin-right: var(--offset-none);
}
/* #endregion Margin */

/*#region Page Edit*/
.sf-zone-widget:not(.-sf-content) {
    outline: 2px dashed #caeed8;
    padding: 10px;
}

.page-editor-compact {
    max-height:20px !important;
}

/*sf-add-widget {
    --sf-visibility:visible !important;
    min-width:20px !important;
    background:red !important;
}*/

/*#endregion Page Edit*/