@layer components{.ip-hall{margin:48px 0 0}.ip-hall-frame{aspect-ratio:4/5;border:1px solid var(--color-line);background:var(--color-panel);position:relative;overflow:hidden}.ip-hall-frame img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}@media (min-width:48rem){.ip-hall-frame{aspect-ratio:16/9}}@media (min-width:64rem){.ip-hall{margin-top:64px;container-type:inline-size}.ip-hall-frame[data-zoom]{aspect-ratio:auto;height:56.25cqw;margin-inline:calc(-1 * var(--layout-pad));will-change:clip-path;border:0}}.ip-shift{border:1px solid var(--color-line);background:var(--color-panel);padding:20px}.ip-shift-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px 32px;margin-bottom:20px;display:flex}.ip-shift-note{border-left:2px solid var(--color-line-3);flex-direction:column;gap:4px;padding-left:12px;display:flex}@media (min-width:64rem){.ip-shift{padding:32px}}}