@layer properties,theme,base;@layer components{.sub-answer-form-section{border-style:solid;border-width:1px;border-color:var(--color-slate-200);background-color:color-mix(in oklab, var(--color-slate-50) 70%, transparent);border-radius:1rem;overflow:hidden}.sub-answer-form-section:is(.dark *){border-color:color-mix(in oklab, var(--color-white) 10%, transparent);background-color:color-mix(in oklab, var(--color-slate-950) 30%, transparent)}.sub-answer-form-button{text-align:left;justify-content:space-between;align-items:center;gap:1rem;width:100%;padding-block:1rem;padding-inline:1.25rem;transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--effect-gradient-from,--effect-gradient-via,--effect-gradient-to;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:flex}@media (hover:hover){.sub-answer-form-button:hover{background-color:var(--color-slate-100)}}@media (hover:hover){.sub-answer-form-button:is(.dark *):hover{background-color:color-mix(in oklab, var(--color-slate-800) 50%, transparent)}}.sub-answer-form-label{color:var(--color-slate-900);font-size:.875rem;font-weight:900;line-height:1.42857;display:block}.sub-answer-form-label:is(.dark *){color:var(--color-white)}.sub-answer-form-caption{color:var(--color-slate-500);margin-top:.125rem;font-size:.75rem;line-height:1.33333;display:block}.sub-answer-form-caption:is(.dark *){color:var(--color-slate-400)}:where(.sub-answer-form-stack>:not(:last-child)){margin-block:0 1rem}.sub-answer-form-stack{border-top-style:solid;border-top-width:1px;border-color:var(--color-slate-200);padding-inline:1.25rem;padding-top:1.25rem;padding-bottom:1.25rem}.sub-answer-form-stack:is(.dark *){border-color:color-mix(in oklab, var(--color-white) 10%, transparent)}.sub-answer-form-region{display:block}.sub-answer-form-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem 1rem;display:flex}.sub-answer-form-label-2{color:var(--color-slate-800);align-items:center;gap:.5rem;font-size:.875rem;font-weight:600;line-height:1.42857;display:flex}.sub-answer-form-label-2:is(.dark *){color:var(--color-slate-100)}.sub-answer-form-caption-2{color:var(--color-slate-400);font-size:.75rem;font-weight:900;line-height:1.33333}.sub-answer-form-link{color:var(--color-brand-600);text-underline-offset:4px;flex-shrink:0;font-size:.75rem;font-weight:700;line-height:1.33333}@media (hover:hover){.sub-answer-form-link:hover{text-decoration-line:underline}}.sub-answer-form-link:is(.dark *){color:var(--color-brand-400)}.sub-answer-form-text{color:var(--color-slate-900);margin-block:.75rem}.sub-answer-form-text:is(.dark *){color:var(--color-white)}.sub-answer-form-stack-2{flex-direction:column;gap:.5rem;margin-top:.5rem;display:flex}.sub-answer-form-text-2{color:var(--color-amber-700);text-underline-offset:4px;margin-top:.5rem;font-size:.875rem;font-weight:600;line-height:1.42857;text-decoration-line:underline}.sub-answer-form-text-2:is(.dark *){color:var(--color-amber-400)}.sub-answer-form-panel{background-color:color-mix(in oklab, var(--color-amber-500) 10%, transparent);border-radius:.75rem;margin-top:.5rem;padding:.75rem;font-size:.875rem;line-height:1.42857}.sub-answer-form-stack-3{margin-top:.75rem}:where(.sub-answer-form-stack-3>:not(:last-child)){margin-block:0 .5rem}.sub-answer-form-stack-3{line-height:1.625}.sub-answer-form-copy{font-weight:600}.sub-answer-form-scroll-area{overflow-x:auto}.sub-answer-form-copy-2{margin-top:var(--spacing);color:var(--color-amber-700)}.sub-answer-form-copy-2:is(.dark *){color:var(--color-amber-400)}.sub-answer-form-caption-3{color:var(--color-rose-600);margin-top:.375rem;font-size:.75rem;font-weight:600;line-height:1.33333;display:block}.sub-answer-form-caption-3:is(.dark *){color:var(--color-rose-400)}.sub-answer-form-icon{color:var(--color-slate-500);flex-shrink:0;transition-property:transform,translate,scale,rotate;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.sub-answer-form-icon-2{rotate:180deg}.sub-answer-form-input{background-color:var(--color-white);min-width:0;color:var(--color-slate-900);border-style:solid;border-width:1px;border-radius:.75rem;flex:1;padding-block:.75rem;padding-inline:1rem;font-size:.875rem;line-height:1.42857}.sub-answer-form-input:focus{--effect-ring-shadow:0 0 0 calc(2px + var(--effect-ring-offset-width)) var(--effect-ring-color,currentcolor);box-shadow:var(--effect-ring-offset-shadow), var(--effect-ring-shadow), var(--effect-shadow);outline-style:none}.sub-answer-form-input:disabled{opacity:.6}.sub-answer-form-input:is(.dark *){background-color:var(--color-slate-950);color:var(--color-white)}.sub-answer-form-input-2{border-color:var(--color-rose-500)}.sub-answer-form-input-2:focus{--effect-ring-color:var(--color-rose-500)}.sub-answer-form-input-3{border-color:var(--color-emerald-500)}.sub-answer-form-input-3:focus{--effect-ring-color:var(--color-emerald-500)}.sub-answer-form-input-4{border-color:var(--color-slate-300)}.sub-answer-form-input-4:focus{--effect-ring-color:var(--color-brand-500)}.sub-answer-form-input-4:is(.dark *){border-color:color-mix(in oklab, var(--color-white) 10%, transparent)}.sub-answer-form-button-2{width:100%;color:var(--color-white);--effect-shadow:0 4px 6px -1px var(--effect-shadow-color,#0000001a), 0 2px 4px -2px var(--effect-shadow-color,#0000001a);box-shadow:var(--effect-ring-offset-shadow), var(--effect-ring-shadow), var(--effect-shadow);border-radius:.75rem;padding-block:.75rem;padding-inline:1.25rem;font-size:.875rem;font-weight:700;line-height:1.42857;transition-property:all;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.sub-answer-form-button-2:active{scale:.98}.sub-answer-form-button-2:disabled{cursor:not-allowed}@media (width>=40rem){.sub-answer-form-button-2{align-self:flex-start;width:auto}}.sub-answer-form-button-3{background-color:var(--color-emerald-500)}.sub-answer-form-button-4{background-color:var(--color-brand-600)}@media (hover:hover){.sub-answer-form-button-4:hover{background-color:var(--color-brand-500)}}.sub-answer-form-button-4:disabled{background-color:var(--color-slate-400)}}
