.production-item-scrap-badge{z-index:2;background:0 0;border:none;width:24px;height:24px;margin:0;padding:0;transition:opacity .1s;position:absolute;bottom:8px;right:8px}@media (width>=768px){.production-item-scrap-badge{bottom:12px;right:12px}}.production-item-scrap-badge.focus-visible:focus{opacity:.5}@media (width>=768px){.production-item-scrap-badge:hover,.production-item-scrap-badge:active{opacity:.5}}.production-item-scrap-badge::-moz-focus-inner{border:0}.production-item-scrap-badge.focus-visible:focus{opacity:1;border-radius:2px;outline:none;box-shadow:0 0 0 4px #69c3fd}.production-item-scrap-badge>.active-icon,.production-item-scrap-badge>.inactive-icon{transition:opacity .1s;position:absolute;top:0;left:0}.production-item-scrap-badge>.active-icon{opacity:0}.production-item-scrap-badge--active>.active-icon{opacity:1}.production-item-scrap-badge--active>.inactive-icon{opacity:0}.production-item-image{background-color:#f5f5f5;border-radius:4px;padding-bottom:100%;position:relative;overflow:hidden}.production-item-image>.image{width:100%;transition:transform .2s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.production-item-image:after{content:"";background:#00000005;position:absolute;inset:0}.production-item-image__dark-overlay{width:100%;height:100%;transition:background-color .2s;position:absolute;top:0;left:0}.production-item-image__dark-overlay--active{z-index:1;background-color:#0006}.production-item-image--placeholder{background-color:#ededed;border-radius:4px;padding-bottom:100%}