.product-customizer>.heading{font-size:1.25rem;font-weight:700;letter-spacing:-.05rem;margin:.25rem 0}.product-customizer>.heading:not(:first-child){margin-block-start:2rem}.product-customizer>:is(.product-picker,.pagination,.product-ui){margin-block-start:.5rem}.product-customizer .product-ui{display:flex;gap:1rem}.product-customizer .product-ui .controls{flex:1}.product-customizer .product-picker{grid-template-columns:repeat(4,1fr)}.product-customizer .product-picker .frame{background-color:#000}.product-customizer .large-preview{align-items:center;background-color:#000;display:flex;flex:1}.product-customizer .large-preview .frame{background-color:#000}.product-customizer .preview{--preview-height-px:600;--preview-height:calc(var(--preview-height-px)*1px);--preview-scale:calc(var(--preview-height-px)/var(--h));overflow:hidden;position:relative;width:calc(var(--preview-scale)*var(--w)*1px)}.product-customizer .preview .actions{left:unset;right:0}.product-customizer .preview .lamp-post{--anchor-color:salmon;height:100%;width:inherit}.product-customizer .preview .product{--anchor-color:lime;--p-el-scale:calc(var(--p-scale)*var(--p-height, 1)*var(--preview-scale));height:calc(var(--h)*var(--p-el-scale)*1px);position:absolute;transform-origin:0 0;transition:all .15s ease-in-out;width:calc(var(--w)*var(--p-el-scale)*1px)}.product-customizer .preview .product[style*=--p-top]{top:calc(var(--p-top, 0)*var(--preview-scale)*1px - var(--p-aTop, 0)*var(--p-el-scale)*1px)}.product-customizer .preview .product[style*=--p-left]{left:calc(var(--p-left, 0)*var(--preview-scale)*1px - var(--p-aLeft, 0)*var(--p-el-scale)*1px)}.product-customizer .preview .product[style*=--p-bottom]{bottom:calc(var(--p-bottom, 0)*var(--preview-scale)*1px - var(--p-aBottom, 0)*var(--p-el-scale)*1px)}.product-customizer .preview .snowing-container{inset:0;position:absolute}.product-customizer .preview .snowing-container>.snowing{height:100%;width:100%}.product-customizer :is(.lamp-post,.product){display:grid}.product-customizer :is(.lamp-post,.product)>*{grid-area:1/1}.product-customizer :is(.lamp-post,.product) img{height:100%;width:100%}.product-customizer :is(.lamp-post,.product) .anchors{pointer-events:none;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none}.product-customizer :is(.lamp-post,.product) .anchor{border-radius:10rem;height:.5rem;left:calc(var(--x)/var(--w)*100%);outline:2px solid var(--anchor-color);position:absolute;top:calc(var(--y)/var(--h)*100%);translate:-50% -50%;width:.5rem}.product-customizer:not(.debug) .anchor{display:none}.product-customizer .adjustments .adjustment{align-items:center}.product-customizer .adjustments .adjustment>.col>label{display:inline-block;width:12ch}.product-customizer [data-name=bulbs][data-value=synchro]{animation:hue-animation 6s linear infinite}.column-picker{--img-size:10rem;display:flex;gap:.1rem}.column-picker>.tile{line-height:1}.column-picker .tile-body{aspect-ratio:1;height:auto;text-align:center}.column-picker [role=img]{color:var(--color-accent,var(--acc-brand));font-size:var(--img-size)}.column-picker+.row{margin-block-start:.5rem}@keyframes hue-animation{0%{filter:hue-rotate(0deg)}to{filter:hue-rotate(1turn)}}