@property --angle{syntax:"<angle>";inherits:false;initial-value:0deg}@keyframes something{0%{--angle:0deg}to{--angle:360deg}}.animated-button{background-color:var(--theme-color-neutral-bg-default)!important}.animated-button:hover{background-color:var(--theme-color-primary-bg-weak)!important}.animated-button:after,.animated-button:before{content:"";background-image:conic-gradient(from var(--angle), var(--theme-color-neutral-bg-strong) 0%, var(--theme-color-primary-bg-strong) 15%, var(--theme-color-primary-bg-strong) 45%, var(--theme-color-neutral-bg-strong) 60%);z-index:-1;border-radius:5px;width:calc(100% + 2px);height:calc(100% + 2px);animation:4s linear infinite something;position:absolute;top:50%;left:50%;translate:-50% -50%}.use-case-grid,.role-grid{grid-template-columns:repeat(1,minmax(56px,1fr));grid-auto-rows:56px;grid-auto-columns:max-content;display:grid}.use-case-grid+.section-other-input>*,.role-grid+.section-other-input>*{height:56px}.base-section-content{gap:var(--space-16);justify-content:space-between;max-height:450px}@media (min-width:864px){.use-case-grid{grid-template-columns:repeat(2,minmax(64px,1fr));grid-auto-rows:64px}.role-grid{grid-template-columns:repeat(2,minmax(56px,1fr))}.use-case-grid+.section-other-input>*{height:64px}}.surprise{background-image:url(/assets/surprise-BTYvCJis.gif);background-position:50%;background-repeat:no-repeat;background-size:cover}