.custo-groups[hidden]{display:none}.custo-groups .custo-group+.custo-group{margin-top:24px}.custo-groups{margin-bottom:24px}.custo-group-item{display:inline-flex;position:relative}.custo-group-inner{display:inline-flex;align-items:center;gap:6px;text-decoration:none;color:inherit;cursor:pointer}.custo-group.\@style\:pill .custo-group-inner{flex-direction:column;justify-content:center;gap:3px;padding:9px 16px;min-height:52px;min-width:74px;border:1.5px solid #E4E4E7;border-radius:12px;background:#fff;text-align:center;transition:border-color .15s ease,background .15s ease,box-shadow .15s ease}.custo-group.\@style\:pill .custo-group-label{font-size:13.5px;font-weight:700;line-height:1.35;color:#1d1d1f;white-space:nowrap}.custo-group-price{font-size:12px;font-weight:600;line-height:1.3;color:#6e7278;white-space:nowrap}.custo-group.\@style\:pill .custo-group-inner:hover{border-color:#a3cbbd;box-shadow:0 2px 10px #0000000d}.custo-group.\@style\:pill .\@current .custo-group-inner{border-color:#5e9c87;background:#edf6f2;cursor:default}.custo-group.\@style\:pill .\@current .custo-group-price{color:#3f7a66}.custo-group-per{font-size:10.5px;font-weight:500;line-height:1.3;color:#6e7278;white-space:nowrap}.custo-group.\@style\:pill .\#form-inline-group,.custo-group.\@style\:thumb .\#form-inline-group{display:grid;grid-template-columns:repeat(2,1fr);gap:14px 10px;max-width:320px;padding-top:8px}.custo-group.\@cols\:3 .\#form-inline-group{grid-template-columns:repeat(3,1fr);max-width:360px}.custo-group.\@cols\:3 .custo-group-inner{padding-left:8px;padding-right:8px}.custo-groups.\@wide .custo-group .\#form-inline-group{max-width:360px}.custo-group.\@style\:pill .\#form-field,.custo-group.\@style\:thumb .\#form-field{min-width:0}.custo-group.\@style\:pill .custo-group-item,.custo-group.\@style\:pill .custo-group-inner,.custo-group.\@style\:thumb .custo-group-item,.custo-group.\@style\:thumb .custo-group-inner{width:100%}.custo-group-badge{position:absolute;top:-8px;left:50%;transform:translate(-50%);background:#ef4444;color:#fff;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;border-radius:100px;padding:2.5px 8px;white-space:nowrap;z-index:1;pointer-events:none}.custo-group.\@style\:thumb .custo-group-inner{gap:9px;justify-content:center;padding:7px 12px;min-height:52px;border:1.5px solid #E4E4E7;border-radius:12px;background:#fff;transition:border-color .15s ease,background .15s ease,box-shadow .15s ease}.custo-group.\@style\:thumb .custo-group-label{font-size:13.5px;font-weight:700;line-height:1.35;color:#1d1d1f;white-space:nowrap}.custo-group-thumb{display:block;width:36px;height:36px;object-fit:cover;border-radius:8px}.custo-group.\@style\:thumb .custo-group-inner:hover{border-color:#a3cbbd;box-shadow:0 2px 10px #0000000d}.custo-group.\@style\:thumb .\@current .custo-group-inner{border-color:#5e9c87;background:#edf6f2;cursor:default}.custo-group.\@style\:swatch .custo-group-inner{padding:2px;border:1px solid transparent;border-radius:50%}.custo-group .\#form-color-swatch-display{width:30px;height:30px;border-radius:50%;background-size:cover;background-position:center;box-shadow:inset 0 0 0 1px #0000001a;transition:box-shadow .15s ease,transform .15s ease}.custo-group.\@style\:swatch .custo-group-inner:hover .\#form-color-swatch-display{transform:scale(1.08)}.custo-group.\@style\:swatch .\@current .\#form-color-swatch-display{box-shadow:inset 0 0 0 1px #0000001a,0 0 0 2px rgb(var(--color-background)),0 0 0 4px #a3cbbd}.custo-group.\@style\:swatch .\@current .custo-group-inner{cursor:default}.custo-group.\@style\:image .custo-group-inner{padding:3px;border:1.5px solid #E4E4E7;border-radius:12px;background:#fff;transition:border-color .15s ease,background .15s ease}.custo-group.\@style\:image .custo-group-inner:hover{border-color:#a3cbbd}.custo-group-img{display:block;width:44px;height:44px;object-fit:cover;border-radius:9px}.custo-group.\@style\:image .\@current .custo-group-inner{border-color:#5e9c87;background:#edf6f2}.custo-group-item.\@soldout .custo-group-inner{opacity:.45}.custo-group-item.\@soldout .custo-group-label{text-decoration:line-through}.custo-group.\@style\:swatch .custo-group-item.\@soldout .custo-group-inner{opacity:1;position:relative}.custo-group.\@style\:swatch .custo-group-item.\@soldout .custo-group-inner:after{content:"";position:absolute;left:12%;right:12%;top:50%;height:1px;background:#00000073;box-shadow:0 0 0 1px #ffffff8c;transform:rotate(-45deg);pointer-events:none}
/*# sourceMappingURL=/cdn/shop/t/32/assets/custo-groups.css.map */