.dl-page-scan-X-section{background-color:#fff}.dl-page-scan-X-container{display:flex;padding:120px 0;width:1440px;margin:0 auto;flex-direction:column;align-items:center;justify-content:center;gap:24px}.dl-page-scan-X-title{display:flex;justify-content:space-between;align-items:flex-end;width:100%}.dl-page-scan-X-title-main span{color:#000;font-size:56px;font-style:normal;font-weight:500;line-height:normal}.dl-page-scan-X-title-sub span{color:#000;font-size:24px;font-style:normal;font-weight:500;line-height:140%}.dl-page-scan-X-content{display:flex;height:640px;width:100%}.dl-page-scan-X-content-left{display:flex;width:880px;height:100%;position:relative}.dl-page-scan-X-content-left img,.dl-page-scan-X-content-left video{width:100%;height:100%;object-fit:cover;border-radius:8px 0 0 8px}.dl-page-scan-X-content-left video{cursor:pointer}.dl-page-scan-X-content-left-controls{position:absolute;bottom:24px;right:32px;display:flex;align-items:center}.dl-page-scan-X-content-left-controls.dl-page-scan-X-controls-hidden{display:none}.dl-page-scan-X-control-button{display:flex;width:64px;height:64px;justify-content:center;align-items:center;flex-shrink:0;border-radius:50%;background:#57576166;-webkit-backdrop-filter:blur(13px);backdrop-filter:blur(13px)}.dl-page-scan-X-content-left-controls-play-icon{padding:13px 11px 13px 15px}.dl-page-scan-X-content-left-controls-pause-icon{padding:13px}.dl-page-scan-X-control-button svg{width:64px;height:64px;object-fit:cover}.dl-page-scan-X-control-play .dl-page-scan-X-content-left-controls-play-icon{display:none}.dl-page-scan-X-control-play.is-paused .dl-page-scan-X-content-left-controls-play-icon{display:block}.dl-page-scan-X-control-play.is-paused .dl-page-scan-X-content-left-controls-pause-icon{display:none}.dl-page-scan-X-content-right{display:flex;padding:0 64px;width:560px;height:100%;flex-direction:column;justify-content:center;align-items:flex-start;flex-shrink:0;align-self:stretch;background:#f5f3ee;border-radius:0 8px 8px 0}.dl-page-scan-X-content-right-image{margin-bottom:40px;width:160px;height:160px}.dl-page-scan-X-content-right-image img{width:100%;height:100%;object-fit:cover}.dl-page-scan-X-content-right-content{display:flex;flex-direction:column;align-items:flex-start;gap:24px}.dl-page-scan-X-content-right-title span{color:#000;font-size:32px;font-style:normal;font-weight:500;line-height:normal}.dl-page-scan-X-content-right-desc{color:#95989c;font-size:20px;font-style:normal;font-weight:400;line-height:normal}@media screen and (max-width: 990px){.dl-page-scan-X-container{display:flex;padding:calc(80/375*100vw) 6.4vw;width:100%;gap:6.4vw}.dl-page-scan-X-title{display:flex;flex-direction:column;align-items:flex-start;gap:calc(8/375*100vw);width:100%}.dl-page-scan-X-title-main span{font-size:calc(32/375*100vw)}.dl-page-scan-X-title-sub span{font-size:calc(14/375*100vw);font-weight:400;line-height:normal}.dl-page-scan-X-content{display:flex;flex-direction:column;height:auto;width:100%}.dl-page-scan-X-content-left{width:100%;height:auto}.dl-page-scan-X-content-left img,.dl-page-scan-X-content-left video{border-radius:calc(8/375*100vw) calc(8/375*100vw) 0 0}.dl-page-scan-X-content-left-controls{position:absolute;bottom:calc(10/375*100vw);right:calc(10/375*100vw);display:flex;align-items:center}.dl-page-scan-X-control-button{display:flex;width:calc(40/375*100vw);height:calc(40/375*100vw);justify-content:center;align-items:center;flex-shrink:0;border-radius:50%;background:#57576166;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.dl-page-scan-X-content-left-controls-play-icon,.dl-page-scan-X-content-left-controls-pause-icon{padding:calc(8/375*100vw)}.dl-page-scan-X-control-button svg{width:calc(40/375*100vw);height:calc(40/375*100vw);object-fit:cover}.dl-page-scan-X-content-right{display:flex;padding:6.4vw;width:100%;height:auto;align-items:center;gap:6.4vw;background:#f5f3ee;border-radius:0 0 calc(8/375*100vw) calc(8/375*100vw)}.dl-page-scan-X-content-right-content{gap:calc(8/375*100vw);align-items:center}.dl-page-scan-X-content-right-title span{text-align:center;font-size:calc(20/375*100vw)}.dl-page-scan-X-content-right-desc{text-align:center;font-size:calc(16/375*100vw)}.dl-page-scan-X-content-right-button{width:100%;height:12.8vw;padding:0 12.8vw;border-radius:calc(4/375*100vw);background:#000}.dl-page-scan-X-content-right-button a{display:flex;width:100%;height:100%;justify-content:center;align-items:center;gap:calc(10/375*100vw)}.dl-page-scan-X-content-right-button svg{width:6.4vw;height:6.4vw}.dl-page-scan-X-content-right-button span{color:#fff;text-align:center;font-size:calc(16/375*100vw);font-style:normal;font-weight:400;line-height:normal;text-transform:capitalize}}@media screen and (min-width: 991px) and (max-width: 1600px){.dl-page-scan-X-container{padding:7.5vw 0;width:90vw;gap:1.5vw}.dl-page-scan-X-title-main span{font-size:calc(56/1600*100vw)}.dl-page-scan-X-title-sub span{font-size:1.5vw}.dl-page-scan-X-content{height:40vw}.dl-page-scan-X-content-left{width:calc(880/1600*100vw)}.dl-page-scan-X-content-left img,.dl-page-scan-X-content-left video{border-radius:.5vw 0 0 .5vw}.dl-page-scan-X-content-right{padding:0 4vw;width:35vw;border-radius:0vw .5vw .5vw 0}.dl-page-scan-X-content-right-image{margin-bottom:2.5vw;width:10vw;height:10vw}.dl-page-scan-X-content-right-content{gap:1.5vw}.dl-page-scan-X-content-right-title span{font-size:2vw}.dl-page-scan-X-content-right-desc{font-size:1.25vw}.dl-page-scan-X-content-left-controls{position:absolute;bottom:1.5vw;right:2vw;display:flex;align-items:center}.dl-page-scan-X-control-button{width:4vw;height:4vw}.dl-page-scan-X-content-left-controls-play-icon{padding:.8125vw .6875vw .8125vw .9375vw}.dl-page-scan-X-content-left-controls-pause-icon{padding:.8125vw}.dl-page-scan-X-control-button svg{width:4vw;height:4vw}}@media screen and (min-width: 1921px){.dl-page-scan-X-container{padding:6.25vw 0;width:75vw;gap:1.25vw}.dl-page-scan-X-title-main span{font-size:calc(56/1920*100vw)}.dl-page-scan-X-title-sub span{font-size:1.25vw}.dl-page-scan-X-content{height:calc(640/1920*100vw)}.dl-page-scan-X-content-left{width:calc(880/1920*100vw)}.dl-page-scan-X-content-left img,.dl-page-scan-X-content-left video{border-radius:calc(8/1920*100vw) 0 0 calc(8/1920*100vw)}.dl-page-scan-X-content-right{padding:0 calc(64/1920*100vw);width:calc(560/1920*100vw);border-radius:0vw calc(8/1920*100vw) calc(8/1920*100vw) 0}.dl-page-scan-X-content-right-image{margin-bottom:calc(40/1920*100vw);width:calc(160/1920*100vw);height:calc(160/1920*100vw)}.dl-page-scan-X-content-right-content{gap:1.25vw}.dl-page-scan-X-content-right-title span{font-size:calc(32/1920*100vw)}.dl-page-scan-X-content-right-desc{font-size:calc(20/1920*100vw)}.dl-page-scan-X-content-left-controls{position:absolute;bottom:1.25vw;right:calc(32/1920*100vw);display:flex;align-items:center}.dl-page-scan-X-control-button{width:calc(64/1920*100vw);height:calc(64/1920*100vw)}.dl-page-scan-X-content-left-controls-play-icon{padding:calc(13/1920*100vw) calc(11/1920*100vw) calc(13/1920*100vw) .78125vw}.dl-page-scan-X-content-left-controls-pause-icon{padding:calc(13/1920*100vw)}.dl-page-scan-X-control-button svg{width:calc(64/1920*100vw);height:calc(64/1920*100vw)}}
/*# sourceMappingURL=/cdn/shop/t/117/assets/dl-page-scan-X.css.map */