.bordered-div-container{position:relative}.bordered-div-container:before{content:"";pointer-events:none;border-radius:inherit;background:linear-gradient(to right, var(--color-secondary-500) 0%, color-mix(in srgb, var(--color-secondary-500) 60%, transparent) 25%, transparent 55%);-webkit-mask-composite:xor;padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.dark .bordered-div-container:before{background:linear-gradient(to right, var(--color-primary-900) 0%, color-mix(in srgb, var(--color-primary-800) 60%, transparent) 25%, transparent 55%)}.bordered-div-container.primary-to-secondary-full,.bordered-div-container.primary-to-secondary-full:before,.bordered-div-container.primary-to-secondary:before{background:linear-gradient(to right, var(--color-primary-500), var(--color-secondary-700))}.bordered-div-container.primary-to-secondary{background:linear-gradient(to right, color-mix(in oklab, var(--color-primary-25) 30%, transparent) 0%, var(--color-secondary-100))}.bordered-div-container.primary-to-secondary-full{color:#fff}.dark .bordered-div-container.primary-to-secondary-full,.dark .bordered-div-container.primary-to-secondary-full:before,.dark .bordered-div-container.primary-to-secondary:before{background:linear-gradient(to right, var(--color-primary-700), var(--color-secondary-975))}.dark .bordered-div-container.primary-to-secondary{background:linear-gradient(to right, color-mix(in oklab, var(--color-primary-850) 22%, transparent) 0%, color-mix(in oklab, var(--color-secondary-975) 38%, transparent))}.bordered-div-container.error{background:linear-gradient(to right, color-mix(in oklab, var(--color-error-25) 30%, transparent) 0%, var(--color-error-50))}.bordered-div-container.error:before{background:linear-gradient(to right, var(--color-error-500), var(--color-error-500))}.dark .bordered-div-container.error{background:linear-gradient(to right, color-mix(in oklab, var(--color-error-950) 30%, transparent) 0%, color-mix(in oklab, var(--color-error-975) 45%, transparent))}.dark .bordered-div-container.error:before{background:linear-gradient(to right, color-mix(in srgb, var(--color-error-500) 70%, transparent), color-mix(in srgb, var(--color-error-700) 70%, transparent))}.bordered-div-container.secondary{background:linear-gradient(to right, color-mix(in oklab, var(--color-secondary-300), transparent) 0%, color-mix(in oklab, var(--color-secondary-100) 40%, transparent) 0%)}.bordered-div-container.warning{background:linear-gradient(to right, color-mix(in oklab, var(--color-orange-25) 30%, transparent) 0%, var(--color-orange-25))}.bordered-div-container.warning:before{background:linear-gradient(to right, var(--color-orange-400), var(--color-orange-100))}.dark .bordered-div-container.secondary{background:linear-gradient(to right, color-mix(in oklab, var(--color-secondary-975) 35%, transparent) 0%, color-mix(in oklab, var(--color-secondary-950) 20%, transparent))}.dark .bordered-div-container.warning{background:linear-gradient(to right, color-mix(in oklab, var(--color-orange-950) 25%, transparent) 0%, color-mix(in oklab, var(--color-orange-975) 40%, transparent))}.dark .bordered-div-container.warning:before{background:linear-gradient(to right, color-mix(in srgb, var(--color-orange-500) 70%, transparent), color-mix(in srgb, var(--color-orange-800) 60%, transparent))}