:root{--cert-badge-inactive-opacity: .22;--cert-badge-inactive-scale: .55;--cert-badge-active-scale: .82;--cert-badge-hover-grow: 1.08;--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: .75rem;--cert-card-tip-badge-gap: 8px;--cert-card-tip-radius: 1.25rem;--cert-card-tip-fill: #f4f0e8;--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-badges__track>.cert-badge--locked{pointer-events:auto}.cert-badges--below .cert-badge{flex:1 1 0;min-width:0;width:auto;height:auto;aspect-ratio:1 / 1}.product__cert-badges{width:50%;max-width:50%;margin:0 0 .75rem;box-sizing:border-box}.product__cert-badges .cert-badges-bar{margin:0}.product__cert-badges .cert-badges--below .cert-badges__track{gap:.4rem;padding:0;justify-content:flex-start;width:100%}.product__cert-badges .cert-badges--below .cert-badge{flex:1 1 0;min-width:0;width:auto;height:auto;aspect-ratio:1 / 1}.product__cert-badges .cert-badge:not(.cert-badge--inactive) .cert-badge__icon{transform:scale(.92)}.product__cert-badges .cert-badge--inactive .cert-badge__icon{transform:scale(calc(.92 * var(--cert-badge-inactive-scale)))}@media screen and (hover:hover)and (pointer:fine){.product__cert-badges .cert-badge:not(.cert-badge--inactive):hover .cert-badge__icon,.product__cert-badges .cert-badge:not(.cert-badge--inactive):focus-visible .cert-badge__icon{transform:scale(calc(.92 * var(--cert-badge-hover-grow)))}}.cert-badges-bar--card{position:relative;z-index:6;margin:.5rem 0;box-sizing:border-box}.cert-badges-bar--card .cert-badges--below .cert-badges__track{position:static;gap:.75rem;padding:0 var(--cert-zone-inline-padding)}.cert-badges-bar--card .cert-badge{position:static}.cert-badges-bar--card .cert-badge:not(.cert-badge--inactive){position:static}.product-card-wrapper.product-card__flip-scene .cert-badges-bar--card .cert-badge:not(.cert-badge--inactive){position:static}.card>.cert-badges-bar--card+.card__content .card__information{padding-top:.8rem}.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:pointer;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;transition:transform .16s ease}@media(hover:hover)and (pointer:fine){.cert-badge:not(.cert-badge--inactive):hover .cert-badge__icon,.cert-badge:not(.cert-badge--inactive):focus-visible .cert-badge__icon{transform:scale(calc(var(--cert-badge-active-scale) * var(--cert-badge-hover-grow)))}}.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--locked{cursor:pointer;pointer-events:auto;text-decoration:none;color:inherit;border:0;background:transparent}.cert-badge--locked .cert-badge__locked-mark{display:flex;align-items:center;justify-content:center;width:100%;height:100%;line-height:0;opacity:.55;color:rgba(var(--color-foreground),.75)}.cert-badge--locked .cert-badge__locked-mark .icon,.cert-badge--locked .cert-badge__locked-mark svg{display:block;width:100%;height:100%;transform:scale(calc(var(--cert-badge-active-scale) * var(--cert-badge-inactive-scale)));transform-origin:center}.product__cert-badges .cert-badge--locked .cert-badge__locked-mark .icon,.product__cert-badges .cert-badge--locked .cert-badge__locked-mark svg{transform:scale(calc(.92 * var(--cert-badge-inactive-scale)))}.cert-badges-bar--locked .product-card__zone-link{display:none}.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{--cert-card-tip-shadow: var(--cert-card-tip-neu-distance) var(--cert-card-tip-neu-distance) var(--cert-card-tip-neu-blur) var(--neu-dark);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:var(--cert-card-tip-fill);text-align:center;align-items:center;isolation:isolate;overflow:hidden;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:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;z-index:0;opacity:var(--product-card-matte-grain-opacity, .26);mix-blend-mode:overlay;background-color:transparent;background-image:var(--product-card-finish-grain);background-size:var(--product-card-paper-grain-size, 36rem) var(--product-card-paper-grain-size, 36rem);background-position:center;background-repeat:repeat}.cert-badges-bar--card .cert-badge__tip-title{position:relative;z-index:1;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{position:relative;z-index:1;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}.cert-badge:not(.cert-badge--inactive) .cert-badge__icon{transition:none}.cert-badge:not(.cert-badge--inactive):hover .cert-badge__icon,.cert-badge:not(.cert-badge--inactive):focus-visible .cert-badge__icon{transform:scale(var(--cert-badge-active-scale))}}.cert-badges-bar--filter{width:auto;margin:0;flex:1 1 auto;min-width:0;max-width:100%}.cert-badges-bar--filter .cert-badges--below{width:auto}.cert-badges-bar--filter .cert-badges--below .cert-badges__track{width:auto;max-width:100%;justify-content:center;gap:.75rem;padding:0}.cert-badges-bar--filter .cert-badge{flex:0 0 auto;width:4.8rem;height:4.8rem;min-width:4.8rem;aspect-ratio:auto}.cert-badge--filter{position:relative;cursor:pointer;border:0;border-radius:0;background-color:transparent;box-sizing:border-box}.cert-badge--filter .cert-badge__icon{transform:none}.cert-badge--filter:not(:disabled):not(.is-active) .cert-badge__icon{filter:grayscale(1)!important;opacity:.8}.cert-badge--filter.is-active:not(:disabled) .cert-badge__icon{filter:none!important;opacity:1}.cert-badge--filter:disabled,.cert-badge--filter[aria-disabled=true]{cursor:not-allowed;pointer-events:none;border:0;background-color:transparent}.cert-badge--filter:disabled .cert-badge__icon,.cert-badge--filter[aria-disabled=true] .cert-badge__icon{filter:grayscale(1)!important;opacity:var(--cert-badge-inactive-opacity);transform:scale(calc(var(--cert-badge-active-scale) * var(--cert-badge-inactive-scale)));transform-origin:center}@media screen and (max-width:749px){.cert-badges-bar--filter .cert-badge{width:4.2rem;height:4.2rem;min-width:4.2rem}}
/*# sourceMappingURL=/cdn/shop/t/161/assets/component-cert-badge.css.map */