.two-pane[data-v-0a4e688f]{flex-direction:column;gap:16px;min-width:0;display:flex}.two-pane__hinge[data-v-0a4e688f]{display:none}.two-pane__detail[data-v-0a4e688f],.two-pane__list[data-v-0a4e688f]{min-width:0}@media (width<=599px){.two-pane.is-detail .two-pane__list[data-v-0a4e688f],.two-pane:not(.is-detail) .two-pane__detail[data-v-0a4e688f]{display:none}}@media (width>=600px) and (width<=1023px){.two-pane[data-v-0a4e688f]{height:calc(100dvh - var(--layout-top-bar));flex-direction:row;gap:0}.two-pane__list[data-v-0a4e688f]{flex:0 0 var(--layout-fold-list-pane);background:var(--color-bg-pane);padding:20px 16px 32px;overflow-y:auto}.two-pane__hinge[data-v-0a4e688f]{flex:0 0 var(--layout-hinge);display:block}.two-pane__detail[data-v-0a4e688f]{flex:1 1 0;padding:20px 20px 32px 0;overflow-y:auto}}@media (width>=1024px){.two-pane[data-v-0a4e688f]{flex-direction:row;align-items:flex-start}.two-pane__list[data-v-0a4e688f]{flex:1 1 0}.two-pane__detail[data-v-0a4e688f]{flex:0 0 var(--layout-detail-column);position:sticky;top:16px}}@media (horizontal-viewport-segments:2){.two-pane[data-v-0a4e688f]{height:calc(100dvh - var(--layout-top-bar));flex-direction:row;gap:0}.two-pane__list[data-v-0a4e688f]{flex:0 0 calc(-20px + env(viewport-segment-width 0 0) - var(--layout-rail,72px));overflow-y:auto}.two-pane__hinge[data-v-0a4e688f]{flex:0 0 calc(env(viewport-segment-left 1 0) - env(viewport-segment-right 0 0));display:block}.two-pane__detail[data-v-0a4e688f]{flex:1 1 0;position:static;overflow-y:auto}}@media (vertical-viewport-segments:2){.two-pane[data-v-0a4e688f]{flex-direction:column;gap:0;height:100dvh}.two-pane__list[data-v-0a4e688f]{flex:0 0 env(viewport-segment-height 0 0);overflow-y:auto}.two-pane__hinge[data-v-0a4e688f]{flex:0 0 calc(env(viewport-segment-top 0 1) - env(viewport-segment-bottom 0 0));display:block}.two-pane__detail[data-v-0a4e688f]{flex:1 1 0;position:static;overflow-y:auto}}