.cfmoto-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.7);z-index:9998;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.cfmoto-overlay.active{opacity:1;visibility:visible}.cfmoto-purchase-widget{position:fixed;bottom:-120px;left:0;width:100%;height:120px;background-color:#000;z-index:9999;display:flex;transition:bottom .4s ease;box-shadow:0 -3px 10px rgba(0,0,0,.25)}.cfmoto-purchase-widget.active{bottom:0}.cfmoto-widget-left{flex:1;display:flex;align-items:center;padding:0 20px;border-right:1px solid rgba(255,255,255,.1)}.cfmoto-color-select-title{color:white;font-weight:700;margin-right:15px;white-space:nowrap}.cfmoto-color-swatches{display:flex;align-items:center;flex-wrap:wrap;max-width:70%}.cfmoto-color-swatch-wrapper{display:flex;align-items:center;margin-right:5px;cursor:pointer;padding:8px;border:1px solid #333;border-radius:4px}.cfmoto-color-swatch-wrapper.active{border-color:#12bad5}.cfmoto-color-swatch{width:24px;height:24px;border-radius:100%;display:block}.cfmoto-color-name{color:white;margin-left:5px;margin-top:3px;font-size:14px}.cfmoto-widget-right{width:fit-content;display:flex;align-items:center;justify-content:right;padding:0 20px;gap:20px}.cfmoto-price{color:white;font-size:24px;font-weight:700}.cfmoto-checkout-button{background-color:#12bad5;color:white;border:none;padding:14px 20px 10px;border-radius:4px;cursor:pointer;font-weight:700;transition:background-color .2s ease}.cfmoto-checkout-button:hover{background-color:#0e9bb2}.cfmoto-widget-close{position:absolute;top:10px;right:10px;color:white;background:0 0;border:none;font-size:20px;cursor:pointer;opacity:.7}.cfmoto-widget-close:hover{opacity:1}@media (max-width:768px){.cfmoto-purchase-widget{flex-direction:column;height:auto;bottom:-100%;padding:15px 0;transition:bottom .4s ease}.cfmoto-purchase-widget.active{bottom:0}.cfmoto-widget-left{border-right:none;border-bottom:1px solid rgba(255,255,255,.1);padding:15px;width:100%;flex-wrap:wrap}.cfmoto-color-select-title{margin-bottom:10px;width:100%}.cfmoto-color-swatches{max-width:100%;flex-direction:row;flex-wrap:wrap;align-items:flex-start;gap:5px}.cfmoto-color-swatch-wrapper{margin-right:0;margin-bottom:5px}.cfmoto-widget-right{width:100%;padding:15px;flex-direction:column}.cfmoto-price{margin-bottom:15px}.cfmoto-checkout-button{width:100%;padding:12px;text-align:center}}