yumore-card-swatches{display:block;position:relative;z-index:3;margin:0 0 12px;min-width:0;max-width:100%}.product-card-wrapper .card__information:has(yumore-card-swatches){min-width:0}.yumore-swatches{display:flex;flex-wrap:nowrap;gap:0;align-items:center;width:100%;min-width:0}.yumore-swatches>.yumore-swatch,.yumore-swatches>.yumore-swatch-more{flex:0 1 38px;min-width:0}.yumore-swatches>.yumore-swatch{padding:5px}.yumore-swatches>.yumore-swatch .yumore-swatch__chip{width:min(24px,100%);height:auto;aspect-ratio:1}.yumore-swatch{display:grid;place-items:center;width:38px;height:38px;padding:6px;border:0;background:none;cursor:pointer;border-radius:7px;color:#fff;position:relative}.yumore-swatch__chip{position:relative;overflow:hidden;isolation:isolate;color:#263238;display:grid;place-items:center;width:24px;height:24px;border-radius:5px;background:#b7b3ac;box-shadow:inset 0 0 0 1px #0000001c;transition:outline-color .15s,transform .15s;font-size:12px}.yumore-swatch__chip--black,.yumore-swatch__chip--black-pro{color:#fff;background:linear-gradient(135deg,#414345,#17191b)}.yumore-swatch__chip--silver{background:linear-gradient(115deg,#969b9c,#e0e3e2 48%,#a2a8a8)}.yumore-swatch__chip--chrome{background:linear-gradient(120deg,#777d82,#fafafa 43%,#a2a8ac 62%,#e5e7e8)}.yumore-swatch__chip--gold{background:linear-gradient(115deg,#b99353,#e6cd96 48%,#c2a068)}.yumore-swatch__chip--white{background:#fafafa}.yumore-swatch[aria-pressed=true] .yumore-swatch__chip{outline:1.5px solid #272e2c;outline-offset:3px}.yumore-swatch:hover .yumore-swatch__chip{transform:translateY(-1px)}.yumore-swatch:focus-visible{outline:2px solid #31544a;outline-offset:1px}.yumore-swatch__pro{font-size:10px;font-weight:600;line-height:1}.yumore-swatch--unavailable .yumore-swatch__chip:after{content:"";position:absolute;top:1px;right:1px;bottom:1px;left:1px;border-radius:inherit;pointer-events:none;z-index:0;background:linear-gradient(to bottom right,transparent calc(50% - .65px),#757575 calc(50% - .65px),#757575 calc(50% + .65px),transparent calc(50% + .65px))}.yumore-swatch__initial{position:relative;z-index:1;font-size:12px;font-weight:700;line-height:1;text-shadow:0 0 2px #ffffffb3}.yumore-swatch__chip--black .yumore-swatch__initial,.yumore-swatch__chip--black-pro .yumore-swatch__initial{text-shadow:0 0 2px #000}.yumore-swatch__caption{font-size:11px;line-height:1.4;color:#626863;min-height:16px;letter-spacing:.025em}.yumore-swatch__missing{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;text-align:center;padding:20px;font-size:12px;color:#666;background:#f7f8f8}.yumore-swatch__missing[hidden]{display:none}.yumore-card-selected .card__media .media>img:not(:first-child){display:none}.yumore-card-selected .card__media .media>img:first-child{opacity:1!important}@media(max-width:749px){.yumore-swatch{width:40px;height:44px}.yumore-swatches{gap:0}.yumore-swatch__chip{width:23px;height:23px}}.product-card-wrapper .media .yumore-swatch__missing[hidden],.product-card-wrapper .media img[hidden]{display:none!important}.product-card-wrapper .media .yumore-swatch__missing:not([hidden]){display:grid;place-items:center}.yumore-swatch-spacer{height:66px}@media(max-width:749px){.yumore-swatch-spacer{height:72px}}.card__information .yumore-swatch-spacer{display:block!important}.yumore-swatch-more{position:static}.yumore-swatch-more>summary{display:grid;place-items:center;width:100%;height:44px;padding:0 2px;border:0;border-radius:7px;background:none;color:#707773;font-size:14px;line-height:1;font-weight:400;letter-spacing:0;cursor:pointer;list-style:none}.yumore-swatch-more>summary::-webkit-details-marker{display:none}.yumore-swatch-more>summary:focus-visible{outline:2px solid #31544a;outline-offset:-2px}.yumore-swatch-more--selected>summary{color:#272e2c;font-weight:700;text-decoration:underline;text-underline-offset:4px}.yumore-swatch-more__panel{position:absolute;inset-inline:0;top:44px;z-index:5;display:flex;flex-wrap:wrap;gap:2px;padding:6px;border:1px solid #d7dcd9;border-radius:8px;background:#fff;box-shadow:0 4px 14px #00000014}.yumore-swatch-more:not([open])>.yumore-swatch-more__panel{display:none}.yumore-swatch-more__panel .yumore-swatch{flex:0 0 38px}@media(max-width:749px){.yumore-swatches>.yumore-swatch,.yumore-swatches>.yumore-swatch-more{flex-basis:36px}.yumore-swatches>.yumore-swatch .yumore-swatch__chip{max-width:23px}}@media(max-width:340px){.yumore-swatches>.yumore-swatch,.yumore-swatches>.yumore-swatch-more{min-width:0}.yumore-swatches>.yumore-swatch{padding:4px}}
/*# sourceMappingURL=/cdn/shop/t/55/assets/yumore-card-swatches.css.map */