.db-brightness-compare-container{width:100%;box-sizing:border-box}.db-brightness-compare-wrapper{max-width:72.91vw;margin:0 auto;box-sizing:border-box}.db-brightness-compare-header{margin:0 0 2.083vw;text-align:left}.db-brightness-compare-title{margin:0;font-family:Poppins,sans-serif;font-weight:600;line-height:1.25em;letter-spacing:-.02em;word-wrap:break-word;font-size:var(--font-size-desktop, 2.5vw)}.db-brightness-compare-box{position:relative;width:100%;overflow:hidden;border-radius:0;background-color:#000}.db-brightness-media-layer{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;opacity:0;transition:opacity 1.2s ease;pointer-events:none}.db-brightness-media-layer.active{opacity:1;z-index:2}.db-brightness-media-layer.is-entering{opacity:1;z-index:3}.db-brightness-media-layer img{width:100%;height:100%;object-fit:cover;display:block}.db-brightness-slider-container{position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:72.91vw;padding:0 1.04vw;box-sizing:border-box;pointer-events:none;z-index:10}.db-brightness-slider-panel{position:absolute;width:24.375vw;bottom:2.083vw;right:1.04vw}.panel-bottom-right .db-brightness-slider-panel{bottom:2.083vw;right:1.04vw;top:auto;left:auto}.panel-bottom-left .db-brightness-slider-panel{bottom:2.083vw;left:1.04vw;top:auto;right:auto}.panel-top-right .db-brightness-slider-panel{top:2.083vw;right:1.04vw;bottom:auto;left:auto}.panel-top-left .db-brightness-slider-panel{top:2.083vw;left:1.04vw;bottom:auto;right:auto}.db-brightness-slider-panel{width:24.375vw;height:7.08vw;border-radius:.833vw;background-color:#0006;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-sizing:border-box;padding:1.25vw;display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 .417vw 1.25vw #00000026;pointer-events:auto}.db-brightness-panel-header{display:flex;justify-content:space-between;align-items:flex-start;width:100%}.db-brightness-panel-label{color:#fffc;font-family:Poppins,sans-serif;font-size:.729vw;font-weight:400;line-height:1.4em;margin:0}.db-brightness-panel-value{color:#fff;font-family:Poppins,sans-serif;font-size:1.667vw;font-weight:600;line-height:1em;text-align:right;margin:0}.db-brightness-panel-value .val-num{color:#fff}.db-brightness-slider-wrap{position:relative;width:100%;height:1.04vw;display:flex;align-items:center}.db-brightness-range-input{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer;z-index:5;margin:0;padding:0}.db-brightness-slider-track{position:relative;width:100%;height:.417vw;background-color:#ffffff4d;border-radius:.26vw;overflow:visible;pointer-events:none}.db-brightness-slider-fill{position:absolute;top:0;left:0;height:100%;width:50%;background-color:#0085fa;border-radius:.26vw;transition:width 1.2s cubic-bezier(.25,1,.5,1)}.db-brightness-slider-thumb{position:absolute;top:50%;left:50%;width:1.04vw;height:1.04vw;background-color:#fff;border:.208vw solid #0085fa;border-radius:50%;transform:translate(-50%,-50%);transition:left 1.2s cubic-bezier(.25,1,.5,1);box-shadow:0 .104vw .52vw #0000004d}.is-dragging .db-brightness-slider-fill,.is-dragging .db-brightness-slider-thumb{transition:none!important}.db-brightness-panel-marks{display:flex;justify-content:space-between;width:100%;box-sizing:border-box}.db-brightness-panel-mark{color:#fff9;font-family:Poppins,sans-serif;font-size:.729vw;font-weight:400;cursor:pointer;transition:color .3s ease;margin:0}.db-brightness-panel-mark.active{color:#fff;font-weight:500}@media(max-width:749px){.db-brightness-compare-wrapper{max-width:89.33vw}.db-brightness-compare-header{margin-bottom:0}.db-brightness-compare-title{font-size:var(--font-size-mobile, var(--font-size-desktop, 4.267vw))!important}.db-brightness-compare-box{height:var(--grid-height-mb, 128vw)!important;border-radius:3.2vw!important;overflow:hidden!important}.db-brightness-slider-container{left:0!important;transform:none!important;width:100%!important;max-width:100%!important;padding:0!important}.db-brightness-slider-panel{bottom:20px!important;left:20px!important;right:20px!important;transform:none!important;width:auto!important;height:auto!important;border-radius:20px!important;background-color:#0006!important;backdrop-filter:blur(20px)!important;-webkit-backdrop-filter:blur(20px)!important;border:1px solid rgba(255,255,255,.15)!important;padding:24px!important;box-shadow:0 8px 32px #00000040!important;display:flex!important;flex-direction:column!important;gap:6px!important}.db-brightness-panel-header{display:flex!important;justify-content:space-between!important;align-items:flex-end!important;width:100%!important}.db-brightness-panel-label{font-size:14px!important;color:#fffc!important;font-weight:400!important;margin:0!important;line-height:1.2em!important}.db-brightness-panel-value{font-size:32px!important;font-weight:600!important;color:#fff!important;margin:0!important;line-height:1em!important}.db-brightness-slider-wrap{height:16px!important;width:100%!important;position:relative!important}.db-brightness-slider-track{height:6px!important;background-color:#ffffff40!important;border-radius:3px!important}.db-brightness-slider-fill{background-color:#0085fa!important;border-radius:3px!important}.db-brightness-slider-thumb{width:16px!important;height:16px!important;border-radius:50%!important;background-color:#fff!important;border:4px solid #0085FA!important;box-shadow:0 2px 8px #0000004d!important}.db-brightness-panel-marks{display:flex!important;justify-content:space-between!important;width:100%!important}.db-brightness-panel-mark{font-size:14px!important;color:#fff9!important;font-weight:400!important;transition:color .3s ease!important}.db-brightness-panel-mark.active{color:#fff!important;font-weight:500!important}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/db-brightness-compare.css.map */