#monitor-arm-colors{position:relative;padding:200rem 0 110rem}#monitor-arm-colors .colors-views{position:absolute;top:0;left:0;right:0;bottom:0;margin:auto}#monitor-arm-colors .colors-views .bg-color{background:center 100% / 100% 250% no-repeat;width:100%;height:100%;display:none}#monitor-arm-colors .colors-views .bg-color.active{display:block}#monitor-arm-colors .colors-content{position:relative;z-index:10;background-color:transparent}#monitor-arm-colors .title{font-family:var(--new-font-family);font-weight:600;font-size:60rem;color:#1d1d1f;line-height:1;text-align:center;margin-bottom:40rem}#monitor-arm-colors .desc{font-family:var(--new-font-family);font-weight:400;font-size:20rem;color:#5a5a5a;line-height:30rem;max-width:830rem;text-align:center;margin:0 auto}#monitor-arm-colors .desc b{font-weight:600;color:#1d1d1f}#monitor-arm-colors .colors-box{display:flex;margin-top:90rem;gap:136rem;padding-left:360rem}#monitor-arm-colors .colors-btn-box{display:flex;flex-direction:column;gap:20rem;min-width:200rem}#monitor-arm-colors .colors-btn-box .colors-btn-item{display:flex;align-items:center;gap:12rem}#monitor-arm-colors .colors-btn-box .colors-btn-item .btn{position:relative;display:inline-block;width:40rem;height:40rem;border-radius:50%;padding:0}#monitor-arm-colors .colors-btn-box .colors-btn-item .btn:before{content:"";visibility:hidden;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:48rem;height:48rem;border:2rem solid #FF4200;border-radius:50%}#monitor-arm-colors .colors-btn-box .colors-btn-item .text{display:none;font-family:var(--new-font-family);font-weight:400;font-size:20rem;color:#111;line-height:1}#monitor-arm-colors .colors-btn-box .colors-btn-item.active .btn:before{visibility:visible}#monitor-arm-colors .colors-btn-box .colors-btn-item.active .text{display:block}#monitor-arm-colors .colors-images{width:754rem;height:680rem}#monitor-arm-colors .colors-images img{display:none;margin-top:-58rem}#monitor-arm-colors .colors-images .active{display:block}@media(max-width:768px){#monitor-arm-colors{position:relative;padding:96rem 0 72rem}#monitor-arm-colors .title{font-size:32rem;line-height:38rem;text-align:left;margin-bottom:32rem;padding:0 24rem}#monitor-arm-colors .desc{font-size:16rem;line-height:22rem;max-width:100%;text-align:left;margin:0;padding:0 24rem}#monitor-arm-colors .colors-box{display:flex;flex-direction:column-reverse;margin-top:8rem;gap:0;padding-left:0}#monitor-arm-colors .colors-text-m{font-family:var(--new-font-family);font-weight:400;font-size:16rem;color:#111;line-height:1;margin:6rem 0 16rem;text-align:center}#monitor-arm-colors .colors-btn-box{display:flex;flex-direction:row;justify-content:center;gap:16rem;height:30rem}#monitor-arm-colors .colors-btn-box .colors-btn-item{display:flex;align-items:center;gap:16rem}#monitor-arm-colors .colors-btn-box .colors-btn-item .btn{width:20rem;height:20rem}#monitor-arm-colors .colors-btn-box .colors-btn-item .btn:before{width:30rem;height:30rem;border:1rem solid #FF4200}#monitor-arm-colors .colors-btn-box .colors-btn-item .text{display:none;font-weight:400;font-size:16rem}#monitor-arm-colors .colors-btn-box .colors-btn-item.active .text{display:none}#monitor-arm-colors .colors-images{width:100%;height:338rem;display:flex;align-items:center;justify-content:center}#monitor-arm-colors .colors-images img{max-width:330rem;margin-top:0}}
/*# sourceMappingURL=/cdn/shop/t/153/assets/monitor-arm-colors.scss.css.map */