.st-school-group-card{position:relative}.st-school-group-card__col{margin-bottom:3rem}.st-school-group-card__panes{position:relative}.st-school-group-card__pane[hidden]{display:none!important}.st-school-group-card__swatches,.st-school-product-colours__options{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:1.2rem}.st-school-group-card__swatches{margin-bottom:2rem}.st-school-product-colours{margin:0 0 1.8rem}.st-school-product-colours__heading{margin:0 0 1rem;font-size:1.4rem;font-weight:700;color:rgb(var(--color-foreground))}.st-school-colour-swatch{--st-swatch-size: 2.2rem;--st-swatch-border: rgba(var(--color-foreground), .18);--st-swatch-selected: #20b486;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;color:rgb(var(--color-foreground));transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.st-school-colour-swatch:hover{transform:translateY(-1px)}.st-school-colour-swatch:focus-visible{outline:none;box-shadow:0 0 0 .2rem #20b48638}.st-school-colour-swatch__dot{display:block;width:var(--st-swatch-size);height:var(--st-swatch-size);border-radius:999px;border:.1rem solid var(--st-swatch-border);background:var(--st-swatch-colour, transparent)}.st-school-colour-swatch--card{padding:0}.st-school-colour-swatch--card.is-active .st-school-colour-swatch__dot,.st-school-colour-swatch--product.is-active .st-school-colour-swatch__dot{border-color:var(--st-swatch-selected);box-shadow:0 0 0 .2rem #20b48629}.st-school-colour-swatch--unknown{min-height:3.2rem;padding:0 1rem;border-radius:999px;border:.1rem solid rgba(var(--color-foreground),.14);background:#fff;font-size:1.2rem;font-weight:600;line-height:1}.st-school-colour-swatch--unknown .st-school-colour-swatch__dot{display:none}.st-school-colour-swatch__label,.st-school-colour-swatch--unknown .st-school-colour-swatch__label{display:inline-block}.st-school-colour-swatch--product{gap:.8rem}.st-school-colour-swatch--product .st-school-colour-swatch__label.visually-hidden,.st-school-colour-swatch--card .st-school-colour-swatch__label.visually-hidden{position:absolute!important}@media screen and (max-width:749px){.st-school-group-card__col{margin-bottom:2.4rem}.st-school-product-colours{margin-bottom:1.4rem}.st-school-group-card__swatches,.st-school-product-colours__options{gap:.7rem}.st-school-group-card__swatches{margin-bottom:1.6rem}.st-school-colour-swatch{--st-swatch-size: 2rem}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/school-collection-grouping.css.map */