.swatches-container .header{display:flex;flex-direction:row;font-weight:700;background-color:var(--bb-body-bg);color:var(--bb-body-color);border-bottom:var(--bb-border-width) var(--bb-border-style) var(--bb-border-color)}.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;width:100%;position:relative}.swatches-container .swatches-list li.currency-item{position:relative;margin-bottom:1px}.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{display:flex;flex-direction:row;align-items:center}.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);padding:15px 20px;margin:0}.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{width:34px;margin:0 auto;font-size:0}.swatches-container .swatches-list li.currency-item .image-box-container img{border:1px solid #ccc;width:34px;height:34px}.swatches-container .swatches-list #loading-update-currencies .currency-loading-backdrop{position:absolute;background-color:gray;opacity:.3;z-index:9998;width:100%;height:100%}.swatches-container .swatches-list #loading-update-currencies .currency-loading-loader{position:absolute;border:5px solid #f3f3f3;border-top-color:#3498db;border-radius:50%;right:50%;top:40%;z-index:9999;width:30px;height:30px;animation:spin 2s linear infinite}.swatches-container .currency-row,.swatches-container .header{width:100%}.swatches-container .swatch-item{flex:0 0 auto}.swatches-container .swatch-item:first-child{width:12%;min-width:100px}.swatches-container .swatch-item:nth-child(2){width:10%;min-width:80px}.swatches-container .swatch-exchange-rate{flex:1 1 auto;min-width:150px}.swatches-container .swatch-is-default{flex:0 0 auto;width:12%;min-width:100px}.swatches-container .swatch-advanced{flex:0 0 auto;width:10%;min-width:90px}.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;width:10%;min-width:90px}@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>*{float:none;padding:8px 0;text-align:left;width:100%!important;max-width:none!important;display:block}.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{position:relative;margin-bottom:12px}.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{content:attr(data-label);display:block;font-weight:600;margin-bottom:5px;color:var(--bb-body-color);font-size:14px}.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{text-align:center;margin-top:15px;padding-top:15px;border-top:var(--bb-border-width) var(--bb-border-style) var(--bb-border-color)}.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)}}