.pig{grid-template-columns:88px minmax(0,1fr);align-items:start;gap:12px;display:grid}.pig[data-count="1"],.pig[data-count="0"]{grid-template-columns:minmax(0,1fr)}.pig-rail-wrap{grid-template-rows:28px minmax(0,1fr) 28px;gap:6px;max-height:520px;display:grid}.pig-rail{scrollbar-width:none;align-content:start;gap:8px;display:grid;overflow:auto}.pig-rail::-webkit-scrollbar{display:none}.pig-thumb{cursor:pointer;background:#fff;border:1px solid #10211d1f;border-radius:14px;padding:0;transition:all .18s;overflow:hidden}.pig-thumb img{object-fit:cover;width:100%;height:74px;display:block}.pig-thumb.is-active,.pig-thumb:hover{border-color:#15e1c3b3;box-shadow:0 0 0 3px #15e1c324}.pig-rail-arrow{color:#10211d;cursor:pointer;background:#fff;border:1px solid #10211d1f;border-radius:10px;place-items:center;height:28px;font-size:13px;display:grid}.pig-rail-arrow:hover{background:#15e1c31f}.pig-stage{background:#fff;border:1px solid #10211d1f;border-radius:24px;position:relative;overflow:hidden}.pig-stage__img{aspect-ratio:4/3;object-fit:cover;width:100%;display:block}.pig-empty{aspect-ratio:4/3;color:#08766e;background:linear-gradient(135deg,#15e1c329,#37f0b01a);place-items:center;width:100%;font-weight:900;display:grid}.pig-nav{color:#10211d;cursor:pointer;background:#ffffffeb;border:1px solid #10211d1a;border-radius:999px;place-items:center;width:40px;height:40px;display:grid;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 10px 26px #10211d29}.pig-nav--prev{left:10px}.pig-nav--next{right:10px}.pig-counter{color:#fff;background:#07110fb3;border-radius:999px;padding:3px 10px;font-size:11px;font-weight:800;position:absolute;bottom:12px;left:14px}@media(max-width:820px){.pig,.pig[data-count="1"]{grid-template-columns:minmax(0,1fr)}.pig-rail-wrap{grid-row:2;grid-template-rows:none;grid-template-columns:30px minmax(0,1fr) 30px;align-items:center;max-height:none}.pig-rail{scroll-snap-type:x mandatory;grid-auto-columns:74px;grid-auto-flow:column;overflow-x:auto}.pig-thumb{scroll-snap-align:center}.pig-thumb img{height:60px}.pig-rail-arrow{height:44px}.pig-stage{grid-row:1}.pig-stage__img,.pig-empty{aspect-ratio:1}.pig-nav{width:36px;height:36px}}