.material-badge--interactive{all:unset;box-sizing:border-box;cursor:pointer}.material-badge{--badge-font-size: 1.1rem;--badge-accent: var(--color-primary, 2, 60, 99);display:inline-flex;align-items:center;font-size:var(--badge-font-size);gap:.923em;padding:.615em 1.385em .615em 1.077em;border:1px solid rgb(var(--badge-accent));border-radius:999px;background:rgba(var(--badge-accent),.18);line-height:1}.material-badge__mark{width:.769em;height:.769em;flex:none;transform:rotate(45deg)}.material-badge[data-material=silver] .material-badge__mark{background:linear-gradient(90deg,#fff,#e7ebee 45%,#a8b0b7 70%,#ccd2d7)}.material-badge[data-material=steel] .material-badge__mark{background:linear-gradient(90deg,#d2d8dd,#b6bdc3 45%,#767e85 70%,#99a1a8)}.material-badge__label{font-family:var(--font-body-family);font-size:1em;font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:#fff;white-space:nowrap}.material-badge__hint{display:flex;flex:none;margin-inline-start:-.42em;color:#fff;opacity:.75}.material-badge__hint .icon{width:.95em;height:.95em}@media(hover:hover){.material-badge--interactive:hover .material-badge__hint{opacity:1}}.product__block--title+.product__block--material_badge{margin-top:-1.2rem}.modal--spec-sheet{--modal-width: 62rem;--drawer-close-btn-size: 3.2rem}.modal--spec-sheet .fixed-overlay{background-color:#000000b8}.modal--spec-sheet .drawer__inner{width:auto;max-width:min(92vw,var(--modal-width))}.modal--spec-sheet .drawer__body{padding:0;max-height:calc(100vh - 8rem);max-height:calc(100svh - 8rem);overflow:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.modal--spec-sheet .drawer__close-btn{z-index:2;top:.8rem;inset-inline-end:.8rem;color:#fff;background:#0000008c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal--spec-sheet .drawer__close-btn .icon{width:1.5rem;height:1.5rem}.spec-sheet__image{display:block;width:auto;height:auto;max-width:min(92vw,var(--modal-width));max-height:calc(100vh - 8rem);max-height:calc(100svh - 8rem);cursor:zoom-in}.spec-sheet__body.is-zoomed .spec-sheet__image{max-width:none;max-height:none;width:var(--spec-zoom-width, 160rem);cursor:zoom-out}
/*# sourceMappingURL=/cdn/shop/t/16/assets/component-material-badge.css.map */