.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.currency-item{margin-bottom:1px;position:relative}.swatches-container .swatches-list li.currency-item:nth-child(odd) .currency-row{background-color:var(--bb-body-bg)}.swatches-container .swatches-list li.currency-item .currency-row{align-items:center;display:flex;flex-direction:row}.swatches-container .swatches-list li.currency-item .currency-row>*{float:left;padding:10px;text-align:center}.swatches-container .swatches-list li.currency-item .currency-advanced-settings{background-color:var(--bb-tertiary-bg);border-left:3px solid var(--bb-primary);margin:0;padding:15px 20px}.swatches-container .swatches-list li.currency-item .currency-advanced-settings .advanced-settings-content .form-label{font-size:13px;font-weight:600;margin-bottom:5px}.swatches-container .swatches-list li.currency-item .currency-advanced-settings .advanced-settings-content .form-control,.swatches-container .swatches-list li.currency-item .currency-advanced-settings .advanced-settings-content .form-select{font-size:14px}.swatches-container .swatches-list li.currency-item .image-box-container{font-size:0;margin:0 auto;width:34px}.swatches-container .swatches-list li.currency-item .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 .currency-row,.swatches-container .header{width:100%}.swatches-container .swatch-item{flex:0 0 auto}.swatches-container .swatch-item:first-child{min-width:100px;width:12%}.swatches-container .swatch-item:nth-child(2){min-width:80px;width:10%}.swatches-container .swatch-exchange-rate{flex:1 1 auto;min-width:150px}.swatches-container .swatch-is-default{flex:0 0 auto;min-width:100px;width:12%}.swatches-container .swatch-advanced{flex:0 0 auto;min-width:90px;width:10%}.swatches-container .swatch-advanced .toggle-advanced{padding:5px 12px;transition:all .3s ease}.swatches-container .swatch-advanced .toggle-advanced svg{margin:0}.swatches-container .swatch-advanced .toggle-advanced.active,.swatches-container .swatch-advanced .toggle-advanced:hover{background-color:var(--bb-primary);border-color:var(--bb-primary);color:#fff}.swatches-container .remove-item{flex:0 0 auto;min-width:90px;width:10%}@media(max-width:768px){.swatches-container .header{display:none}.swatches-container .swatches-list li.currency-item{background-color:var(--bb-body-bg)!important;border:var(--bb-border-width) var(--bb-border-style) var(--bb-border-color);border-radius:8px;margin-bottom:15px}.swatches-container .swatches-list li.currency-item+li{margin-top:15px}.swatches-container .swatches-list li.currency-item .currency-row{display:block;padding:15px}.swatches-container .swatches-list li.currency-item .currency-row>*{display:block;float:none;max-width:none!important;padding:8px 0;text-align:left;width:100%!important}.swatches-container .swatches-list li.currency-item .currency-row .swatch-advanced,.swatches-container .swatches-list li.currency-item .currency-row .swatch-is-default,.swatches-container .swatches-list li.currency-item .currency-row .swatch-item{margin-bottom:12px;position:relative}.swatches-container .swatches-list li.currency-item .currency-row .swatch-advanced:before,.swatches-container .swatches-list li.currency-item .currency-row .swatch-is-default:before,.swatches-container .swatches-list li.currency-item .currency-row .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.currency-item .currency-row .swatch-advanced .form-control,.swatches-container .swatches-list li.currency-item .currency-row .swatch-advanced .form-select,.swatches-container .swatches-list li.currency-item .currency-row .swatch-is-default .form-control,.swatches-container .swatches-list li.currency-item .currency-row .swatch-is-default .form-select,.swatches-container .swatches-list li.currency-item .currency-row .swatch-item .form-control,.swatches-container .swatches-list li.currency-item .currency-row .swatch-item .form-select{width:100%}.swatches-container .swatches-list li.currency-item .currency-row .swatch-advanced:before{content:"Advanced Settings"}.swatches-container .swatches-list li.currency-item .currency-row .swatch-advanced .toggle-advanced{width:100%}.swatches-container .swatches-list li.currency-item .currency-row .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.currency-item .currency-row .remove-item:before{display:none}.swatches-container .swatches-list li.currency-item .currency-advanced-settings{border-left:0;border-top:3px solid var(--bb-primary)}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}