.collection #product-grid .card-information:has(>aveyra-card-colours){position:relative}.collection #product-grid .card>.card__content>.card__information:has(aveyra-card-colours){--aveyra-card-colours-bottom-inset: 38px}aveyra-card-colours{position:absolute;top:calc(100% - 2px);left:0;display:flex;align-items:center;gap:6px;width:max-content;max-width:100%;height:28px;z-index:2}.aveyra-card-colours__button{flex:0 0 28px;width:28px;height:28px;min-width:0;min-height:0;padding:0;margin:0;border:0;border-radius:0;background:#fff;box-shadow:none;cursor:pointer;position:relative}.aveyra-card-colours__button picture{display:block;width:100%;height:100%}.aveyra-card-colours__button img{display:block;width:100%;height:100%;object-fit:contain;object-position:center}.aveyra-card-colours__button[aria-pressed=true]{outline:1px solid #77736d;outline-offset:-1px}.aveyra-card-colours__button:focus-visible,.aveyra-card-colours__more:focus-visible{outline:1px solid #222;outline-offset:2px}.aveyra-card-colours__more{color:inherit;font:10px/1 var(--font-body-family);text-decoration:none;white-space:nowrap}.card-wrapper.is-colour-preview .card__media .media>img:first-child{opacity:1}.card-wrapper.is-colour-preview .card__media .media>img:nth-child(2){opacity:0}@media screen and (max-width:749px){.collection #product-grid .card>.card__content>.card__information:has(aveyra-card-colours){--aveyra-card-colours-bottom-inset: 53px}.collection #product-grid aveyra-card-colours{top:calc(100% + 10px);margin-top:0;height:24px;gap:5px}.aveyra-card-colours__button{width:24px;height:24px;flex-basis:24px}}
/*# sourceMappingURL=/cdn/shop/t/15/assets/aveyra-card-colours.css.map */