.ccb-wrap{display:flex;gap:48px;align-items:flex-start;width:100%;max-width:none;margin:0;padding:32px clamp(20px,5vw,72px);box-sizing:border-box}.ccb-preview{position:relative;flex:1 1 50%;aspect-ratio:1 / 1;background:#f4f3f6;border-radius:24px;overflow:hidden}.ccb-viewer{position:absolute;top:0;right:0;bottom:0;left:0}.ccb-fullscreen-btn{position:absolute;top:16px;right:16px;z-index:10;background:#fff;border:none;border-radius:8px;padding:9px 14px;cursor:pointer;box-shadow:0 2px 8px #00000026;font-size:13px}.ccb-status{position:absolute;bottom:12px;left:16px;z-index:10;font-size:12px;color:#999;max-width:80%}.ccb-panel{flex:1 1 50%;text-align:center!important;padding-top:12px}.ccb-eyebrow{display:block!important;text-align:center!important;font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:#999;margin:0 0 2px!important}.ccb-title{text-align:center!important;margin:0 0 6px!important;font-size:30px;letter-spacing:.03em;color:#3aa0c8;font-weight:700}.ccb-product-name{text-align:center!important;font-size:14px;color:#555;margin:0 0 22px!important}.ccb-tabs{display:flex!important;flex-wrap:wrap;background:#f4f3f6;border-radius:999px;padding:4px;gap:4px;margin:10px auto 24px;max-width:100%;overflow:visible}.ccb-tab{position:relative;flex:1 1 0;display:flex!important;align-items:center;justify-content:center;gap:6px;white-space:nowrap;border:none!important;background:transparent!important;border-radius:999px!important;padding:10px 14px!important;font-size:13px;font-weight:600;color:#555;cursor:pointer}.ccb-tab.is-active{background:#fff!important;color:#222;box-shadow:0 2px 6px #00000014}.ccb-tab-check{position:absolute!important;top:-7px!important;right:-6px!important;width:18px!important;height:18px!important;border-radius:50%!important;background:#3aa0c8!important;color:#fff!important;font-size:10px!important;border:2px solid #fff!important;display:flex!important;align-items:center;justify-content:center;line-height:1;z-index:2}.ccb-step-label{font-size:12px;font-weight:700;letter-spacing:.03em;color:#333;margin-bottom:2px;text-transform:uppercase}.ccb-color-name{font-size:12px;color:#888;margin-bottom:16px}.ccb-color-name strong{color:#333}.ccb-color-check{color:#3aa0c8;margin-left:4px}.ccb-swatch-row{display:flex!important;justify-content:center;gap:10px;flex-wrap:wrap;margin-bottom:28px}.ccb-swatch{-webkit-appearance:none!important;appearance:none!important;display:inline-block!important;box-sizing:border-box!important;width:30px!important;height:30px!important;min-width:30px!important;max-width:30px!important;min-height:30px!important;max-height:30px!important;flex:0 0 30px!important;border-radius:50%!important;cursor:pointer!important;border:2px solid rgba(0,0,0,.15)!important;box-shadow:0 1px 3px #0003!important;padding:0!important;margin:0!important;line-height:normal!important;font-size:0!important}.ccb-swatch.is-active{outline:2px solid #3aa0c8!important;outline-offset:2px}.ccb-add-btn{-webkit-appearance:none!important;appearance:none!important;width:100%!important;max-width:360px;background:#3aa0c8!important;color:#fff!important;border:none!important;border-radius:999px!important;padding:15px!important;font-size:14px;letter-spacing:.04em;text-transform:uppercase;cursor:pointer;font-weight:700}.ccb-add-btn:disabled{opacity:.6;cursor:default}.ccb-add-btn.is-added{background:#4caf6f!important}@media(max-width:760px){.ccb-wrap{flex-direction:column}.ccb-preview{width:100%;aspect-ratio:4 / 3}.ccb-panel{width:100%}}
/*# sourceMappingURL=/cdn/shop/t/27/assets/custom-clog-builder.css.map */