@layer bcc-design-layer{.bcc-desktop-color-picker__content{padding:var(--g-spacing-4)}.bcc-desktop-color-picker__content-title{font-size:var(--b-text-body-1-font-size);font-weight:var(--b-text-paragraph-medium-font-weight);color:var(--b-color-neutral-default-900);margin:0 0 var(--g-spacing-2) 0}.bcc-desktop-color-picker__color-square-container{margin-bottom:var(--g-spacing-4)}.bcc-desktop-color-picker__color-square{width:100%;height:200px;border-radius:var(--b-border-radius-cof-10);position:relative;cursor:crosshair;border:1px solid var(--b-color-neutral-default-200)}.bcc-desktop-color-picker__color-selector{position:absolute;width:16px;height:16px;border:2px solid var(--b-color-neutral-default-0);border-radius:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);pointer-events:none;-webkit-box-shadow:0 0 0 1px var(--b-color-status-process-500);box-shadow:0 0 0 1px var(--b-color-status-process-500)}.bcc-desktop-color-picker__transparency-section{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:var(--g-spacing-2);margin-bottom:var(--g-spacing-4)}.bcc-desktop-color-picker__transparency-slider-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:var(--g-spacing-2)}.bcc-desktop-color-picker__transparency-slider{--track-height:14px;--thumb-size:22px;--thumb-border:3px;-webkit-box-flex:1;-ms-flex:1;flex:1;height:var(--track-height);border-radius:9999px;outline:none;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent}}@layer bcc-design-layer{}@layer bcc-design-layer{.bcc-desktop-color-picker__transparency-slider::-webkit-slider-runnable-track{height:var(--track-height);border-radius:9999px;background:linear-gradient(45deg,rgba(0,0,0,0) 25%,rgba(0,0,0,.0509803922) 25% 50%,rgba(0,0,0,0) 50% 75%,rgba(0,0,0,.0509803922) 75%) 0 0/16px 16px,var(--bcc-transparency-gradient,linear-gradient(to right,transparent,#000));border:none}.bcc-desktop-color-picker__transparency-slider::-moz-range-track{height:var(--track-height);border-radius:9999px;background:linear-gradient(45deg,rgba(0,0,0,0) 25%,rgba(0,0,0,.0509803922) 25% 50%,rgba(0,0,0,0) 50% 75%,rgba(0,0,0,.0509803922) 75%) 0 0/16px 16px,var(--bcc-transparency-gradient,linear-gradient(to right,transparent,#000));border:none}.bcc-desktop-color-picker__transparency-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:var(--thumb-size);height:var(--thumb-size);border-radius:50%;background:var(--bcc-transparency-color,#000);border:var(--thumb-border) solid #ffffff;-webkit-box-shadow:0 0 0 1px rgba(0,0,0,.2);box-shadow:0 0 0 1px rgba(0,0,0,.2);margin-top:calc((var(--track-height) - var(--thumb-size)) / 2)}.bcc-desktop-color-picker__transparency-slider::-moz-range-thumb{width:var(--thumb-size);height:var(--thumb-size);border-radius:50%;background:var(--bcc-transparency-color,#000);border:var(--thumb-border) solid #ffffff;box-shadow:0 0 0 1px rgba(0,0,0,.2)}.bcc-desktop-color-picker__alpha-value{font-size:var(--b-text-caption-font-size);color:var(--b-color-neutral-default-600);min-width:40px;text-align:right}.bcc-desktop-color-picker__hue-slider-container{margin-bottom:var(--g-spacing-4)}.bcc-desktop-color-picker__hue-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:14px;border:0;border-radius:9999px;background:transparent;outline:none;cursor:pointer}}@layer bcc-design-layer{.bcc-desktop-color-picker__hue-slider::-webkit-slider-runnable-track{height:14px;border-radius:9999px;background:-webkit-gradient(linear,left top,right top,from(#ff0000),color-stop(17%,#ffff00),color-stop(33%,#00ff00),color-stop(50%,#00ffff),color-stop(67%,#0000ff),color-stop(83%,#ff00ff),to(#ff0000));background:linear-gradient(90deg,#ff0000 0,#ffff00 17%,#00ff00 33%,#00ffff 50%,#0000ff 67%,#ff00ff 83%,#ff0000);border:none}.bcc-desktop-color-picker__hue-slider::-moz-range-track{height:14px;border-radius:9999px;background:linear-gradient(90deg,#ff0000 0,#ffff00 17%,#00ff00 33%,#00ffff 50%,#0000ff 67%,#ff00ff 83%,#ff0000);border:none}.bcc-desktop-color-picker__hue-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:22px;height:22px;border-radius:50%;background:transparent;border:3px solid #ffffff;-webkit-box-shadow:0 0 0 1px rgba(0,0,0,.2);box-shadow:0 0 0 1px rgba(0,0,0,.2);margin-top:calc(var(--g-spacing-1) * -1)}.bcc-desktop-color-picker__hue-slider::-moz-range-thumb{width:22px;height:22px;border-radius:var(--b-border-radius-circle);background:transparent;border:3px solid #ffffff;box-shadow:0 0 0 1px rgba(0,0,0,.2)}}@layer bcc-design-layer{.bcc-desktop-color-picker__hex-section{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:var(--g-spacing-2);margin-bottom:var(--g-spacing-4)}.bcc-desktop-color-picker__hex-label{font-size:var(--b-text-body-2-font-size);font-weight:var(--b-text-paragraph-medium-font-weight);color:var(--b-color-neutral-default-900)}.bcc-desktop-color-picker__palette-section{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:var(--g-spacing-2)}.bcc-desktop-color-picker__palette-label{font-size:var(--b-text-body-2-font-size);font-weight:var(--b-text-paragraph-medium-font-weight);color:var(--b-color-neutral-default-900)}.bcc-desktop-color-picker__palette-colors{display:-webkit-box;display:-ms-flexbox;display:flex;gap:var(--g-spacing-2)}.bcc-desktop-color-picker__palette-color{width:24px;height:24px;border:1px solid var(--b-color-neutral-default-200);border-radius:50%;cursor:pointer;-webkit-transition:all .2s ease;transition:all .2s ease}.bcc-desktop-color-picker__palette-color:hover{-webkit-transform:scale(1.1);transform:scale(1.1);border-color:var(--b-color-status-process-500)}.bcc-desktop-color-picker__palette-color_selected{border:2px solid var(--b-color-status-process-500);-webkit-transform:scale(1.1);transform:scale(1.1)}.bcc-desktop-color-picker{font-family:var(--g-text-body-font-family)}.bcc-desktop-color-picker,.bcc-desktop-color-picker__container{gap:var(--g-spacing-2)}.bcc-desktop-color-picker,.bcc-desktop-color-picker__container,.bcc-desktop-color-picker__preview{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.bcc-desktop-color-picker__preview{width:24px;height:24px;border-radius:50%;cursor:pointer;-webkit-transition:all .2s ease;transition:all .2s ease;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.bcc-desktop-color-picker__preview:hover{-webkit-transform:scale(1.05);transform:scale(1.05)}.bcc-desktop-color-picker__preview-inner{width:100%;height:100%;border-radius:50%;-ms-flex-negative:0;flex-shrink:0}.bcc-desktop-color-picker__trigger{background:var(--b-color-neutral-default-100);border:1px solid var(--b-color-neutral-default-200);border-radius:var(--b-border-radius-cof-10);padding:var(--g-spacing-2) var(--g-spacing-3);cursor:pointer;-webkit-transition:all .2s ease;transition:all .2s ease;font-size:var(--b-text-body-2-font-size);color:var(--b-color-neutral-default-900)}.bcc-desktop-color-picker__trigger:hover:not(:disabled){background:var(--b-color-neutral-default-200)}.bcc-desktop-color-picker__trigger:disabled{cursor:not-allowed;opacity:.5}.bcc-desktop-color-picker__trigger-text{font-weight:var(--b-text-body-2-font-weight)}.bcc-desktop-color-picker__hex-input{width:80px;height:32px;padding:var(--g-spacing-2) var(--g-spacing-3);border:1px solid var(--b-color-neutral-default-200);border-radius:var(--b-border-radius-cof-10);font-size:var(--b-text-body-2-font-size);font-family:var(--g-text-mono-font-family);background:var(--b-color-neutral-default-0);color:var(--b-color-neutral-default-900)}.bcc-desktop-color-picker__hex-input:focus{outline:none;border-color:var(--b-color-status-process-500);-webkit-box-shadow:0 0 0 2px var(--b-color-status-process-100);box-shadow:0 0 0 2px var(--b-color-status-process-100)}.bcc-desktop-color-picker__hex-input:disabled{background:var(--b-color-neutral-default-100);color:var(--b-color-neutral-default-400);cursor:not-allowed}.bcc-desktop-color-picker__addons{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.bcc-desktop-color-picker__children{margin-top:var(--g-spacing-2)}.bcc-desktop-color-picker_size_s .bcc-desktop-color-picker__preview{width:20px;height:20px}.bcc-desktop-color-picker_size_s .bcc-desktop-color-picker__hex-input{width:70px;height:28px;font-size:var(--b-text-caption-font-size)}.bcc-desktop-color-picker_size_lg .bcc-desktop-color-picker__preview{width:32px;height:32px}.bcc-desktop-color-picker_size_lg .bcc-desktop-color-picker__hex-input{width:100px;height:40px;font-size:var(--b-text-body-1-font-size)}.bcc-desktop-color-picker_disabled{opacity:.5}.bcc-desktop-color-picker_loading{position:relative}.bcc-desktop-color-picker_loading:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:var(--b-color-neutral-default-100);border-radius:var(--b-border-radius-cof-10)}.bcc-desktop-color-picker_focused .bcc-desktop-color-picker__trigger{-webkit-box-shadow:0 0 0 2px var(--b-color-status-process-100);box-shadow:0 0 0 2px var(--b-color-status-process-100)}}@layer bcc-design-layer{}@layer bcc-design-layer{}