.c-pgroup{margin:16px 0}.c-pgroup__note{margin:16px 0;font-size:12px;color:rgb(var(--color-foreground-secondary))}.c-pgroup__label{margin:0 0 10px;font-size:14px}.c-pgroup__current{font-weight:600}.c-pgroup__list{display:flex;flex-wrap:nowrap;gap:10px;margin:0;padding:2px;list-style:none;overflow-x:auto;scrollbar-width:none}.c-pgroup__list::-webkit-scrollbar{display:none}.c-pgroup__li{flex:0 0 auto;margin:0;padding:0}.c-pgroup__item{display:block;width:var(--c-pg-size, 72px);text-decoration:none;color:rgb(var(--color-foreground));transition:opacity var(--m-duration-default, .25s)}.c-pgroup__media{position:relative;display:block;box-sizing:border-box;width:100%;aspect-ratio:1 / 1;padding:2px;overflow:hidden;border:1px solid rgba(var(--color-border),1);transition:border-color var(--m-duration-default, .25s)}.c-pgroup__media--circle{border-radius:50%}.c-pgroup__media--square{border-radius:8px}.c-pgroup__img,.c-pgroup__placeholder{display:block;width:100%;height:100%;object-fit:cover;border-radius:inherit}.c-pgroup__item.is-current .c-pgroup__media{padding:1px;border:2px solid rgb(var(--color-foreground))}@media(hover:hover){.c-pgroup__item:hover .c-pgroup__media{border-color:rgb(var(--color-foreground))}}.c-pgroup__item:focus-visible{outline:2px solid rgb(var(--color-foreground));outline-offset:3px}.c-pgroup__name{display:-webkit-box;margin-top:6px;overflow:hidden;font-size:12px;line-height:1.3;text-align:center;-webkit-line-clamp:2;-webkit-box-orient:vertical}.c-pgroup__item.is-soldout{opacity:.6}.c-pgroup__item.is-soldout .c-pgroup__media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:linear-gradient(to top right,transparent calc(50% - 1px),rgb(var(--color-foreground)) calc(50% - 1px),rgb(var(--color-foreground)) calc(50% + 1px),transparent calc(50% + 1px));pointer-events:none}@media(min-width:768px){.c-pgroup__list{flex-wrap:wrap;overflow-x:visible}}@media(prefers-reduced-motion:reduce){.c-pgroup__item,.c-pgroup__media{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/custom-product-group.css.map */