.entrances{--_gap: calc(var(--ud-spacing) * 4);--_line: 2px solid var(--ud-color-ink);container-type:inline-size;display:grid;justify-items:center}.entrance-doors{display:grid;grid-template-columns:repeat(var(--doors),minmax(0,1fr));gap:var(--_gap);width:100%;list-style:none;padding:0}.entrance-door{display:grid;align-content:start;gap:calc(var(--ud-spacing) * 1);padding:calc(var(--ud-spacing) * 5);border:var(--_line);border-radius:var(--ud-radius-lg);background:var(--ud-color-surface)}.entrance-door.is-accent{border-color:var(--ud-color-accent)}.entrance-door .lucide{width:1.75rem;height:1.75rem;color:var(--ud-color-ink)}.entrance-door.is-accent .lucide{color:var(--ud-color-accent)}.entrance-door strong{font-size:var(--ud-text-lg);line-height:var(--ud-text-lg--line-height)}.entrance-door span{font-size:var(--ud-text-sm);line-height:var(--ud-text-sm--line-height);color:var(--ud-color-ink-muted);overflow-wrap:anywhere}.entrance-join{position:relative;height:calc(var(--ud-spacing) * 12);width:calc((var(--doors) - 1) * (100% + var(--_gap)) / var(--doors));border:var(--_line);border-top:0;border-radius:0 0 var(--ud-radius-lg) var(--ud-radius-lg)}.entrance-join:after,.entrances[data-doors="3"] .entrance-join:before{content:"";position:absolute;left:50%;translate:-1px 0;border-left:var(--_line)}.entrance-join:after{top:100%;height:calc(var(--ud-spacing) * 6)}.entrances[data-doors="3"] .entrance-join:before{top:0;bottom:0}.entrance-scheme{width:100%;margin-top:calc(var(--ud-spacing) * 6);padding:calc(var(--ud-spacing) * 5) calc(var(--ud-spacing) * 6);border-radius:var(--ud-radius-lg);background:var(--ud-color-accent-soft);text-align:center;color:var(--ud-color-ink-muted)}.entrance-scheme strong{display:block;color:var(--ud-color-ink);font-size:var(--ud-text-lg);line-height:var(--ud-text-lg--line-height)}@container (max-width: 34rem){.entrances[data-doors="3"] .entrance-doors{grid-template-columns:minmax(0,1fr);gap:calc(var(--ud-spacing) * 3)}.entrances[data-doors="3"] .entrance-door{grid-template-columns:auto minmax(0,1fr);column-gap:calc(var(--ud-spacing) * 3);align-items:center;padding:calc(var(--ud-spacing) * 4)}.entrances[data-doors="3"] .entrance-door .lucide{grid-row:span 2}.entrances[data-doors="3"] .entrance-join{width:0;height:calc(var(--ud-spacing) * 8);border:0;border-left:var(--_line);border-radius:0;translate:1px 0}.entrances[data-doors="3"] .entrance-join:before,.entrances[data-doors="3"] .entrance-join:after{display:none}.entrances[data-doors="3"] .entrance-scheme{margin-top:0}}@container (max-width: 20rem){.entrances[data-doors="2"] .entrance-doors{grid-template-columns:minmax(0,1fr);gap:calc(var(--ud-spacing) * 3)}.entrances[data-doors="2"] .entrance-door{grid-template-columns:auto minmax(0,1fr);column-gap:calc(var(--ud-spacing) * 3);align-items:center;padding:calc(var(--ud-spacing) * 4)}.entrances[data-doors="2"] .entrance-door .lucide{grid-row:span 2}.entrances[data-doors="2"] .entrance-join{width:0;height:calc(var(--ud-spacing) * 8);border:0;border-left:var(--_line);border-radius:0;translate:1px 0}.entrances[data-doors="2"] .entrance-join:after{display:none}.entrances[data-doors="2"] .entrance-scheme{margin-top:0}}