.CharmGrid{margin-bottom:24px}.CharmGrid__Items{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}@media(min-width:640px){.CharmGrid__Items{grid-template-columns:repeat(5,1fr)}}@media(min-width:1024px){.CharmGrid__Items{grid-template-columns:repeat(6,1fr)}}.CharmGrid__Item{position:relative;border:1px solid #ddd;padding:0;text-align:center;cursor:pointer;border-radius:2px;transition:all .2s ease}.CharmGrid__Item.is-selected{border-color:#222;border-width:1px}.CharmGrid__Item img{width:100%;height:auto;display:block}.CharmGrid__Label{display:block;font-size:14px;font-weight:400;line-height:1.2}.CharmGrid__Badge{position:absolute;bottom:0;right:0;left:auto;transform:none;height:20px;width:20px;border-radius:0%;background-color:#222;color:#fff;font-size:12px;font-weight:400;display:flex;align-items:center;justify-content:center;z-index:10}.SelectedCharmsHeader{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;padding-bottom:10px;border-bottom:1px solid #eee}.SelectedCharmsHeader__Title{font-size:13px;font-weight:400;margin:0}.SelectedCharmsHeader__Subtotal{font-size:13px;font-weight:400;color:#000}.SelectedCharmsPreview{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px}.SelectedCharmsPreview__Item{position:relative;width:65px;height:65px;border-radius:50%;border:1px solid #ddd}.SelectedCharmsPreview__Image{width:100%;height:100%;object-fit:cover;border-radius:50%}.SelectedCharmsPreview__RemoveButton{position:absolute;top:-5px;right:-5px;width:20px;height:20px;border-radius:50%;background-color:#222;color:#fff;font-size:18px;font-weight:400;text-align:center;cursor:pointer;border:none;padding:0;display:flex;align-items:center;justify-content:center;z-index:20}.CharmGrid__Item.is-out-of-stock{opacity:.8;pointer-events:none;cursor:not-allowed;position:relative}.CharmGrid__Item.is-out-of-stock:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to top right,transparent calc(50% - .5px),#ddd calc(50% - .5px),#ddd calc(50% + .5px),transparent calc(50% + .5px));z-index:20}
/*# sourceMappingURL=/cdn/shop/t/20/assets/custom-charm.css.map */