.item-container{display:flex;flex-wrap:wrap;justify-content:center;align-items:stretch;gap:clamp(.5rem,1vw,2rem)}.item-container .item{flex:0 1 150px;aspect-ratio:4/3;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:.75rem;padding:1rem;border:1px solid var(--red);box-shadow:2px 5px 6px rgba(0,0,0,.15);transition:.3s all ease;cursor:pointer}.item-container .item.no-icon{border:1px solid var(--red);padding:1rem}.item-container .item.download::before{content:url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F><svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 32.77 36.84"><defs><style> .cls-1 { stroke: %23e62f39; stroke-linecap: round; stroke-width: 3.84px; } .cls-1, .cls-2 { fill: none; } .cls-2 { stroke-width: 0px; } .cls-3 { clip-path: url(%23clippath-1); } .cls-4 { clip-path: url(%23clippath); } </style><clipPath id="clippath"><rect class="cls-2" width="32.77" height="36.84"/></clipPath><clipPath id="clippath-1"><rect class="cls-2" width="32.77" height="36.84"/></clipPath></defs><g class="cls-4"><line class="cls-1" x1="16.38" y1="1.92" x2="16.38" y2="25.43"/></g><line class="cls-1" x1="8.69" y1="19.12" x2="15.96" y2="26.39"/><line class="cls-1" x1="24.08" y1="19.12" x2="16.81" y2="26.39"/><g class="cls-3"><polyline class="cls-1" points="1.92 24.95 1.92 34.92 30.85 34.92 30.85 24.95"/></g></svg>');width:40px;height:40px;object-fit:contain}.item-container .item img{height:125px;width:auto;object-fit:contain;transition:transform .2s ease}.item-container .item .title{margin-bottom:0;font-size:1rem;font-weight:300}.item-container .item.active p,.item-container .item.active .title{font-weight:700;color:var(--red) !important}.item-container .item:hover img{transform:translateY(-5px)}.item-container .item:hover.no-icon{box-shadow:2px 6px 6px rgba(0,0,0,.3);transform:translateY(-5px)}.product-download{flex:0 1 200px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:.75rem;padding:1rem;border:1px solid var(--red);border-radius:1rem;box-shadow:2px 5px 6px rgba(0,0,0,.15);transition:.3s all ease}.product-download:hover{box-shadow:2px 6px 6px rgba(0,0,0,.3);transform:translateY(-5px);cursor:pointer}.product-download::before{content:url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F><svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 32.77 36.84"><defs><style> .cls-1 { stroke: %23e62f39; stroke-linecap: round; stroke-width: 3.84px; } .cls-1, .cls-2 { fill: none; } .cls-2 { stroke-width: 0px; } .cls-3 { clip-path: url(%23clippath-1); } .cls-4 { clip-path: url(%23clippath); } </style><clipPath id="clippath"><rect class="cls-2" width="32.77" height="36.84"/></clipPath><clipPath id="clippath-1"><rect class="cls-2" width="32.77" height="36.84"/></clipPath></defs><g class="cls-4"><line class="cls-1" x1="16.38" y1="1.92" x2="16.38" y2="25.43"/></g><line class="cls-1" x1="8.69" y1="19.12" x2="15.96" y2="26.39"/><line class="cls-1" x1="24.08" y1="19.12" x2="16.81" y2="26.39"/><g class="cls-3"><polyline class="cls-1" points="1.92 24.95 1.92 34.92 30.85 34.92 30.85 24.95"/></g></svg>');width:40px;height:40px;object-fit:contain}.fancybox-slide .msds-files{max-width:600px}@media all and (orientation: portrait){.fancybox-slide .msds-files{padding:44px 5% 5%}}.fancybox-slide .msds-files__download{display:block;padding:.5rem .75rem;border-top:1px solid var(--light-grey);transition:.2s background-color ease;display:flex;justify-content:space-between;align-items:center;gap:1rem}.fancybox-slide .msds-files__download.msds-downloading::after{animation:float .5s infinite;filter:hue-rotate(225deg) brightness(0.5)}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}.fancybox-slide .msds-files__download:first-of-type{border-top:none}.fancybox-slide .msds-files__download::after{content:url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F><svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 32.77 36.84"><defs><style> .cls-1 { stroke: %23e62f39; stroke-linecap: round; stroke-width: 3.84px; } .cls-1, .cls-2 { fill: none; } .cls-2 { stroke-width: 0px; } .cls-3 { clip-path: url(%23clippath-1); } .cls-4 { clip-path: url(%23clippath); } </style><clipPath id="clippath"><rect class="cls-2" width="32.77" height="36.84"/></clipPath><clipPath id="clippath-1"><rect class="cls-2" width="32.77" height="36.84"/></clipPath></defs><g class="cls-4"><line class="cls-1" x1="16.38" y1="1.92" x2="16.38" y2="25.43"/></g><line class="cls-1" x1="8.69" y1="19.12" x2="15.96" y2="26.39"/><line class="cls-1" x1="24.08" y1="19.12" x2="16.81" y2="26.39"/><g class="cls-3"><polyline class="cls-1" points="1.92 24.95 1.92 34.92 30.85 34.92 30.85 24.95"/></g></svg>');width:15px;height:15px;object-fit:contain;flex:0 0 15px}.fancybox-slide .msds-files__download:hover{background-color:var(--light-grey);cursor:pointer}.wp-block-acf-product-downloads-block .downloads{display:flex;align-items:stretch;flex-wrap:wrap;gap:1rem}.wp-block-acf-product-downloads-block .downloads .product-download{flex:0 1 200px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:.75rem;padding:1rem;border:1px solid var(--red);border-radius:1rem;box-shadow:2px 5px 6px rgba(0,0,0,.15);transition:.3s all ease}.wp-block-acf-product-downloads-block .downloads .product-download:hover{box-shadow:2px 6px 6px rgba(0,0,0,.3);transform:translateY(-5px);cursor:pointer}.wp-block-acf-product-downloads-block .downloads .product-download::before{content:url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F><svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 32.77 36.84"><defs><style> .cls-1 { stroke: %23e62f39; stroke-linecap: round; stroke-width: 3.84px; } .cls-1, .cls-2 { fill: none; } .cls-2 { stroke-width: 0px; } .cls-3 { clip-path: url(%23clippath-1); } .cls-4 { clip-path: url(%23clippath); } </style><clipPath id="clippath"><rect class="cls-2" width="32.77" height="36.84"/></clipPath><clipPath id="clippath-1"><rect class="cls-2" width="32.77" height="36.84"/></clipPath></defs><g class="cls-4"><line class="cls-1" x1="16.38" y1="1.92" x2="16.38" y2="25.43"/></g><line class="cls-1" x1="8.69" y1="19.12" x2="15.96" y2="26.39"/><line class="cls-1" x1="24.08" y1="19.12" x2="16.81" y2="26.39"/><g class="cls-3"><polyline class="cls-1" points="1.92 24.95 1.92 34.92 30.85 34.92 30.85 24.95"/></g></svg>');width:40px;height:40px;object-fit:contain}#login-modal{padding:clamp(1rem,2vw,2rem)}#login-modal #pass-strength-result{display:none}