.audience-builder{padding:var(--space-7) 0}.audience-builder__grid{display:grid;gap:var(--space-5);@media (min-width:992px){gap:var(--space-6);grid-template-columns:1fr 1fr}}.ab-builder{border-radius:var(--radius-lg);position:relative;//overflow:hidden;background-color:var(--color-brand-dark);background-image:linear-gradient(180deg,transparent 30%,rgba(0,0,0,.35) 100%),var(--gradient-main);padding:var(--space-6);@media (min-width:992px){min-height:500px;padding:var(--space-7)}}.ab-builder__bg{border-radius:var(--radius-lg);height:100%;inset:0;object-fit:cover;position:absolute;width:100%;z-index:0}.ab-builder__prompt,.ab-builder__toggles{position:relative;z-index:2}.ab-builder__prompt{color:var(--color-white);font-size:var(--text-callout);font-weight:var(--fw-bold);margin:0 0 var(--space-5)}.ab-builder__toggles{align-items:flex-start;display:flex;flex-direction:column;gap:var(--space-3);margin:auto;width:fit-content}.ab-toggle{position:relative;&:nth-child(2){margin-left:var(--space-6)}&:nth-child(3){margin-left:calc(var(--space-6)*2)}&:nth-child(4){margin-left:calc(var(--space-6)*3)}@media (max-width:599px){&:nth-child(n){margin-left:0}}}.ab-toggle__trigger{align-items:center;background:var(--color-white);border:1px solid var(--color-white);border-radius:var(--radius-md);cursor:pointer;display:inline-flex;flex-wrap:wrap;font-family:inherit;gap:var(--space-1) var(--space-3);list-style:none;min-width:200px;opacity:1;padding:var(--space-3) var(--space-4);transition:border-color var(--transition),box-shadow var(--transition),opacity var(--transition);user-select:none;width:250px;&::-webkit-details-marker{display:none}&::marker{content:""}&:focus-visible{outline:2px solid var(--color-brand);outline-offset:2px}}.ab-toggle--display .ab-toggle__trigger{cursor:default;opacity:.66}.ab-toggle__label{color:var(--color-text);font-size:var(--text-small);font-weight:var(--fw-bold)}.ab-toggle__value{color:var(--color-gray-mid);font-size:var(--text-small);margin-left:auto;white-space:nowrap;width:100%}.ab-toggle__value.is-selected{color:var(--color-cta);font-weight:var(--fw-bold)}.ab-toggle__chevron{color:var(--color-slate);flex-shrink:0;transition:transform var(--transition)}.ab-toggle[open] .ab-toggle__chevron{transform:rotate(180deg)}.ab-toggle__menu{background:var(--color-white);border-radius:var(--radius-md);box-shadow:0 8px 24px rgba(0,0,0,.12);display:flex;flex-direction:column;gap:2px;left:0;min-width:240px;padding:var(--space-2);position:absolute;top:calc(100% + 4px);width:100%;z-index:10}.ab-toggle__option{appearance:none;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--color-text);cursor:pointer;font-family:inherit;font-size:var(--text-small);padding:var(--space-2) var(--space-3);text-align:left;transition:background-color var(--transition),color var(--transition);&:focus-visible,&:hover{background:var(--color-card-tint);color:var(--color-brand);outline:none}}.ab-output{background:var(--color-white);border:1px solid var(--color-gray-light);border-radius:var(--radius-lg);overflow:hidden;position:relative}.ab-empty,.ab-result{display:none}.ab-empty.is-active,.ab-result.is-active{display:flex}.ab-empty{align-items:center;justify-content:center;min-height:280px;padding:var(--space-6);position:relative;@media (min-width:992px){height:100%;min-height:360px}}.ab-empty__skeleton{display:grid;gap:var(--space-3);grid-template-columns:1fr 1fr 1fr 1fr 1fr;inset:var(--space-6);opacity:.5;pointer-events:none;position:absolute}.ab-empty__row{align-self:start;background:var(--color-card-tint);border-radius:var(--radius-sm);height:14px;&:nth-child(2n){margin-top:var(--space-5)}&:nth-child(3n){margin-top:var(--space-7)}}.ab-generate{box-shadow:0 8px 24px rgba(0,187,115,.25);position:relative;z-index:1;&:disabled{box-shadow:none;cursor:not-allowed;opacity:.55}}.ab-result.is-active{flex-direction:column;gap:var(--space-4);padding:0 var(--space-4) var(--space-4);position:relative;@media (min-width:768px){//display:block;display:grid;gap:var(--space-6);grid-template-columns:repeat(5,1fr);grid-template-rows:repeat(5,1fr);min-height:420px;padding:0 var(--space-5) var(--space-5)}@media (min-width:992px){height:100%}}.ab-result__bg{height:100%;inset:0;object-fit:cover;position:absolute;width:100%;z-index:0}.ab-result__group,.ab-result__size{position:relative;z-index:1}.ab-result__group{margin-bottom:var(--space-4);@media (min-width:768px){margin-bottom:0}}.ab-result__group-heading{background-color:var(--color-indigo);border-radius:var(--radius-sm);color:var(--color-white);font-size:var(--text-crumb);font-weight:var(--fw-bold);letter-spacing:var(--ls-crumb);margin:0 0 var(--space-2);padding:6px var(--space-3);text-transform:uppercase;width:fit-content}.ab-result__pills{display:flex;flex-direction:column;gap:6px;list-style:none;margin:0;padding:0}.ab-result__pill{background:rgba(43,44,159,.8);border-radius:var(--radius-sm);color:var(--color-white);display:inline-block;line-height:1.3;padding:6px var(--space-3)}.ab-result__size{align-items:center;background:var(--color-cta);border-radius:0 0 var(--radius-md) var(--radius-md);display:inline-flex;flex-direction:column;height:fit-content;margin:0 auto;padding:var(--space-2) var(--space-6);width:fit-content;@media (min-width:768px){grid-column:span 3/span 3;grid-column-start:2}}.ab-result__size-label{font-size:var(--text-crumb);letter-spacing:var(--ls-crumb);text-transform:uppercase}.ab-result__size-label,.ab-result__size-value{color:var(--color-white);font-weight:var(--fw-bold)}.ab-result__size-value{font-size:var(--text-h4);line-height:1.1;margin-top:2px}.ab-result__group--policy{@media (min-width:768px){grid-column:span 2/span 2;grid-row:span 2/span 2;grid-row-start:2}}.ab-result__group--behavioral{@media (min-width:768px){grid-column:span 2/span 2;grid-column-start:2;grid-row:span 2/span 2;grid-row-start:4}}.ab-result__group--consumer{@media (min-width:768px){grid-column:span 2/span 2;grid-column-start:4;grid-row:span 2/span 2;grid-row-start:3}}