.billing-condition-group{--condition-accent:var(--color-blue-500);--condition-label:var(--color-blue-700);--condition-line:color-mix(in oklch, var(--condition-accent) 45%, var(--border));background:color-mix(in oklch, var(--condition-accent) 5%, var(--background));border:1px solid color-mix(in oklch, var(--condition-accent) 25%, var(--border));border-inline-start:3px solid var(--condition-accent);border-radius:var(--radius-lg)}.billing-condition-group[data-condition-kind=any]{--condition-accent:var(--color-violet-500);--condition-label:var(--color-violet-700)}.billing-condition-group[data-condition-kind=not]{--condition-accent:var(--color-amber-500);--condition-label:var(--color-amber-800)}.dark .billing-condition-group{--condition-label:var(--color-blue-300)}.dark .billing-condition-group[data-condition-kind=any]{--condition-label:var(--color-violet-300)}.dark .billing-condition-group[data-condition-kind=not]{--condition-label:var(--color-amber-300)}.billing-condition-label{color:var(--condition-label)}.billing-condition-children{margin:0 .75rem .75rem 1.125rem;padding-inline-start:1rem;list-style:none}.billing-condition-children>li{padding-block-end:.625rem;position:relative}.billing-condition-children>li:last-child{padding-block-end:0}.billing-condition-children>li:before{content:"";border-inline-start:1px solid var(--condition-line);inset-inline-start:-1rem;position:absolute;top:-.5rem;bottom:0}.billing-condition-children>li:last-child:before{height:2.125rem;bottom:auto}.billing-condition-children>li:after{content:"";border-block-start:1px solid var(--condition-line);inset-inline-start:-1rem;width:1rem;position:absolute;top:1.625rem}.billing-condition-row{background:var(--background);border:1px solid var(--border);border-radius:var(--radius-md);min-width:0;padding:.625rem;transition:border-color .15s}.billing-condition-row:focus-within{border-color:var(--condition-accent,var(--ring))}.billing-condition-range{padding:0 .75rem .75rem}@media (max-width:480px){.billing-condition-children{margin-inline:.5rem;padding-inline-start:.625rem}.billing-condition-children>li:before,.billing-condition-children>li:after{inset-inline-start:-.625rem}.billing-condition-children>li:after{width:.625rem}}@media (prefers-reduced-motion:reduce){.billing-condition-row{transition:none}}