body .du .dxz-legacy[hidden]{display:none!important}body .du .dxz{padding:20px;overflow:hidden}body .du .dxz .ztop{display:grid;grid-template-columns:1.3fr 1.2fr .9fr 1.3fr;gap:12px;align-items:end;margin:0 0 16px}body .du .dxz .zsel{display:flex;flex-direction:column;gap:6px;min-width:0;margin:0}body .du .dxz .zsel>span{font:600 12px/1.2 var(--x-ui);letter-spacing:.06em;text-transform:uppercase;color:var(--x-faint)}body .du .dxz select.du-in{appearance:none;-webkit-appearance:none;padding-right:38px;cursor:pointer;background-image:linear-gradient(45deg,transparent 50%,var(--x-muted) 50%),linear-gradient(135deg,var(--x-muted) 50%,transparent 50%);background-position:calc(100% - 20px) 50%,calc(100% - 15px) 50%;background-size:5px 5px;background-repeat:no-repeat}body .du .dxz .ztop-nis{display:flex;flex-direction:column;gap:2px;padding:10px 14px;border-radius:var(--x-r1);background:var(--x-tint);border:1px solid rgba(61,123,255,.28);min-height:46px;justify-content:center}body .du .dxz .ztop-nis span{font:600 11px/1.2 var(--x-ui);letter-spacing:.06em;text-transform:uppercase;color:var(--x-soft)}body .du .dxz .ztop-nis b{font:700 18px/1.2 var(--x-ui);color:var(--x-text);font-variant-numeric:tabular-nums}body .du .dxz .ztop-nis small{font:400 12px/1.3 var(--x-ui);color:var(--x-muted)}body .du .dxz .zseg{display:flex;gap:4px;padding:4px;border-radius:999px;background:var(--x-ink);border:1px solid var(--x-line2);min-height:46px}body .du .dxz .zseg button{flex:1;min-height:36px;padding:0 12px;border:0;border-radius:999px;background:transparent;color:var(--x-muted);font:600 13px/1.15 var(--x-ui);cursor:pointer;transition:background .2s,color .2s;white-space:nowrap}body .du .dxz .zseg button.on{background:var(--x-fill);color:#fff;box-shadow:0 6px 16px -8px #0045cfe6}body .du .dxz .zseg button:focus-visible,body .du .dxz .ztabs button:focus-visible,body .du .dxz .ztiers button:focus-visible,body .du .dxz .zlink:focus-visible{outline:2px solid var(--x-blue);outline-offset:2px}body .du .dxz .ztabs{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;margin:0 -20px 16px;padding:2px 20px 4px;scroll-snap-type:x proximity;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 16px,#000 calc(100% - 16px),transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 16px,#000 calc(100% - 16px),transparent 100%)}body .du .dxz .ztabs::-webkit-scrollbar{display:none}body .du .dxz .ztabs button{flex:none;scroll-snap-align:center;min-height:40px;padding:0 16px;border-radius:999px;border:1px solid var(--x-line2);background:transparent;color:var(--x-muted);font:600 14px/1 var(--x-ui);cursor:pointer;transition:all .2s var(--x-ease)}body .du .dxz .ztabs button:hover{color:var(--x-text);border-color:#ffffff4d}body .du .dxz .ztabs button.on{background:var(--x-tint2);border-color:#3d7bff99;color:#fff}body .du .dxz .zbody{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:18px;align-items:start}body .du .dxz .zform{display:flex;flex-direction:column;gap:14px;min-width:0;animation:dxzIn .35s var(--x-ease)}@keyframes dxzIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}body .du .dxz .zrow2{display:grid;grid-template-columns:1fr 1fr;gap:10px}body .du .dxz .zg{margin:0;padding:14px 16px 16px;border:1px solid var(--x-line);border-radius:var(--x-r2);background:var(--x-s1);min-width:0}body .du .dxz .zg legend{padding:0 6px;margin-left:-6px;font:700 14px/1.3 var(--x-ui);color:var(--x-text)}body .du .dxz .zs{margin:2px 0 12px;font:400 13px/1.5 var(--x-ui);color:var(--x-muted)}body .du .dxz .zs b{color:var(--x-text)}body .du .dxz .zgrid{display:grid;grid-template-columns:1fr 1fr;gap:12px}body .du .dxz .zf{display:flex;flex-direction:column;gap:6px;min-width:0;margin:0}body .du .dxz .zl{font:500 13.5px/1.35 var(--x-ui);color:var(--x-text)}body .du .dxz .zl small{display:block;font:400 12px/1.35 var(--x-ui);color:var(--x-faint);margin-top:2px}body .du .dxz .zi{position:relative;display:block;margin-top:auto}body .du .dxz .zi b{position:absolute;top:50%;transform:translateY(-50%);font:600 13px/1 var(--x-ui);color:var(--x-faint);pointer-events:none}body .du .dxz .zi.u-rm b{left:14px}body .du .dxz .zi.u-rm .du-in{padding-left:46px}body .du .dxz .zi.u-g b,body .du .dxz .zi.u-kg b{right:14px}body .du .dxz .zi.u-g .du-in,body .du .dxz .zi.u-kg .du-in{padding-right:44px}body .du .dxz .du-in{-moz-appearance:textfield}body .du .dxz .du-in::-webkit-outer-spin-button,body .du .dxz .du-in::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}body .du .dxz .zlink{display:inline-flex;align-items:center;min-height:36px;padding:0 2px;border:0;background:none;color:var(--x-soft);font:600 13px/1.2 var(--x-ui);cursor:pointer;text-decoration:underline;text-underline-offset:3px}body .du .dxz .zlink:hover{color:#fff}body .du .dxz .ztiers{display:grid;grid-template-columns:repeat(auto-fit,minmax(92px,1fr));gap:8px;margin:4px 0 12px}body .du .dxz .ztiers button{display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:12px 14px;min-height:64px;border-radius:var(--x-r1);border:1px solid var(--x-line2);background:var(--x-ink);color:var(--x-muted);cursor:pointer;text-align:left;transition:all .2s var(--x-ease)}body .du .dxz .ztiers button b{font:700 18px/1.1 var(--x-ui);color:var(--x-text);font-variant-numeric:tabular-nums}body .du .dxz .ztiers button span{font:500 12px/1.2 var(--x-ui)}body .du .dxz .ztiers button.on{border-color:var(--x-blue);background:var(--x-tint);box-shadow:0 0 0 3px #3d7bff2e}body .du .dxz .zres{position:sticky;top:90px;padding:18px;border-radius:var(--x-r2);background:linear-gradient(160deg,#3d7bff29,#3d7bff0a 60%),var(--x-s2);border:1px solid rgba(61,123,255,.3);min-width:0}body .du .dxz .zr-h{font:600 12px/1.2 var(--x-ui);letter-spacing:.07em;text-transform:uppercase;color:var(--x-soft)}body .du .dxz .zr-v{display:flex;align-items:baseline;gap:6px;margin:8px 0 10px;color:#fff}body .du .dxz .zr-v small{font:600 16px/1 var(--x-ui);color:var(--x-muted)}body .du .dxz .zr-v span{font:700 clamp(30px,5vw,40px)/1 var(--x-ui);font-variant-numeric:tabular-nums;letter-spacing:-.01em;word-break:break-all}body .du .dxz .zr-v span.pop{animation:dxzPop .35s var(--x-ease)}@keyframes dxzPop{0%{opacity:.4;transform:translateY(3px)}to{opacity:1;transform:none}}body .du .dxz .zb{display:inline-flex;align-items:center;gap:6px;padding:6px 11px;border-radius:999px;font:600 12.5px/1.2 var(--x-ui)}body .du .dxz .zb:before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor}body .du .dxz .zb.ok{color:var(--x-ok);background:#5fe0a01f}body .du .dxz .zb.no{color:#f5b748;background:#f5b7481f}body .du .dxz .zr-m{margin-top:10px;font:500 14px/1.3 var(--x-ui);color:var(--x-muted)}body .du .dxz .zr-m b{color:var(--x-text);font-variant-numeric:tabular-nums}body .du .dxz .zr-rows{margin:14px 0 0;padding:12px 0 0;border-top:1px solid var(--x-line);display:flex;flex-direction:column;gap:8px}body .du .dxz .zr-rows div{display:flex;justify-content:space-between;gap:12px;font:400 13.5px/1.35 var(--x-ui)}body .du .dxz .zr-rows dt{color:var(--x-muted);min-width:0}body .du .dxz .zr-rows dd{margin:0;color:var(--x-text);font-weight:600;text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}body .du .dxz .zr-rows .tot dt{color:var(--x-text);font-weight:600}body .du .dxz .zr-rows .mut dt,body .du .dxz .zr-rows .mut dd{color:var(--x-faint);font-weight:500}body .du .dxz .zr-x{margin:12px 0 0;font:400 12.5px/1.5 var(--x-ui);color:var(--x-muted)}body .du .dxz .zr-act{display:flex;flex-direction:column;gap:6px;margin-top:16px}body .du .dxz .zr-act .du-btn{width:100%;text-align:center;font-size:15px;line-height:1.2;padding:12px 18px;text-decoration:none}body .du .dxz .zr-pay{font:500 13.5px/1.4 var(--x-ui);color:var(--x-muted)}body .du .dxz .zr-sm{display:flex;justify-content:space-between;flex-wrap:wrap;gap:4px 12px}body .du .dxz .znote{margin:16px 0 0;font:400 12.5px/1.55 var(--x-ui);color:var(--x-faint)}body .du .dxz .znote a{color:var(--x-soft)}.dxz-toast{position:fixed;left:50%;bottom:88px;transform:translate(-50%,12px);opacity:0;z-index:2147483000;padding:10px 16px;border-radius:999px;background:#2f3035;color:#f2f1ec;font:600 14px/1.2 Instrument Sans,system-ui,sans-serif;box-shadow:0 10px 30px #00000073;transition:all .25s;pointer-events:none}.dxz-toast.in{opacity:1;transform:translate(-50%)}@media(max-width:980px){body .du .dxz .ztop{grid-template-columns:1fr 1fr}body .du .dxz .zbody{grid-template-columns:1fr}body .du .dxz .zres{position:relative;top:0}}@media(max-width:560px){body .du .dxz{padding:16px}body .du .dxz .ztabs{margin:0 -16px 14px;padding:2px 16px 4px}body .du .dxz .ztop{grid-template-columns:1fr;gap:10px}body .du .dxz .zrow2,body .du .dxz .zgrid{grid-template-columns:1fr}body .du .dxz .zseg button{font-size:12.5px;padding:0 8px}body .du .dxz .zg{padding:12px 12px 14px}}@media(prefers-reduced-motion:reduce){body .du .dxz *{animation:none!important;transition:none!important}}
/*# sourceMappingURL=/cdn/shop/t/38/assets/dxl-ummah-zakat.css.map */