.bp-shape-index{overflow-x:clip;background:var(--bp-paper);color:var(--bp-ink);border-bottom:var(--bp-hair)}.bp-shape-index__head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;padding:clamp(28px,4vw,56px) var(--bp-pad) clamp(16px,2vw,28px);border-bottom:var(--bp-hair)}.bp-shape-index__title{margin:0;font-family:var(--bp-display);font-weight:400;font-size:clamp(48px,7.5vw,120px);line-height:.86;letter-spacing:-.005em;text-transform:uppercase}.bp-shape-index__meta{display:flex;flex-direction:column;align-items:flex-end;gap:4px;text-align:right;padding-bottom:6px}.bp-shape-index__idx{color:var(--bp-pink-deep)}.bp-shape-index .bp-candy--pink{--bp-candy: var(--bp-pink);--bp-candy-ink: var(--bp-ink);--bp-candy-ring: var(--bp-ink)}.bp-shape-index .bp-candy--butter{--bp-candy: var(--bp-butter);--bp-candy-ink: var(--bp-ink);--bp-candy-ring: var(--bp-ink)}.bp-shape-index .bp-candy--cherry{--bp-candy: var(--bp-cherry);--bp-candy-ink: var(--bp-paper);--bp-candy-ring: var(--bp-paper)}.bp-sindex{list-style:none;margin:0;padding:0}.bp-sindex__row{position:relative;border-bottom:var(--bp-hair)}.bp-sindex__row:last-child{border-bottom:0}.bp-sindex__link{display:grid;grid-template-columns:clamp(48px,6vw,96px) 1fr auto;align-items:center;gap:clamp(12px,2vw,32px);min-height:44px;padding:clamp(10px,1.4vw,22px) var(--bp-pad);color:inherit;text-decoration:none;transition:background var(--bp-snap),color var(--bp-snap)}.bp-sindex__no{color:var(--bp-pink-deep);font-size:clamp(12px,1vw,15px)}.bp-sindex__no,.bp-sindex__name,.bp-sindex__meta{position:relative;z-index:4}.bp-sindex__name{font-family:var(--bp-display);font-weight:400;font-size:clamp(40px,6.4vw,104px);line-height:.9;letter-spacing:.005em;text-transform:uppercase}.bp-sindex__meta{justify-self:end;text-align:right;opacity:.75}.bp-sindex__peek{display:none;position:absolute;right:clamp(140px,22vw,380px);top:50%;transform:translateY(-50%) rotate(-2deg);width:clamp(160px,17vw,260px);aspect-ratio:4 / 3;border:2px solid var(--bp-paper);outline:var(--bp-hair);overflow:hidden;z-index:3;pointer-events:none}.bp-sindex__peek img{display:block;width:100%;height:100%;object-fit:cover}.bp-sindex__link:hover,.bp-sindex__link:focus-visible{background:var(--bp-candy);color:var(--bp-candy-ink)}.bp-sindex__link:hover .bp-sindex__no,.bp-sindex__link:focus-visible .bp-sindex__no{color:var(--bp-candy-ink)}.bp-sindex__link:hover .bp-sindex__meta,.bp-sindex__link:focus-visible .bp-sindex__meta{opacity:1}.bp-sindex__link:hover .bp-sindex__peek,.bp-sindex__link:focus-visible .bp-sindex__peek{display:block}.bp-sindex__link:focus-visible{outline:3px solid var(--bp-candy-ring, var(--bp-ink));outline-offset:-3px}@media(hover:none){.bp-sindex__peek{display:none!important}}.bp-sgrid{display:none;list-style:none;margin:0;padding:0}.bp-scell{background:var(--bp-paper)}.bp-scell__link{position:relative;display:grid;justify-items:center;gap:10px;height:100%;min-height:44px;padding:clamp(22px,6vw,40px) 10px clamp(18px,5vw,28px);text-align:center;color:inherit;text-decoration:none;transition:background var(--bp-snap),color var(--bp-snap)}.bp-scell__no{position:absolute;top:8px;left:10px;color:var(--bp-pink-deep)}.bp-scell__glyph{width:clamp(26px,7vw,36px);height:auto;display:block}.bp-scell__name{font-family:var(--bp-display);font-weight:400;font-size:clamp(20px,5.6vw,32px);line-height:1;text-transform:uppercase}.bp-scell__meta{opacity:.7;font-size:10px}.bp-scell__link:hover,.bp-scell__link:focus-visible{background:var(--bp-candy);color:var(--bp-candy-ink)}.bp-scell__link:hover .bp-scell__no,.bp-scell__link:focus-visible .bp-scell__no{color:var(--bp-candy-ink)}.bp-scell__link:hover .bp-scell__meta,.bp-scell__link:focus-visible .bp-scell__meta{opacity:1}.bp-scell__link:focus-visible{outline:3px solid var(--bp-candy-ring, var(--bp-ink));outline-offset:-3px}@media(max-width:760px){.bp-sindex{display:none}.bp-sgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--bp-ink)}.bp-scell:last-child:nth-child(odd){grid-column:span 2}.bp-shape-index__head{flex-direction:column;align-items:flex-start}.bp-shape-index__meta{align-items:flex-start;text-align:left}}@media(prefers-reduced-motion:reduce){.bp-shape-index .bp-sindex__link,.bp-shape-index .bp-scell__link{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/173/assets/section-siyou-shape-index.css.map */