.product-group-variation{--font-size-static-xs: 12px;--font-size-static-md: 14px;--spacing-3: 16px;--spacing-2: 12px;display:flex;flex-direction:column;gap:var(--spacing-3)}.product-group-variation--card{gap:var(--spacing-2);width:100%;margin-top:.6rem}.product-group-variation--card .pgv-group{align-items:var(--pcard-alignment, flex-start);width:100%}.product-group-variation--card .pgv-group__preview{gap:.4rem}.pgv-group{display:flex;flex-direction:column;align-items:flex-start;gap:var(--spacing-2);margin:0;padding:0;border:0}.pgv-group__legend{margin:0 0 var(--spacing-2);padding:0;font-size:var(--font-size-static-md);font-weight:var(--font-body-weight-bold)}.pgv-group__preview{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem}.product-group-variation--page .pgv-group__preview{display:grid;width:100%;column-gap:.8rem;row-gap:.4rem;grid-template-columns:repeat(var(--pgv-preview-columns, 6),minmax(0,1fr));align-items:start}.pgv-option{display:block;position:relative;overflow:hidden;margin:0}.pgv-option__link{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;transition:border-color var(--duration-default),color var(--duration-default),opacity var(--duration-default)}.product-group-variation--page .pgv-option--image .pgv-option__link{display:block;width:100%;aspect-ratio:1 / 1;padding:0;line-height:0;overflow:hidden;border:.1rem solid rgba(var(--color-foreground),.2);border-radius:var(--variant-option-swatch--border-radius)}.product-group-variation--page .pgv-option--labeled{display:flex;flex-direction:column;gap:.6rem;overflow:visible}.product-group-variation--page .pgv-option--more{display:block;overflow:visible}.product-group-variation--page .pgv-option--more .pgv-option__link{display:flex;width:100%;aspect-ratio:1 / 1;padding:0;align-items:center;justify-content:center;background-size:cover;background-position:center;background-repeat:no-repeat}.product-group-variation--page .pgv-option--image .pgv-option__link img{display:block;width:100%;height:100%;margin:0;padding:0;border:0;object-fit:cover;object-position:center center}.product-group-variation--page .pgv-more{position:static;inset:auto;width:100%;height:auto;border:none;border-radius:0;background-color:transparent;color:rgb(var(--color-background));font-size:var(--font-size-static-md);font-weight:var(--font-body-weight-bold)}.product-group-variation--card .pgv-option--image .pgv-option__link{display:block;width:var(--pgv-swatch-size, 2rem);height:var(--pgv-swatch-size, 2rem);padding:0;line-height:0;overflow:hidden;border:.1rem solid rgba(var(--color-foreground),.2);border-radius:var(--variant-option-swatch--border-radius)}.product-group-variation--card .pgv-option--image .pgv-option__link img{display:block;width:100%;height:100%;margin:0;padding:0;border:0;object-fit:cover;object-position:center center}.product-group-variation--card .pgv-option.is-active .pgv-option__link{border-width:.15rem;border-color:rgba(var(--color-foreground),1)}.product-group-variation--card .pgv-option.is-active .pgv-option__link:after{display:none}.pgv-option--product .pgv-option__link{min-height:2.8rem;padding:0 .9rem;border:.1rem solid rgba(var(--color-foreground),.2);border-radius:var(--buttons-radius-outset);color:rgba(var(--color-foreground),.75);font-size:var(--font-size-static-xs);line-height:1.2}.pgv-option.is-active .pgv-option__link{border-color:rgba(var(--color-foreground),1);color:rgba(var(--color-foreground),1);position:relative}.pgv-option.is-active .pgv-option__link:after{content:"";position:absolute;display:inline-block;background-repeat:no-repeat;background-size:100% 100%;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath fill='%23e22d82' d='M16 2a14 14 0 1 0 14 14A14 14 0 0 0 16 2m-2 19.59l-5-5L10.59 15L14 18.41L21.41 11l1.596 1.586Z'/%3E%3Cpath fill='none' d='m14 21.591l-5-5L10.591 15L14 18.409L21.41 11l1.595 1.585z'/%3E%3C/svg%3E");width:24px;height:24px;top:0;left:0}.pgv-option__link:hover{border-color:rgba(var(--color-foreground),.45)}.pgv-option--more{flex-shrink:0;height:100%}.pgv-more{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;width:100%;height:100%;border:.1rem solid rgba(var(--color-foreground),.2);border-radius:var(--variant-option-swatch--border-radius);background:rgba(var(--color-foreground),.7);color:rgb(var(--color-background));font-size:var(--font-size-static-xs);font-weight:var(--font-body-weight-bold);line-height:1;cursor:pointer;text-decoration:none}.product-group-variation--card .pgv-option--more .pgv-option__link{position:relative;width:var(--pgv-swatch-size, 2rem);height:var(--pgv-swatch-size, 2rem);border-radius:var(--variant-option-swatch--border-radius);background-color:rgba(var(--color-foreground),.12);background-image:none;line-height:1;display:inline-flex}.product-group-variation--card .pgv-more{position:static;width:100%;height:100%;border:none;border-radius:0;background:transparent;color:rgba(var(--color-foreground),.75);font-size:var(--font-size-static-xs)}.product-group-variation--page .pgv-more{border-radius:var(--variant-option-swatch--border-radius);font-size:var(--font-size-static-sm)}.pgv-more:hover{border-color:rgba(var(--color-foreground),.45)}.pgv-modal .drawer__inner{max-width:min(96rem,calc(100vw - 2rem))}.pgv-modal .drawer__body{--modal-gap: 1.6rem}.pgv-modal .pgv-option--more{display:none}.pgv-modal__title{margin-bottom:1.6rem}.pgv-modal__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(7rem,80px));justify-content:center;gap:.8rem}.pgv-modal__grid .pgv-option{width:100%;border:.1rem solid rgba(var(--color-foreground),.2)}.pgv-modal__grid .pgv-option--image .pgv-option__link{width:100%;height:100%;padding:0;aspect-ratio:1 / 1;border-radius:var(--variant-option-swatch--border-radius)}.pgv-modal__grid .pgv-option--image .pgv-option__link img{width:100%;height:100%;object-fit:cover;object-position:center center;transform:none}.pgv-modal__grid .pgv-option.is-active{scroll-margin:.8rem}.pgv-modal__grid .pgv-option--product .pgv-option__link{width:100%;min-height:4rem}@media(max-width:768px){.product-group-variation--card .pgv-option--image .pgv-option__link{--pgv-swatch-size: 30px}.pgv-option.is-active .pgv-option__link:after{width:16px;height:16px}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/product-group-variation.css.map */