/**
 * Utilities
 *
 * Single-purpose, immutable helper classes. Every value references a token.
 *
 * @package    Recipes_Lola
 * @version    1.0.0
 */

.rl-u-sr-only { position: absolute; inline-size: var(--rl-space-px); block-size: var(--rl-space-px); padding: 0; margin: calc(var(--rl-space-px) * -1); overflow: hidden; clip: rect(0,0,0,0); clip-path: inset(50%); white-space: nowrap; border-width: 0; }
.rl-u-sr-only-focusable:focus, .rl-u-sr-only-focusable:focus-within { position: static; inline-size: auto; block-size: auto; padding: initial; margin: initial; overflow: visible; clip: auto; clip-path: none; white-space: normal; }
.rl-u-not-sr-only { position: static; inline-size: auto; block-size: auto; padding: 0; margin: 0; overflow: visible; clip: auto; clip-path: none; white-space: normal; }

.rl-u-block{display:block}.rl-u-inline-block{display:inline-block}.rl-u-inline{display:inline}.rl-u-flex{display:flex}.rl-u-inline-flex{display:inline-flex}.rl-u-grid{display:grid}.rl-u-hidden{display:none}

@media (max-width: 639px)  { .rl-u-hide-mobile { display: none; } }
@media (min-width: 640px)  { .rl-u-hide-from-tablet { display: none; } }
@media (min-width: 1024px) { .rl-u-hide-from-desktop { display: none; } }
@media (max-width: 1023px) { .rl-u-show-desktop-only { display: none; } }

.rl-u-relative{position:relative}.rl-u-absolute{position:absolute}.rl-u-fixed{position:fixed}.rl-u-sticky{position:sticky}.rl-u-static{position:static}.rl-u-inset-0{inset:0}

.rl-u-overflow-hidden{overflow:hidden}.rl-u-overflow-auto{overflow:auto}.rl-u-overflow-x-auto{overflow-x:auto}.rl-u-overflow-x-hidden{overflow-x:hidden}.rl-u-overflow-y-auto{overflow-y:auto}.rl-u-overflow-visible{overflow:visible}

.rl-u-w-full{inline-size:100%}.rl-u-w-auto{inline-size:auto}.rl-u-h-full{block-size:100%}.rl-u-min-w-0{min-inline-size:0}.rl-u-min-h-screen{min-block-size:100dvh}.rl-u-max-w-full{max-inline-size:100%}

.rl-u-m-auto{margin:auto}.rl-u-mx-auto{margin-inline:auto}.rl-u-my-auto{margin-block:auto}.rl-u-m-0{margin:0}.rl-u-mt-0{margin-block-start:0}.rl-u-mb-0{margin-block-end:0}
.rl-u-p-0{padding:0}.rl-u-pt-0{padding-block-start:0}.rl-u-pb-0{padding-block-end:0}

.rl-u-text-start{text-align:start}.rl-u-text-center{text-align:center}.rl-u-text-end{text-align:end}
.rl-u-font-sans{font-family:var(--rl-font-sans)}.rl-u-font-display{font-family:var(--rl-font-display)}.rl-u-font-mono{font-family:var(--rl-font-mono)}
.rl-u-text-2xs{font-size:var(--rl-text-2xs)}.rl-u-text-xs{font-size:var(--rl-text-xs)}.rl-u-text-sm{font-size:var(--rl-text-sm)}.rl-u-text-base{font-size:var(--rl-text-base)}.rl-u-text-lg{font-size:var(--rl-text-lg)}.rl-u-text-xl{font-size:var(--rl-text-xl)}
.rl-u-font-light{font-weight:var(--rl-weight-light)}.rl-u-font-regular{font-weight:var(--rl-weight-regular)}.rl-u-font-medium{font-weight:var(--rl-weight-medium)}.rl-u-font-semibold{font-weight:var(--rl-weight-semibold)}.rl-u-font-bold{font-weight:var(--rl-weight-bold)}
.rl-u-uppercase{text-transform:uppercase}.rl-u-capitalize{text-transform:capitalize}.rl-u-normal-case{text-transform:none}.rl-u-italic{font-style:italic}.rl-u-not-italic{font-style:normal}
.rl-u-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rl-u-break-words{overflow-wrap:break-word;word-break:break-word}.rl-u-no-wrap{white-space:nowrap}.rl-u-whitespace-pre{white-space:pre}.rl-u-balance{text-wrap:balance}
.rl-u-leading-tight{line-height:var(--rl-leading-tight)}.rl-u-leading-normal{line-height:var(--rl-leading-normal)}.rl-u-leading-relaxed{line-height:var(--rl-leading-relaxed)}
.rl-u-tracking-tight{letter-spacing:var(--rl-tracking-tight)}.rl-u-tracking-normal{letter-spacing:var(--rl-tracking-normal)}.rl-u-tracking-wide{letter-spacing:var(--rl-tracking-wide)}.rl-u-tracking-widest{letter-spacing:var(--rl-tracking-widest)}

