@font-face{font-family:ProximaNova-Regular;src:url(https://us.roborock.com/cdn/shop/t/86/assets/proximanova-ProximaNova-Regular.otf)}@font-face{font-family:ProximaNova-Semibold;src:url(https://us.roborock.com/cdn/shop/t/86/assets/proximanova-ProximaNova-Semibold.otf)}@font-face{font-family:ProximaNova-Bold;src:url(https://us.roborock.com/cdn/shop/t/86/assets/proximanova-ProximaNova-Bold.otf?v=1766345840296033861)}.refer-invite-layer{--body-font-size:100;z-index:1000;background:#0009;justify-content:center;align-items:center;font-family:ProximaNova-Regular,system-ui,sans-serif;display:flex;position:fixed;inset:0}.refer-invite-layer button,.refer-invite-layer input{background:0 0;outline:none}.refer-invite-layer input{border:none}@media (width<=1800px){.refer-invite-layer{--body-font-size:93}}@media (width<=1600px){.refer-invite-layer{--body-font-size:83}}@media (width<=1400px){.refer-invite-layer{--body-font-size:73}}@media (width<=1300px){.refer-invite-layer{--body-font-size:68}}@media (width<=1200px){.refer-invite-layer{--body-font-size:63}}@media (width<=1100px){.refer-invite-layer{--body-font-size:53}}@media (width<=750px){.refer-invite-layer{--body-font-size:100}}@media (width>=2500px){.refer-invite-layer{--body-font-size:130}}@media (width>=5000px){.refer-invite-layer{--body-font-size:160}}.refer-invite-layer__content{width:calc(var(--body-font-size) * 8.4px);height:calc(var(--body-font-size) * 5.8px);border-radius:calc(var(--body-font-size) * .2px);background:#fff;max-height:calc(100vh - 100px);margin-top:50px;display:flex;position:relative;overflow:hidden}.refer-invite-layer__banner{flex-shrink:0;width:44%}.refer-invite-layer__banner img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;display:block}.refer-invite-layer__panel{min-width:0;padding:calc(var(--body-font-size) * .45px) calc(var(--body-font-size) * .32px);background:#fff;flex:1;overflow-y:auto}.refer-invite-layer__title{margin:0 0 calc(var(--body-font-size) * .14px);font-size:calc(var(--body-font-size) * .24px);text-align:center;font-family:ProximaNova-Semibold,system-ui,sans-serif;font-weight:600;line-height:1.25}.refer-invite-layer__title--mob{display:none}.refer-invite-layer__text{margin:0 0 calc(var(--body-font-size) * .14px);font-size:calc(var(--body-font-size) * .16px);color:#161616;line-height:1.2}.refer-invite-layer__coupon{border-radius:calc(var(--body-font-size) * .12px);background:#fafafa;overflow:hidden}.refer-invite-layer__coupon-top{justify-content:space-between;align-items:center;gap:calc(var(--body-font-size) * .12px) calc(var(--body-font-size) * .16px);width:100%;padding:calc(var(--body-font-size) * .16px) calc(var(--body-font-size) * .24px);border-bottom:1px solid #ccc;flex-wrap:wrap;display:flex}.refer-invite-layer__coupon-main{flex:0 auto;max-width:100%}.refer-invite-layer__coupon-aside{text-align:left;flex:1 1 0;min-width:0;margin-left:20px}.refer-invite-layer__coupon-tag{box-sizing:border-box;max-width:100%;padding:calc(var(--body-font-size) * .08px) calc(var(--body-font-size) * .16px);line-height:1;font-size:calc(var(--body-font-size) * .14px);color:#fd8c22;word-break:break-word;background:#ffebc4;border-radius:4px;font-family:ProximaNova-Semibold,system-ui,sans-serif;font-weight:600;display:inline-block}.refer-invite-layer__coupon-tag.uni{color:#ff6d6d;background:#fdd}.refer-invite-layer__coupon-discount{margin:calc(var(--body-font-size) * .08px) 0 0;font-size:calc(var(--body-font-size) * .32px);white-space:nowrap;font-family:ProximaNova-Bold,system-ui,sans-serif;font-weight:700;line-height:1.1}.refer-invite-layer__coupon-scope{font-size:calc(var(--body-font-size) * .14px);color:#000;text-align:left;white-space:normal;word-break:break-word;overflow-wrap:anywhere;margin:0;font-family:ProximaNova-Semibold,system-ui,sans-serif;font-weight:600;line-height:1.2}.refer-invite-layer__coupon-bottom{width:100%;padding:calc(var(--body-font-size) * .14px) calc(var(--body-font-size) * .24px);justify-content:space-between;align-items:center;gap:12px;display:flex}.refer-invite-layer__coupon-code{word-break:break-all}.refer-invite-layer__copy-btn,.refer-invite-layer__coupon-code{font-size:calc(var(--body-font-size) * .16px);font-family:ProximaNova-Semibold,system-ui,sans-serif;font-weight:600;line-height:1}.refer-invite-layer__copy-btn{padding:calc(var(--body-font-size) * .08px) calc(var(--body-font-size) * .25px);border-radius:calc(var(--body-font-size) * 1px);color:#ea0029;cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #ea0029;transition:all .15s ease-out}.refer-invite-layer__copy-btn:hover:not(.copied){color:#fff;background:#ea0029}.refer-invite-layer__copy-btn.copied{color:#9d9d9d;cursor:default;background:#eee;border-color:#eee}.refer-invite-layer__divider{width:100%;margin:calc(var(--body-font-size) * .24px) 0;border-top:1px solid #ccc}.refer-invite-layer__subscribe{flex-direction:column;display:flex}.refer-invite-layer__email-row{width:100%;margin-bottom:calc(var(--body-font-size) * .1px);padding:calc(var(--body-font-size) * .16px) calc(var(--body-font-size) * .2px);border-radius:calc(var(--body-font-size) * .12px);background:#f6f6f6;justify-content:space-between;align-items:center;line-height:1;display:flex}.refer-invite-layer__email-input{min-width:0;font-size:calc(var(--body-font-size) * .16px);background:0 0;border:none;outline:none;flex:1}.refer-invite-layer__email-input::placeholder{color:#9d9d9d}.refer-invite-layer__claim-btn{margin-left:calc(var(--body-font-size) * .36px);color:#9d9d9d;font-size:calc(var(--body-font-size) * .16px);cursor:default;white-space:nowrap;background:0 0;border:none;padding:0;font-family:ProximaNova-Semibold,system-ui,sans-serif;font-weight:600}.refer-invite-layer__claim-btn.active{color:#ea0029;cursor:pointer}.refer-invite-layer__claim-btn:disabled:not(.active){cursor:default}.refer-invite-layer__agreement{font-size:calc(var(--body-font-size) * .16px);flex-wrap:nowrap;align-items:flex-start;gap:8px;line-height:1.45;display:flex}.refer-invite-layer__agreement input{width:calc(var(--body-font-size) * .2px);height:calc(var(--body-font-size) * .2px);margin:calc(var(--body-font-size) * .03px) 0 0;cursor:pointer;accent-color:#ea0029;flex-shrink:0}.refer-invite-layer__agreement .refer-invite-layer__agreement-text{color:#535353;min-width:0;font-size:inherit;font-weight:400;line-height:inherit;word-break:normal;overflow-wrap:break-word;flex:1;margin:0}.refer-invite-layer__agreement a{color:#000;font-size:inherit;font-weight:400;line-height:inherit;text-underline-offset:2px;cursor:pointer;-webkit-text-decoration:underline #000;text-decoration:underline #000;text-decoration-thickness:1px;display:inline;box-shadow:none!important;background:0 0!important;border:none!important;margin:0!important;padding:0!important}.refer-invite-layer__error{color:#ea0029;margin:8px 0 0;font-size:14px}.refer-invite-layer__success{padding:calc(var(--body-font-size) * .2px);border-radius:calc(var(--body-font-size) * .12px);background:#fafafa;align-items:center;display:flex}.refer-invite-layer__success svg{margin-right:calc(var(--body-font-size) * .16px);flex-shrink:0}.refer-invite-layer__success-text{flex:1;min-width:0}.refer-invite-layer__success-text h4{font-size:calc(var(--body-font-size) * .16px);margin:0;font-family:ProximaNova-Semibold,system-ui,sans-serif;font-weight:600;line-height:1.25}.refer-invite-layer__success-text p{margin:calc(var(--body-font-size) * .08px) 0 0;font-size:calc(var(--body-font-size) * .14px);color:#535353;line-height:1.2}.refer-invite-layer__close{top:calc(var(--body-font-size) * .2px);right:calc(var(--body-font-size) * .2px);cursor:pointer;z-index:2;background:0 0;border:none;padding:0;line-height:0;position:absolute}@media (width<=750px){.refer-invite-layer__content{flex-direction:column;width:89%;height:auto;max-height:calc(100vh - 100px);margin-top:0}.refer-invite-layer__banner{width:100%;height:auto}.refer-invite-layer__banner img{aspect-ratio:670/240;-o-object-fit:cover;object-fit:cover;width:100%;height:auto}.refer-invite-layer__close{top:calc(var(--body-font-size) * .16px);right:calc(var(--body-font-size) * .16px)}.refer-invite-layer__panel{width:100%;padding:calc(var(--body-font-size) * .2px) calc(var(--body-font-size) * .24px) calc(var(--body-font-size) * .3px);position:relative;overflow-y:auto}.refer-invite-layer__title--pc{display:none}.refer-invite-layer__title--mob{left:calc(var(--body-font-size) * .24px);text-align:left;color:#fff;z-index:1;margin:0;display:block;position:absolute;top:-61px}.refer-invite-layer__text{font-size:14px}.refer-invite-layer__coupon{border-radius:calc(var(--body-font-size) * .1px);padding:calc(var(--body-font-size) * .16px) calc(var(--body-font-size) * .24px)}.refer-invite-layer__coupon-top{padding:0 0 calc(var(--body-font-size) * .16px);border-bottom-color:#f1f1f1;flex-direction:column;align-items:flex-start;gap:0}.refer-invite-layer__coupon-aside,.refer-invite-layer__coupon-main{flex:none;width:100%}.refer-invite-layer__coupon-aside{text-align:left;margin-left:0}.refer-invite-layer__coupon-discount{margin:10px 0}.refer-invite-layer__coupon-scope{font-weight:700}.refer-invite-layer__coupon-bottom{padding:calc(var(--body-font-size) * .14px) 0 0;flex-direction:column;align-items:flex-start}.refer-invite-layer__copy-btn{padding:calc(var(--body-font-size) * .08px) calc(var(--body-font-size) * .24px);font-size:calc(var(--body-font-size) * .14px);margin-top:10px}.refer-invite-layer__divider{margin:calc(var(--body-font-size) * .2px) 0}.refer-invite-layer__email-row{padding:calc(var(--body-font-size) * .18px) calc(var(--body-font-size) * .2px)}.refer-invite-layer__claim-btn,.refer-invite-layer__email-input{font-size:calc(var(--body-font-size) * .14px)}.refer-invite-layer__claim-btn{margin-left:calc(var(--body-font-size) * .2px)}.refer-invite-layer__success{align-items:center}.refer-invite-layer__success svg{width:32px;height:32px}}
