@layer properties,interface-icons,menu-design,flat-ui,theme,base,components,utilities;._42pS_G_section{min-width:0}._42pS_G_panels{gap:8px;height:520px;display:flex}._42pS_G_panel{border-radius:var(--radius-2xl);isolation:isolate;min-width:0;transition:flex-grow .5s var(--ease-out-cubic);flex:1 1 0;position:relative;overflow:hidden}._42pS_G_panel[data-active=true]{flex-grow:4}._42pS_G_panel[data-has-image=false]{background:var(--color-card)}._42pS_G_panel[data-has-image=false]:after{display:none}._42pS_G_panel[data-has-image=false] ._42pS_G_caption{color:var(--color-primary-foreground)}._42pS_G_panel>img{object-fit:cover;object-position:center;z-index:-2}._42pS_G_panel:after{content:"";background:linear-gradient(transparent 10%, var(--black-a5) 50%, var(--black-a11));opacity:.5;z-index:-1;pointer-events:none;position:absolute;inset:0}._42pS_G_selector{border-radius:inherit;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}._42pS_G_selector:focus-visible{outline:2px solid var(--color-white-fill);outline-offset:-6px}._42pS_G_caption{color:var(--color-white-fill);opacity:0;pointer-events:none;flex-direction:column;align-items:flex-start;gap:12px;transition:opacity .15s,transform .3s;display:flex;position:absolute;bottom:28px;left:28px;right:28px;transform:translateY(12px)}._42pS_G_caption>figure{max-width:420px}._42pS_G_panel[data-active=true] ._42pS_G_caption{opacity:1;pointer-events:auto;transition:opacity .4s .1s,transform .4s .1s;transform:none}@media (max-width:640px){._42pS_G_panels{flex-direction:column;height:auto}._42pS_G_panel{height:84px;transition:height .5s var(--ease-out-cubic);flex:auto}._42pS_G_panel[data-active=true]{flex:auto;height:480px}._42pS_G_panel>img{object-position:center 30%}._42pS_G_caption{bottom:24px;left:24px;right:24px}}@media (prefers-reduced-motion:reduce){._42pS_G_panel,._42pS_G_caption,._42pS_G_panel[data-active=true] ._42pS_G_caption{transition:none;transform:none}}