.hlo-rgb-customizer,.hlo-rgb-customizer *{box-sizing:border-box}.hlo-rgb-customizer{width:100%;max-width:100%;overflow:hidden;overflow:clip;padding-block:var(--rgb-padding-top, 56px) var(--rgb-padding-bottom, 64px);background:var(--rgb-section-background, #f4f8fb);color:var(--rgb-text-color, #415466);font-size:var(--rgb-body-size, 17px)}.hlo-rgb-customizer .page-width,.hlo-rgb-customizer__header,.hlo-rgb-customizer__layout,.hlo-rgb-customizer__preview-card,.hlo-rgb-customizer__controls{min-width:0;max-width:100%}.hlo-rgb-customizer__header{max-width:760px;margin-bottom:clamp(1.5rem,3vw,2.5rem)}.hlo-rgb-customizer__header .eyebrow{margin:0 0 .55rem}.hlo-rgb-customizer__header h2{margin:0;color:var(--rgb-heading-color, #0b2942);font-size:var(--rgb-heading-size, 42px);line-height:1.08;overflow-wrap:anywhere}.hlo-rgb-customizer__intro{margin-top:.8rem;color:var(--rgb-text-color, #415466)}.hlo-rgb-customizer__intro>:first-child,.hlo-rgb-customizer__notice>:first-child{margin-top:0}.hlo-rgb-customizer__intro>:last-child,.hlo-rgb-customizer__notice>:last-child{margin-bottom:0}.hlo-rgb-customizer__layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);gap:clamp(1rem,3.5vw,3.5rem);align-items:center}.hlo-rgb-customizer__preview-card,.hlo-rgb-customizer__controls{border:1px solid var(--rgb-border-color, #d9e5ee);border-radius:var(--rgb-corner-radius, 24px);background:var(--rgb-panel-background, #fff);box-shadow:0 18px 52px #0b294214}.hlo-rgb-customizer__preview-card{display:grid;min-height:420px;place-items:center;padding:clamp(1rem,4vw,2.5rem)}.hlo-rgb-customizer__preview{position:relative;display:grid;width:min(100%,var(--rgb-preview-width, 560px));max-width:100%;place-items:center;isolation:isolate}.hlo-rgb-customizer__preview:before{position:absolute;z-index:-1;top:8%;left:19%;width:62%;height:62%;border-radius:50%;background:var(--rgb-selected-color, #2289c9);content:"";filter:blur(clamp(24px,5vw,64px));opacity:var(--rgb-glow-opacity, .25);pointer-events:none}.hlo-rgb-customizer__source,.hlo-rgb-customizer__bulb-canvas{display:block;width:100%;max-width:100%;height:auto;aspect-ratio:1;object-fit:contain}.hlo-rgb-customizer__source[hidden],.hlo-rgb-customizer__bulb-canvas[hidden],.hlo-rgb-customizer__image-error[hidden]{display:none!important}.hlo-rgb-customizer__image-error{margin:1rem 0 0;color:#9a3412;font-size:.9em}.hlo-rgb-customizer__requirement{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.85rem;width:100%;margin-top:1rem;padding:1rem;border:1px solid var(--requirement-border, #d97706);border-radius:14px;background:var(--requirement-background, #fff7e8);color:var(--rgb-heading-color, #0b2942)}.hlo-rgb-customizer__requirement-icon{display:grid;width:2.4rem;height:2.4rem;place-items:center;border-radius:50%;background:#fff;color:var(--requirement-border, #d97706)}.hlo-rgb-customizer__requirement-icon svg{width:1.45rem;height:1.45rem;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.9}.hlo-rgb-customizer__requirement h3{margin:0;font-size:1.12rem;line-height:1.25}.hlo-rgb-customizer__requirement .rte{margin-top:.35rem;font-size:.9em;line-height:1.5}.hlo-rgb-customizer__requirement .rte>:first-child,.hlo-rgb-customizer__requirement .rte>:last-child{margin-block:0}.hlo-rgb-customizer__requirement-actions{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:.85rem}.hlo-rgb-customizer__requirement-actions form{margin:0}.hlo-rgb-customizer__requirement-actions .button{min-height:44px;white-space:normal}.hlo-rgb-customizer__requirement-setup{margin:.65rem 0 0;font-size:.82em;font-weight:700}.hlo-rgb-customizer__controls{padding:clamp(1.25rem,3vw,2.25rem)}.hlo-rgb-customizer__controls h3{margin:0;color:var(--rgb-heading-color, #0b2942);font-size:clamp(1.35rem,2.2vw,1.8rem);line-height:1.15}.hlo-rgb-customizer__instructions{margin:.65rem 0 1.25rem;line-height:1.55}.hlo-rgb-customizer__wheel-wrap{position:relative;width:min(100%,var(--rgb-wheel-size, 320px));margin-inline:auto;aspect-ratio:1;touch-action:none;user-select:none;-webkit-user-select:none}.hlo-rgb-customizer__wheel{display:block;width:100%;height:100%;border:0;border-radius:50%;background:radial-gradient(circle at center,#fff,#ffffffeb 14%,#ffffffad 38%,#ffffff57 68%,#fff0),conic-gradient(from 90deg,red,#ff0,#0f0,#0ff,#00f,#f0f,red 360deg);box-shadow:0 0 0 1px #0b294229,0 10px 28px #0b294229;cursor:crosshair}.hlo-rgb-customizer__wheel:focus-visible{outline:3px solid var(--rgb-accent-color, #2289c9);outline-offset:5px}.hlo-rgb-customizer__wheel-marker{position:absolute;top:50%;left:50%;width:18px;height:18px;border:3px solid #fff;border-radius:50%;background:var(--rgb-selected-color, #2289c9);box-shadow:0 0 0 2px #0b2942,0 2px 7px #00000059;pointer-events:none;transform:translate(-50%,-50%)}.hlo-rgb-customizer__color-row{display:flex;flex-wrap:wrap;gap:.75rem;align-items:flex-end;justify-content:center;margin-top:1.25rem}.hlo-rgb-customizer__color-field{display:grid;grid-template-columns:auto 52px;gap:.7rem;align-items:center;color:var(--rgb-heading-color, #0b2942);font-size:.88em;font-weight:700}.hlo-rgb-customizer__color-field input[type=color]{width:52px;height:44px;margin:0;padding:3px;border:1px solid var(--rgb-border-color, #d9e5ee);border-radius:10px;background:#fff;cursor:pointer}.hlo-rgb-customizer__color-field input[type=color]:focus-visible{outline:3px solid var(--rgb-accent-color, #2289c9);outline-offset:2px}.hlo-rgb-customizer__hex{min-width:96px;padding:.65rem .8rem;border:1px solid var(--rgb-border-color, #d9e5ee);border-radius:10px;background:#f8fbfd;color:var(--rgb-heading-color, #0b2942);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.88em;font-weight:700;line-height:1;text-align:center}.hlo-rgb-customizer__notice{margin-top:1.25rem;padding:.9rem 1rem;border-left:4px solid var(--rgb-accent-color, #2289c9);border-radius:0 10px 10px 0;background:#f4f8fb;font-size:.82em;line-height:1.5}@media(max-width:989px){.hlo-rgb-customizer__layout{grid-template-columns:minmax(0,1fr)}.hlo-rgb-customizer__preview-card{min-height:0}.hlo-rgb-customizer__preview{width:min(100%,var(--rgb-preview-width-mobile, 360px))}.hlo-rgb-customizer__wheel-wrap{width:min(100%,var(--rgb-wheel-size-mobile, 260px))}}@media(max-width:749px){.hlo-rgb-customizer{padding-block:max(24px,calc(var(--rgb-padding-top, 56px) * .72)) max(28px,calc(var(--rgb-padding-bottom, 64px) * .72));font-size:min(var(--rgb-body-size, 17px),18px)}.hlo-rgb-customizer__header h2{font-size:var(--rgb-heading-size-mobile, 30px)}.hlo-rgb-customizer__preview-card,.hlo-rgb-customizer__controls{border-radius:min(var(--rgb-corner-radius, 24px),20px)}.hlo-rgb-customizer__preview-card{padding:1rem}.hlo-rgb-customizer__controls{padding:1.15rem}.hlo-rgb-customizer__requirement{grid-template-columns:minmax(0,1fr)}.hlo-rgb-customizer__requirement-actions,.hlo-rgb-customizer__requirement-actions form,.hlo-rgb-customizer__requirement-actions .button{width:100%}}@media(forced-colors:active){.hlo-rgb-customizer__wheel{forced-color-adjust:none}}
/*# sourceMappingURL=/cdn/shop/t/70/assets/rgb-bulb-customizer.css.map */