.compatible-addon__wrapper{border:1px solid rgb(var(--border-color));border-radius:4px;padding:18px 8px;display:flex;flex-direction:column;gap:18px;max-width:480px}.compatible-addon__text h3{margin:0;font-weight:400;font-size:18px;line-height:1.4;padding-bottom:6px}.compatible-addon__text h3 span{font-weight:600}.compatible-addon__text p{margin:0;font-weight:400;line-height:1.2}.compatible-addon__text{text-align:center}.compatible-addon__footer{display:flex;justify-content:space-between;gap:5px;align-items:center}.compatible-addon__footer-atc-btn{flex-shrink:0;text-transform:uppercase}.compatible-addon__footer h4{margin:0;font-size:18px;font-weight:600;line-height:1.2}.compatible-addon__footer h4 span.has-discount{color:#303030;text-decoration:line-through}.compatible-addon__footer h4 span.discounted-price{color:red}.compatible-addon__main-product,.compatible-addon__input{display:flex;position:relative;gap:8px}.compatible-addon__input{justify-content:center}.compatible-addon__main-product,.compatible-addon__input-wrapper{max-width:115px;flex-shrink:0}.compatible-addon__main-product input[type=checkbox],.compatible-addon__input input[type=checkbox]{position:absolute;z-index:-10;visibility:hidden;left:0;top:0}.compatible-addon__main-product__card,.compatible-addon__card{display:flex;flex-direction:column;align-items:center;position:relative}.compatible-addon__main-product__card:before,.compatible-addon__card:before{content:"";position:absolute;left:6px;top:6px;width:20px;height:20px;border:2px solid rgb(var(--border-color));border-radius:4px;background:#fff;transition:all .3s;z-index:5}.compatible-addon__main-product__card:after,.compatible-addon__card:after{left:13px;top:14px;position:absolute;content:"";width:6px;height:11px;border:solid #fff;border-radius:0;border-width:0 2px 2px 0;-webkit-transform:translateY(-49%) rotate(45deg);-ms-transform:translateY(-49%) rotate(45deg);transform:translateY(-49%) rotate(45deg);z-index:5}.compatible-addon__main-product__card:hover:before,.compatible-addon__card:hover:before{border-color:#000}.compatible-addon__main-product input[type=checkbox]:checked+.compatible-addon__main-product__card:before,.compatible-addon__input input[type=checkbox]:checked+.compatible-addon__card:before{border-color:#000;background-color:#000}.compatible-addon__body.discontinued{pointer-events:none}.compatible-addon__body.discontinued .compatible-addon__main-product__card:after,.compatible-addon__body.discontinued .compatible-addon__main-product__card:before,.compatible-addon__body.discontinued .compatible-addon__card:after,.compatible-addon__body.discontinued .compatible-addon__card:before{visibility:hidden}.compatible-addon__main-product__card img,.compatible-addon__card img{border-radius:4px;object-fit:cover;aspect-ratio:115 / 115;background-color:#e6e6e6}.compatible-addon__main-product__card p,.compatible-addon__card p{text-align:center;margin:0;font-size:12px;line-height:1.2;padding-block:4px;font-weight:600}.compatible-addon__main-product__card,.compatible-addon__card{cursor:pointer}.compatible-addon__body{display:flex;gap:10px;justify-content:center;align-items:flex-start}.compatible-addon__separator{display:flex}.compatible-addon__separator{display:flex;align-items:center;justify-content:center;margin-top:53px}.compatible-addon__card-select{background-color:#fff;border-radius:4px;position:relative;z-index:2;width:100%;border:1px solid rgb(var(--border-color))}.compatible-addon__card-select__selected{font-size:10px;line-height:1;font-weight:600;padding:3px 4px;display:flex;align-items:center;gap:6px;justify-content:space-between}.compatible-addon__card-select__dropdown{position:absolute;padding:0;margin:4px 0 0;list-style-type:none;background-color:#fff;max-height:112px;min-height:60px;overflow:auto;z-index:10;padding-block:4px;box-shadow:0 3.914px 60.862px #7f80891a;border:1px solid rgb(var(--border-color));border-radius:4px;width:100%}.compatible-addon__card-select__selected-title{display:flex;align-items:center;gap:4px}.compatible-addon__card-select__dropdown li{font-size:10px;line-height:1;font-weight:400;display:flex;align-items:center;position:relative}.compatible-addon__card-select__dropdown li input{position:absolute;visibility:hidden}.compatible-addon__card-select__dropdown li label{display:flex;align-items:center;gap:6px;cursor:pointer;padding:3px 4px;width:100%;transition:all .3s ease}.compatible-addon__card-select__dropdown li input:checked+label,.compatible-addon__card-select__dropdown li label:hover{background-color:#e6e6e6}.compatible-addon__card-select__dropdown li label span,.compatible-addon__card-select__selected span{display:flex;align-items:center;width:18px;height:18px;aspect-ratio:1;background-size:cover!important;background-repeat:no-repeat!important;border-radius:100%;border:1px solid #cfb8ae}.compatible-addon__card-select__selected svg{transition:all .2s ease}.compatible-addon__card-select.open .compatible-addon__card-select__selected svg{transform:rotate(180deg)}.compatible-addon__footer-atc-btn.loading .button__loader{opacity:1}.compatible-addon__footer-atc-btn.loading .loader-button__text{visibility:hidden}.compatible-addon__footer-atc-btn.loading,.compatible-addon__footer-atc-btn:disabled{pointer-events:none}.compatible-addon__footer-atc-btn:disabled{opacity:.6}.compatible-addon__feature-list{padding:0;margin-top:3px;display:flex;flex-direction:column;gap:3px}.compatible-addon__feature-list li{font-size:12px;line-height:1.2;padding:2px 4px;border:.8px solid rgba(221,221,221,.87);background:#f5f5f566;align-items:start;display:flex;gap:4px}.compatible-addon__feature-list li svg{flex-shrink:0}@media screen and (max-width:580px){.compatible-addon__body{gap:6px}.compatible-addon__separator svg{width:14px;height:14px}.compatible-addon__input{flex-direction:column;max-width:115px}.compatible-addon__feature-list li{font-size:10px;padding:2px}.compatible-addon__footer h4{font-size:16px}.compatible-addon__input.discontinued-block{gap:0px}}.compatible-addon__input.discontinued-block .compatible-addon__card img{filter:grayscale(100%)}.discontinued-label{position:absolute;background-color:#ffdd79;width:100%;display:flex;text-align:center;color:#312c2c;text-transform:uppercase;letter-spacing:1px;justify-content:center;bottom:22px;border-bottom-left-radius:4px;border-bottom-right-radius:4px;font-weight:500;font-size:14px}@media screen and (max-width:380px){.compatible-addon__footer{justify-content:center;flex-direction:column;gap:12px}.compatible-addon__main-product,.compatible-addon__input-wrapper{flex-shrink:1}}.button__loader span{animation:opacityPulse 1.2s infinite ease-in-out}.button__loader span:nth-child(1){animation-delay:0s}.button__loader span:nth-child(2){animation-delay:.2s}.button__loader span:nth-child(3){animation-delay:.4s}@keyframes opacityPulse{0%,to{opacity:.2}50%{opacity:1}}
/*# sourceMappingURL=/cdn/shop/t/426/assets/compatible-addons-block.css.map */