.tr-swatches{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 18px;align-items:center}.tr-swatch{position:relative;display:block;width:44px;height:44px;border-radius:50%;background-size:cover;background-position:center;background-color:#efe9e3;border:2px solid transparent;cursor:pointer;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;text-decoration:none;flex-shrink:0}.tr-swatch:hover{transform:scale(1.12);border-color:#555}.tr-swatch:after{content:attr(data-tooltip);position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%) translateY(4px);background:#33291f;color:#fdfaf6;font-size:12px;font-family:inherit;line-height:1.2;white-space:nowrap;padding:5px 10px;border-radius:6px;opacity:0;pointer-events:none;transition:opacity .15s ease,transform .15s ease;z-index:5}.tr-swatch:before{content:"";position:absolute;bottom:calc(100% + 5px);left:50%;transform:translate(-50%) translateY(4px);border:5px solid transparent;border-top-color:#33291f;opacity:0;pointer-events:none;transition:opacity .15s ease,transform .15s ease;z-index:5}.tr-swatch:hover:after,.tr-swatch:hover:before{opacity:1;transform:translate(-50%) translateY(0)}.tr-swatch--active{border-color:#222;box-shadow:0 0 0 2px #fff,0 0 0 4px #222;cursor:default;transform:none}@media(max-width:768px){.tr-swatch{width:38px;height:38px}}
/*# sourceMappingURL=/cdn/shop/t/17/assets/tantereine-swatches.css.map */