.detail-variants-box{display:flex;flex-wrap:wrap;justify-content:center;padding:5px 0;position:relative;min-height:42px}.detail-variants-box a{text-decoration:none}.detail-variants-box a.open-details-modal{border:.5px solid#adadad3b;width:100%;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;border-radius:4px}.detail-variants-box a.open-details-modal span{display:flex;justify-content:center;align-items:center}.detail-variants-box a span{margin:0 5px}@media screen and (max-width:768px){.detail-variants-box a span{font-size:12px}}.detail-variants-box a span.detail-img{width:30px;display:inline-block}@media screen and (max-width:768px){.detail-variants-box a span.detail-img{width:20px;margin:0}.detail-variants-box a img{width:20px;height:20px}}.detail-variants-box .other-count{background:#fff;color:#767676;font-size:10px;border:1px solid#767676;padding:10px 6px;border-radius:32px;height:22px;min-width:46px;align-items:center}@media screen and (max-width:768px){.detail-variants-box .other-count{align-items:center;min-width:18px;height:19px;display:flex;font-weight:700;margin:0}}.detailModal{opacity:0;visibility:hidden;position:absolute;overflow:scroll!important;top:inherit;border:1px solid#f5a860;background:#fff!important}.detailModal a{display:flex!important;align-items:center!important}@media screen and (max-width:991px){.detailModal a span{display:flex;justify-content:left;flex-direction:column}}@media screen and (max-width:768px){.detailModal a.choose-detail-variant img{width:20px;height:20px}.detailModal a.choose-detail-variant span{font-size:12px}.detailModal a.choose-detail-variant span small{font-size:9px}}.detail-modal-active{opacity:1;visibility:visible;overflow:hidden!important;padding-right:0!important}.detail-modal-active .modal-dialog{width:100%;max-width:100%;margin:0;transform:none!important;padding:10px;height:100%;max-height:300px;overflow:scroll;overflow-x:hidden}.detail-modal-active .modal-content{box-shadow:0 0}.detail-modal-active .modal-content .modal-body{padding:0}.detail-modal-active .modal-content button{position:absolute;top:0;right:0;min-width:inherit;width:30px;height:30px}.detail-modal-active .modal-content button span{font-size:20px}.modal-detail-open{overflow:scroll!important;padding-right:0!important}.choose-detail-variant{text-align:left}.choose-detail-variant small{font-style:italic;font-size:12px;color:#f5a860}.mb-swatch-color{display:inline-block;width:30px;height:30px}@media screen and (max-width:768px){.mb-swatch-color{width:20px;height:20px}}