body.page-id-24162 #devices .xrd-trigger {margin: 12px 0 22px; white-space: normal; min-height: 48px; text-transform: none; letter-spacing: 0; cursor: pointer;}
dialog.xrd-dialog {box-sizing: border-box; position: fixed; inset: 0; margin: auto; width: min(480px, calc(100% - 32px)); max-height: calc(100dvh - 32px); padding: 28px; overflow: auto; border: 1px solid #4a8ba5; border-radius: 20px; background: #102d40; color: #edfaff; box-shadow: 0 24px 90px #0009; font-family: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;}
dialog.xrd-dialog:not([open]) {display: none;}
dialog.xrd-dialog::backdrop {background: rgba(2, 12, 22, .8); backdrop-filter: blur(5px);}
dialog.xrd-dialog h2 {clear: both; color: #fff; font-size: clamp(26px, 5vw, 34px); line-height: 1.2; margin: 16px 0;}
dialog.xrd-dialog p {color: #c4dbe8; font-size: 16px; line-height: 1.6; margin: 0 0 22px;}
dialog.xrd-dialog .xrs-download {display: flex; justify-content: center; background: #fff; border-radius: 12px; padding: 16px; margin: 24px 0;}
dialog.xrd-dialog .xrs-download iframe {display: block; width: 100%; max-width: 320px; height: 80px; border: 0; margin: 0; background: #fff;}
dialog.xrd-dialog p.xrd-note {font-size: 14px; margin-bottom: 0;}
dialog.xrd-dialog .xrd-close {display: block; margin: 0 0 8px auto; min-height: 44px; padding: 8px 14px; background: #193f55; color: #fff; border: 1px solid #6aa6bf; border-radius: 8px; font-size: 14px; line-height: 1.5; letter-spacing: 0; text-transform: none; cursor: pointer;}
.xrd-trigger:focus-visible, .xrd-close:focus-visible {outline: 3px solid #8feaff; outline-offset: 4px;}
@media (max-width: 480px) {dialog.xrd-dialog {padding: 20px;} dialog.xrd-dialog .xrs-download {padding: 12px;}}