:root{--fx-ease:cubic-bezier(.2,.8,.2,1);--fx-spring:cubic-bezier(.34,1.56,.64,1)}html.dxfx .announcement-bar-section,html.dxfx slideshow-component.announcement-bar{overflow:hidden;max-width:100vw}.dxfx-toprow{display:grid!important;grid-template-columns:44px 1fr 44px;align-items:center;justify-items:center;gap:8px;width:100%;max-width:100%}.dxfx-toprow>.dxfx-sp{width:44px;height:44px}.dxfx-toprow>.dxfx-share--page{justify-self:end}.dxfx-toprow--q{margin:0 auto 14px;max-width:100%}html.dxfx-quran .dqh-top{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:flex-start!important;gap:10px!important}html.dxfx-quran .dqh-top>.dqh-back{margin:0!important;align-self:center!important;position:static!important;transform:none!important;left:auto!important;top:auto!important}html.dxfx-quran .dqh-top>.dqh-back[hidden]{display:none!important}html.dxfx-hadith #dxh .dxfx-backtop{display:flex!important;width:max-content;max-width:100%;margin:0 auto 10px!important;justify-content:center;align-items:center;gap:6px;color:#aaabb2;font-size:15px;text-decoration:none;transition:color .2s}html.dxfx-hadith #dxh .dxfx-backtop:hover{color:#f2f1ec}.dxfx-toprow--q>.dqh-lang{margin:0!important}html body .du .dxfx-toprow--u{margin:0 0 14px!important}html body .du .dxfx-toprow--u>.du-lang,html body .du .dxfx-toprow--u>#dxuShare{margin:0!important;position:static!important;transform:none!important;top:auto!important;align-self:center!important}html.dxfx :is(.dqh-title,.dxu-title) .dxfx-acc{color:#9dbbff!important;-webkit-text-fill-color:#9DBBFF!important;background:none!important}.dxfx-share{display:inline-flex;align-items:center;justify-content:center;flex:none;width:44px;height:44px;padding:0!important;border-radius:50%!important;border:1px solid rgba(255,255,255,.16)!important;background:#ffffff0a!important;color:#f2f1ec!important;cursor:pointer;gap:0!important;transition:background .25s var(--fx-ease),border-color .25s var(--fx-ease),color .25s,transform .35s var(--fx-spring),box-shadow .25s;-webkit-tap-highlight-color:transparent;position:relative;overflow:hidden;min-height:0!important;min-width:0!important}.dxfx-share svg{width:18px;height:18px;transition:transform .35s var(--fx-spring)}.dxfx-share{flex:0 0 auto!important;aspect-ratio:1/1;max-width:44px}html.dxfx body .du .du-verse .vbtns>.dxfx-share{flex:0 0 44px!important;width:44px!important;height:44px!important;margin:0 auto}.dxfx-share.dxfx-iconly>span,.dxfx-share.dxfx-iconly>[data-dxu]{display:none!important}.dxfx-share:hover{background:#3d7bff2e!important;border-color:#3d7bff99!important;color:#fff!important;box-shadow:0 8px 22px -10px #3d7bffe6}.dxfx-share:hover svg{transform:rotate(-12deg) scale(1.08)}.dxfx-share:active{transform:scale(.92)}.dxfx-share:focus-visible{outline:2px solid #3D7BFF;outline-offset:3px}.dxfx-share.dxfx-pulse{animation:dxfxPulse .6s var(--fx-ease)}@keyframes dxfxPulse{0%{box-shadow:0 0 #3d7bff8c}to{box-shadow:0 0 0 14px #3d7bff00}}.rv .dxfx-share--ayah{width:34px;height:34px;border-radius:999px!important}.rv .dxfx-share--ayah svg{width:15px;height:15px}.dxfx-share--daily{width:40px;height:40px}.dxu-vshare.dxfx-iconly{flex:none}.dxfx-rel{position:relative}.dxfx-card{isolation:isolate;transition:translate .35s var(--fx-ease),box-shadow .35s var(--fx-ease),border-color .3s var(--fx-ease),background-color .3s var(--fx-ease)}.dxfx-glow{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;z-index:-1;opacity:0;transition:opacity .35s var(--fx-ease);background:radial-gradient(320px circle at var(--mx,50%) var(--my,50%),rgba(var(--fx-a,61,123,255),.2),rgba(var(--fx-a,61,123,255),.06) 45%,transparent 70%)}.dxfx-hot>.dxfx-glow{opacity:1}@media(hover:hover)and (pointer:fine){.dxfx-lift:hover{translate:0 -4px;border-color:rgba(var(--fx-a),.55)!important;box-shadow:0 18px 40px -22px rgba(var(--fx-a),.75),0 0 0 1px rgba(var(--fx-a),.22)}.dxfx-glowonly:hover{border-color:rgba(var(--fx-a),.38)!important;box-shadow:0 14px 36px -26px rgba(var(--fx-a),.8)}.dxfx-lift:hover :is(.dq-tico,.dxu-tico,.dxh-col__ic,.dq-go,.dxu-go){color:rgb(var(--fx-a));transform:scale(1.08);transition:transform .35s var(--fx-spring),color .25s}.rv.dxfx-card:hover{border-color:transparent!important;box-shadow:none}}.dxfx-lift:active{translate:0 1px;transition-duration:.1s}@media(hover:none){.dxfx-lift:active{border-color:rgba(var(--fx-a),.6)!important;box-shadow:0 0 0 3px rgba(var(--fx-a),.18)}}.dxfx-ripwrap{overflow:hidden}.dxfx-rip{position:absolute;border-radius:50%;pointer-events:none;background:radial-gradient(circle,#ffffff47,#fff0 70%);transform:scale(0);animation:dxfxRip .6s var(--fx-ease) forwards;z-index:0}@keyframes dxfxRip{to{transform:scale(1);opacity:0}}@media(hover:hover){html.dxfx :is(.du-btn.p,.dxh-btn--primary,.dqh-search button[type=submit]){background-image:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.22) 50%,transparent 70%);background-size:250% 100%;background-position:120% 0;background-repeat:no-repeat;transition:background-position .7s var(--fx-ease),transform .2s,box-shadow .25s}html.dxfx :is(.du-btn.p,.dxh-btn--primary,.dqh-search button[type=submit]):hover{background-position:-60% 0}}.dxfx-prog{position:fixed;left:0;right:0;top:0;height:3px;z-index:2147483600;pointer-events:none;transform-origin:0 50%;transform:scaleX(0);background:linear-gradient(90deg,#3d7bff,#9d7bff 55%,#2dd4bf);box-shadow:0 0 12px #3d7bffb3}.dxfx-toast{position:fixed;left:50%;bottom:calc(92px + env(safe-area-inset-bottom));z-index:2147483601;max-width:calc(100vw - 32px);padding:11px 18px;border-radius:999px;background:#2f3035;color:#f2f1ec;border:1px solid rgba(255,255,255,.12);font:600 14px/1.3 Instrument Sans,system-ui,sans-serif;box-shadow:0 14px 34px #00000080;opacity:0;transform:translate(-50%,14px) scale(.96);transition:opacity .25s,transform .35s var(--fx-spring);pointer-events:none;text-align:center}.dxfx-toast.on{opacity:1;transform:translate(-50%) scale(1)}@media(max-width:640px){html.dxfx-quran .dq-bento{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important}html.dxfx-quran .dq-bento>.dq-slot{grid-column:1/-1!important}html.dxfx-quran .dq-bento>.dq-tile{grid-column:auto!important;grid-row:auto!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:flex-start!important;gap:8px!important;padding:14px!important;min-height:0!important;height:auto!important;text-align:left}html.dxfx-quran .dq-bento>.dq-tile>*{margin:0!important}html.dxfx-quran .dq-bento>.dq-tile .dq-ttitle{font-size:14.5px!important;line-height:1.25!important}html.dxfx-quran .dq-bento>.dq-tile .dq-tsub{font-size:12.5px!important;line-height:1.4!important;display:-webkit-box!important;-webkit-line-clamp:3!important;-webkit-box-orient:vertical!important;overflow:hidden!important;max-height:calc(1.4em * 3)!important}}@media(max-width:640px)and (min-width:340px){html.dxfx-hadith #dxh-colgrid :is(.dxh-colgrid,.dxh-cols,.dxh-grid){grid-template-columns:1fr 1fr!important;gap:10px!important}}@media(prefers-reduced-motion:reduce){.dxfx-card,.dxfx-share,.dxfx-share svg,.dxfx-glow{transition:none!important}.dxfx-lift:hover{translate:none}.dxfx-rip,.dxfx-share.dxfx-pulse{animation:none!important}}html.dxfx body .du .du-top,html.dxfx #dxh .dxh-totop,html.dxfx .dxh-totop{top:50%!important;bottom:auto!important;right:14px!important;left:auto!important;width:40px!important;height:40px!important;border-radius:50%!important;border:1px solid rgba(255,255,255,.17)!important;background:#090d1cd9!important;color:#3d7bff!important;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 8px 24px #0006!important;z-index:60!important}html.dxfx body .du .du-top{transform:translateY(-50%)}html.dxfx .dxh-totop{transform:translate(10px,-50%)!important}html.dxfx .dxh-totop.show{transform:translateY(-50%)!important}html.dxfx body .du .du-top:hover,html.dxfx .dxh-totop:hover{background:#3d7bff2e!important;border-color:#3d7bff99!important;color:#fff!important}html.dxfx body .du .du-top .dxu-ico,html.dxfx .dxh-totop svg{width:18px!important;height:18px!important}@media(max-width:640px){html.dxfx body .du .du-top,html.dxfx #dxh .dxh-totop,html.dxfx .dxh-totop{right:10px!important}}
/*# sourceMappingURL=/cdn/shop/t/38/assets/dxl-fx.css.map */