:root {
    --ui-frame-triangle-display: block;
    --ui-frame-width: 16px;
    --ui-frame-color-from: var(--ui-color-primary);
    --ui-frame-color-to: var(--ui-color-primary-darken);
    --ui-frame-background: linear-gradient(to bottom, var(--ui-frame-color-from), var(--ui-frame-color-to) 93%, var(--ui-frame-color-to));
    --ui-frame-margin: 16px;
}

@media (max-width: 600px) {
    :root {
        --ui-frame-width: 8px;
        --ui-frame-margin: 8px;
    }
}