.ub-dyo-swatches .ub-qty-dyo{display:grid;grid-gap:15px;grid-template-columns:repeat(var(--ub-cols),1fr)}.ub-swatch{cursor:pointer;text-align:center;justify-content:end;display:flex;flex-flow:column;position:relative}.ub-swatch .ub-inner{padding:10px;color:var(--ub-text);border:1px solid var(--ub-border);border-radius:var(--ub-br);background:var(--ub-bg);display:flex;flex-flow:column;justify-content:center;transition:all .2s}.ub-swatch.selected .ub-inner{background-color:var(--ub-sbg);border-color:var(--ub-sborder);color:var(--ub-stext)}.ub-swatch.highlight .ub-inner{border-top-left-radius:0;border-top-right-radius:0}.ub-swatch .ub-subheading{font-size:87%;padding-top:4px}.ub-highlight{background-color:var(--ub-hbg);color:var(--ub-htext);padding:4px 10px;font-size:86%;border-top-left-radius:var(--ub-br);border-top-right-radius:var(--ub-br)}@media all and (max-width:768px){.ub-dyo-swatches .ub-qty-dyo{grid-template-columns:repeat(var(--ub-cols-mobile),1fr)}}