.frequency-stepup{container:frequency-stepup/inline-size;display:none;opacity:0;position:relative;transform:translateY(50px);transition:transform 1s cubic-bezier(.22,1,.36,1) .1s,opacity 1s cubic-bezier(.22,1,.36,1) .2s}.frequency-stepup.is-shown{display:block}.frequency-stepup.is-active{opacity:1;transform:translateY(0)}.frequency-stepup__container{border:3px solid var(--form-frequency-stepup-border-color);border-radius:var(--radius-large);padding:var(--spacing-base)}.frequency-stepup__title{font-family:var(--font-heading);font-weight:var(--font-weight-heading);line-height:1;color:var(--form-frequency-stepup-title-color);font-size:var(--heading-3-font-size);line-height:1.15;margin:0 0 var(--spacing-xsmall)}.frequency-stepup__intro{margin:0 0 var(--spacing-base)}.frequency-stepup__buttons{display:flex;flex-direction:column;gap:var(--spacing-xsmall)}.frequency-stepup__button{height:-moz-fit-content;height:fit-content;line-height:1.25;min-height:var(--button-height);width:100%}.frequency-stepup__button .button__text{overflow:unset;text-wrap:balance;white-space:unset}.frequency-stepup__button--accept{--button-background:var(--form-frequency-stepup-accept-button-background);--button-border:var(--form-frequency-stepup-accept-button-border);--button-text-color:var(--form-frequency-stepup-accept-button-color);--button-background-hover:var(--form-frequency-stepup-accept-button-background-hover);--button-border-hover:var(--form-frequency-stepup-accept-button-border-hover);--button-text-color-hover:var(--form-frequency-stepup-accept-button-color-hover)}.frequency-stepup__button--decline{--button-background:var(--form-frequency-stepup-decline-button-background);--button-border:var(--form-frequency-stepup-decline-button-border);--button-text-color:var(--form-frequency-stepup-decline-button-color);--button-background-hover:var(--form-frequency-stepup-decline-button-background-hover);--button-border-hover:var(--form-frequency-stepup-decline-button-border-hover);--button-text-color-hover:var(--form-frequency-stepup-decline-button-color-hover)}@container frequency-stepup (width < 400px){.frequency-stepup__container{padding:calc(var(--spacing-base) * 1.5)}}