@media screen and (max-width:768.98px){.rk-style-source p.wap-ct{text-align:center}.rk-style-source .one-wap-fix{height:100vh;overflow:hidden;box-sizing:border-box}.rk-style-source .one-wap-noWrap{text-wrap:nowrap;white-space:nowrap}.rk-style-source .wap-safeRow{display:block;width:calc(32.8 * var(--rk-style-rem));margin-left:auto;margin-right:auto;position:relative}.rk-style-source .wap-safeRow2{display:block;width:calc(34.4 * var(--rk-style-rem));margin-left:auto;margin-right:auto;position:relative}.rk-style-source .wap-safeCol{padding:calc(2 * var(--rk-style-rem)) 0}.rk-style-source .wap-safeCol2{padding:calc(4 * var(--rk-style-rem)) 0}.rk-style-source .wap-safeCol3{padding:calc(6 * var(--rk-style-rem)) 0}.rk-style-source .wap-safeTop{padding-top:calc(2 * var(--rk-style-rem))}.rk-style-source .wap-safeTop2{padding-top:calc(4 * var(--rk-style-rem))}.rk-style-source .wap-safeTop3{padding-top:calc(6 * var(--rk-style-rem))}.rk-style-source .wap-safeTop4{padding-top:calc(7 * var(--rk-style-rem))}.rk-style-source .wap-safeTop5{padding-top:calc(10 * var(--rk-style-rem))}.rk-style-source .wap-safeBottom{padding-bottom:calc(2 * var(--rk-style-rem))}.rk-style-source .wap-safeBottom2{padding-bottom:calc(4 * var(--rk-style-rem))}.rk-style-source .wap-safeBottom4{padding-bottom:calc(7 * var(--rk-style-rem))}.rk-style-source .wap-safeBottom5{padding-bottom:calc(10 * var(--rk-style-rem))}.rk-style-source .wap-safeBottom3{padding-bottom:calc(6 * var(--rk-style-rem))}.rk-style-source .one-wap-flexRow{display:flex!important;flex-direction:row}.rk-style-source .one-wap-flexCol{display:flex!important;flex-direction:column}.rk-style-source .one-wap-allCenter{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.rk-style-source .one-wap-rowCenter1{display:block;margin-left:auto;margin-right:auto;position:relative}.rk-style-source .one-wap-rowCenter2{position:absolute;left:50%;transform:translate(-50%)}.rk-style-source .one-wap-colCenter{position:absolute;top:50%;transform:translateY(-50%)}.rk-style-source .one-wap-colCenter.lt{left:0}.rk-style-source .one-wap-colCenter.rt{right:0}.rk-style-source p.one-wap-wt,.rk-style-source a.one-wap-wt{color:#fff!important}.rk-style-source .one-wap-h1{color:var(--semantic-text-head-level-1, #000);font-family:var(--font-b);font-weight:var(--font-w-b);font-size:var(--semantic-size-head-1, calc(6 * var(--rk-style-rem)));font-style:normal;line-height:120%}.rk-style-source .one-wap-h2{color:var(--semantic-text-head-level-1, #000);font-family:var(--font-b);font-weight:var(--font-w-b);font-size:var(--semantic-size-head-2, calc(5.4 * var(--rk-style-rem)));font-style:normal;line-height:var(--semantic-height-head-2, calc(6.4 * var(--rk-style-rem)))}.rk-style-source .one-wap-h3{color:var(--semantic-text-head-level-1, #000);font-family:var(--font-b);font-weight:var(--font-w-b);font-size:var(--semantic-size-head-3, calc(4.8 * var(--rk-style-rem)));font-style:normal;line-height:var(--semantic-height-head-3, calc(5.7 * var(--rk-style-rem)))}.rk-style-source .one-wap-d-h1{color:var(--semantic-text-head-level-1, #000);font-family:var(--font-b);font-weight:var(--font-w-b);font-size:var(--component-Details-page-size-head-1, calc(6 * var(--rk-style-rem)));font-style:normal;line-height:var(--component-Details-page-height-head-1, calc(7.2 * var(--rk-style-rem)))}.rk-style-source .one-wap-sh1{color:var(--semantic-text-subhead-level-1, #000);font-family:var(--font-m);font-weight:var(--font-w-m);font-size:var(--semantic-size-subhead-1, calc(4 * var(--rk-style-rem)));font-style:normal;line-height:var(--semantic-height-subhead-1, calc(4.8 * var(--rk-style-rem)))}.rk-style-source .one-wap-sh2{color:var(--semantic-text-subhead-level-1, #000);font-family:var(--font-m);font-weight:var(--font-w-b);font-size:var(--semantic-size-subhead-2, calc(1.4 * var(--rk-style-rem)));font-style:normal;line-height:var(--semantic-height-subhead-2, calc(3.3 * var(--rk-style-rem)))}.rk-style-source .one-wap-sh3{color:var(--semantic-text-subhead-level-1, #000);font-family:var(--font-m);font-weight:var(--font-w-m);font-size:var(--semantic-size-subhead-3, calc(2.4 * var(--rk-style-rem)));font-style:normal;line-height:130%}.rk-style-source .one-wap-b-sh1{color:var(--semantic-text-subhead-level-1, #000);font-family:var(--font-b);font-weight:var(--font-w-b);font-size:var(--semantic-size-subhead-1, calc(4 * var(--rk-style-rem)));font-style:normal;line-height:var(--semantic-height-subhead-1, calc(4.8 * var(--rk-style-rem)))}.rk-style-source .one-wap-b-sh2{color:var(--semantic-text-subhead-level-1, #000);font-family:var(--font-b);font-weight:var(--font-w-b);font-size:var(--semantic-size-subhead-2, calc(1.4 * var(--rk-style-rem)));font-style:normal;line-height:var(--semantic-height-subhead-2, calc(3.3 * var(--rk-style-rem)))}.rk-style-source .one-wap-b-sh3{color:var(--semantic-text-subhead-level-1, #000);font-family:var(--font-b);font-weight:var(--font-w-b);font-size:var(--semantic-size-subhead-3, calc(2.4 * var(--rk-style-rem)));font-style:normal;line-height:130%}.rk-style-source .one-wap-sh1.m{font-size:var(--component-home-page-size-subhead-1, calc(1.1 * var(--rk-style-rem)));font-family:var(--font-m);font-weight:var(--font-w-m)}.rk-style-source .one-wap-sh2.m{font-size:var(--component-home-page-size-subhead-2, calc(1.1 * var(--rk-style-rem)));font-family:var(--font-m);font-weight:var(--font-w-m)}.rk-style-source .one-wap-sh3.m{font-size:var(--component-home-page-size-subhead-3, calc(1.1 * var(--rk-style-rem)));font-family:var(--font-m);font-weight:var(--font-w-m)}.rk-style-source .one-wap-d-sh1{color:var(--semantic-text-subhead-level-1, #000);font-family:var(--font-b);font-weight:var(--font-w-b);font-size:var(--semantic-size-subhead-1, calc(2.8 * var(--rk-style-rem)));font-style:normal;line-height:var(--semantic-height-subhead-1, calc(3.3 * var(--rk-style-rem)))}.rk-style-source .one-wap-d-sh2{color:var(--semantic-text-subhead-level-1, #000);font-family:var(--font-m);font-weight:var(--font-w-m);font-size:var(--component-home-page-size-subhead-2, calc(2.8 * var(--rk-style-rem)));font-style:normal;line-height:var(--component-home-page-height-subhead-2, calc(3.3 * var(--rk-style-rem)))}.rk-style-source .one-wap-d-sh3{color:var(--semantic-text-subhead-level-1, #000);font-family:var(--font-m);font-weight:var(--font-w-m);font-size:var(--component-Details-page-size-Subhead-3, calc(2.4 * var(--rk-style-rem)));font-style:normal;line-height:var(--semantic-height-body-1, calc(3.3 * var(--rk-style-rem)))}.rk-style-source .one-wap-b1{color:var(--semantic-text-body-level-1, #000);font-family:HarmonyOS_Sans_SC_Regular;font-weight:var(--font-w-m);font-size:var(--semantic-size-body-1, calc(2.2 * var(--rk-style-rem)));font-style:normal;line-height:var(--semantic-height-body-1, calc(3.3 * var(--rk-style-rem)))}.rk-style-source .one-wap-b2{color:var(--semantic-text-body-level-1, #000);font-family:var(--font-m);font-weight:var(--font-w-m);font-size:var(--semantic-size-body-2, calc(2 * var(--rk-style-rem)));font-style:normal;line-height:var(--semantic-height-body-2, calc(3 * var(--rk-style-rem)))}.rk-style-source .one-wap-b3{color:var(--semantic-text-body-level-1, #000);font-family:var(--font-m);font-weight:var(--font-w-m);font-size:var(--semantic-size-body-3, calc(1.8 * var(--rk-style-rem)));font-style:normal;line-height:var(--semantic-height-body-3, calc(2.7 * var(--rk-style-rem)))}.rk-style-source .one-wap-b3.b{color:var(--semantic-text-body-level-1, #000);font-family:var(--font-m);font-weight:var(--font-w-b);font-size:var(--semantic-size-body-3, calc(1.8 * var(--rk-style-rem)));font-style:normal;line-height:var(--semantic-height-body-3, calc(2.7 * var(--rk-style-rem)))}.rk-style-source .one-wap-desc{color:var(--semantic-text-body-level-1, #000);font-family:var(--font-l);font-weight:var(--font-w-l);font-size:var(--semantic-size-footnote, calc(1.6 * var(--rk-style-rem)));font-style:normal}.rk-style-source .one-wap-desc-m{color:var(--semantic-text-body-level-1, #000);font-family:var(--font-m);font-weight:var(--font-w-m);font-size:var(--semantic-size-footnote, calc(1.6 * var(--rk-style-rem)));font-style:normal}.rk-style-source .one-wap-footnote{color:var(--semantic-text-body-level-1, #000);font-size:var(--semantic-size-footnote, calc(1 * var(--rk-style-rem)));font-style:normal;font-weight:500;line-height:var(--semantic-height-footnote, calc(1.2 * var(--rk-style-rem)))}.rk-style-source p.wap-grey,.rk-style-source span.wap-grey{opacity:.55}}@media screen and (max-width:768.98px){.rk-style-source .one-title{display:flex!important;flex-direction:column;align-items:flex-start}.rk-style-source .one-title>p:nth-of-type(2){margin-top:18px}.rk-style-source .one-title.m>p:nth-of-type(2){margin-top:16px}.rk-style-source .one-title.sm>p:nth-of-type(2){margin-top:8px}.rk-style-source .one-title.ssm>p:nth-of-type(2){margin-top:4px}.rk-style-source .one-video-playDiv-closeBtn{width:calc(3 * var(--rk-style-rem));height:calc(3 * var(--rk-style-rem));position:absolute;top:calc(2 * var(--rk-style-rem));right:calc(2 * var(--rk-style-rem));color:#fff;font-size:calc(2 * var(--rk-style-rem));border-radius:50%;cursor:pointer;background:#ffffff24;line-height:120%;text-align:center}.rk-style-source .one-popup{visibility:hidden;position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:999;overflow:auto;background-color:transparent;backdrop-filter:blur(40px);-webkit-backdrop-filter:blur(40px)}.rk-style-source .bk .one-popup{background:#000c}.rk-style-source .wt .one-popup{background:#ebebeb}.rk-style-source .one-popup-content{position:relative;width:calc(100vw - calc(4 * var(--rk-style-rem)));padding:0 0 calc(3 * var(--rk-style-rem));margin-left:auto;margin-right:auto;margin-top:calc(5 * var(--rk-style-rem));margin-bottom:calc(5 * var(--rk-style-rem));border-radius:calc(2.4 * var(--rk-style-rem));backdrop-filter:blur(60px);-webkit-backdrop-filter:blur(60px)}.rk-style-source .bk .one-popup-content{background:#0d0d0d}.rk-style-source .wt .one-popup-content{background:#f3f3f4}.rk-style-source .one-popup-closeBtn-div{position:sticky;top:calc(2 * var(--rk-style-rem));padding-top:calc(2 * var(--rk-style-rem));padding-right:calc(2 * var(--rk-style-rem));text-align:right;z-index:99}.rk-style-source .one-popup-closeBtn{display:inline-block;width:calc(3.6 * var(--rk-style-rem));height:calc(3.6 * var(--rk-style-rem));border-radius:calc(3.6 * var(--rk-style-rem))}.rk-style-source .one-topnav{position:fixed;top:0;width:100%;height:calc(4.6 * var(--rk-style-rem));z-index:999;background:linear-gradient(0deg,#4d4d4d66 0% 100%),#fff6;box-shadow:0 1px #dfdfdf40;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}.rk-style-source .one-topnav-icon-link svg{width:calc(5.28 * var(--rk-style-rem))}.rk-style-source .one-topnav-btn{left:calc(1.6 * var(--rk-style-rem));width:calc(3 * var(--rk-style-rem));height:calc(3 * var(--rk-style-rem))}.rk-style-source .one-topnav-btn svg{width:calc(3 * var(--rk-style-rem));height:calc(3 * var(--rk-style-rem))}.rk-style-source .one-topnav-searchbtn{right:calc(5.8 * var(--rk-style-rem));width:calc(3 * var(--rk-style-rem));height:calc(3 * var(--rk-style-rem))}.rk-style-source .one-topnav-searchbtn svg{width:calc(3 * var(--rk-style-rem));height:calc(3 * var(--rk-style-rem))}.rk-style-source .one-topnav-shopbtn{right:calc(1.6 * var(--rk-style-rem));width:calc(3 * var(--rk-style-rem));height:calc(3 * var(--rk-style-rem))}.rk-style-source .one-topnav-shopbtn svg{width:calc(3 * var(--rk-style-rem));height:calc(3 * var(--rk-style-rem))}.rk-style-source p.one-wap-wt{color:#fff!important}}
/*# sourceMappingURL=/cdn/shop/t/144/assets/rokid-style-source-one-common-wap.css.map */