img{user-select:none}img::selection{background:#fff0}.bafg-method-3-wrapper{width:100%;height:auto;max-height:100vh;transform:translate3d(0%,0%,0);overflow:hidden;box-shadow:0 10px 20px rgb(0 0 0 / .19),0 6px 6px rgb(0 0 0 / .23)}.bafg-method-3-wrapper .bafg-bottom,.bafg-method-3-wrapper .bafg-middle,.bafg-method-3-wrapper .bafg-top{width:100%;height:100%;background-repeat:no-repeat;background-color:#fff;background-size:cover;background-position:center;position:absolute;top:0;left:0;pointer-events:none;overflow:hidden}.bafg-method-3-wrapper .bafg-top img,.bafg-method-3-wrapper .bafg-middle img,.bafg-method-3-wrapper .bafg-bottom img{height:auto;max-width:unset;object-fit:contain}.bafg-method-3-wrapper .bafg-top{width:125px}.bafg-method-3-wrapper .scroller{width:50px;height:50px;position:absolute;left:100px;top:50%;transform:translateY(-50%);border-radius:50%;background-color:#fff0;opacity:.9;transition:opacity 0.12s ease-in-out;pointer-events:auto;cursor:pointer;box-shadow:3.5px 0 7px rgb(100 100 100 / .2);z-index:2}.design-6 .scroller{margin-left:-2px}.bafg-method-3-wrapper .scroller-middle,.bafg-method-3-wrapper .scroller-top{top:50%}.scroller:hover{opacity:1}.scrolling{pointer-events:none;opacity:1}.bafg-method-3-wrapper .scroller .scroller__thumb{width:100%;height:100%;border-radius:50%}.scroller:before,.scroller:after{content:" ";display:block;width:3px;height:9999px;position:absolute;left:50%;margin-left:-1.5px;z-index:30;transition:0.1s;box-shadow:3.5px 0 7px rgb(100 100 100 / .2)}.bafg-method-3-wrapper .scroller:before{top:50px}.scroller:after{bottom:49px}.scroller-middle>.scroller__thumb{border:3px solid #bcbcbc}.scroller-middle:before,.scroller-middle:after{background:#FFF}.scroller-top>.scroller__thumb{border:3px solid #bcbcbc}.scroller-top:before,.scroller-top:after{background:#fff}.bafg-first-label{position:absolute;left:0;color:#fff;background:rgb(255 255 255 / .2);bottom:0;z-index:999;padding:5px 20px;display:none;transition:all 0.8s}.bafg-mid-label{position:absolute;left:50%;color:#fff;background:rgb(255 255 255 / .2);bottom:0;z-index:999;padding:5px 20px;display:none;transition:all 0.8s}.bafg-third-label{position:absolute;right:0;color:#fff;background:rgb(255 255 255 / .2);bottom:0;z-index:999;padding:5px 20px;display:none;transition:all 0.8s}.bafg-m3-overlay{background:rgb(12 12 12 / 48%);height:100%;position:absolute;width:100%;transition:all 0.8s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;opacity:0}.bafg-method-3-wrapper:hover .bafg-m3-overlay,.bafg-method-3-wrapper:hover .bafg-first-label,.bafg-method-3-wrapper:hover .bafg-mid-label,.bafg-method-3-wrapper:hover .bafg-third-label{opacity:1;transition:all 0.8s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:block}.bafg-left-arrow{border:6px inset #fff0;border-right-color:#fff;left:44%;position:absolute;margin-left:-15px;transform:rotate(2deg);top:38%}.bafg-right-arrow{border:6px inset #fff0;border-left:6px solid #fff;position:absolute;right:14%;top:38%;transform:rotate(361deg)}.bafg-method-3-wrapper.design-1 .scroller__thumb{border-radius:unset;transform:rotate(45deg)}.bafg-method-3-wrapper.design-1 .scroller:before{top:56px}.bafg-method-3-wrapper.design-1 .scroller:after{bottom:56px}.bafg-left-arrow{transform:rotate(0deg)}.bafg-right-arrow{transform:rotate(0deg)}.bafg-method-3-wrapper.design-1 .bafg-left-arrow{border-right-color:#fff;left:50%;position:absolute;top:55%;margin-left:-13px;transform:rotate(316deg)}.bafg-method-3-wrapper.design-1 .bafg-right-arrow{border-left-color:#fff;position:absolute;left:50%;top:50%;margin-top:-14.9px;transform:rotate(315deg);z-index:103;right:1%}.bafg-method-3-wrapper.design-1 .bafg-first-label,.bafg-method-3-wrapper.design-1 .bafg-mid-label,.bafg-method-3-wrapper.design-1 .bafg-third-label{top:0;height:40px}.bafg-method-3-wrapper.design-2 .scroller{width:30px;height:120px;background:#fff;border-radius:15px}.bafg-method-3-wrapper.design-2 .bafg-left-arrow{border-right-color:#222}.bafg-method-3-wrapper.design-2 .bafg-right-arrow{border-left-color:#222;right:0;top:46px}.bafg-method-3-wrapper.design-3 .scroller{width:80px;height:80px}.bafg-method-3-wrapper.design-3 .scroller:before{top:80px}.bafg-method-3-wrapper.design-3 .scroller:after{bottom:80px}.design-3 .bafg-left-arrow{top:41%}.design-3 .bafg-right-arrow{right:24%;top:41%}.design-3 .bafg-first-label,.design-3 .bafg-mid-label,.design-3 .bafg-third-label{top:0;height:40px}.bafg-method-3-wrapper.design-4 .scroller__thumb{border:unset!important}.bafg-method-3-wrapper.design-4 .scroller:before{top:20px}.bafg-method-3-wrapper.design-4 .scroller:after{bottom:20px}.bafg-method-3-wrapper.design-4 .scroller__thumb{border:10px solid #0003}.bafg-method-3-wrapper.design-5 .scroller{width:55px;height:55px;background-color:#fff}.design-5 .bafg-left-arrow{border-right-color:#444}.design-5 .bafg-right-arrow{border-left-color:#444}.design-5 .scroller:before,.design-5 .scroller:after{display:none}.bafg-method-3-wrapper.design-6 .scroller{width:30px;height:120px}.bafg-method-3-wrapper.design-6 .scroller__thumb{border-radius:15px}.bafg-method-3-wrapper.design-6 .bafg-left-arrow{border-right-color:#fff;left:0}.bafg-method-3-wrapper.design-6 .bafg-right-arrow{border-left-color:#fff;right:-14px;top:46px}.design-6 .scroller:before{top:120px}.design-6 .scroller:after{bottom:120px}.bafg-tri-handle-wrapper{width:100%;background:rgb(0 0 0 / .25);height:10px;margin-right:0;position:absolute;bottom:-22px;border-radius:30px}.bafg-method-3-wrapper.design-7 .scroller{transform:translate(10px,-50%)}.bafg-method-3-wrapper.design-7{overflow:unset}.bafg-method-3-wrapper.design-7 .scroller-middle,.bafg-method-3-wrapper.design-7 .scroller-top{margin-top:0}.bafg-method-3-wrapper.design-7 .scroller:before,.bafg-method-3-wrapper.design-7 .scroller:after{display:none}.bafg-method-3-wrapper.design-7 .scroller__thumb{width:30px;border:none!important;border-radius:5px;height:10px;background:#fff}.bafg-method-3-wrapper.design-7 .scroller{box-shadow:none;width:unset;height:unset}.bafg-method-3-wrapper.design-7 .scroller__thumb .bafg-left-arrow,.bafg-method-3-wrapper.design-7 .scroller__thumb .bafg-right-arrow{display:none}.bafg-method-3-wrapper.design-8 .scroller__thumb{display:none}.bafg-method-3-wrapper.design-8 .scroller:after{bottom:0}.bafg-method-3-wrapper.design-8 .scroller::before{top:0}