.swatches-container .header{background-color:var(--bb-body-bg);border-bottom:var(--bb-border-width) var(--bb-border-style) var(--bb-border-color);color:var(--bb-body-color);display:flex;flex-direction:row;font-weight:700}.swatches-container .header>*{float:left;padding:10px;text-align:center}.swatches-container .swatches-list{float:left;list-style:none;margin:0 0 15px;padding:0;position:relative;width:100%}.swatches-container .swatches-list li{align-items:center;display:flex;flex-direction:row;position:relative}.swatches-container .swatches-list li+li{margin-top:1px}.swatches-container .swatches-list li:nth-child(odd){background-color:var(--bb-body-bg)}.swatches-container .swatches-list li>*{float:left;padding:10px;text-align:center}.swatches-container .swatches-list li .image-box-container{font-size:0;margin:0 auto;width:34px}.swatches-container .swatches-list li .image-box-container img{border:1px solid #ccc;height:34px;width:34px}.swatches-container .swatches-list #loading-update-currencies .currency-loading-backdrop{background-color:gray;height:100%;opacity:.3;position:absolute;width:100%;z-index:9998}.swatches-container .swatches-list #loading-update-currencies .currency-loading-loader{animation:spin 2s linear infinite;border:5px solid #f3f3f3;border-radius:50%;border-top-color:#3498db;height:30px;position:absolute;right:50%;top:40%;width:30px;z-index:9999}.swatches-container .swatch-item{flex:1;max-width:90px}.swatches-container .swatch-is-default{width:120px}.swatches-container .remove-item{width:80px}.swatches-container .swatch-decimals,.swatches-container .swatch-exchange-rate,.swatches-container .swatch-is-prefix-symbol{max-width:180px}@media(max-width:768px){.swatches-container .header{display:none}.swatches-container .swatches-list li{background-color:var(--bb-body-bg)!important;border:var(--bb-border-width) var(--bb-border-style) var(--bb-border-color);border-radius:8px;display:block;margin-bottom:15px;padding:15px}.swatches-container .swatches-list li+li{margin-top:15px}.swatches-container .swatches-list li>*{display:block;float:none;max-width:none!important;padding:8px 0;text-align:left;width:100%!important}.swatches-container .swatches-list li .remove-item,.swatches-container .swatches-list li .swatch-is-default,.swatches-container .swatches-list li .swatch-item{margin-bottom:12px;position:relative}.swatches-container .swatches-list li .remove-item:before,.swatches-container .swatches-list li .swatch-is-default:before,.swatches-container .swatches-list li .swatch-item:before{color:var(--bb-body-color);content:attr(data-label);display:block;font-size:14px;font-weight:600;margin-bottom:5px}.swatches-container .swatches-list li .remove-item .form-control,.swatches-container .swatches-list li .remove-item .form-select,.swatches-container .swatches-list li .swatch-is-default .form-control,.swatches-container .swatches-list li .swatch-is-default .form-select,.swatches-container .swatches-list li .swatch-item .form-control,.swatches-container .swatches-list li .swatch-item .form-select{width:100%}.swatches-container .swatches-list li .remove-item{border-top:var(--bb-border-width) var(--bb-border-style) var(--bb-border-color);margin-top:15px;padding-top:15px;text-align:center}.swatches-container .swatches-list li .remove-item:before{display:none}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}
