.customPopup{display:none;position:fixed;width:500px;max-height:80vh;top:50%;left:50%;transform:translate(-50%,-50%);z-index:106;background:#fff;border-radius:10px;flex-direction:column}.customPopup>.deviceListContainer{overflow:auto}.customPopup>.zdArticle,.customPopup>.useCurrentDevice{display:none}.customPopup .useCurrentDeviceBody{display:flex;flex-direction:column;align-items:center;justify-content:start;overflow:auto;max-height:calc(80vh - 185px)}.customPopup #useCurrentDeviceIcon i{font-size:64px}.customPopup .content{padding:16px;position:relative}.customPopup>.zdArticle{padding-bottom:0!important}.topBar{width:100%;height:24px;margin-bottom:2px;display:flex;justify-content:end;align-items:center}.topBar h1{display:inline-block;margin:0 auto;font-family:var(--font-body-family);font-style:var(--font-body-style);font-weight:var(--font-body-weight);font-size:18px;line-height:22px;align-items:center;text-align:center;letter-spacing:-.05em;color:var(--modal-heading-color)}.backBtn{background:transparent;border:none;cursor:pointer}.closeBtn{float:right;background-color:transparent;border:none;cursor:pointer}.closeBtn svg,.backBtn svg{position:relative;width:13px;color:#000}.phoneIcon{width:60px;display:flex;justify-content:center;align-items:center;margin:0 auto 16px;color:var(--modal-icon-color)}.phoneIcon svg.popup-phone-icon,.phoneIcon svg.popup-unknown-icon{fill:var(--modal-icon-color)}.phoneIcon svg.popup-compatible-icon{fill:#29ca41}.phoneIcon svg.popup-incompatible-icon{fill:#d80027}.customPopup h1{font-family:var(--font-body-family);font-style:var(--font-body-style);font-weight:var(--modal-heading-font-weight);font-size:24px;line-height:29px;display:flex;align-items:center;text-align:var(--modal-heading-alignment);letter-spacing:-.05em;color:var(--modal-heading-color);margin-block:0}.customPopup p,.customPopup a{font-family:var(--font-body-family);font-style:var(--font-body-style);font-weight:var(--font-body-weight);font-size:14px;display:inline-block;line-height:17px;align-items:center;letter-spacing:-.28px;color:#4d4d4d}.customPopup a{color:#3a7fb3}.customPopup h2{font-family:var(--font-body-family);font-style:var(--font-body-style);font-weight:var(--modal-heading-font-weight);font-size:16px;line-height:19px;align-items:center;text-align:var(--modal-heading-alignment);letter-spacing:-.05em;color:var(--modal-heading-color)}.deviceList{display:flex;justify-content:space-between;flex-wrap:wrap;row-gap:16px;column-gap:15px}.deviceList button{width:calc(50% - 8px);height:40px;background-color:var(--modal-button-color);color:var(--modal-button-text-color);border:1px solid var(--modal-button-border-color);font-family:var(--font-body-family);font-style:var(--font-body-style);font-weight:var(--font-body-weight);font-size:14px;line-height:17px;align-items:center;text-align:center;letter-spacing:-.28px;cursor:pointer;border-radius:var(--buttons-radius-outset)}.deviceList button:hover{border:1px solid var(--modal-button-border-color)}.deviceList button:hover:after{box-shadow:0 0 0 1px #0000004d!important}.covering-panel{display:none;background:#0009;height:100vh;position:fixed;width:100%;z-index:105;top:0;justify-content:center;align-items:center;overflow:auto}.compatibilityFooter{padding:0 16px 16px;width:100%;display:flex;justify-content:space-between;flex-wrap:wrap;bottom:0;background:#fff;border-radius:5px}.compatibilityFooter hr{flex:0 0 100%;margin:0 0 10px}.compatibilityFooter>.footer-content{row-gap:10px}.compatibilityFooter div{display:flex;justify-content:start;align-items:center}.compatibilityFooter label{margin-left:10px;font-family:var(--font-body-family);font-style:var(--font-body-style);font-weight:var(--font-body-weight);font-size:14px;line-height:17px;display:flex;align-items:center;letter-spacing:-.28px;color:#4d4d4d}.compatibilityFooter button{background:var(--modal-filled-button-color);border:1px solid var(--modal-filled-button-border-color);color:var(--modal-filled-button-text-color);display:flex;justify-content:space-evenly;align-items:center;cursor:not-allowed;opacity:.5;text-decoration:none;font-size:14px;column-gap:5px}.compatibilty-popup-outlined-button{padding:16px;display:flex;flex-direction:row;justify-content:center;column-gap:5px;align-items:center;cursor:pointer;flex:1;min-height:unset!important;color:var(--modal-button-text-color);background:var(--modal-button-color);margin:0 1px}.scrollableDiv{width:100%;max-height:calc(80vh - 185px);margin-top:17px;overflow:auto}.scrollableDiv img{width:240px}.scrollableDiv p,.scrollableDiv ul,.scrollableDiv h3{font-family:var(--font-body-family);font-style:var(--font-body-style);font-weight:var(--font-body-weight);font-size:14px;line-height:17px;letter-spacing:-.28px;margin-block:0;margin:5px 0;color:#000}.scrollableDiv h3{font-weight:var(--modal-heading-font-weight)}@media (max-width: 540px){.customPopup{width:calc(100% - 30px);max-width:500px;height:auto}.deviceList{justify-content:center}.deviceList button{width:100%}}@media (max-width: 500px){.compatibilityFooter>.footer-content{flex-direction:column}.compatibilityFooter{justify-content:center}.compatibilityFooter div{flex:0 0 100%;justify-content:center}}@media (min-height: 860px){.deviceList{max-height:275px}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/component-compatibility-popup.css.map */