.material-label{display:flex;min-width:0;max-width:100%}.material-label.hided{display:none}.material-label__pill{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:var(--Paddings-or-radius-4, 4px);padding:4px 8px;border-radius:var(--Paddings-or-radius-4, 4px);background:var(--Brand-Main-200, #F5F6F7);color:var(--Text-Labels-Main-Black, #19191C);max-width:100%;outline:none}.material-label__pill:focus-visible{box-shadow:0 0 0 2px var(--Text-Labels-Main-Black, #19191C)}.material-label__text{font-family:var(--font-family-secondary, Friends);font-size:12px;font-weight:400;line-height:16px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.material-label__icon{display:flex;flex-shrink:0;width:16px;height:16px}.material-label__icon svg{display:block}.material-label__tooltip{top:calc(100% - 2px);left:calc(100% - 70px);width:240px;max-width:calc(100vw - 32px);padding:var(--Paddings-or-radius-4, 4px) var(--Paddings-or-radius-8, 8px);border-radius:var(--Paddings-or-radius-4, 4px);background:var(--Black-700, rgba(25, 25, 28, .8));box-shadow:0 1px 3px #0003;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);overflow:hidden;text-align:left}.material-label__tooltip p{margin:0;color:var(--Text-White-Heading, #FFFFFF);font-family:var(--font-family-primary, "Inter Variable");font-size:var(--Desktop-XSmall-Size, 12px);font-weight:var(--Weight-Regular, 400);line-height:var(--Desktop-XSmall-Line-height, 18px);word-break:break-word}.material-label__pill:after{content:"";position:absolute;top:100%;left:0;width:100%;height:8px}.material-label__pill.is-open .material-label__tooltip,.material-label__pill:focus-within .material-label__tooltip{display:block}.material-label__pill--no-tooltip{cursor:default}.material-label__pill--no-tooltip .material-label__icon,.material-label__pill--no-tooltip .material-label__tooltip,.material-label__pill--no-tooltip:hover .material-label__tooltip,.material-label__pill--no-tooltip.is-open .material-label__tooltip{display:none}@media only screen and (max-width:799px){.material-label__pill{padding:2px 6px}.material-label__icon svg,.material-label__icon{width:12px;height:12px}.material-label__pill:hover .material-label__tooltip{display:none}.material-label__pill.is-open .material-label__tooltip{display:block}}
/*# sourceMappingURL=/cdn/shop/t/129/assets/desk_pdp-material-label.css.map */