#unduh .download-inner:has(>.soda-download-devices){grid-template-columns:minmax(0,.75fr) minmax(0,2fr);gap:clamp(24px,3vw,48px);min-height:0}
#unduh .download-inner:has(>.soda-download-devices)>div:first-child{min-width:0;max-width:390px}
#unduh:has(.soda-download-devices) h2{font-size:clamp(30px,2.7vw,42px);line-height:1.15;margin-block:14px}
#unduh:has(.soda-download-devices) p{font-size:14px;line-height:1.75;margin:0}
#unduh:has(.soda-download-devices) .download-buttons{gap:9px;margin-top:20px}
#unduh:has(.soda-download-devices) .download-buttons .btn{min-height:42px;padding:11px 13px;font-size:12px}
#unduh .soda-download-devices{display:grid;grid-template-columns:minmax(0,.53fr) minmax(0,1.18fr) minmax(0,1.12fr);grid-template-rows:minmax(0,1fr);gap:clamp(12px,1.5vw,24px);align-items:center;width:100%;height:clamp(240px,21vw,320px);min-width:0;max-width:none;transform:none;margin:0}
#unduh .soda-download-device{display:block;position:static;width:100%;height:100%;min-width:0;min-height:0;max-width:100%;max-height:100%;object-fit:contain;object-position:center;margin:0;padding:0;filter:drop-shadow(0 10px 20px #0005)}
@media(max-width:1080px){#unduh .download-inner:has(>.soda-download-devices){grid-template-columns:minmax(0,1fr);gap:24px}#unduh .download-inner:has(>.soda-download-devices)>div:first-child{max-width:640px}#unduh .soda-download-devices{height:280px;max-width:900px;margin-inline:auto}}
@media(max-width:730px){#unduh:has(.soda-download-devices) h2{font-size:30px}#unduh .soda-download-devices{height:clamp(160px,39vw,240px);gap:8px}#unduh:has(.soda-download-devices) .download-buttons{gap:8px;margin-top:18px}#unduh:has(.soda-download-devices) .download-buttons .btn{padding-inline:12px}}
/* The Android download preview is its own centered native dialog. */
dialog.site-dialog.soda-android-preview{--android-screen-height:min(68dvh,640px);position:fixed;inset:0;margin:auto;padding:0 8px;width:fit-content;height:fit-content;max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);overflow:visible;border:0;border-radius:0;background:transparent;color:#ecfff4;box-shadow:none;outline:none}
dialog.soda-android-preview::backdrop{background:rgba(0,7,3,.88);backdrop-filter:blur(10px)}
.soda-android-preview-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;width:100%;padding:0 0 15px}
.soda-android-preview-heading>div{min-width:0}.soda-android-preview-heading span{font-size:9px;letter-spacing:2.4px;color:#73ffa7;font-weight:700}.soda-android-preview-heading h2{font:600 14px/1.4 var(--font,Arial,sans-serif);letter-spacing:0;margin:5px 0 0;color:#e7fff0}
.soda-android-preview .soda-android-preview-close{width:36px;height:36px;border-radius:50%;border:1px solid #49705b;background:#0a1911;color:#dfffea;display:grid;place-items:center;padding:0;font-size:20px;line-height:1;flex-shrink:0}.soda-android-preview-close:hover{background:#153e24;border-color:#6aff9d}.soda-android-preview-close:focus-visible{outline:2px solid #86ffb1;outline-offset:4px}
.soda-preview-phone{position:relative;isolation:isolate;width:calc(var(--android-screen-height)*.45 + 24px);padding:11px 10px;border:2px solid #3d7960;border-radius:42px;background:linear-gradient(110deg,#44564e,#020705 5%,#13241b 9%,#020705 93%,#416850 97%,#06130b);box-shadow:0 0 0 2px #111e17,0 0 0 3px #3c5d49,0 22px 58px #0009,0 0 34px #00d76d1a;margin-inline:auto}
.soda-preview-phone-screen{position:relative;height:var(--android-screen-height);aspect-ratio:9/20;max-width:100%;overflow:hidden;border-radius:30px;background:#000}.soda-preview-phone-screen video{display:block;width:100%;height:100%;max-height:none;object-fit:contain;object-position:center;background:#000;border-radius:inherit}
.soda-preview-phone-speaker{position:absolute;z-index:2;width:58px;height:5px;top:5px;left:50%;transform:translateX(-50%);background:#010403;border-radius:10px;box-shadow:inset 0 1px 2px #82ab8d66;pointer-events:none}.soda-preview-phone-button{position:absolute;right:-5px;top:23%;width:3px;height:46px;border-radius:0 3px 3px 0;background:#3c8160;box-shadow:0 0 0 1px #10251a;pointer-events:none}.soda-preview-phone:before{content:"";position:absolute;left:-5px;top:19%;width:3px;height:61px;background:#3c8160;border-radius:3px 0 0 3px}
.soda-android-preview-caption{margin:16px 0 0!important;padding:0;text-align:center;font-size:10px!important;line-height:1.5;color:#9db5a5}
@media(max-width:420px){dialog.site-dialog.soda-android-preview{--android-screen-height:min(68dvh,calc((100vw - 62px)/.45));max-width:calc(100vw - 20px)}.soda-android-preview-heading h2{font-size:12px}.soda-preview-phone{border-radius:37px}.soda-preview-phone-screen{border-radius:26px}}
@media(max-height:480px){dialog.site-dialog.soda-android-preview{--android-screen-height:calc(100dvh - 120px)}.soda-android-preview-heading{padding-bottom:10px}.soda-android-preview-heading span{display:none}.soda-android-preview-caption{margin-top:10px!important;font-size:9px!important}}