.cb-shop-by-shape{border-bottom:1.5px solid #f5f5f5;padding:32px 64px;box-sizing:border-box}.cb-shop-by-shape__viewport{width:100%;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none}.cb-shop-by-shape__viewport::-webkit-scrollbar{display:none}.cb-shop-by-shape__track{display:grid;grid-auto-flow:column;grid-auto-columns:clamp(112px,9vw,124px);column-gap:18px;align-items:start;width:max-content}.cb-shop-by-shape__item{min-width:0}.cb-shop-by-shape__link{display:block;color:var(--cb-sbs-text, #0f0f0f);text-decoration:none;text-align:center}.cb-shop-by-shape__image-wrap{display:flex;justify-content:center}.cb-shop-by-shape__image-box{width:104px;height:104px;border-radius:16px;border:1px solid transparent;display:flex;align-items:center;justify-content:center;background:transparent;transition:border-color .2s ease,transform .2s ease}.cb-shop-by-shape__item.is-selected .cb-shop-by-shape__image-box{border-color:var(--cb-sbs-border, #0f0f0f)}.cb-shop-by-shape__image-box img,.cb-shop-by-shape__image-box .placeholder-svg{width:auto;height:96px;max-width:96px;object-fit:contain;display:block}.cb-shop-by-shape__label{margin-top:10px;color:var(--cb-sbs-text, #0f0f0f);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(hover:hover)and (pointer:fine){.cb-shop-by-shape__link:hover .cb-shop-by-shape__image-box{transform:translateY(-1px)}}@media screen and (min-width:1600px){.cb-shop-by-shape{padding:32px 64px calc((100vw - 1460px)/2 + 64px)}}@media screen and (max-width:1199px){.cb-shop-by-shape{padding:32px 48px}}@media screen and (max-width:989px){.cb-shop-by-shape{padding:32px}}@media screen and (min-width:750px)and (max-width:989px){.cb-shop-by-shape__track{grid-auto-columns:clamp(96px,14vw,112px);column-gap:16px}.cb-shop-by-shape__image-box{width:88px;height:88px;border-radius:16px}.cb-shop-by-shape__image-box img,.cb-shop-by-shape__image-box .placeholder-svg{height:80px;max-width:80px}}@media screen and (max-width:749px){.cb-shop-by-shape{padding:16px}.cb-shop-by-shape__track{grid-auto-columns:clamp(74px,22vw,90px);column-gap:12px}.cb-shop-by-shape__image-box{width:76px;height:76px;border-radius:14px}.cb-shop-by-shape__image-box img,.cb-shop-by-shape__image-box .placeholder-svg{height:64px;max-width:64px}.cb-shop-by-shape__label{margin-top:8px}}@media screen and (max-width:359px){.cb-shop-by-shape{padding:16px}}
/*# sourceMappingURL=/cdn/shop/t/119/assets/cb-shop-by-shape.css.map */