:root{--cert-badge-inactive-opacity: .22;--cert-badge-inactive-scale: .55;--cert-badge-active-scale: .82;--cert-enabled-count: 4;--cert-zone-inline-padding: 1rem;--cert-card-tip-title-lines: 1;--cert-card-tip-body-lines: 2;--cert-card-tip-title-size: 1.25rem;--cert-card-tip-body-size: 1.15rem;--cert-card-tip-title-lh: 1.25;--cert-card-tip-body-lh: 1.35;--cert-card-tip-gap: .3rem;--cert-card-tip-padding-block: .65rem;--cert-card-tip-padding-inline: .75rem;--cert-card-tip-edge-inset: .5rem;--cert-card-tip-badge-gap: 8px;--cert-card-tip-radius: 1.25rem;--cert-card-tip-neu-distance: .3rem;--cert-card-tip-neu-blur: .5rem;--cert-card-tip-neu-light-distance: .3rem;--cert-card-tip-neu-light-blur: .5rem;--cert-card-tip-shadow: calc(var(--cert-card-tip-neu-light-distance) * -1) calc(var(--cert-card-tip-neu-light-distance) * -1) var(--cert-card-tip-neu-light-blur) var(--neu-light), var(--cert-card-tip-neu-distance) var(--cert-card-tip-neu-distance) var(--cert-card-tip-neu-blur) var(--neu-dark)}.cert-badges-bar{width:100%}.cert-badges--below{width:100%;pointer-events:none}.cert-badges--below .cert-badges__track{position:static;display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;justify-content:flex-start;box-sizing:border-box;width:100%;max-width:100%;gap:.6rem;padding:.8rem var(--cert-zone-inline-padding) 0;pointer-events:none}.cert-badges--below .cert-badges__track>.cert-badge:not(.cert-badge--inactive){pointer-events:auto}.cert-badges--below .cert-badge{flex:1 1 0;min-width:0;width:auto;height:auto;aspect-ratio:1 / 1}.product__media-wrapper .cert-badges-bar{flex:0 0 100%}.product__media-wrapper .cert-badges--below .cert-badges__track{gap:.8rem;padding:1rem var(--cert-zone-inline-padding) .75rem}.cert-badges-bar--card{margin:.5rem 0;box-sizing:border-box}.cert-badges-bar--card .cert-badges--below .cert-badges__track{position:relative;gap:.75rem;padding:0 var(--cert-zone-inline-padding)}.cert-badges-bar--card .cert-badge{position:static}.card>.cert-badges-bar--card+.card__content .card__information{padding-top:.8rem}@media screen and (max-width:749px){.product__media-wrapper .cert-badges-bar{margin-top:1rem;margin-bottom:1rem}.product__media-wrapper .slider-buttons{margin-top:.25rem;padding-top:.75rem;border-top:1px solid rgba(var(--color-foreground),.08)}}.product__media-item--cert-bar{width:100%;max-width:100%;list-style:none}@media screen and (min-width:990px){.product--stacked .product__media-item--cert-bar,.product--columns .product__media-item--cert-bar{width:100%;max-width:100%}}.cert-badge{position:relative;z-index:4;display:inline-flex;align-items:center;justify-content:center;margin:0;padding:0;border:none;background:transparent;cursor:help;box-shadow:none!important;outline:none!important;filter:none!important}.cert-badge:focus-visible{outline:2px solid rgba(18,18,18,.75)!important;outline-offset:2px;border-radius:4px}.cert-badge:not(.cert-badge--inactive) .cert-badge__icon{filter:none!important;opacity:1;transform:scale(var(--cert-badge-active-scale));transform-origin:center}.cert-badge__icon{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none;box-shadow:none!important;outline:none!important;border:none!important}.cert-badge--inactive{cursor:default;pointer-events:none}.cert-badge--inactive .cert-badge__icon{filter:grayscale(1);opacity:var(--cert-badge-inactive-opacity);transform:scale(calc(var(--cert-badge-active-scale) * var(--cert-badge-inactive-scale)));transform-origin:center}.cert-badge__tip{position:absolute;left:0;bottom:calc(100% + 8px);z-index:5;display:flex;flex-direction:column;gap:.3rem;box-sizing:border-box;width:max-content;max-width:12rem;padding:.65rem .75rem;border-radius:.4rem;background:rgb(var(--color-background));color:rgb(var(--color-foreground));border:1px solid rgba(var(--color-foreground),.12);box-shadow:0 4px 16px #0000001f;text-align:left;white-space:normal;pointer-events:auto}.cert-badge__tip-title{display:block;font-size:1.25rem;font-weight:600;line-height:1.25;letter-spacing:.01em;color:rgb(var(--color-foreground))}.cert-badge__tip-body{display:block;font-size:1.15rem;font-weight:400;line-height:1.35;color:rgba(var(--color-foreground),.72)}.cert-badges-bar--card .cert-badge__tip{left:var(--cert-card-tip-edge-inset);right:var(--cert-card-tip-edge-inset);bottom:calc(100% + var(--cert-card-tip-badge-gap));width:auto;max-width:none;padding:var(--cert-card-tip-padding-block) var(--cert-card-tip-padding-inline);gap:var(--cert-card-tip-gap);border:none;border-radius:var(--cert-card-tip-radius);box-shadow:var(--cert-card-tip-shadow);background:rgb(var(--color-background));text-align:center;align-items:center;height:calc(var(--cert-card-tip-padding-block) * 2 + var(--cert-card-tip-title-size) * var(--cert-card-tip-title-lh) * var(--cert-card-tip-title-lines) + var(--cert-card-tip-gap) + var(--cert-card-tip-body-size) * var(--cert-card-tip-body-lh) * var(--cert-card-tip-body-lines))}.cert-badges-bar--card .cert-badge__tip-title{font-size:var(--cert-card-tip-title-size);line-height:var(--cert-card-tip-title-lh);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:var(--cert-card-tip-title-lines);overflow:hidden;max-width:100%}.cert-badges-bar--card .cert-badge__tip-body{font-size:var(--cert-card-tip-body-size);line-height:var(--cert-card-tip-body-lh);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:var(--cert-card-tip-body-lines);overflow:hidden;max-width:100%}.cert-badge__tip[hidden]{display:none!important}.cert-badge.is-open .cert-badge__tip[hidden],.cert-badge:hover .cert-badge__tip[hidden],.cert-badge:focus-within .cert-badge__tip[hidden]{display:flex!important}.product-card-wrapper.is-cert-flipped .cert-badge .cert-badge__tip,.product-card-wrapper.is-cert-flipped .cert-badge:hover .cert-badge__tip,.product-card-wrapper.is-cert-flipped .cert-badge:focus-within .cert-badge__tip,.product-card-wrapper.is-cert-flipped .cert-badge.is-open .cert-badge__tip{display:none!important}@media(hover:none){.cert-badge:hover .cert-badge__tip[hidden]{display:none!important}.cert-badge.is-open .cert-badge__tip[hidden],.cert-badge:focus-within .cert-badge__tip[hidden]{display:flex!important}}@media(prefers-reduced-motion:reduce){.cert-badge__tip{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/component-cert-badge.css.map */