.note{margin-block:calc(var(--spacing) * 4);padding:calc(var(--spacing) * 4);border-left-width:4px;border-color:color-mix(in srgb,var(--colors-blue-500) var(--un-border-opacity),transparent);background-color:color-mix(in srgb,var(--colors-blue-50) var(--un-bg-opacity),transparent)}@supports (color: color-mix(in lab,red,red)){.note{border-color:color-mix(in oklab,var(--colors-blue-500) var(--un-border-opacity),transparent);background-color:color-mix(in oklab,var(--colors-blue-50) var(--un-bg-opacity),transparent)}}.dark .note{background-color:color-mix(in srgb,var(--colors-blue-900) 30%,transparent)}@supports (color: color-mix(in lab,red,red)){.dark .note{background-color:color-mix(in oklab,var(--colors-blue-900) 30%,transparent)}}.note p:first-of-type{margin-top:calc(var(--spacing) * 0)}.note p:last-of-type{margin-bottom:calc(var(--spacing) * 0)}.tip{margin-block:calc(var(--spacing) * 4);padding:calc(var(--spacing) * 4);border-left-width:4px;border-color:color-mix(in srgb,var(--colors-green-500) var(--un-border-opacity),transparent);background-color:color-mix(in srgb,var(--colors-green-50) var(--un-bg-opacity),transparent)}@supports (color: color-mix(in lab,red,red)){.tip{border-color:color-mix(in oklab,var(--colors-green-500) var(--un-border-opacity),transparent);background-color:color-mix(in oklab,var(--colors-green-50) var(--un-bg-opacity),transparent)}}.dark .tip{background-color:color-mix(in srgb,var(--colors-green-900) 30%,transparent)}@supports (color: color-mix(in lab,red,red)){.dark .tip{background-color:color-mix(in oklab,var(--colors-green-900) 30%,transparent)}}.tip p:first-of-type{margin-top:calc(var(--spacing) * 0)}.tip p:last-of-type{margin-bottom:calc(var(--spacing) * 0)}.important{margin-block:calc(var(--spacing) * 4);padding:calc(var(--spacing) * 4);border-left-width:4px;border-color:color-mix(in srgb,var(--colors-purple-500) var(--un-border-opacity),transparent);background-color:color-mix(in srgb,var(--colors-purple-50) var(--un-bg-opacity),transparent)}@supports (color: color-mix(in lab,red,red)){.important{border-color:color-mix(in oklab,var(--colors-purple-500) var(--un-border-opacity),transparent);background-color:color-mix(in oklab,var(--colors-purple-50) var(--un-bg-opacity),transparent)}}.dark .important{background-color:color-mix(in srgb,var(--colors-purple-900) 30%,transparent)}@supports (color: color-mix(in lab,red,red)){.dark .important{background-color:color-mix(in oklab,var(--colors-purple-900) 30%,transparent)}}.important p:first-of-type{margin-top:calc(var(--spacing) * 0)}.important p:last-of-type{margin-bottom:calc(var(--spacing) * 0)}.warning{margin-block:calc(var(--spacing) * 4);padding:calc(var(--spacing) * 4);border-left-width:4px;border-color:color-mix(in srgb,var(--colors-yellow-500) var(--un-border-opacity),transparent);background-color:color-mix(in srgb,var(--colors-yellow-50) var(--un-bg-opacity),transparent)}@supports (color: color-mix(in lab,red,red)){.warning{border-color:color-mix(in oklab,var(--colors-yellow-500) var(--un-border-opacity),transparent);background-color:color-mix(in oklab,var(--colors-yellow-50) var(--un-bg-opacity),transparent)}}.dark .warning{background-color:color-mix(in srgb,var(--colors-yellow-900) 30%,transparent)}@supports (color: color-mix(in lab,red,red)){.dark .warning{background-color:color-mix(in oklab,var(--colors-yellow-900) 30%,transparent)}}.warning p:first-of-type{margin-top:calc(var(--spacing) * 0)}.warning p:last-of-type{margin-bottom:calc(var(--spacing) * 0)}.caution{margin-block:calc(var(--spacing) * 4);padding:calc(var(--spacing) * 4);border-left-width:4px;border-color:color-mix(in srgb,var(--colors-red-500) var(--un-border-opacity),transparent);background-color:color-mix(in srgb,var(--colors-red-50) var(--un-bg-opacity),transparent)}@property --un-border-opacity{syntax:"<percentage>";inherits:false;initial-value:100%;}@supports (color: color-mix(in lab,red,red)){.caution{border-color:color-mix(in oklab,var(--colors-red-500) var(--un-border-opacity),transparent);background-color:color-mix(in oklab,var(--colors-red-50) var(--un-bg-opacity),transparent)}}@property --un-bg-opacity{syntax:"<percentage>";inherits:false;initial-value:100%;syntax:"<percentage>";inherits:false;initial-value:100%;}.dark .caution{background-color:color-mix(in srgb,var(--colors-red-900) 30%,transparent)}@supports (color: color-mix(in lab,red,red)){.dark .caution{background-color:color-mix(in oklab,var(--colors-red-900) 30%,transparent)}}.caution p:first-of-type{margin-top:calc(var(--spacing) * 0)}