.rl-u-text-foreground{color:var(--rl-color-foreground)}.rl-u-text-muted{color:var(--rl-color-foreground-muted)}.rl-u-text-subtle{color:var(--rl-color-foreground-subtle)}.rl-u-text-primary{color:var(--rl-color-primary)}.rl-u-text-success{color:var(--rl-color-success)}.rl-u-text-warning{color:var(--rl-color-warning)}.rl-u-text-danger{color:var(--rl-color-danger)}.rl-u-text-info{color:var(--rl-color-info)}.rl-u-text-inverse{color:var(--rl-color-foreground-inverse)}

.rl-u-bg-background{background-color:var(--rl-color-background)}.rl-u-bg-surface{background-color:var(--rl-color-surface)}.rl-u-bg-raised{background-color:var(--rl-color-surface-raised)}.rl-u-bg-primary-subtle{background-color:var(--rl-color-primary-subtle)}.rl-u-bg-success-subtle{background-color:var(--rl-color-success-subtle)}.rl-u-bg-warning-subtle{background-color:var(--rl-color-warning-subtle)}.rl-u-bg-danger-subtle{background-color:var(--rl-color-danger-subtle)}

.rl-u-border{border:var(--rl-border-width) solid var(--rl-color-border)}.rl-u-border-strong{border:var(--rl-border-width) solid var(--rl-color-border-strong)}.rl-u-border-top{border-block-start:var(--rl-border-width) solid var(--rl-color-border)}.rl-u-border-bottom{border-block-end:var(--rl-border-width) solid var(--rl-color-border)}.rl-u-border-none{border:none}

.rl-u-rounded-none{border-radius:var(--rl-radius-none)}.rl-u-rounded-xs{border-radius:var(--rl-radius-xs)}.rl-u-rounded-sm{border-radius:var(--rl-radius-sm)}.rl-u-rounded{border-radius:var(--rl-radius-md)}.rl-u-rounded-lg{border-radius:var(--rl-radius-lg)}.rl-u-rounded-xl{border-radius:var(--rl-radius-xl)}.rl-u-rounded-full{border-radius:var(--rl-radius-full)}

.rl-u-shadow-none{box-shadow:var(--rl-shadow-none)}.rl-u-shadow-sm{box-shadow:var(--rl-shadow-sm)}.rl-u-shadow-md{box-shadow:var(--rl-shadow-md)}.rl-u-shadow-lg{box-shadow:var(--rl-shadow-lg)}

.rl-u-opacity-0{opacity:var(--rl-opacity-0)}.rl-u-opacity-50{opacity:var(--rl-opacity-50)}.rl-u-opacity-75{opacity:var(--rl-opacity-75)}.rl-u-opacity-100{opacity:var(--rl-opacity-100)}.rl-u-opacity-disabled{opacity:var(--rl-opacity-disabled)}

.rl-u-disabled { opacity: var(--rl-opacity-disabled); cursor: not-allowed; pointer-events: none; }

.rl-u-cursor-pointer{cursor:pointer}.rl-u-cursor-default{cursor:default}.rl-u-cursor-not-allowed{cursor:not-allowed}
.rl-u-pointer-none{pointer-events:none}.rl-u-pointer-auto{pointer-events:auto}
.rl-u-object-cover{object-fit:cover}.rl-u-object-contain{object-fit:contain}.rl-u-object-center{object-position:center}
.rl-u-z-base{z-index:var(--rl-z-base)}.rl-u-z-raised{z-index:var(--rl-z-raised)}.rl-u-z-dropdown{z-index:var(--rl-z-dropdown)}.rl-u-z-sticky{z-index:var(--rl-z-sticky)}.rl-u-z-modal{z-index:var(--rl-z-modal)}

.rl-u-list-none { list-style: none; margin: 0; padding: 0; }