.webtom-group{display:flex;flex-direction:column;align-items:flex-start;padding-bottom:32px;margin-bottom:16px;border-bottom:1px solid #d1d5db}.webtom-group p{font-size:12px;color:#111827;margin-bottom:12px;font-weight:700px}.webtom-group p span{font-weight:700;font-size:16px;color:#374151}.webtom-group .variants-container{display:flex;flex-wrap:wrap;gap:6px}.webtom-group .variant-link{position:relative;display:inline-block;padding:2px 7px;border:1px solid #d1d5db;border-radius:3px;background-color:#fff;text-decoration:none;cursor:pointer;transition:all .2s ease-in-out}.webtom-group .variant-link .text{color:#111827;font-size:.875rem;line-height:1.25rem}.webtom-group .variant-link .tooltip{position:absolute;bottom:150%;left:50%;transform:translateX(-50%) translateY(10px);background-color:#212529;color:#fff;padding:5px 10px;min-height:30px;border-radius:.375rem;font-size:.875rem;font-weight:500;white-space:nowrap;opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease,transform .2s ease;z-index:10}.webtom-group .variant-link .tooltip::after{content:"";position:absolute;top:100%;left:50%;transform:translateX(-50%);border-width:5px;border-style:solid;border-color:#212529 transparent transparent transparent}.webtom-group .variant-link:hover{border-color:#9ca3af;background-color:#f9fafb}.webtom-group .variant-link:hover .tooltip{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0)}.webtom-group .variant-link.selected{border-width:2px;border-color:#000}