.dragon-lumalens-interactive .dli-image-container{position:relative;overflow:hidden}.dragon-lumalens-interactive .dli-image-container:before{content:"";display:block;width:100%;padding-top:63.45%}.dragon-lumalens-interactive .dli-image-container .after-image,.dragon-lumalens-interactive .dli-image-container .before-image{position:absolute;top:0;height:100%;width:100%;background-position:50%;background-clip:content-box;background-size:cover}.dragon-lumalens-interactive .dli-image-container .before-image{z-index:1;left:0;width:100%}.dragon-lumalens-interactive .dli-image-container .after-image{z-index:2;right:0;width:100%;padding-left:50%}.dragon-lumalens-interactive .dli-image-container .before-after-slider{z-index:3;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);color:#111;font-size:18px;font-weight:700;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.dragon-lumalens-interactive .dli-image-container .before-after-slider .instruction-text{white-space:nowrap;margin-bottom:25px;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;visibility:visible;opacity:1;-webkit-transition:visibility .3s ease-in-out,opacity .3s ease-in-out;transition:visibility .3s ease-in-out,opacity .3s ease-in-out}.dragon-lumalens-interactive .dli-image-container .before-after-slider .inner-slider{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.dragon-lumalens-interactive .dli-image-container .before-after-slider .inner-slider .before-text{margin-right:10px;white-space:nowrap;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.dragon-lumalens-interactive .dli-image-container .before-after-slider .inner-slider .slider{width:50px;height:50px;cursor:ew-resize}.dragon-lumalens-interactive .dli-image-container .before-after-slider .inner-slider .slider svg{width:100%;height:100%}.dragon-lumalens-interactive .dli-image-container .before-after-slider .inner-slider .after-text{margin-left:10px;white-space:nowrap;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.dragon-lumalens-interactive .dli-image-container .before-after-slider.dragging .instruction-text{visibility:hidden;opacity:0}.dragon-lumalens-interactive .dli-lens-picker-container{z-index:3;position:relative;background-color:#111;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.dragon-lumalens-interactive .dli-lens-picker-container .bright-light,.dragon-lumalens-interactive .dli-lens-picker-container .low-light{color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;padding:20px 15px}.dragon-lumalens-interactive .dli-lens-picker-container .bright-light .lens,.dragon-lumalens-interactive .dli-lens-picker-container .low-light .lens{text-align:center;margin:0 10px;-webkit-box-flex:1;-ms-flex:1 1 100%;flex:1 1 100%;opacity:.3;cursor:pointer;-webkit-transition:opacity .3s ease-in-out,margin .3s ease-in-out;transition:opacity .3s ease-in-out,margin .3s ease-in-out}.dragon-lumalens-interactive .dli-lens-picker-container .bright-light .lens .lens-name,.dragon-lumalens-interactive .dli-lens-picker-container .low-light .lens .lens-name{font-size:10px;line-height:12px;margin-top:10px}.dragon-lumalens-interactive .dli-lens-picker-container .bright-light .lens .selected-arrow,.dragon-lumalens-interactive .dli-lens-picker-container .low-light .lens .selected-arrow{display:none}.dragon-lumalens-interactive .dli-lens-picker-container .bright-light .lens.selected,.dragon-lumalens-interactive .dli-lens-picker-container .low-light .lens.selected{margin-top:-50px;opacity:1}.dragon-lumalens-interactive .dli-lens-picker-container .bright-light .lens.selected .selected-arrow,.dragon-lumalens-interactive .dli-lens-picker-container .low-light .lens.selected .selected-arrow{display:block;margin:10px auto auto;width:0;height:0;border-left:15px solid transparent;border-right:15px solid transparent;border-bottom:15px solid #ea3641}.dragon-lumalens-interactive .dli-lens-picker-container .picker-text{color:#fff;text-align:center}.dragon-lumalens-interactive .dli-light-condition-container{background-color:#666;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:20px 15px}.dragon-lumalens-interactive .dli-light-condition-container .cloud-icon,.dragon-lumalens-interactive .dli-light-condition-container .sun-icon{width:100px}.dragon-lumalens-interactive .dli-light-condition-container .cloud-icon svg,.dragon-lumalens-interactive .dli-light-condition-container .sun-icon svg{width:100%;height:auto}.dragon-lumalens-interactive .dli-light-condition-container .dots{-webkit-box-flex:1;-ms-flex:1 1 100%;flex:1 1 100%;border-bottom:2px dotted #fff;margin:0 10px}.dragon-lumalens-interactive .dli-light-condition-container .light-condition-text{color:#fff;text-align:center}