/* Hover variant: Figma 38:1463. Shared content keeps its position on reveal. */
.models{align-items:start}
.models .model{--reveal-gap:27px;--reveal-height:50px;position:relative;justify-content:flex-start;min-height:var(--model-closed-height,0px);transition:min-height 280ms ease}
.model-copy>p{min-height:0}
.model-actions{box-sizing:border-box;width:100%;max-height:0;margin-top:calc(-1 * var(--reveal-gap));padding-bottom:0;visibility:hidden;pointer-events:none;overflow:hidden;transition:max-height 280ms ease,margin-top 280ms ease,padding-bottom 280ms ease,visibility 0s linear 280ms}
.model-actions .button{display:flex;width:100%;height:var(--reveal-height);min-height:var(--reveal-height);margin:0;padding:0 20px;font-size:14px;background:#fff;color:var(--accent);box-shadow:0 4px 17.3px #00000021;opacity:0;transform:translateY(-6px);transition:opacity 180ms ease,transform 280ms ease,background-color 180ms ease,color 180ms ease}
.model-actions .button:is(:hover,:focus-visible){background:var(--accent);color:#fff}
.models .model:focus-within{min-height:calc(var(--model-closed-height,0px) + var(--reveal-gap) + var(--reveal-height) + 7px)}
.model:focus-within .model-actions{max-height:calc(var(--reveal-height) + 7px);margin-top:0;padding-bottom:7px;overflow:visible;visibility:visible;pointer-events:auto;transition:max-height 280ms ease,margin-top 280ms ease,padding-bottom 280ms ease}
.model:focus-within .model-actions .button{opacity:1;transform:none}
@media(hover:hover) and (pointer:fine){
 .models .model:hover{min-height:calc(var(--model-closed-height,0px) + var(--reveal-gap) + var(--reveal-height) + 7px)}
 .model:hover .model-actions{max-height:calc(var(--reveal-height) + 7px);margin-top:0;padding-bottom:7px;overflow:visible;visibility:visible;pointer-events:auto;transition:max-height 280ms ease,margin-top 280ms ease,padding-bottom 280ms ease}
 .model:hover .model-actions .button{opacity:1;transform:none}
}
@media(max-width:700px){
 .models .model{--reveal-gap:16px;--reveal-height:36px;min-height:var(--model-closed-height,337px);gap:16px}
 .model-actions .button{font-size:10px;padding:0 10px}
}
@media(prefers-reduced-motion:reduce){.models .model,.model-actions,.model-actions .button{transition:none}}
