.Link_base__9W8Qs{text-decoration:none;color:inherit}.Link_base__9W8Qs:active,.Link_base__9W8Qs:focus{outline:none}.Link_highlight__HdSrf{color:var(--color-text-link)}.Link_highlight__HdSrf:hover,.Link_primary__rWdtP:hover{text-decoration:underline}.Link_secondary__m0KtR{color:var(--color-text-faded)}.Link_secondary__m0KtR:hover{color:var(--color-text-default)}.Link_blend___ORVn{text-decoration:underline;font-weight:var(--font-weight-semibold)}.Link_blend___ORVn:hover{opacity:var(--opacity-50)}.Spinner_large___jIQL{height:calc(1.5*var(--spacing-medium));width:calc(1.5*var(--spacing-medium))}.Spinner_normal__RzEer{height:calc(1.25*var(--spacing-medium));width:calc(1.25*var(--spacing-medium))}.Spinner_small__Yp4tO{height:calc(1*var(--spacing-medium));width:calc(1*var(--spacing-medium))}.Spinner_spinner__E67OJ{display:block;box-sizing:border-box}.Spinner_delayVisibility__XK8gt{opacity:0;animation:Spinner_fadeIn__C5hKJ 2s ease 1s forwards}.Spinner_centered__WjW8H{margin-block-start:0;margin-block-end:0;margin-inline-start:auto;margin-inline-end:auto}.Spinner_container__cpw6E{width:100%;height:100%;position:relative;inset-inline-start:50%;inset-block-start:50%}@keyframes Spinner_spinner__E67OJ{0%{opacity:1}to{opacity:.15}}.Spinner_span__4CLzE{background-color:var(--color-text-default);position:absolute;inset-block-start:-3.9%;width:24%;height:8%;inset-inline-start:-10%;border-radius:var(--border-radius-default);animation:Spinner_spinner__E67OJ 1.2s linear 0s infinite normal none running}.Spinner_span__4CLzE:first-child{animation-delay:-1.2s;transform:rotate(0deg) translate(146%)}.Spinner_span__4CLzE:nth-child(2){animation-delay:-1.1s;transform:rotate(30deg) translate(146%)}.Spinner_span__4CLzE:nth-child(3){animation-delay:-1s;transform:rotate(60deg) translate(146%)}.Spinner_span__4CLzE:nth-child(4){animation-delay:-.9s;transform:rotate(90deg) translate(146%)}.Spinner_span__4CLzE:nth-child(5){animation-delay:-.8s;transform:rotate(120deg) translate(146%)}.Spinner_span__4CLzE:nth-child(6){animation-delay:-.7s;transform:rotate(150deg) translate(146%)}.Spinner_span__4CLzE:nth-child(7){animation-delay:-.6s;transform:rotate(180deg) translate(146%)}.Spinner_span__4CLzE:nth-child(8){animation-delay:-.5s;transform:rotate(210deg) translate(146%)}.Spinner_span__4CLzE:nth-child(9){animation-delay:-.4s;transform:rotate(240deg) translate(146%)}.Spinner_span__4CLzE:nth-child(10){animation-delay:-.3s;transform:rotate(270deg) translate(146%)}.Spinner_span__4CLzE:nth-child(11){animation-delay:-.2s;transform:rotate(300deg) translate(146%)}.Spinner_span__4CLzE:nth-child(12){animation-delay:-.1s;transform:rotate(330deg) translate(146%)}@keyframes Spinner_fadeIn__C5hKJ{0%{opacity:0}to{opacity:1}}.Tooltip_trigger__E263W{all:unset;display:inline-block}.Tooltip_content__I7VNE{z-index:var(--z-index-sticky);font-size:var(--font-size-normal);border-radius:var(--border-radius-default);padding-block-start:var(--spacing-xxsmall);padding-block-end:var(--spacing-xxsmall);padding-inline-start:var(--spacing-xxsmall);padding-inline-end:var(--spacing-xxsmall);color:var(--color-text-inverse);background-color:var(--color-background-inverse);text-align:center;max-width:calc(10*var(--spacing-mega))}.Tooltip_content__I7VNE>span{fill:var(--color-background-inverse)}.Tooltip_noInverse__cxnCQ{background-color:var(--color-background-default)}.Tooltip_noInverse__cxnCQ>span{fill:var(--color-background-default)}.Tooltip_noCenter__dXZMR{text-align:left;text-align:initial}.Tooltip_secondary__AJcKD{background-color:var(--color-secondary-medium)}.Tooltip_secondary__AJcKD>span{fill:var(--color-secondary-medium)}.Tooltip_success__V_jEF{background-color:var(--color-success-medium)}.Tooltip_success__V_jEF>span{fill:var(--color-success-medium)}.Tooltip_warning__xHcqu{background-color:var(--color-warning-medium)}.Tooltip_warning__xHcqu>span{fill:var(--color-warning-medium)}.Tooltip_error__LuaPY{background-color:var(--color-error-medium)}.Tooltip_error__LuaPY>span{fill:var(--color-error-medium)}.Button_base__J2n8j{border:none;display:inline-flex;align-items:center;text-decoration:none;box-sizing:border-box;transition:transform var(--transition-fast);color:var(--themed-fg,var(--color-text-default));background-color:var(--themed-bg,var(--color-background-default));font-weight:var(--font-weight-medium);border:1px solid var(--themed-border);height:var(--button-size);justify-content:center;border-radius:var(--border-radius-default);padding-inline:var(--spacing-small)} .menu li{display: inline-block;} .menu li a{text-decoration: none;margin: 0 15px;font-size: 20px;font-weight: bold;}.menu li a:hover{color: #2ca4ab;}@media(hover:hover){.Button_base__J2n8j:hover{background-color:transparent;color:var(--themed-bg)}}.Button_base__J2n8j:active{transform:scale(.92)}.Button_base__J2n8j:active.Button_disabled__X_sEV{transform:none}.Button_primary__VBekZ{--themed-bg:var(--color-primary-medium);--themed-fg:var(--color-text-inverse);--themed-border:var(--color-primary-medium)}.Button_secondary__UbmkS{--themed-bg:var(--color-background-default);--themed-fg:var(--color-text-faded);--themed-border:var(--color-borders-hairline)}@media(hover:hover){.Button_secondary__UbmkS:hover{--themed-bg:var(--color-text-default);--themed-border:var(--color-primary-medium)}}.Button_success__As9HB{--themed-bg:var(--color-success-medium);--themed-fg:var(--shade-0);--themed-border:var(--color-success-medium)}.Button_warning__lvS_t{--themed-bg:var(--color-warning-medium);--themed-fg:var(--shade-0);--themed-border:var(--color-warning-medium)}.Button_error__FO_OV{--themed-bg:var(--color-error-medium);--themed-fg:var(--shade-0);--themed-border:var(--color-error-medium)}.Button_inverse__UF9r0{--themed-bg:var(--color-text-inverse);--themed-fg:var(--color-primary-medium);--themed-border:var(--color-text-inverse)}@media(hover:hover){.Button_inverse__UF9r0.Button_ghost__pS9ZU:hover{color:var(--color-text-default)}}.Button_large__JQFA1{font-size:var(--font-size-large);--button-size:calc(3 * var(--spacing-medium))}.Button_normal__gNVb9{font-size:var(--font-size-normal);--button-size:calc(2.5 * var(--spacing-medium))}.Button_small__DBbNO{font-size:var(--font-size-normal);--button-size:calc(2 * var(--spacing-medium))}.Button_square__WerFZ{border-radius:var(--border-radius-default);width:var(--button-size);padding:0}.Button_circle__ZrzHE{border-radius:var(--border-radius-circle);width:var(--button-size);padding:0}.Button_pill__tSakZ{border-radius:var(--border-radius-pill)}.Button_shadow__Epq7b{box-shadow:var(--shadow-large)}@media(hover:hover){.Button_shadow__Epq7b:hover{background-color:var(--themed-bg);color:var(--themed-fg);position:relative;inset-block-start:-1px}}.Button_ghost__pS9ZU{background-color:transparent;border:none;color:var(--themed-bg)}.Button_ghost__pS9ZU:hover{background-color:var(--themed-bg);background-image:linear-gradient(to right,var(--color-background-lighten),var(--color-background-lighten))}.Button_outlined__Axs1Q{background-color:transparent;color:var(--themed-bg)}.Button_outlined__Axs1Q:hover{background-color:var(--themed-bg);color:var(--themed-fg)}.Button_ghost__pS9ZU.Button_secondary__UbmkS{--themed-bg:var(--color-text-faded)}.Button_compact__S8Mm9{padding-inline:0;background-color:transparent;color:var(--themed-bg);border:none}.Button_compact__S8Mm9:hover{opacity:var(--opacity-50)}.Button_suffix__9V66Z{display:flex;margin-inline-start:calc(.5*var(--spacing-medium))}.Button_prefix__Y1BE7{display:flex;margin-inline-end:calc(.5*var(--spacing-medium))}.Button_content__hmBjB{display:flex;line-height:normal}.Button_base__J2n8j>span>svg{height:calc(.5*var(--button-size));width:calc(.5*var(--button-size))}.Button_base__J2n8j[dir=rtl][data-auto-flip-icon=true] svg{transform:scaleX(-1)}.Button_base__J2n8j.Button_disabled__X_sEV{cursor:not-allowed;background-color:var(--color-background-alternative-medium);border:1px solid var(--color-secondary-medium);color:var(--color-text-default);opacity:.7}@media(hover:hover){.Button_base__J2n8j.Button_disabled__X_sEV:hover{background-color:var(--color-background-alternative-medium);opacity:.7}}.Button_ghost__pS9ZU.Button_disabled__X_sEV{border:none;background:inherit}@media(hover:hover){.Button_ghost__pS9ZU.Button_disabled__X_sEV:hover{background:inherit}}.Button_noSidePadding__mIqRQ{padding-inline-start:0;padding-inline-end:0}.OnboardingStep_tooltipContainer__cLWvX{border-radius:var(--border-radius-default);padding:var(--spacing-small);color:var(--color-text-inverse);background-color:var(--color-background-inverse);max-width:100%;width:calc(var(--spacing-mega)*10);z-index:var(--z-index-onboarding-step)}.OnboardingStep_title__QbSkZ{font-size:var(--font-size-normal);font-weight:var(--font-weight-bold)}.OnboardingStep_description__bkeeG{margin-top:var(--spacing-xsmall);font-size:var(--font-size-small)}.OnboardingStep_icon__FEDh3{width:24px;height:24px}.OnboardingStep_actionContainer__ovpeY{margin-top:var(--spacing-large);display:flex;align-items:center;gap:var(--spacing-xxsmall)}:root{--toastify-color-light:#fff;--toastify-color-dark:#121212;--toastify-color-info:#3498db;--toastify-color-success:#07bc0c;--toastify-color-warning:#f1c40f;--toastify-color-error:#e74c3c;--toastify-color-transparent:hsla(0,0%,100%,.7);--toastify-icon-color-info:var(--toastify-color-info);--toastify-icon-color-success:var(--toastify-color-success);--toastify-icon-color-warning:var(--toastify-color-warning);--toastify-icon-color-error:var(--toastify-color-error);--toastify-toast-width:320px;--toastify-toast-background:#fff;--toastify-toast-min-height:64px;--toastify-toast-max-height:800px;--toastify-font-family:sans-serif;--toastify-z-index:9999;--toastify-text-color-light:#757575;--toastify-text-color-dark:#fff;--toastify-text-color-info:#fff;--toastify-text-color-success:#fff;--toastify-text-color-warning:#fff;--toastify-text-color-error:#fff;--toastify-spinner-color:#616161;--toastify-spinner-color-empty-area:#e0e0e0;--toastify-color-progress-light:linear-gradient(90deg,#4cd964,#5ac8fa,#007aff,#34aadc,#5856d6,#ff2d55);--toastify-color-progress-dark:#bb86fc;--toastify-color-progress-info:var(--toastify-color-info);--toastify-color-progress-success:var(--toastify-color-success);--toastify-color-progress-warning:var(--toastify-color-warning);--toastify-color-progress-error:var(--toastify-color-error)}.Toastify__toast-container{z-index:var(--toastify-z-index);-webkit-transform:translateZ(var(--toastify-z-index));position:fixed;padding:4px;width:var(--toastify-toast-width);box-sizing:border-box;color:#fff}.Toastify__toast-container--top-left{top:1em;left:1em}.Toastify__toast-container--top-center{top:1em;left:50%;transform:translateX(-50%)}.Toastify__toast-container--top-right{top:1em;right:1em}.Toastify__toast-container--bottom-left{bottom:1em;left:1em}.Toastify__toast-container--bottom-center{bottom:1em;left:50%;transform:translateX(-50%)}.Toastify__toast-container--bottom-right{bottom:1em;right:1em}@media only screen and (max-width:480px){.Toastify__toast-container{width:100vw;padding:0;left:0;margin:0}.Toastify__toast-container--top-center,.Toastify__toast-container--top-left,.Toastify__toast-container--top-right{top:0;transform:translateX(0)}.Toastify__toast-container--bottom-center,.Toastify__toast-container--bottom-left,.Toastify__toast-container--bottom-right{bottom:0;transform:translateX(0)}.Toastify__toast-container--rtl{right:0;left:auto}}.Toastify__toast{position:relative;min-height:var(--toastify-toast-min-height);box-sizing:border-box;margin-bottom:1rem;padding:8px;border-radius:4px;box-shadow:0 1px 10px 0 rgba(0,0,0,.1),0 2px 15px 0 rgba(0,0,0,.05);display:flex;justify-content:space-between;max-height:var(--toastify-toast-max-height);overflow:hidden;font-family:var(--toastify-font-family);cursor:default;direction:ltr;z-index:0}.Toastify__toast--rtl{direction:rtl}.Toastify__toast--close-on-click{cursor:pointer}.Toastify__toast-body{margin:auto 0;flex:1 1 auto;padding:6px;display:flex;align-items:center}.Toastify__toast-body>div:last-child{word-break:break-word;flex:1 1}.Toastify__toast-icon{margin-inline-end:10px;width:20px;flex-shrink:0;display:flex}.Toastify--animate{animation-fill-mode:both;animation-duration:.7s}.Toastify--animate-icon{animation-fill-mode:both;animation-duration:.3s}@media only screen and (max-width:480px){.Toastify__toast{margin-bottom:0;border-radius:0}}.Toastify__toast-theme--dark{background:var(--toastify-color-dark);color:var(--toastify-text-color-dark)}.Toastify__toast-theme--colored.Toastify__toast--default,.Toastify__toast-theme--light{background:var(--toastify-color-light);color:var(--toastify-text-color-light)}.Toastify__toast-theme--colored.Toastify__toast--info{color:var(--toastify-text-color-info);background:var(--toastify-color-info)}.Toastify__toast-theme--colored.Toastify__toast--success{color:var(--toastify-text-color-success);background:var(--toastify-color-success)}.Toastify__toast-theme--colored.Toastify__toast--warning{color:var(--toastify-text-color-warning);background:var(--toastify-color-warning)}.Toastify__toast-theme--colored.Toastify__toast--error{color:var(--toastify-text-color-error);background:var(--toastify-color-error)}.Toastify__progress-bar-theme--light{background:var(--toastify-color-progress-light)}.Toastify__progress-bar-theme--dark{background:var(--toastify-color-progress-dark)}.Toastify__progress-bar--info{background:var(--toastify-color-progress-info)}.Toastify__progress-bar--success{background:var(--toastify-color-progress-success)}.Toastify__progress-bar--warning{background:var(--toastify-color-progress-warning)}.Toastify__progress-bar--error{background:var(--toastify-color-progress-error)}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning{background:var(--toastify-color-transparent)}.Toastify__close-button{color:#fff;background:0 0;outline:none;border:none;padding:0;cursor:pointer;opacity:.7;transition:.3s ease;align-self:flex-start}.Toastify__close-button--light{color:#000;opacity:.3}.Toastify__close-button>svg{fill:currentColor;height:16px;width:14px}.Toastify__close-button:focus,.Toastify__close-button:hover{opacity:1}@keyframes Toastify__trackProgress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.Toastify__progress-bar{position:absolute;bottom:0;left:0;width:100%;height:5px;z-index:var(--toastify-z-index);opacity:.7;transform-origin:left}.Toastify__progress-bar--animated{animation:Toastify__trackProgress linear 1 forwards}.Toastify__progress-bar--controlled{transition:transform .2s}.Toastify__progress-bar--rtl{right:0;left:auto;transform-origin:right}.Toastify__spinner{width:20px;height:20px;box-sizing:border-box;border-radius:100%;border:2px solid;border-right:2px solid var(--toastify-spinner-color);animation:Toastify__spin .65s linear infinite}@keyframes Toastify__bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0)}60%{opacity:1;transform:translate3d(-25px,0,0)}75%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutRight{20%{opacity:1;transform:translate3d(-20px,0,0)}to{opacity:0;transform:translate3d(2000px,0,0)}}@keyframes Toastify__bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0)}60%{opacity:1;transform:translate3d(25px,0,0)}75%{transform:translate3d(-10px,0,0)}90%{transform:translate3d(5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutLeft{20%{opacity:1;transform:translate3d(20px,0,0)}to{opacity:0;transform:translate3d(-2000px,0,0)}}@keyframes Toastify__bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,3000px,0)}60%{opacity:1;transform:translate3d(0,-20px,0)}75%{transform:translate3d(0,10px,0)}90%{transform:translate3d(0,-5px,0)}to{transform:translateZ(0)}}@keyframes Toastify__bounceOutUp{20%{transform:translate3d(0,-10px,0)}40%,45%{opacity:1;transform:translate3d(0,20px,0)}to{opacity:0;transform:translate3d(0,-2000px,0)}}@keyframes Toastify__bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}to{transform:none}}@keyframes Toastify__bounceOutDown{20%{transform:translate3d(0,10px,0)}40%,45%{opacity:1;transform:translate3d(0,-20px,0)}to{opacity:0;transform:translate3d(0,2000px,0)}}.Toastify__bounce-enter--bottom-left,.Toastify__bounce-enter--top-left{animation-name:Toastify__bounceInLeft}.Toastify__bounce-enter--bottom-right,.Toastify__bounce-enter--top-right{animation-name:Toastify__bounceInRight}.Toastify__bounce-enter--top-center{animation-name:Toastify__bounceInDown}.Toastify__bounce-enter--bottom-center{animation-name:Toastify__bounceInUp}.Toastify__bounce-exit--bottom-left,.Toastify__bounce-exit--top-left{animation-name:Toastify__bounceOutLeft}.Toastify__bounce-exit--bottom-right,.Toastify__bounce-exit--top-right{animation-name:Toastify__bounceOutRight}.Toastify__bounce-exit--top-center{animation-name:Toastify__bounceOutUp}.Toastify__bounce-exit--bottom-center{animation-name:Toastify__bounceOutDown}@keyframes Toastify__zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes Toastify__zoomOut{0%{opacity:1}50%{opacity:0;transform:scale3d(.3,.3,.3)}to{opacity:0}}.Toastify__zoom-enter{animation-name:Toastify__zoomIn}.Toastify__zoom-exit{animation-name:Toastify__zoomOut}@keyframes Toastify__flipIn{0%{transform:perspective(400px) rotateX(90deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotateX(-20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotateX(10deg);opacity:1}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px)}}@keyframes Toastify__flipOut{0%{transform:perspective(400px)}30%{transform:perspective(400px) rotateX(-20deg);opacity:1}to{transform:perspective(400px) rotateX(90deg);opacity:0}}.Toastify__flip-enter{animation-name:Toastify__flipIn}.Toastify__flip-exit{animation-name:Toastify__flipOut}@keyframes Toastify__slideInRight{0%{transform:translate3d(110%,0,0);visibility:visible}to{transform:translateZ(0)}}@keyframes Toastify__slideInLeft{0%{transform:translate3d(-110%,0,0);visibility:visible}to{transform:translateZ(0)}}@keyframes Toastify__slideInUp{0%{transform:translate3d(0,110%,0);visibility:visible}to{transform:translateZ(0)}}@keyframes Toastify__slideInDown{0%{transform:translate3d(0,-110%,0);visibility:visible}to{transform:translateZ(0)}}@keyframes Toastify__slideOutRight{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(110%,0,0)}}@keyframes Toastify__slideOutLeft{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(-110%,0,0)}}@keyframes Toastify__slideOutDown{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(0,500px,0)}}@keyframes Toastify__slideOutUp{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(0,-500px,0)}}.Toastify__slide-enter--bottom-left,.Toastify__slide-enter--top-left{animation-name:Toastify__slideInLeft}.Toastify__slide-enter--bottom-right,.Toastify__slide-enter--top-right{animation-name:Toastify__slideInRight}.Toastify__slide-enter--top-center{animation-name:Toastify__slideInDown}.Toastify__slide-enter--bottom-center{animation-name:Toastify__slideInUp}.Toastify__slide-exit--bottom-left,.Toastify__slide-exit--top-left{animation-name:Toastify__slideOutLeft}.Toastify__slide-exit--bottom-right,.Toastify__slide-exit--top-right{animation-name:Toastify__slideOutRight}.Toastify__slide-exit--top-center{animation-name:Toastify__slideOutUp}.Toastify__slide-exit--bottom-center{animation-name:Toastify__slideOutDown}@keyframes Toastify__spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes Toast_slideOutDown__B6Jc9{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(0,500px,0)}}@keyframes Toast_slideInUp__vGysg{0%{transform:translate3d(0,110%,0);visibility:visible}to{transform:translateZ(0)}}.Toast_animate__Tmzfu{animation-fill-mode:both;animation-duration:.3s}.Toast_enter__rE9Mm{animation-name:Toast_slideInUp__vGysg}.Toast_exit__oVQ6p{animation-name:Toast_slideOutDown__B6Jc9}.Toast_toast__wngG9{margin-block-start:0;margin-block-end:0;margin-inline-start:var(--spacing-xxsmall);margin-inline-end:var(--spacing-xxsmall);border-radius:var(--border-radius-default);box-shadow:var(--shadow-xlarge);transition:transform .4s,opacity .4s ease;position:absolute;inset-block-end:0;inset-inline-start:0;inset-inline-end:0}.Toast_toast__wngG9:nth-last-child(2){transform:translate3d(0,-14px,0) scale(.98)}.Toast_toast__wngG9:nth-last-child(3){transform:translate3d(0,-21px,0) scale(.97)}.Toast_toast__wngG9:nth-last-child(4){transform:translate3d(0,-28px,0) scale(.96)}.Toast_toast__wngG9:nth-last-child(5){transform:translate3d(0,-35px,0) scale(.95)}.Toast_toast__wngG9:nth-last-child(n+4){visibility:hidden}.Toast_toastContainer___t7rD:hover>.Toast_toast__wngG9{opacity:1;transform:translateZ(0) scale(1)}.Toast_toastContainer___t7rD:hover>.Toast_toast__wngG9:nth-last-child(2){transform:translate3d(0,-80px,0) scale(1)}.Toast_toastContainer___t7rD:hover>.Toast_toast__wngG9:nth-last-child(3){transform:translate3d(0,-160px,0) scale(1)}.Toast_errorBody__Ltyof{background-color:var(--color-error-medium);color:var(--shade-0)}.Toast_warningBody__E9wSE{background-color:var(--color-warning-medium);color:var(--shade-0)}.Toast_successBody__Jx1gZ{background-color:var(--color-success-medium);color:var(--shade-0)}.Toast_toastContainer___t7rD{box-shadow:none;--toastify-toast-width:480px;min-height:calc(10*var(--spacing-large))}.Toast_contentContainer__lfumt{display:flex;justify-content:space-between;align-items:center}[dir=rtl] .Toast_contentContainer__lfumt{flex-direction:row-reverse}.Toast_actionsContainer__nyh90{display:flex}.Toast_actionsContainer__nyh90>.Toast_action__z57l_+.Toast_action__z57l_{margin-inline-start:var(--spacing-xxsmall)}.AudioPlayer_container__duw1H{position:fixed;opacity:1;width:100%;inset-block-end:0;text-align:center;background:var(--color-background-default);transition:var(--transition-regular);z-index:var(--z-index-sticky);box-shadow:var(--shadow-large);border-block-start:1px solid var(--color-borders-hairline);height:3.5rem;will-change:transform}@media only screen and (min-width:768px){.AudioPlayer_container__duw1H{height:3rem}}.AudioPlayer_containerOnboarding__MMay2{z-index:var(--z-index-onboarding-content)}.AudioPlayer_containerHidden__lR45m{display:none}.AudioPlayer_spinner__O52Tx{align-items:center;display:flex;height:100%}.Action_action__OpoPA{flex:1 1;border:none;display:flex;justify-content:center;border-block-start:1px solid var(--color-borders-hairline);font-size:var(--font-size-normal);background-color:inherit;padding-block-start:var(--spacing-large);padding-block-end:var(--spacing-large);padding-inline-start:var(--spacing-large);padding-inline-end:var(--spacing-large);color:var(--color-text-faded);overflow:hidden;transition:background-color .35s cubic-bezier(.4,0,.2,1)}.Action_action__OpoPA:hover{opacity:var(--opacity-75);background-color:var(--color-background-alternative-medium);color:var(--color-text-default)}.Action_action__OpoPA:not(:only-child):not(:last-child){border-inline-end:1px solid var(--color-borders-hairline)}.Action_action__OpoPA[disabled]{opacity:var(--opacity-75);cursor:not-allowed;background-color:var(--color-background-alternative-medium);color:var(--color-text-faded)}.Action_primary__F1pjz{background-color:var(--color-background-inverse);color:var(--color-text-inverse)}.Body_body__8O8H7{padding-block-start:var(--spacing-mega);padding-block-end:var(--spacing-mega);padding-inline-start:var(--spacing-mega);padding-inline-end:var(--spacing-mega)}@keyframes Content_desktopContentIn___appS{0%{opacity:0;transform:translate(-50%,-70%)}to{opacity:1;transform:translate(-50%,-50%)}}@keyframes Content_desktopContentOut__kaueB{0%{transform:translate(-50%,-50%)}to{transform:translate(-50%,-70%)}}@keyframes Content_topSheetOnMobileIn__08kuC{0%{opacity:0;transform:translateY(-90%)}to{opacity:1;transform:translate(0)}}@keyframes Content_topSheetOnMobileOut__m3_Wc{0%{transform:translate(0)}to{transform:translateY(-90%)}}@keyframes Content_mobileContentIn__bPrSn{0%{transform:translateY(100%)}to{transform:translate(0)}}@keyframes Content_mobileContentOut__N69Up{0%{transform:translate(0)}to{transform:translateY(100%)}}@keyframes Content_fadeIn__RPj2O{0%{opacity:0}to{opacity:1}}@keyframes Content_fadeOut__pgEP2{0%{opacity:1}to{opacity:0}}.Content_content__0oYtM{background-color:var(--color-background-default);border-radius:var(--border-radius-rounded) var(--border-radius-rounded) 0 0;overflow:hidden;position:fixed;bottom:0;left:0;width:100vw;z-index:var(--z-index-modal)}@media(prefers-color-scheme:light){.Content_content__0oYtM{box-shadow:var(--shadow-jumbo)}}[data-theme=light] .Content_content__0oYtM{box-shadow:var(--shadow-jumbo)}@media(prefers-color-scheme:dark){.Content_content__0oYtM{box-shadow:none}}[data-theme=dark] .Content_content__0oYtM{box-shadow:none}.Content_content__0oYtM:focus{outline:none}@media only screen and (min-width:1024px){.Content_content__0oYtM{border-radius:var(--border-radius-rounded);width:90vw;bottom:inherit;left:50%;top:50%;transform:translate(-50%,-50%)}.Content_content__0oYtM.Content_medium__b1UWo{max-width:calc(30.5*var(--spacing-medium))}.Content_content__0oYtM.Content_large__QPh64{max-width:calc(36*var(--spacing-large))}}@media only screen and (max-width:768px){.Content_content__0oYtM.Content_topSheetOnMobile__q19zW{width:95%;margin-left:2.5%;top:10%;border-radius:var(--border-radius-rounded) var(--border-radius-rounded);bottom:unset}}.Content_content__0oYtM[data-state=open]{animation:Content_mobileContentIn__bPrSn .35s cubic-bezier(.4,0,.2,1),Content_fadeIn__RPj2O .35s cubic-bezier(.4,0,.2,1)}@media only screen and (max-width:768px){.Content_content__0oYtM[data-state=open].Content_topSheetOnMobile__q19zW{animation:Content_topSheetOnMobileIn__08kuC .35s cubic-bezier(.4,0,.2,1),Content_fadeIn__RPj2O .35s cubic-bezier(.4,0,.2,1)}}@media only screen and (min-width:768px){.Content_content__0oYtM[data-state=open]{animation:Content_desktopContentIn___appS .35s cubic-bezier(.4,0,.2,1),Content_fadeIn__RPj2O .35s cubic-bezier(.4,0,.2,1)}}.Content_content__0oYtM[data-state=closed]{animation:Content_mobileContentOut__N69Up .35s cubic-bezier(.4,0,.2,1),Content_fadeIn__RPj2O .35s cubic-bezier(.4,0,.2,1)}@media only screen and (max-width:768px){.Content_content__0oYtM[data-state=closed].Content_topSheetOnMobile__q19zW{animation:Content_topSheetOnMobileOut__m3_Wc .35s cubic-bezier(.4,0,.2,1),Content_fadeOut__pgEP2 .35s cubic-bezier(.4,0,.2,1)}}@media only screen and (min-width:768px){.Content_content__0oYtM[data-state=closed]{animation:Content_desktopContentOut__kaueB .35s cubic-bezier(.4,0,.2,1),Content_fadeOut__pgEP2 .35s cubic-bezier(.4,0,.2,1)}}.Footer_footer__c4RH0{display:flex;justify-content:stretch}.Header_header__8L8T7{display:flex;flex-direction:column;align-items:center;padding-block-start:var(--spacing-large);padding-block-end:var(--spacing-large);padding-inline-start:var(--spacing-large);padding-inline-end:var(--spacing-large)}.Subtitle_subtitle__eczrb{text-align:center;color:var(--color-text-faded);font-size:var(--font-size-normal);font-weight:var(--font-weight-normal);line-height:var(--line-height-xlarge)}.Title_title__O6BTT{text-align:center;font-weight:var(--font-weight-bold);font-size:var(--font-size-xlarge);line-height:var(--line-height-jumbo)}@keyframes Modal_fadeIn__u5qdB{0%{opacity:0}to{opacity:1}}@keyframes Modal_fadeOut__y86nu{0%{opacity:1}to{opacity:0}}.Modal_overlay__2OzLW{background-color:var(--color-background-backdrop);position:fixed;inset:0;z-index:var(--z-index-overlay)}.Modal_overlay__2OzLW.Modal_invertedOverlay__x1jDG{background-color:var(--color-background-lighten)}.Modal_overlay__2OzLW[data-state=open]{animation:Modal_fadeIn__u5qdB .35s cubic-bezier(.4,0,.2,1)}.Modal_overlay__2OzLW[data-state=closed]{animation:Modal_fadeOut__y86nu .35s cubic-bezier(.4,0,.2,1)}.Separator_base__2kP0d[data-orientation=horizontal]{height:1px;width:100%}.Separator_base__2kP0d[data-orientation=vertical]{height:100%;width:1px}.Separator_semiBold__9Eu4c{background-color:var(--color-borders-hairline)}.Separator_bold__412WT{background-color:var(--color-primary-medium)}.Separator_bold__412WT[data-orientation=horizontal]{height:1.28px}.Separator_bold__412WT[data-orientation=vertical]{width:1.28px}.DeveloperUtility_container__ZIDNB{background:var(--color-background-alternative-medium);border:1px solid rgba(0,0,0,.13);color:#000;position:fixed;inset-block-start:calc(var(--spacing-mega) + var(--spacing-mega));inset-inline-end:calc(var(--spacing-mega) + var(--spacing-medium));height:calc(2*var(--spacing-mega));width:calc(2*var(--spacing-mega));z-index:var(--z-index-sticky);border-radius:100%;box-shadow:var(--shadow-small);text-align:center;cursor:pointer;padding:unset}.DeveloperUtility_containerExpanded__7zSRc{cursor:unset;height:auto;width:auto;padding-block-start:var(--spacing-xsmall);padding-block-end:var(--spacing-xsmall);padding-inline-start:var(--spacing-xsmall);padding-inline-end:var(--spacing-xsmall);border-radius:var(--spacing-small);display:flex;flex-direction:column;gap:var(--spacing-xsmall);align-items:flex-start}.DeveloperUtility_separator__VWvy9{width:100%;margin-block-end:var(--spacing-xxxsmall)}.DeveloperUtility_closeButton__Lanzi{background:var(--color-primary-medium);border:none;border-radius:var(--spacing-xsmall);color:#fff;padding-block-start:var(--spacing-micro);padding-block-end:var(--spacing-micro);padding-inline-start:var(--spacing-small);padding-inline-end:var(--spacing-small);box-shadow:var(--shadow-normal);color:var(--color-text-inverse)}.DeveloperUtility_wrench__7DWaV{height:calc(2*var(--spacing-mega));width:calc(var(--spacing-large) + var(--spacing-xxsmall))}@keyframes CommandBarBase_contentShow____izB{0%{opacity:0;transform:var(--content-translate-position) scale(.96)}to{opacity:1;transform:var(--content-translate-position) scale(1)}}@keyframes CommandBarBase_contentHide__W2CEF{0%{opacity:1;transform:var(--content-translate-position) scale(1)}to{opacity:0;transform:var(--content-translate-position) scale(.96)}}.CommandBarBase_content__MLd_Z{--content-translate-position:translate(-50%,-50%);background-color:var(--color-background-default);border-radius:var(--border-radius-rounded);box-shadow:0 16px 70px rgba(0,0,0,.2);position:fixed;inset-block-start:50%;inset-inline-start:50%;transform:var(--content-translate-position);width:95vw;max-width:calc(20*var(--spacing-mega));max-height:85vh;min-height:calc(9*var(--spacing-mega));display:flex;flex-direction:column;z-index:var(--z-index-modal)}[dir=rtl] .CommandBarBase_content__MLd_Z{--content-translate-position:translate(50%,-50%)}@media(prefers-reduced-motion:no-preference){.CommandBarBase_content__MLd_Z[data-state=open]{animation:CommandBarBase_contentShow____izB var(--transition-fast) cubic-bezier(.16,1,.3,1)}.CommandBarBase_content__MLd_Z[data-state=closed]{animation:CommandBarBase_contentHide__W2CEF var(--transition-fast) cubic-bezier(.16,1,.3,1)}}.CommandBarBase_content__MLd_Z:focus{outline:none}@keyframes CommandBarBase_overlayShow__H60Ya{0%{opacity:0}to{opacity:1}}@keyframes CommandBarBase_overlayHide__UUTn9{0%{opacity:1}to{opacity:0}}.CommandBarBase_overlay__mPz8y{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);position:fixed;inset:0;z-index:var(--z-index-overlay)}@media(prefers-color-scheme:light){.CommandBarBase_overlay__mPz8y{background-color:hsla(0,0%,100%,.8)}}[data-theme=light] .CommandBarBase_overlay__mPz8y{background-color:hsla(0,0%,100%,.8)}@media(prefers-color-scheme:dark){.CommandBarBase_overlay__mPz8y{background-color:rgba(0,0,0,.8)}}[data-theme=dark] .CommandBarBase_overlay__mPz8y{background-color:rgba(0,0,0,.8)}[data-theme=sepia] .CommandBarBase_overlay__mPz8y{background-color:hsla(37,52%,87%,.7)}@media(prefers-reduced-motion:no-preference){.CommandBarBase_overlay__mPz8y[data-state=open]{animation:CommandBarBase_overlayShow__H60Ya var(--transition-fast) ease}.CommandBarBase_overlay__mPz8y[data-state=closed]{animation:CommandBarBase_overlayHide__UUTn9 var(--transition-fast) ease}}.CommandBar_loadingContainer__Ho4AK{flex:1 1;display:flex;justify-content:center;align-items:center}@keyframes PopoverMenu_slideUpAndFade__8WPJz{0%{opacity:0;transform:translateY(2px)}to{opacity:1;transform:translateY(0)}}@keyframes PopoverMenu_slideDownAndFade__pzFg6{0%{opacity:0;transform:translateY(-2px)}to{opacity:1;transform:translateY(0)}}@keyframes PopoverMenu_slideRightAndFade__o9TzG{0%{opacity:0;transform:translateX(-2px)}to{opacity:1;transform:translateX(0)}}@keyframes PopoverMenu_slideLeftAndFade__QgISc{0%{opacity:0;transform:translateX(2px)}to{opacity:1;transform:translateX(0)}}.PopoverMenu_content__xL1VK{z-index:var(--z-index-sticky);padding-block-start:var(--spacing-small);padding-block-end:var(--spacing-small);padding-inline-start:0;padding-inline-end:0;min-width:calc(12*var(--spacing-large));background-color:var(--color-background-elevated);border-radius:var(--border-radius-rounded);box-shadow:var(--shadow-large);animation-duration:.35s;animation-timing-function:cubic-bezier(.4,0,.2,1);will-change:transform,opacity}.PopoverMenu_content__xL1VK[data-state=open][data-side=top]{animation-name:PopoverMenu_slideDownAndFade__pzFg6}.PopoverMenu_content__xL1VK[data-state=open][data-side=right]{animation-name:PopoverMenu_slideLeftAndFade__QgISc}.PopoverMenu_content__xL1VK[data-state=open][data-side=bottom]{animation-name:PopoverMenu_slideUpAndFade__8WPJz}.PopoverMenu_content__xL1VK[data-state=open][data-side=left]{animation-name:PopoverMenu_slideRightAndFade__o9TzG}.PopoverMenu_item__e4y_f{font-size:var(--font-size-normal);line-height:var(--line-height-normal);color:var(--color-text-default);display:flex;align-items:center;padding-block:var(--spacing-xsmall);padding-inline-start:var(--spacing-medium);padding-inline-end:var(--spacing-medium);position:relative;cursor:pointer}.PopoverMenu_item__e4y_f[data-disabled]{color:var(--color-text-faded);pointer-events:none}.PopoverMenu_item__e4y_f[data-disabled] .PopoverMenu_iconWrapper__ZzSRV{opacity:var(--opacity-50)}.PopoverMenu_item__e4y_f:focus{background-color:var(--color-background-alternative-medium);color:var(--color-text-default)}[dir=rtl] .PopoverMenu_item__e4y_f .PopoverMenu_iconWrapper__ZzSRV.PopoverMenu_shouldFlipOnRTL__5sU77{transform:scaleX(-1)}.PopoverMenu_item__e4y_f .PopoverMenu_iconWrapper__ZzSRV{margin-inline-end:var(--spacing-small);display:flex;align-items:center;justify-content:center;height:var(--spacing-medium);width:var(--spacing-medium)}.PopoverMenu_item__e4y_f .PopoverMenu_iconWrapper__ZzSRV svg{width:100%;height:100%}.PopoverMenu_separator__jBJM6{height:1px;background-color:var(--color-secondary-faded);margin-block-start:var(--spacing-xxsmall);margin-block-end:var(--spacing-xxsmall);margin-inline-start:var(--spacing-xxsmall);margin-inline-end:var(--spacing-xxsmall)}.PopoverMenu_selected__NH0IG{background-color:var(--color-background-alternative-medium)}.LanguageSelector_container__3lssG{display:flex;flex-direction:column;justify-content:center;margin-inline-start:var(--spacing-xxsmall)}@media only screen and (min-width:768px){.LanguageSelector_container__3lssG{margin-inline-start:var(--spacing-medium)}}.LanguageSelector_globeIconWrapper__o7Y_L{display:flex;align-items:center}.LanguageSelector_globeIconWrapper__o7Y_L>svg{height:calc(1.4*var(--spacing-medium))}.LanguageSelector_globeIconWrapper__o7Y_L>svg>path{stroke:var(--color-text-default)}.LanguageSelector_triggerButton__HWoIu{border:1px solid var(--color-text-default)}.LanguageSelector_triggerSuffixContainer__DxIAk{display:flex;position:relative;inset-block-end:1px;transform:rotate(180deg)}.NavbarLogoWrapper_logoWrapper__rxO10{display:flex;align-self:center;justify-content:flex-start}.NavbarLogoWrapper_logoWrapper__rxO10>svg{margin-block-start:1px;height:var(--spacing-medium);width:auto}@media only screen and (min-width:768px){.NavbarLogoWrapper_logoWrapper__rxO10>svg{height:var(--spacing-large)}}.NavbarLogoWrapper_logoWrapper__rxO10>svg>path{fill:var(--color-text-default)}.TarteelAttribution_container__pV6Dr{display:flex;align-items:center;padding-block:var(--spacing-small);text-decoration:none}.TarteelAttribution_poweredBy__HGAKn{font-size:var(--font-size-xsmall);line-height:normal;color:var(--color-text-faded);display:flex;margin-inline-end:var(--spacing-xxsmall)}.TarteelAttribution_tarteelTextWrapper__GH8ML{display:flex;align-items:center}.TarteelAttribution_tarteelTextWrapper__GH8ML>svg>path{fill:var(--color-text-default)}.Footer_container__vU65b{display:flex;align-items:center;justify-content:flex-end;font-size:var(--font-size-xsmall-dangerous)}.Footer_betaContainer__xEO7h{display:flex;align-items:center;justify-content:space-between;width:50%}.Footer_uppercase__vITIn{text-transform:uppercase}.Footer_bold___echK{font-weight:var(--font-weight-bold)}.Footer_beta__A0mLa{padding-block-start:var(--spacing-micro);padding-block-end:var(--spacing-micro);padding-inline-start:var(--spacing-micro);padding-inline-end:var(--spacing-micro);border-radius:var(--border-radius-default);background-color:var(--color-success-medium);color:var(--color-background-default)}.Drawer_container__v4a8e{display:flex;flex-direction:column;background:var(--color-background-elevated);position:fixed;height:100vh;width:100%;inset-block:0;z-index:var(--z-index-header);transition:var(--transition-regular);transition-timing-function:ease-in;overflow-y:auto!important;overflow-x:hidden;overscroll-behavior-y:contain!important}@media only screen and (min-width:768px){.Drawer_container__v4a8e{width:24rem}}.Drawer_container__v4a8e.Drawer_left__V9th2{inset-inline-start:-100%}@media only screen and (min-width:768px){.Drawer_container__v4a8e.Drawer_left__V9th2{inset-inline-start:-24rem}}.Drawer_container__v4a8e.Drawer_right__kn0O_{inset-inline-end:-100%}@media only screen and (min-width:768px){.Drawer_container__v4a8e.Drawer_right__kn0O_{inset-inline-end:-24rem}}.Drawer_containerOpen__pm7AS{box-shadow:var(--shadow-normal);transition-timing-function:ease-out}.Drawer_containerOpen__pm7AS.Drawer_left__V9th2{inset-inline-start:0}.Drawer_containerOpen__pm7AS.Drawer_right__kn0O_{inset-inline-end:0}.Drawer_searchContainer__bnGvQ{display:flex;flex-direction:column;min-height:calc(100% - (var(--navbar-container-height) + 4*var(--spacing-mega)));justify-content:space-between}@media only screen and (min-width:768px){.Drawer_searchContainer__bnGvQ{min-height:calc(100% - (var(--navbar-container-height) + var(--spacing-small)))}}.Drawer_bodyContainer__OuUzn{flex:1 1;margin-block-start:var(--navbar-container-height);padding-block-start:var(--spacing-small);padding-inline-start:var(--spacing-small);padding-inline-end:var(--spacing-small)}.Drawer_bodyWithBottomPadding__vEGtM{padding-block-end:calc(4*var(--spacing-large))}.Drawer_navigationBodyContainer__7xpCz{padding-block-start:0;padding-block-end:0;padding-inline-start:0;padding-inline-end:0}.Drawer_header__fCYmY{font-size:var(--font-size-large);width:100%;position:fixed;height:var(--navbar-container-height);border-block-end:1px var(--color-borders-hairline) solid;display:flex;flex-direction:row;justify-content:space-between;z-index:var(--z-index-header)}@media only screen and (min-width:768px){.Drawer_header__fCYmY{width:24rem}}.Drawer_headerContentContainer__5FDII{display:flex;flex-direction:column;justify-content:center;width:100%;background-color:var(--color-background-elevated)}.Drawer_headerContent__iKT87{display:flex;align-items:center;justify-content:space-between;margin-block-start:0;margin-block-end:0;margin-inline-start:var(--spacing-xsmall);margin-inline-end:var(--spacing-xsmall)}.Drawer_hiddenButtonHeader__Yc8P_{border-block-end:0}.Drawer_hiddenButtonHeaderContentContainer___sCaH{align-items:flex-end}.Drawer_navbarInvisible__sZbVq{transform:translate3d(0,0var(--navbar-container-height),0)}.Skeleton_baseSize__RsOkc{height:var(--spacing-mega);width:var(--spacing-mega)}.Skeleton_skeleton__u2Uso{position:relative;display:block;border-radius:var(--border-radius-default)}.Skeleton_active__5df2K:before{border-radius:var(--border-radius-default);animation:Skeleton_loading__iZh50 1.5s ease-in-out .5s infinite normal none running;content:" ";position:absolute;inset-block:0;inset-inline-start:0;inset-inline-end:0}@media(prefers-color-scheme:light){.Skeleton_active__5df2K:before{background-color:var(--color-secondary-faded)}}[data-theme=light] .Skeleton_active__5df2K:before{background-color:var(--color-secondary-faded)}@media(prefers-color-scheme:dark){.Skeleton_active__5df2K:before{background-color:var(--color-background-alternative-faded)}}[data-theme=dark] .Skeleton_active__5df2K:before{background-color:var(--color-background-alternative-faded)}.Skeleton_rounded__ftYYr:before{border-radius:var(--border-radius-circle)}@keyframes Skeleton_loading__iZh50{0%{opacity:1}50%{opacity:.4}to{opacity:1}}.Skeleton_content__knKtV{opacity:0}.NavigationDrawerBodySkeleton_skeletonContainer__UDFh2{display:flex;flex-direction:column}.NavigationDrawerBodySkeleton_navRow__FjxpA{height:var(--spacing-mega);padding:var(--spacing-xxsmall) 0}.NavigationDrawerBodySkeleton_blockRow__Pp_oe,.NavigationDrawerBodySkeleton_navRow__FjxpA{width:auto;margin:var(--spacing-xxsmall) var(--spacing-xsmall);margin-inline-start:var(--spacing-small)}.NavigationDrawerBodySkeleton_blockRow__Pp_oe{height:calc(var(--spacing-mega)*6)}.NavigationDrawer_leftCTA__eAYVn{display:flex;margin-inline-start:var(--spacing-xsmall)}.NavigationDrawer_rightCTA__1G5B9{display:flex;margin-inline-end:var(--spacing-medium)}.NavigationDrawer_rightCTA__1G5B9>button{margin-inline-start:var(--spacing-micro)}@media only screen and (min-width:768px){.NavigationDrawer_rightCTA__1G5B9{margin-inline-end:var(--spacing-mega)}.NavigationDrawer_rightCTA__1G5B9>button{margin-inline-start:var(--spacing-xsmall)}}.NavigationDrawer_centerVertically__fbLww{display:flex;flex-direction:column;justify-content:center}.DrawerSearchIcon_container__CWMPY{margin-block-start:var(--spacing-small);margin-inline-end:var(--spacing-small);margin-block-end:var(--spacing-small);margin-inline-start:var(--spacing-small);opacity:var(--opacity-75);display:flex}.DrawerSearchIcon_container__CWMPY>svg{height:calc(1.25*var(--spacing-medium));width:calc(1.25*var(--spacing-medium))}.Trigger_button__n1L87>span>svg>path{fill:var(--color-success-medium)!important}.Header_searchInputContainer__Cf7d_{height:100%;width:80%;display:flex;flex-direction:row;align-items:center;justify-content:space-between}.Header_searchInput__186o1{width:100%;border:0;color:var(--color-text-default);background:0 0}.Header_searchInput__186o1:focus{outline:none}.Header_searchInput__186o1:disabled{background:0 0}.Header_clear___c5pB{background:0 0;border:none;text-transform:uppercase;text-decoration:underline;cursor:pointer;color:var(--color-text-default);font-size:var(--font-size-xsmall)}.Header_separator__KMPF4{max-height:var(--spacing-mega);margin-inline:calc(.5*var(--spacing-xxsmall))}.SettingsBodySkeleton_skeletonContainer__Jz8AQ{display:flex;flex-direction:column}.SettingsBodySkeleton_title__DO1db{display:flex;flex-direction:row;width:100%;margin:var(--spacing-xxsmall)}.SettingsBodySkeleton_titleSkeleton__JwHZT{width:calc(3*var(--spacing-mega));height:var(--spacing-medium)}.SettingsBodySkeleton_rowSkeleton__zk_sy{display:flex;flex-direction:row;align-items:center}.SettingsBodySkeleton_inputRow__hJfZ_{margin-block-end:var(--spacing-large);padding-block-end:var(--spacing-large);border-block-end:1px solid;border-color:var(--color-secondary-faded)}.SettingsBodySkeleton_label__VgiSI{margin:var(--spacing-xxsmall);margin-inline-end:auto;width:20%;height:var(--spacing-large)}.SettingsBodySkeleton_input__PeLLj{margin:var(--spacing-medium);width:60%;height:calc(2*var(--spacing-small))}.SettingsDrawer_headerContainer__kJY4F{display:flex;align-items:center}.NewLabel_label__azDvj{margin-inline-start:var(--spacing-xxsmall);color:var(--color-success-medium);font-weight:var(--font-weight-bold);font-size:var(--font-size-small)}.ProfileAvatarButton_loggedIn__J4sn_ svg:first-child{position:absolute;width:33px;height:33px}.ProfileAvatarButton_loggedIn__J4sn_ svg:first-child path{color:var(--color-text-link);stroke:var(--color-text-link);stroke-width:3}.NavbarBody_itemsContainer__Jvm3k{display:flex;flex-direction:row;justify-content:space-between;height:100%;background-color:var(--color-background-elevated)}.NavbarBody_centerVertically__zzdjH{display:flex;flex-direction:column;justify-content:center}.NavbarBody_leftCTA__8Q1o_{display:flex;margin-inline-start:var(--spacing-medium);align-items:center}@media only screen and (min-width:768px){.NavbarBody_leftCTA__8Q1o_{margin-inline-start:var(--spacing-mega)}}.NavbarBody_rightCTA__uEC10{display:flex;margin-inline-end:var(--spacing-medium);align-items:center}.NavbarBody_rightCTA__uEC10>button{margin-inline-start:var(--spacing-micro)}@media only screen and (min-width:768px){.NavbarBody_rightCTA__uEC10{margin-inline-end:var(--spacing-mega)}.NavbarBody_rightCTA__uEC10>button{margin-inline-start:var(--spacing-xsmall)}}.Navbar_emptySpacePlaceholder__azPCk{height:var(--navbar-container-height)}.Navbar_container__vShO1{inset-block-start:0;position:fixed;height:var(--navbar-height);width:100%;transition:var(--transition-regular);background:var(--color-background-elevated);z-index:var(--z-index-header);will-change:transform}.Navbar_hiddenNav__HcefX{transform:translate3d(0,calc(-1 * var(--navbar-container-height)),0)}.Progress_progressRoot__Np4He{position:relative;overflow:hidden;background-color:var(--color-background-alternative-faint);border-radius:var(--border-radius-pill);width:100%;transform:translateZ(0)}.Progress_progressSmall__xl_va{height:var(--spacing-medium)}.Progress_progressMedium__ys5Rw{height:var(--spacing-large)}.Progress_progressLarge__smmtV{height:var(--spacing-mega)}.Progress_progressIndicator__dPgS9{background-color:var(--color-success-medium);width:100%;height:100%;transition:transform .66s cubic-bezier(.65,0,.35,1)}.OnboardingProgress_progressContainer__EBT_3{display:flex;align-items:center;gap:var(--spacing-small);margin-block:var(--spacing-small)}.OnboardingProgress_progressBar__CE2mR{height:var(--spacing-xxsmall)!important}.OnboardingChecklist_checklistPosition__WRDVc{position:fixed;inset-block-end:var(--spacing-medium);inset-inline-end:var(--spacing-medium);box-sizing:border-box;z-index:var(--z-index-overlay)}.OnboardingChecklist_checklist__taSTB{background:var(--color-background-alternative-medium);border:1px solid var(--color-borders-hairline);box-shadow:var(--shadow-small);border-radius:var(--border-radius-rounded);padding:var(--spacing-large);max-width:100%;width:calc(var(--spacing-mega)*12)}@media only screen and (max-width:425px){.OnboardingChecklist_checklist__taSTB{width:100%;inset-inline:0;inset-block-end:0;border-inline:none;border-block-end:none}}.OnboardingChecklist_checklist__taSTB h4{font-size:var(--font-size-large);font-weight:var(--font-weight-bold)}.OnboardingChecklist_helpIcon__ICW_j{width:var(--spacing-mega)!important;height:var(--spacing-mega)!important}.OnboardingChecklist_checklistHeader__tImVC{display:flex;justify-content:space-between;align-items:center}.OnboardingChecklist_checkContainer__blXVJ{position:relative}.OnboardingChecklist_checklist__taSTB ul{margin-top:var(--spacing-large);display:flex;flex-direction:column;gap:var(--spacing-small)}.OnboardingChecklist_checklist__taSTB ul li>button{width:100%;border:none;display:flex;align-items:center;gap:calc(var(--spacing-medium)/2);background:var(--color-background-elevated);border-radius:var(--border-radius-default);padding:var(--spacing-small);color:var(--color-text-default);text-align:start}.OnboardingChecklist_checklist__taSTB ul li>button.OnboardingChecklist_completed__Y31o9{background:var(--color-success-faint)}.OnboardingChecklist_checkCircle__4VTjx{width:var(--spacing-medium);height:var(--spacing-medium);border-radius:var(--border-radius-circle);border:2px solid var(--color-success-medium);background-color:var(--day-circle-color);display:flex;justify-content:center;align-items:center;flex-shrink:0}.OnboardingChecklist_checkCircle__4VTjx svg{width:90%;height:90%;color:#fff}.OnboardingChecklist_filled__8MrNm{background-color:var(--color-success-medium)!important}.Footer_footer__GFxgd{padding-block-start:var(--spacing-medium);font-style:italic;opacity:var(--opacity-75);font-size:var(--font-size-small);margin-block-end:var(--spacing-micro)}.Footer_invisible__IE_EH{display:none}.Label_label___fd5P{color:var(--color-text-default);opacity:var(--opacity-75);display:flex;align-items:center}.Row_row__TkwmP{display:flex;justify-content:space-between;align-items:center}.Row_row__TkwmP>:first-child{flex:1 1}.Row_row__TkwmP+.Row_row__TkwmP{margin-block-start:var(--spacing-xsmall)}.SpinnerContainer_internalContainer__kt2ni{display:flex;flex-direction:row;align-items:center}.SpinnerContainer_spinner__kzDgO{margin-inline-start:var(--spacing-xsmall)}.Title_title__r3AMw{font-size:var(--font-size-large);font-weight:var(--font-weight-semibold);padding-block-end:var(--spacing-medium);display:flex;align-items:center}.Section_separator__TTdQA{margin-block:var(--spacing-mega)}.Switch_container__sYEUd{position:relative;display:grid;background-color:var(--color-background-alternative-faded);border-radius:var(--border-radius-pill);padding-block-start:calc(.5*var(--spacing-xxsmall));padding-block-end:calc(.5*var(--spacing-xxsmall));padding-inline-start:calc(.5*var(--spacing-xxsmall));padding-inline-end:calc(.5*var(--spacing-xxsmall));grid-template-columns:repeat(auto-fit,minmax(0,1fr))}.Switch_xSmallContainer__CtQzD{padding-block-start:0;padding-block-end:0;padding-inline-start:0;padding-inline-end:0}.Switch_item__ePHkS{cursor:pointer;color:var(--color-text-default);background-color:transparent;border:none;z-index:1}.Switch_item__ePHkS[disabled]{cursor:not-allowed;opacity:var(--opacity-50)}.Switch_separatorLine__Jj73_{position:absolute;height:100%;width:1px}.Switch_separatorLineVisible__RnZCc:before{content:"";position:absolute;transform:translateY(75%);width:1px;height:40%;border-inline-start:1px solid var(--color-text-default);opacity:.2}.Switch_selectedItemBackgroundContainer__7F_kF{transition:transform var(--transition-regular) ease-in-out;position:absolute;height:100%;z-index:0;padding-block-start:calc(.8*var(--spacing-xxsmall));padding-block-end:calc(.8*var(--spacing-xxsmall));padding-inline-start:calc(.8*var(--spacing-xxsmall));padding-inline-end:calc(.8*var(--spacing-xxsmall));box-sizing:border-box}.Switch_selectedItemBackgroundContainer__7F_kF .Switch_selectedItemBackground__VMOBG{border-radius:var(--border-radius-pill);box-shadow:0 0 4px rgba(0,0,0,.1);background-color:var(--color-background-elevated);width:100%;height:100%}.Switch_itemNormal__pDPXy{padding-block-start:var(--spacing-xsmall);padding-block-end:var(--spacing-xsmall);font-size:var(--font-size-normal)}.Switch_itemLarge__SCzg2,.Switch_itemNormal__pDPXy{padding-inline-start:var(--spacing-small);padding-inline-end:var(--spacing-small)}.Switch_itemLarge__SCzg2{padding-block-start:var(--spacing-small);padding-block-end:var(--spacing-small)}.Switch_itemSmall__gKpF9{font-size:var(--font-size-xsmall);padding-block-start:var(--spacing-xxsmall);padding-block-end:var(--spacing-xxsmall);padding-inline-start:var(--spacing-small);padding-inline-end:var(--spacing-small)}.Switch_itemXSmall__GcCpL{padding-block-start:var(--spacing-micro);padding-block-end:var(--spacing-micro);padding-inline-start:var(--spacing-micro);padding-inline-end:var(--spacing-micro)}.ThemeSection_container__SeSjG{display:flex;justify-content:center}.ThemeSection_themeNameContainer__eWnBU{display:flex;align-items:center;line-height:normal}.ThemeSection_iconContainer__qARpD{display:flex}.ThemeSection_iconContainer__qARpD>svg{transition:width var(--transition-fast) ease;width:0}.ThemeSection_iconActive__Q_xs9>svg{width:var(--spacing-medium);margin-inline-end:var(--spacing-small)}.FooterThemeSwitcher_triggerContainer__KeKf0{border:1px solid var(--color-text-default)}.FooterThemeSwitcher_iconContainer__Kwv3S{display:flex}.FooterThemeSwitcher_suffixIconContainer__2ptZh{display:flex;position:relative;inset-block-end:1px;transform:rotate(180deg)}.Footer_flowItem__3L5WX{max-width:80rem;border-block-start:1px solid var(--color-borders-hairline);padding-block-start:var(--spacing-medium);margin-block-start:0;margin-block-end:0;margin-inline-start:auto;margin-inline-end:auto;--flow-side-spacing:var(--spacing-small);padding-inline-start:var(--flow-side-spacing);padding-inline-end:var(--flow-side-spacing)}@media only screen and (min-width:768px){.Footer_flowItem__3L5WX{width:80%;--flow-side-spacing:0}}.Footer_flowItem__3L5WX.Footer_fullWidth__tf_Y4{padding-inline-end:0;padding-inline-start:0}.Footer_container__x4ck_{display:flex;justify-content:space-between;flex-direction:column}@media only screen and (min-width:1024px){.Footer_container__x4ck_{flex-direction:row}}.Footer_title__1ywXt{font-size:var(--font-size-large);font-weight:var(--font-weight-bold);line-height:var(--line-height-xlarge)}.Footer_iconContainer__3ir0J{margin-block-end:var(--spacing-xxsmall)}.Footer_iconContainer__3ir0J>svg>path{fill:var(--color-text-default)}.Footer_headingContainer__Ictyz{display:flex;flex-direction:column;flex-wrap:wrap}@media only screen and (min-width:1024px){.Footer_headingContainer__Ictyz{flex-direction:row}.Footer_headingContainer__Ictyz .Footer_iconContainer__3ir0J{margin-inline-end:var(--spacing-medium)}}.Footer_copyright__ATOMh{margin-block-start:var(--spacing-xxsmall);font-size:var(--font-size-xsmall);opacity:var(--opacity-85)}.Footer_groupListContainer__Uz4au{display:flex;justify-content:space-between;flex-wrap:wrap;flex:1 1;max-width:calc(15*var(--spacing-mega))}.Footer_group__OfS5x{display:flex;flex-direction:column;margin-block-end:var(--spacing-medium);width:50%}@media only screen and (min-width:768px){.Footer_group__OfS5x{width:auto}}.Footer_groupTitle__t3ahP{font-weight:var(--font-weight-semibold);font-size:var(--font-size-large);margin-block-end:var(--spacing-xsmall)}.Footer_description__2_brX{max-width:calc(15*var(--spacing-mega));margin-block-end:var(--spacing-medium)}.Footer_description__2_brX,.Footer_linkContainer__CmZzC{opacity:var(--opacity-75);margin-block-start:var(--spacing-xxsmall)}@media only screen and (max-width:768px){.Footer_linkContainer__CmZzC{margin-block-end:var(--spacing-xxsmall)}}.Footer_disabledlinkContainer__wtHc5{opacity:var(--opacity-50);cursor:not-allowed}.Footer_titleAndDescriptionContainer__PH327{max-width:calc(12.5*var(--spacing-mega));margin-inline-end:var(--spacing-medium)}.Footer_bottomSectionContainer__rcOBa{display:flex;flex-direction:column-reverse;padding-block-start:var(--spacing-medium);justify-content:space-between}@media only screen and (min-width:768px){.Footer_bottomSectionContainer__rcOBa{flex-direction:row}}.Footer_actionsSections__XeSqT{margin-block-end:var(--spacing-small);display:flex;gap:var(--spacing-small)}@media only screen and (min-width:768px){.Footer_actionsSections__XeSqT{flex-direction:row;align-items:center;gap:0}}.Footer_actionContainer__J6w4J{display:flex;align-items:center;justify-content:space-between;margin-block-end:var(--spacing-medium)}@media only screen and (min-width:768px){.Footer_actionContainer__J6w4J{margin-inline-start:var(--spacing-mega)}}.Footer_actionLabel__9OH8Q{line-height:1;margin-inline-end:var(--spacing-small)}.Footer_bottomLinks__HX6K_>a{margin-inline-end:var(--spacing-medium);opacity:var(--opacity-85)}.Footer_emptySpacePlaceholder__fmAiS{height:3.5rem}.Footer_donateButton__vfsml{font-weight:var(--font-weight-semibold)}.Footer_hiringAnnouncementContainer__qJuL1{background-color:var(--color-secondary-faded);padding:var(--spacing-small);margin-block:var(--spacing-small);border-radius:var(--border-radius-default)}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin-block-start:0;margin-inline-end:0;margin-block-end:0;margin-inline-start:0;padding-block-start:0;padding-inline-end:0;padding-block-end:0;padding-inline-start:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;line-height:1.3540000916}:focus{outline:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration,input[type=search]::-webkit-search-results-button,input[type=search]::-webkit-search-results-decoration{-webkit-appearance:none;-moz-appearance:none}input[type=search]{-webkit-appearance:none;-moz-appearance:none}audio,canvas,video{display:inline-block;*display:inline;*zoom:1;max-width:100%}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}a:focus{outline:thin dotted}a:active,a:hover{outline:0}img{border:0;-ms-interpolation-mode:bicubic}figure,form{margin-inline-end:0;margin-inline-start:0}fieldset,figure,form{margin-block-start:0;margin-block-end:0}fieldset{border:1px solid var(--color-borders-hairline);border-radius:var(--border-radius-default);padding-block-start:var(--spacing-xxsmall);padding-block-end:var(--spacing-xxsmall);padding-inline-start:var(--spacing-xxsmall);padding-inline-end:var(--spacing-xxsmall)}legend{border:0;padding-block-start:0;padding-block-end:0;padding-inline-start:0;padding-inline-end:0;white-space:normal;*margin-inline-start:-7px}button,input,select,textarea{font-size:100%;margin-block-start:0;margin-inline-end:0;margin-block-end:0;margin-inline-start:0;vertical-align:baseline;*vertical-align:middle}button,input{line-height:normal}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer;*overflow:visible}button[disabled],html input[disabled]{cursor:default}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding-block-start:0;padding-block-end:0;padding-inline-start:0;padding-inline-end:0;*height:13px;*width:13px}input[type=search]{-webkit-appearance:textfield;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding-block-start:0;padding-block-end:0;padding-inline-start:0;padding-inline-end:0}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background-color:transparent}::-webkit-scrollbar-thumb{background-color:var(--scrollbar-thumb);border-radius:5px}::-webkit-scrollbar-thumb:hover{background-color:var(--scrollbar-thumb-hover)}::-webkit-scrollbar-thumb:active{background-color:var(--scrollbar-thumb-active)}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}::-moz-selection{background:#b3d4fc;text-shadow:none}::selection{background:#b3d4fc;text-shadow:none}button,html,input,select,textarea{color:#222}img{vertical-align:middle}textarea{resize:vertical}.chromeframe{margin-block-start:.2em;margin-block-end:.2em;margin-inline-start:0;margin-inline-end:0;background:#ccc;color:#000;padding-block-start:.2em;padding-block-end:.2em;padding-inline-start:0;padding-inline-end:0}@font-face{font-family:IndoPak;src:local("AlQuran IndoPak by QuranWBW"),url(../fonts/quran/hafs/nastaleeq/indopak/indopak-nastaleeq-waqf-lazim-v4.2.1.woff2) format("woff2"),url(../fonts/quran/hafs/nastaleeq/indopak/indopak-nastaleeq-waqf-lazim-v4.2.1.woff) format("woff"),url(../fonts/quran/hafs/nastaleeq/indopak/indopak-nastaleeq-waqf-lazim-v4.2.1.ttf) format("truetype");font-display:swap}@font-face{font-family:UthmanicHafs;src:local("KFGQPC HAFS Uthmanic Script"),url(../fonts/quran/hafs/uthmanic_hafs/UthmanicHafs1Ver18.woff2) format("woff2"),url(../fonts/quran/hafs/uthmanic_hafs/UthmanicHafs1Ver18.ttf) format("truetype");font-display:swap}@font-face{font-family:surahnames;src:url(../fonts/quran/surah-names/v1/sura_names.woff2),url(../fonts/quran/quran/surah-names/v1/sura_names.html) format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:divehi;src:local("Dhivehi Akuru"),url(../fonts/lang/dhivehi/dhivehi/DhivehiAkuru.woff2),url(../fonts/lang/dhivehi/dhivehi/DhivehiAkuru.html) format("woff"),url(../fonts/lang/dhivehi/dhivehi/DhivehiAkuru.otf) format("opentype");font-display:swap}@font-face{font-family:NotoNastaliq;src:local("Noto Naskh Arabic"),local("Nafees Regular"),url(../fonts/lang/arabic/NotoNaskhArabic-Regular.woff2),url(../fonts/lang/arabic/NotoNaskhArabic-Regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:MehrNastaliq;src:local("Mehr Nastaliq Web"),url(../fonts/lang/urdu/MehrNastaliqWeb.woff2),url(../fonts/lang/urdu/MehrNastaliqWeb.woff) format("woff"),url(../fonts/lang/urdu/MehrNastaliqWeb.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap;unicode-range:U+06??}@font-face{font-family:notoserifbengali;src:local("Noto Serif Bengali"),url(../fonts/lang/bengali/NotoSerifBengali-Regular.woff2);font-display:swap}@font-face{font-family:DroidArabicNaskh;src:local("Droid Arabic Naskh"),url(../fonts/lang/kurdish/droid-naskh-regular.woff2),url(../fonts/lang/kurdish/droid-naskh-regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:ProximaVara;src:local("Proxima Vara"),url(../fonts/lang/ProximaVara/ProximaVara.woff2);font-weight:100 900;font-stretch:50% 100%;font-display:swap}:root{--spacing-micro:0.1875rem;--spacing-xxsmall:0.375rem;--spacing-xsmall:0.625rem;--spacing-small:0.8125rem;--spacing-medium:1rem;--spacing-large:1.1875rem;--spacing-mega:2rem;--font-size-xsmall-dangerous:0.6rem;--font-size-xsmall:0.75rem;--font-size-small:0.875rem;--font-size-normal:1rem;--font-size-large:1.125rem;--font-size-xlarge:1.5rem;--font-size-jumbo:2rem;--line-height-small:0.8125rem;--line-height-normal:1rem;--line-height-large:1.1875rem;--line-height-xlarge:1.375rem;--line-height-jumbo:2.25rem;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extra-bold:800;--border-radius-sharp:0;--border-radius-pill:20rem;--border-radius-default:0.25rem;--border-radius-rounded:0.5rem;--border-radius-circle:50%;--opacity-10:10%;--opacity-30:30%;--opacity-50:50%;--opacity-75:75%;--opacity-85:85%;--z-index-min:-999;--z-index-default:1;--z-index-sticky:300;--z-index-header:400;--z-index-overlay:500;--z-index-dropdown:600;--z-index-spinner:700;--z-index-modal:800;--z-index-onboarding-overlay:801;--z-index-onboarding-content:802;--z-index-onboarding-step:803;--z-index-onboarding-spotlight:804;--z-index-max:999;--transition-fast:0.16s;--transition-regular:0.4s;--transition-slow:0.6s;--shade-0:#f8f9fa;--shade-1:#f4f5f6;--shade-2:#e9ecef;--shade-3:#dee2e6;--shade-4:#ced4da;--shade-5:#adb5bd;--shade-6:#868e96;--shade-7:#495057;--shade-8:#343a40;--shade-9:#212529;--color-primary-faded:#fff;--color-primary-faint:#fff;--color-primary-medium:#000;--color-primary-deep:#fff;--color-secondary-faded:#eaeaea;--color-secondary-faint:#999;--color-secondary-medium:#f2f2f2;--color-secondary-deep:#333;--color-success-faded:#ebf9fa;--color-success-faint:#c2edef;--color-success-medium:#2ca4ab;--color-success-deep:#258c91;--color-error-faded:#f7d4d6;--color-error-faint:#ff1a1a;--color-error-medium:#ee0102;--color-error-deep:#c50000;--color-warning-faded:#fef3dc;--color-warning-faint:#ffdfaa;--color-warning-medium:#ffb300;--color-warning-deep:#ab570a;--color-text-default:#272727;--color-text-faded:#666;--color-text-inverse:#fff;--color-text-link:#2ca4ab;--color-text-warning:#ab570a;--color-text-error:#c50000;--color-background-default:#fff;--color-background-elevated:#fff;--color-background-alternative-faded:var(--shade-0);--color-background-alternative-faint:var(--shade-1);--color-background-alternative-medium:var(--shade-2);--color-background-alternative-deep:var(--shade-6);--color-background-inverse:#000;--color-background-backdrop:rgba(0,0,0,.6);--color-background-lighten:hsla(0,0%,100%,.8);--color-borders-hairline:#ebeef0;--color-highlight:#79ffe1;--shadow-small:0px 2px 4px rgba(0,0,0,.1);--shadow-normal:0px 4px 8px rgba(0,0,0,.12);--shadow-large:0 5px 10px rgba(0,0,0,.12);--shadow-xlarge:0 8px 30px rgba(0,0,0,.12);--shadow-jumbo:0 30px 60px rgba(0,0,0,.12);--shadow-hover:0 30px 60px rgba(0,0,0,.12);--shadow-sticky:0 12px 10px -10px rgba(0,0,0,.12);--scrollbar-background:var(--shade-2);--scrollbar-thumb:var(--shade-4);--scrollbar-thumb-hover:var(--shade-6);--scrollbar-thumb-active:var(--shade-7)}@media(prefers-color-scheme:dark){:root{--color-primary-faded:#fff;--color-primary-faint:#fff;--color-primary-medium:#fff;--color-primary-deep:#fff;--color-secondary-faded:#333;--color-secondary-faint:#444;--color-secondary-medium:var(--shade-7);--color-secondary-deep:#eaeaea;--color-success-faded:#272f33;--color-success-faint:#3d474d;--color-success-medium:#2ca4ab;--color-success-deep:#f1feff;--color-error-faded:#e60000;--color-error-faint:red;--color-error-medium:red;--color-error-deep:#f33;--color-warning-faded:#fef3dc;--color-warning-faint:#ffdfaa;--color-warning-medium:#ffb300;--color-warning-deep:#ab570a;--color-text-default:#e7e9ea;--color-text-faded:#777;--color-text-inverse:#000;--color-text-link:#2ca4ab;--color-text-warning:#f7b955;--color-text-error:#f33;--color-background-default:#1f2125;--color-background-elevated:var(--shade-8);--color-background-alternative-faded:var(--shade-9);--color-background-alternative-faint:var(--shade-8);--color-background-alternative-medium:var(--shade-7);--color-background-alternative-deep:var(--shade-5);--color-background-inverse:#fff;--color-background-backdrop:rgba(0,0,0,.8);--color-background-lighten:rgba(0,0,0,.75);--color-borders-hairline:#464b50;--color-highlight:#2ca4ab;--shadow-small:0px 2px 4px var(--shade-9);--shadow-normal:0px 4px 8px var(--shade-9);--shadow-large:0 5px 10px var(--shade-9);--shadow-xlarge:0 8px 30px var(--shade-9);--shadow-jumbo:0 30px 60px var(--shade-9);--shadow-hover:0 30px 60px var(--shade-9);--shadow-sticky:0 12px 10px -10px var(--shade-9);--scrollbar-background:var(--shade-9);--scrollbar-thumb:var(--shade-7);--scrollbar-thumb-hover:var(--shade-6);--scrollbar-thumb-active:var(--shade-5)}}[data-theme=light]{--color-primary-faded:#fff;--color-primary-faint:#fff;--color-primary-medium:#000;--color-primary-deep:#fff;--color-secondary-faded:#eaeaea;--color-secondary-faint:#999;--color-secondary-medium:#f2f2f2;--color-secondary-deep:#333;--color-success-faded:#ebf9fa;--color-success-faint:#c2edef;--color-success-medium:#2ca4ab;--color-success-deep:#258c91;--color-error-faded:#f7d4d6;--color-error-faint:#ff1a1a;--color-error-medium:#ee0102;--color-error-deep:#c50000;--color-warning-faded:#fef3dc;--color-warning-faint:#ffdfaa;--color-warning-medium:#ffb300;--color-warning-deep:#ab570a;--color-text-default:#272727;--color-text-faded:#666;--color-text-inverse:#fff;--color-text-link:#2ca4ab;--color-text-warning:#ab570a;--color-text-error:#c50000;--color-background-default:#fff;--color-background-elevated:#fff;--color-background-alternative-faded:var(--shade-0);--color-background-alternative-faint:var(--shade-1);--color-background-alternative-medium:var(--shade-2);--color-background-alternative-deep:var(--shade-6);--color-background-inverse:#000;--color-background-backdrop:rgba(0,0,0,.6);--color-background-lighten:hsla(0,0%,100%,.8);--color-borders-hairline:#ebeef0;--color-highlight:#79ffe1;--shadow-small:0px 2px 4px rgba(0,0,0,.1);--shadow-normal:0px 4px 8px rgba(0,0,0,.12);--shadow-large:0 5px 10px rgba(0,0,0,.12);--shadow-xlarge:0 8px 30px rgba(0,0,0,.12);--shadow-jumbo:0 30px 60px rgba(0,0,0,.12);--shadow-hover:0 30px 60px rgba(0,0,0,.12);--shadow-sticky:0 12px 10px -10px rgba(0,0,0,.12);--scrollbar-background:var(--shade-2);--scrollbar-thumb:var(--shade-4);--scrollbar-thumb-hover:var(--shade-6);--scrollbar-thumb-active:var(--shade-7)}[data-theme=dark]{--color-primary-faded:#fff;--color-primary-faint:#fff;--color-primary-medium:#fff;--color-primary-deep:#fff;--color-secondary-faded:#333;--color-secondary-faint:#444;--color-secondary-medium:var(--shade-7);--color-secondary-deep:#eaeaea;--color-success-faded:#272f33;--color-success-faint:#3d474d;--color-success-medium:#2ca4ab;--color-success-deep:#f1feff;--color-error-faded:#e60000;--color-error-faint:red;--color-error-medium:red;--color-error-deep:#f33;--color-warning-faded:#fef3dc;--color-warning-faint:#ffdfaa;--color-warning-medium:#ffb300;--color-warning-deep:#ab570a;--color-text-default:#e7e9ea;--color-text-faded:#777;--color-text-inverse:#000;--color-text-link:#2ca4ab;--color-text-warning:#f7b955;--color-text-error:#f33;--color-background-default:#1f2125;--color-background-elevated:var(--shade-8);--color-background-alternative-faded:var(--shade-9);--color-background-alternative-faint:var(--shade-8);--color-background-alternative-medium:var(--shade-7);--color-background-alternative-deep:var(--shade-5);--color-background-inverse:#fff;--color-background-backdrop:rgba(0,0,0,.8);--color-background-lighten:rgba(0,0,0,.75);--color-borders-hairline:#464b50;--color-highlight:#2ca4ab;--shadow-small:0px 2px 4px var(--shade-9);--shadow-normal:0px 4px 8px var(--shade-9);--shadow-large:0 5px 10px var(--shade-9);--shadow-xlarge:0 8px 30px var(--shade-9);--shadow-jumbo:0 30px 60px var(--shade-9);--shadow-hover:0 30px 60px var(--shade-9);--shadow-sticky:0 12px 10px -10px var(--shade-9);--scrollbar-background:var(--shade-9);--scrollbar-thumb:var(--shade-7);--scrollbar-thumb-hover:var(--shade-6);--scrollbar-thumb-active:var(--shade-5)}[data-theme=sepia]{--color-primary-faded:#fff;--color-primary-faint:#fff;--color-primary-medium:#000;--color-primary-deep:#fff;--color-secondary-faded:#efe2cd;--color-secondary-faint:#999;--color-secondary-medium:#dbccb3;--color-secondary-deep:#333;--color-success-faded:#f2e0bf;--color-success-faint:#d8c6a5;--color-success-medium:#72603f;--color-success-deep:#3f2d0c;--color-error-faded:#f7d4d6;--color-error-faint:#ff1a1a;--color-error-medium:#ee0102;--color-error-deep:#c50000;--color-warning-faded:#fef3dc;--color-warning-faint:#ffdfaa;--color-warning-medium:#9d5c01;--color-warning-deep:#ab570a;--color-text-default:#000;--color-text-faded:#666;--color-text-inverse:#fff;--color-text-link:#2ca4ab;--color-text-warning:#ab570a;--color-text-error:#c50000;--color-background-default:#f8ebd5;--color-background-elevated:#fff7ea;--color-background-alternative-faded:#efe2cd;--color-background-alternative-faint:#f0e2cc;--color-background-alternative-medium:#efe2cd;--color-background-alternative-deep:#ccb996;--color-background-inverse:#000;--color-background-backdrop:rgba(0,0,0,.25);--color-background-lighten:hsla(37,89%,89%,.8);--color-borders-hairline:#dbccb3;--color-highlight:#50e3c2;--shadow-small:0px 2px 4px rgba(0,0,0,.1);--shadow-normal:0px 4px 8px rgba(0,0,0,.12);--shadow-large:0 5px 10px rgba(0,0,0,.12);--shadow-xlarge:0 8px 30px rgba(0,0,0,.12);--shadow-jumbo:0 30px 60px rgba(0,0,0,.12);--shadow-hover:0 30px 60px rgba(0,0,0,.12);--shadow-sticky:0 12px 10px -10px rgba(0,0,0,.12);--scrollbar-background:#72603f;--scrollbar-thumb:#f0cd8c;--scrollbar-thumb-hover:#d4b478;--scrollbar-thumb-active:#8d774e}body{min-height:100vh;background:var(--color-background-default);color:var(--color-text-default);padding:0!important;overscroll-behavior-y:none;font-family:ProximaVara,Helvetica Neue,Helvetica,Arial;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body ::selection{background:var(--color-highlight)}body ::-moz-selection{background:var(--color-highlight)}body .ur,body .urdu,body :lang(ur),body :lang(urdu){font-family:MehrNastaliq,Mehr Nastaliq Web,Helvetica Neue,Helvetica,Arial,serif}body :lang(ar),body :lang(arabic) .ar{font-family:Noto Nastaliq Arabic,NotoNastaliq,ProximaVara,Helvetica Neue,Helvetica,Arial}body :lang(bengali),body :lang(bn){font-family:notoserifbengali,ProximaVara,Helvetica Neue,Helvetica,Arial}body :lang(ku){font-family:DroidArabicNaskh,Noto Nastaliq Arabic,NotoNastaliq,ProximaVara,Helvetica,Arial}button,input,optgroup,select,textarea{font-family:inherit}a,select option{color:var(--color-text-default)}select option{background-color:var(--color-background-default)}.__floater__arrow svg polygon{fill:var(--color-background-inverse)!important}:root{--navbar-height:3.6rem;--navbar-container-height:var(--navbar-height);--banner-height:3rem;--day-circle-color:transparent}.banner-active{--banner-height:3rem;--navbar-container-height:calc(var(--navbar-height) + var(--banner-height))}@media only screen and (min-width:768px){.banner-active{--banner-height:var(--navbar-height);--navbar-container-height:var(--navbar-height)}}.index_pageContainer__Pxtn3{margin-top: 5em;}#mobile_menu_nav{display:block}#web_menu_nav{display:none}#mobile_menu_sidebar .Drawer_navigationBodyContainer__7xpCz{padding-block-start:0;padding-block-end:0;padding-inline-start:0;padding-inline-end:0;flex:1 1;margin-block-start:var(--navbar-container-height)}#mobile_menu_sidebar .NavigationDrawerBody_listItemsContainer__CsgxD{padding-inline-start:var(--spacing-medium);padding-inline-end:var(--spacing-medium);padding-block-end:calc(5* var(--spacing-mega));margin-top:30px}#mobile_menu_sidebar .Link_base__9W8Qs{text-decoration:none;color:inherit}#mobile_menu_sidebar .LinkContainer_anchor__bOj_o{text-decoration:none;color:inherit;cursor:pointer}#mobile_menu_sidebar .NavigationDrawerItem_container__ZbHp6{display:flex;flex-direction:column;justify-content:center;min-height:calc(var(--spacing-mega) + var(--spacing-small));padding-inline-start:var(--spacing-micro);padding-inline-end:var(--spacing-micro);border-block-end:1px var(--color-borders-hairline) solid;padding:0 15px}#mobile_menu_sidebar .NavigationDrawerItem_innerContainer__KIZpr{display:flex;justify-content:space-between}#mobile_menu_sidebar .NavigationDrawerItem_itemContainer__OlNhG{display:flex}#mobile_menu_sidebar .NavigationDrawerItem_titleContainer__0GOGU{margin-inline-start:var(--spacing-medium);font-size:var(--font-size-normal);line-height:normal}#mobile_menu_sidebar .Link_base__9W8Qs:hover .NavigationDrawerItem_container__ZbHp6{background-color:var(--color-background-alternative-faded);color:#fff}@media screen and (max-width:1024px){#web_menu_nav{display:none}#mobile_menu_nav{display:block}} .searchbtn{ background-color: #2ca4ab; color: #fff; display: inline-flex; padding: 16px 20px; text-decoration: none; border-bottom-right-radius: 1.8rem; position: absolute; right: 0; border-top-right-radius: 1.8rem; } .searchbtn svg, .searchbtn_question svg{ float: left; margin-right: 2px; height: 17px; margin-top: 4px; } .searchbtn_question { background-color: #2ca4ab; color: #fff; display: inline-flex; padding: 18px 20px; text-decoration: none; border-bottom-right-radius: 0.6rem; position: absolute; right: 0; border-top-right-radius: 0.6rem; font-size: 18px; } .css_loader { border: 10px solid #000; border-top: 10px solid #2ca4ab; border-radius: 50%; width: 25px; height: 25px; animation: spin_css_loader 1s linear infinite; position: absolute; right: 25px; } @keyframes spin_css_loader { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } /* rd-premium-page-texture-v1 */ /* * Premium RealDeen dark-page texture. * Subtle enough to preserve Quran readability. */ html[data-theme="dark"] body, body[data-theme="dark"] { background-color: #171c22 !important; background-image: radial-gradient( circle at 16% 8%, rgba(44, 164, 171, .075) 0, rgba(44, 164, 171, .025) 18rem, transparent 35rem ), radial-gradient( circle at 86% 38%, rgba(45, 142, 151, .055) 0, transparent 32rem ), radial-gradient( circle at 46% 82%, rgba(44, 164, 171, .035) 0, transparent 40rem ), repeating-linear-gradient( 30deg, rgba(255,255,255,.012) 0, rgba(255,255,255,.012) 1px, transparent 1px, transparent 48px ), repeating-linear-gradient( 150deg, rgba(255,255,255,.009) 0, rgba(255,255,255,.009) 1px, transparent 1px, transparent 48px ), linear-gradient( 180deg, #191f25 0%, #171c22 35%, #151a20 72%, #13181e 100% ) !important; background-attachment: fixed, fixed, fixed, fixed, fixed, fixed; background-repeat: no-repeat, no-repeat, no-repeat, repeat, repeat, no-repeat; } /* * Same premium texture when dark mode is selected * automatically by the device/browser. */ @media (prefers-color-scheme: dark) { html:not([data-theme]) body { background-color: #171c22 !important; background-image: radial-gradient( circle at 16% 8%, rgba(44, 164, 171, .075) 0, rgba(44, 164, 171, .025) 18rem, transparent 35rem ), radial-gradient( circle at 86% 38%, rgba(45, 142, 151, .055) 0, transparent 32rem ), radial-gradient( circle at 46% 82%, rgba(44, 164, 171, .035) 0, transparent 40rem ), repeating-linear-gradient( 30deg, rgba(255,255,255,.012) 0, rgba(255,255,255,.012) 1px, transparent 1px, transparent 48px ), repeating-linear-gradient( 150deg, rgba(255,255,255,.009) 0, rgba(255,255,255,.009) 1px, transparent 1px, transparent 48px ), linear-gradient( 180deg, #191f25 0%, #171c22 35%, #151a20 72%, #13181e 100% ) !important; background-attachment: fixed, fixed, fixed, fixed, fixed, fixed; } } /* * Preserve the texture behind the main home-page content. */ .index_pageContainer__Pxtn3 { background-color: transparent; } /* ========================================================= rd-premium-header-v1 RealDeen premium global navigation ========================================================= */ .rd-header-v1 { isolation: isolate; overflow: visible; border-bottom: 1px solid rgba(94, 194, 199, .15) !important; background: radial-gradient( circle at 18% -80%, rgba(78, 190, 197, .18), transparent 44% ), radial-gradient( circle at 76% 150%, rgba(44, 164, 171, .10), transparent 38% ), linear-gradient( 100deg, rgba(29, 39, 47, .97) 0%, rgba(25, 35, 43, .98) 47%, rgba(22, 31, 38, .98) 100% ) !important; box-shadow: 0 1px 0 rgba(255,255,255,.025), 0 12px 32px rgba(0,0,0,.18); backdrop-filter: blur(18px); -webkit-backdrop-filter: blur(18px); } /* Very faint geometric texture */ .rd-header-v1::before { content: ""; position: absolute; inset: 0; z-index: 0; pointer-events: none; opacity: .26; background-image: repeating-linear-gradient( 30deg, rgba(255,255,255,.018) 0, rgba(255,255,255,.018) 1px, transparent 1px, transparent 42px ), repeating-linear-gradient( 150deg, rgba(255,255,255,.012) 0, rgba(255,255,255,.012) 1px, transparent 1px, transparent 42px ); } /* Soft teal highlight along the lower edge */ .rd-header-v1::after { content: ""; position: absolute; z-index: 1; pointer-events: none; left: 12%; right: 12%; bottom: -1px; height: 1px; background: linear-gradient( 90deg, transparent, rgba(78, 196, 203, .28), rgba(120, 216, 220, .48), rgba(78, 196, 203, .28), transparent ); filter: blur(.2px); } .rd-header-shell-v1 { position: relative; z-index: 2; background: transparent !important; } /* --------------------------------------------------------- LEFT / BRAND --------------------------------------------------------- */ .rd-header-left-v1 { gap: 7px; } .rd-header-brand-v1 { position: relative; display: flex !important; align-items: center; padding: 7px 5px 7px 2px; transition: transform .2s ease, opacity .2s ease; } .rd-header-brand-v1 span { font-size: 20px !important; font-weight: 780 !important; letter-spacing: -.035em; color: #f4fbfb; text-shadow: 0 1px 15px rgba(97, 205, 211, .08); } .rd-header-brand-v1::after { content: ""; position: relative; width: 6px; height: 6px; margin-left: 6px; margin-top: -15px; border-radius: 50%; background: #62c7cc; box-shadow: 0 0 10px rgba(98, 199, 204, .65), 0 0 20px rgba(98, 199, 204, .22); } .rd-header-brand-v1:hover { transform: translateY(-1px); } /* --------------------------------------------------------- HAMBURGER --------------------------------------------------------- */ .rd-header-v1 #mobile_menu_nav { width: 38px !important; height: 38px !important; margin-right: 1px; color: #e9f5f5 !important; border: 1px solid rgba(211, 239, 241, .10) !important; border-radius: 11px !important; background: rgba(255,255,255,.035) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.035); transition: transform .18s ease, background .18s ease, border-color .18s ease, box-shadow .18s ease; } .rd-header-v1 #mobile_menu_nav svg { width: 18px; height: 18px; } .rd-header-v1 #mobile_menu_nav:hover { transform: translateY(-1px); background: rgba(87, 190, 197, .10) !important; border-color: rgba(92, 202, 208, .27) !important; box-shadow: 0 7px 20px rgba(0,0,0,.16), inset 0 1px 0 rgba(255,255,255,.05); } /* --------------------------------------------------------- CENTER ANNOUNCEMENT --------------------------------------------------------- */ .rd-header-banner-v1 { position: absolute !important; z-index: 5; left: 50% !important; top: 50% !important; transform: translate(-50%, -50%) !important; width: auto !important; height: 38px !important; min-height: 38px !important; display: flex !important; align-items: center !important; gap: 3px; padding: 3px 4px 3px 14px !important; overflow: hidden; border: 1px solid rgba(102, 207, 213, .17); border-radius: 999px; background: linear-gradient( 135deg, rgba(54, 102, 108, .20), rgba(255,255,255,.025) ) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.04), 0 8px 26px rgba(0,0,0,.13); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); } .rd-header-banner-v1::before { content: ""; position: absolute; width: 110px; height: 60px; left: -45px; top: -20px; pointer-events: none; background: radial-gradient( circle, rgba(75, 190, 197, .11), transparent 70% ); } .rd-header-banner-v1 .Banner_description__k23H2 { position: relative; z-index: 2; display: flex; align-items: center; margin: 0 !important; padding: 0 8px 0 0 !important; color: rgba(238, 248, 248, .88); } .rd-header-banner-v1 .Banner_text__9C17H { display: flex; align-items: center; gap: 8px; white-space: nowrap; font-size: 12px; font-weight: 680; letter-spacing: .015em; } .rd-header-pulse-v1 { position: relative; width: 7px; height: 7px; flex: 0 0 7px; border-radius: 50%; background: #68d0d5; box-shadow: 0 0 0 4px rgba(104,208,213,.09), 0 0 11px rgba(104,208,213,.55); } .rd-header-pulse-v1::after { content: ""; position: absolute; inset: -5px; border: 1px solid rgba(104,208,213,.26); border-radius: 50%; animation: rd-header-pulse-animation-v1 2.4s ease-out infinite; } @keyframes rd-header-pulse-animation-v1 { 0% { opacity: .72; transform: scale(.55); } 70% { opacity: 0; transform: scale(1.45); } 100% { opacity: 0; transform: scale(1.45); } } .rd-header-banner-v1 .Banner_ctaContainer__6MBMd { position: relative; z-index: 2; margin: 0 !important; padding: 0 !important; } .rd-header-banner-v1 .Banner_ctaContainer__6MBMd .Button_base__J2n8j { height: 30px !important; min-height: 30px !important; padding: 0 13px !important; border: 1px solid rgba(130,222,226,.36) !important; border-radius: 999px !important; color: #10292e !important; background: linear-gradient( 135deg, #78d2d6, #53b8bf ) !important; box-shadow: 0 5px 15px rgba(44,164,171,.17), inset 0 1px 0 rgba(255,255,255,.22); font-size: 11px !important; font-weight: 760 !important; transition: transform .18s ease, filter .18s ease, box-shadow .18s ease; } .rd-header-banner-v1 .Banner_ctaContainer__6MBMd .Button_base__J2n8j:hover { transform: translateY(-1px); filter: brightness(1.08); box-shadow: 0 7px 20px rgba(44,164,171,.23), inset 0 1px 0 rgba(255,255,255,.25); } /* --------------------------------------------------------- RIGHT-SIDE TOOLS --------------------------------------------------------- */ .rd-header-tools-v1 { gap: 5px; } .rd-header-tools-v1 .top_nav_link { display: flex; align-items: center; justify-content: center; } .rd-header-tools-v1 .top_nav_link .Button_base__J2n8j, .rd-header-tools-v1 #login-button, .rd-header-tools-v1 #showUserMenu .Button_base__J2n8j { width: 36px !important; height: 36px !important; color: rgba(237,247,248,.87) !important; border: 1px solid transparent !important; border-radius: 11px !important; background: transparent !important; transition: transform .18s ease, color .18s ease, border-color .18s ease, background .18s ease, box-shadow .18s ease; } .rd-header-tools-v1 .top_nav_link:hover .Button_base__J2n8j, .rd-header-tools-v1 #login-button:hover, .rd-header-tools-v1 #showUserMenu:hover .Button_base__J2n8j { transform: translateY(-1px); color: #ffffff !important; border-color: rgba(92,202,208,.19) !important; background: rgba(92,202,208,.075) !important; box-shadow: 0 6px 18px rgba(0,0,0,.12); } .rd-header-tools-v1 svg { max-width: 19px; max-height: 19px; } /* --------------------------------------------------------- DRAWER HEADER — SAME VISUAL FAMILY --------------------------------------------------------- */ #mobile_menu_sidebar .Drawer_headerContentContainer__5FDII { background: radial-gradient( circle at 10% 0%, rgba(44,164,171,.10), transparent 45% ), linear-gradient( 135deg, #1b272e, #172127 ) !important; border-bottom: 1px solid rgba(94,194,199,.12); } /* --------------------------------------------------------- RESPONSIVE --------------------------------------------------------- */ @media (max-width: 980px) { .rd-header-banner-v1 .Banner_description__k23H2 { display: none !important; } .rd-header-banner-v1 { padding: 3px !important; } } @media (max-width: 720px) { /* * Protect mobile navigation from crowding. * Main navigation controls remain untouched. */ .rd-header-banner-v1 { display: none !important; } .rd-header-left-v1 { margin-inline-start: 10px !important; } .rd-header-tools-v1 { margin-inline-end: 9px !important; } .rd-header-brand-v1 span { font-size: 18px !important; } .rd-header-v1 #mobile_menu_nav, .rd-header-tools-v1 .top_nav_link .Button_base__J2n8j, .rd-header-tools-v1 #login-button { width: 34px !important; height: 34px !important; } } @media (prefers-reduced-motion: reduce) { .rd-header-pulse-v1::after { animation: none !important; } .rd-header-v1 *, .rd-header-v1 *::before, .rd-header-v1 *::after { transition: none !important; } } /* ========================================================= rd-premium-header-clean-v4 Refined RealDeen header ========================================================= */ /* Slightly taller than original, without becoming bulky */ :root { --navbar-height: 4.125rem; --navbar-container-height: 4.125rem; } /* --------------------------------------------------------- MAIN HEADER --------------------------------------------------------- */ .rd-header-v1 { height: 4.125rem !important; min-height: 4.125rem !important; background: radial-gradient( circle at 17% -120%, rgba(71, 182, 189, .12), transparent 38% ), radial-gradient( circle at 82% 180%, rgba(44, 164, 171, .05), transparent 34% ), linear-gradient( 100deg, rgba(25, 36, 44, .985), rgba(21, 31, 38, .99) ) !important; border-bottom: 1px solid rgba(91, 190, 197, .14) !important; box-shadow: 0 1px 0 rgba(255,255,255,.018), 0 8px 24px rgba(0,0,0,.14) !important; backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px); } /* Very restrained texture */ .rd-header-v1::before { opacity: .11 !important; background-image: repeating-linear-gradient( 30deg, rgba(255,255,255,.018) 0, rgba(255,255,255,.018) 1px, transparent 1px, transparent 52px ), repeating-linear-gradient( 150deg, rgba(255,255,255,.009) 0, rgba(255,255,255,.009) 1px, transparent 1px, transparent 52px ) !important; } /* Thin center-weighted accent */ .rd-header-v1::after { left: 20% !important; right: 20% !important; bottom: -1px !important; height: 1px !important; background: linear-gradient( 90deg, transparent, rgba(89, 194, 201, .10), rgba(103, 208, 214, .32), rgba(89, 194, 201, .10), transparent ) !important; } /* --------------------------------------------------------- HEADER LAYOUT --------------------------------------------------------- */ .rd-header-shell-v1 { position: relative !important; width: 100% !important; height: 100% !important; padding: 0 30px !important; display: flex !important; align-items: center !important; justify-content: space-between !important; background: transparent !important; } /* Do not let hidden desktop menu affect balance */ .rd-header-shell-v1 #web_menu_nav { position: absolute !important; } /* --------------------------------------------------------- LEFT SIDE --------------------------------------------------------- */ .rd-header-left-v1 { height: 100%; display: flex !important; align-items: center !important; gap: 11px !important; margin: 0 !important; } /* Hamburger */ .rd-header-v1 #mobile_menu_nav { width: 39px !important; height: 39px !important; min-width: 39px !important; margin: 0 !important; padding: 0 !important; border: 1px solid rgba(219, 240, 241, .095) !important; border-radius: 11px !important; color: rgba(238, 248, 248, .91) !important; background: linear-gradient( 145deg, rgba(255,255,255,.045), rgba(255,255,255,.015) ) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.035); transition: transform .18s ease, background .18s ease, border-color .18s ease; } .rd-header-v1 #mobile_menu_nav svg { width: 17px !important; height: 17px !important; } .rd-header-v1 #mobile_menu_nav:hover { transform: translateY(-1px); border-color: rgba(99, 199, 205, .25) !important; background: rgba(75, 174, 181, .08) !important; } /* Small separator after hamburger */ .rd-header-left-v1::after { content: ""; width: 1px; height: 25px; margin-left: 1px; margin-right: 1px; order: 1; background: linear-gradient( transparent, rgba(122, 203, 208, .21), transparent ); } /* Keep brand after separator */ .rd-header-brand-v1 { order: 2; position: relative; padding: 0 !important; display: flex !important; align-items: center !important; } .rd-header-brand-v1 span { font-size: 19px !important; font-weight: 760 !important; letter-spacing: -.035em; color: #f3f9f9 !important; line-height: 1 !important; } /* Small signature dot only */ .rd-header-brand-v1::after { width: 5px !important; height: 5px !important; margin-left: 6px !important; margin-top: -12px !important; background: #67c8cd !important; box-shadow: 0 0 9px rgba(103,200,205,.48) !important; } /* --------------------------------------------------------- EXACTLY CENTERED ANNOUNCEMENT --------------------------------------------------------- */ .rd-header-banner-v1 { position: absolute !important; left: 50% !important; right: auto !important; top: 50% !important; transform: translate(-50%, -50%) !important; width: 304px !important; min-width: 304px !important; max-width: 304px !important; height: 38px !important; min-height: 38px !important; padding: 3px 3px 3px 13px !important; display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 7px !important; border: 1px solid rgba(102, 197, 203, .15) !important; border-radius: 12px !important; background: linear-gradient( 115deg, rgba(48, 77, 84, .36), rgba(27, 42, 50, .42) ) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.035), 0 5px 18px rgba(0,0,0,.10) !important; backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); } /* Remove V1 decorative blob */ .rd-header-banner-v1::before { display: none !important; } .rd-header-banner-v1 .Banner_description__k23H2 { width: auto !important; margin: 0 !important; padding: 0 !important; display: flex !important; align-items: center !important; color: rgba(235, 245, 246, .82) !important; } .rd-header-banner-v1 .Banner_text__9C17H { display: flex !important; align-items: center !important; gap: 8px !important; font-size: 11px !important; font-weight: 680 !important; white-space: nowrap; } /* Smaller status dot */ .rd-header-pulse-v1 { width: 6px !important; height: 6px !important; flex: 0 0 6px !important; background: #6dcbd0 !important; box-shadow: 0 0 0 3px rgba(109,203,208,.07), 0 0 8px rgba(109,203,208,.32) !important; } /* Cleaner button */ .rd-header-banner-v1 .Banner_ctaContainer__6MBMd { width: auto !important; margin: 0 !important; padding: 0 !important; flex: 0 0 auto !important; } .rd-header-banner-v1 .Banner_ctaContainer__6MBMd .Button_base__J2n8j { height: 30px !important; min-height: 30px !important; padding: 0 13px !important; border: 0 !important; border-radius: 9px !important; color: #102a2e !important; background: linear-gradient( 135deg, #7bd1d5, #61bec4 ) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.20); font-size: 10.5px !important; font-weight: 760 !important; } .rd-header-banner-v1 .Banner_ctaContainer__6MBMd .Button_base__J2n8j:hover { transform: none !important; filter: brightness(1.06); } /* --------------------------------------------------------- RIGHT SIDE — NO GIANT CONTAINER --------------------------------------------------------- */ .rd-header-tools-wrap-v1 { align-items: flex-end !important; } .rd-header-tools-v1 { height: auto !important; width: auto !important; margin: 0 !important; padding: 0 !important; display: flex !important; align-items: center !important; gap: 4px !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; } /* Kill any toolbar decorative dot */ .rd-header-tools-v1::before { display: none !important; } /* Individual controls */ .rd-header-tools-v1 .top_nav_link .Button_base__J2n8j, .rd-header-tools-v1 #login-button, .rd-header-tools-v1 #showUserMenu .Button_base__J2n8j { width: 35px !important; height: 35px !important; min-width: 35px !important; min-height: 35px !important; padding: 0 !important; border: 1px solid transparent !important; border-radius: 10px !important; color: rgba(231, 243, 244, .81) !important; background: transparent !important; box-shadow: none !important; transition: background .17s ease, border-color .17s ease, color .17s ease, transform .17s ease; } .rd-header-tools-v1 .top_nav_link:hover .Button_base__J2n8j, .rd-header-tools-v1 #login-button:hover, .rd-header-tools-v1 #showUserMenu:hover .Button_base__J2n8j { transform: translateY(-1px); color: #fff !important; border-color: rgba(96, 194, 200, .15) !important; background: rgba(96, 194, 200, .065) !important; } .rd-header-tools-v1 svg { width: 18px !important; height: 18px !important; } /* Tiny separation between utility groups without boxing */ .rd-header-tools-v1 > span + span { margin-left: 1px; } /* --------------------------------------------------------- RESPONSIVE --------------------------------------------------------- */ @media (max-width: 1050px) { .rd-header-banner-v1 { width: 280px !important; min-width: 280px !important; max-width: 280px !important; } } @media (max-width: 860px) { :root { --navbar-height: 4rem; --navbar-container-height: 4rem; } .rd-header-v1 { height: 4rem !important; min-height: 4rem !important; } .rd-header-banner-v1 { display: none !important; } .rd-header-shell-v1 { padding: 0 15px !important; } } @media (max-width: 520px) { .rd-header-shell-v1 { padding: 0 10px !important; } .rd-header-left-v1 { gap: 7px !important; } .rd-header-left-v1::after { display: none; } .rd-header-v1 #mobile_menu_nav { width: 36px !important; height: 36px !important; min-width: 36px !important; } .rd-header-brand-v1 span { font-size: 17px !important; } .rd-header-tools-v1 { gap: 1px !important; } .rd-header-tools-v1 .top_nav_link .Button_base__J2n8j, .rd-header-tools-v1 #login-button { width: 31px !important; height: 31px !important; min-width: 31px !important; min-height: 31px !important; } } @media (prefers-reduced-motion: reduce) { .rd-header-v1 *, .rd-header-v1 *::before, .rd-header-v1 *::after { transition: none !important; } } /* ========================================================= rd-premium-header-final-v5 Final proportion / spacing refinement ========================================================= */ /* Slightly taller, more premium breathing room */ :root { --navbar-height: 4.5rem; --navbar-container-height: 4.5rem; } .rd-header-v1 { height: 4.5rem !important; min-height: 4.5rem !important; box-shadow: 0 1px 0 rgba(255,255,255,.02), 0 10px 26px rgba(0,0,0,.15) !important; } /* Consistent horizontal margins */ .rd-header-shell-v1 { padding: 0 34px !important; } /* --------------------------------------------------------- LEFT --------------------------------------------------------- */ .rd-header-left-v1 { gap: 12px !important; } .rd-header-v1 #mobile_menu_nav { width: 40px !important; height: 40px !important; min-width: 40px !important; border-radius: 12px !important; } .rd-header-v1 #mobile_menu_nav svg { width: 17px !important; height: 17px !important; } /* Slightly stronger wordmark */ .rd-header-brand-v1 span { font-size: 20px !important; font-weight: 775 !important; letter-spacing: -.04em !important; } .rd-header-brand-v1::after { width: 5px !important; height: 5px !important; margin-left: 7px !important; margin-top: -13px !important; background: #6bcbd0 !important; box-shadow: 0 0 8px rgba(107,203,208,.46) !important; } /* Slightly cleaner divider */ .rd-header-left-v1::after { height: 27px !important; opacity: .72; } /* --------------------------------------------------------- CENTER UPDATE MODULE --------------------------------------------------------- */ .rd-header-banner-v1 { width: 292px !important; min-width: 292px !important; max-width: 292px !important; height: 40px !important; min-height: 40px !important; padding: 3px 3px 3px 14px !important; border: 1px solid rgba(109, 204, 210, .18) !important; border-radius: 13px !important; background: linear-gradient( 115deg, rgba(52, 83, 90, .39), rgba(26, 41, 49, .44) ) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.04), 0 6px 18px rgba(0,0,0,.11) !important; } .rd-header-banner-v1 .Banner_text__9C17H { font-size: 11.25px !important; font-weight: 710 !important; letter-spacing: .005em !important; color: rgba(242,248,249,.88) !important; } .rd-header-pulse-v1 { width: 6px !important; height: 6px !important; flex: 0 0 6px !important; } /* More proportional CTA */ .rd-header-banner-v1 .Banner_ctaContainer__6MBMd .Button_base__J2n8j { height: 32px !important; min-height: 32px !important; padding: 0 14px !important; border-radius: 10px !important; font-size: 10.5px !important; background: linear-gradient( 135deg, #82d4d8, #63bec4 ) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.24), 0 3px 10px rgba(27,117,123,.10) !important; } /* --------------------------------------------------------- RIGHT TOOL ICONS --------------------------------------------------------- */ .rd-header-tools-v1 { gap: 6px !important; } /* Equal icon geometry */ .rd-header-tools-v1 .top_nav_link .Button_base__J2n8j, .rd-header-tools-v1 #login-button, .rd-header-tools-v1 #showUserMenu .Button_base__J2n8j { width: 36px !important; height: 36px !important; min-width: 36px !important; min-height: 36px !important; border-radius: 10px !important; } .rd-header-tools-v1 svg { width: 18px !important; height: 18px !important; } /* More restrained hover */ .rd-header-tools-v1 .top_nav_link:hover .Button_base__J2n8j, .rd-header-tools-v1 #login-button:hover, .rd-header-tools-v1 #showUserMenu:hover .Button_base__J2n8j { transform: translateY(-1px); border-color: rgba(99, 198, 204, .14) !important; background: rgba(88, 182, 189, .055) !important; } /* --------------------------------------------------------- LARGE DESKTOP --------------------------------------------------------- */ @media (min-width: 1400px) { .rd-header-shell-v1 { padding: 0 42px !important; } } /* --------------------------------------------------------- TABLET / MOBILE --------------------------------------------------------- */ @media (max-width: 860px) { :root { --navbar-height: 4.125rem; --navbar-container-height: 4.125rem; } .rd-header-v1 { height: 4.125rem !important; min-height: 4.125rem !important; } .rd-header-shell-v1 { padding: 0 16px !important; } } @media (max-width: 520px) { .rd-header-shell-v1 { padding: 0 10px !important; } .rd-header-brand-v1 span { font-size: 17.5px !important; } .rd-header-tools-v1 { gap: 2px !important; } } /* rd-hamburger-refine-v1 */ .rd-header-v1 #mobile_menu_nav { width: 36px !important; height: 36px !important; min-width: 36px !important; padding: 0 !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; border: 1px solid rgba(210, 238, 240, .08) !important; border-radius: 10px !important; background: rgba(255,255,255,.018) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.025) !important; } .rd-header-v1 #mobile_menu_nav .Button_content__hmBjB { width: 100% !important; height: 100% !important; display: flex !important; align-items: center !important; justify-content: center !important; } .rd-header-v1 #mobile_menu_nav svg { width: 18px !important; height: 18px !important; display: block !important; margin: 0 !important; opacity: .88; } .rd-header-v1 #mobile_menu_nav:hover { transform: translateY(-1px); border-color: rgba(96, 198, 204, .22) !important; background: rgba(96, 198, 204, .055) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.03), 0 5px 14px rgba(0,0,0,.08) !important; } /* ========================================================= rd-drawer-update-card-v1 Exciting Updates moved from header into navigation drawer ========================================================= */ .rd-drawer-update-v1 { position: relative; display: flex; flex-direction: column; margin: 0 0 17px; padding: 16px 17px 15px; overflow: hidden; border: 1px solid rgba(100, 204, 210, .17); border-radius: 15px; color: #eef8f8 !important; text-decoration: none !important; background: radial-gradient( circle at 0% 0%, rgba(88, 200, 207, .15), transparent 55% ), linear-gradient( 135deg, rgba(55, 103, 110, .22), rgba(255,255,255,.025) ); box-shadow: inset 0 1px 0 rgba(255,255,255,.035), 0 9px 25px rgba(0,0,0,.10); transition: transform .18s ease, border-color .18s ease, background .18s ease, box-shadow .18s ease; } /* soft decorative glow */ .rd-drawer-update-v1::after { content: ""; position: absolute; width: 120px; height: 120px; right: -55px; top: -65px; border-radius: 50%; pointer-events: none; background: rgba(103, 204, 210, .07); box-shadow: 0 0 0 22px rgba(103,204,210,.018); } .rd-drawer-update-v1__top { display: flex; align-items: center; gap: 8px; margin-bottom: 9px; } .rd-drawer-update-v1__pulse { position: relative; width: 6px; height: 6px; flex: 0 0 6px; border-radius: 50%; background: #73d0d5; box-shadow: 0 0 0 4px rgba(115,208,213,.055), 0 0 9px rgba(115,208,213,.34); } .rd-drawer-update-v1__eyebrow { color: rgba(114, 207, 212, .72); font-size: 8.5px; font-weight: 820; line-height: 1; letter-spacing: .16em; } .rd-drawer-update-v1__content { position: relative; z-index: 2; display: flex; align-items: center; justify-content: space-between; gap: 15px; } .rd-drawer-update-v1__title { color: #f5fbfb; font-size: 17px; font-weight: 740; line-height: 1.2; letter-spacing: -.025em; } .rd-drawer-update-v1__arrow { display: grid; place-items: center; width: 29px; height: 29px; flex: 0 0 29px; border: 1px solid rgba(117, 211, 216, .16); border-radius: 9px; color: #7ed1d5; background: rgba(117,211,216,.055); font-size: 13px; transition: transform .18s ease, background .18s ease; } .rd-drawer-update-v1__description { display: block; margin-top: 6px; color: rgba(222, 237, 238, .49); font-size: 11px; line-height: 1.45; } .rd-drawer-update-v1:hover { transform: translateY(-2px); border-color: rgba(104, 206, 212, .29); background: radial-gradient( circle at 0% 0%, rgba(88,200,207,.19), transparent 55% ), linear-gradient( 135deg, rgba(55,103,110,.28), rgba(255,255,255,.035) ); box-shadow: inset 0 1px 0 rgba(255,255,255,.045), 0 12px 28px rgba(0,0,0,.13); } .rd-drawer-update-v1:hover .rd-drawer-update-v1__arrow { transform: translate(1px, -1px); background: rgba(117,211,216,.09); } /* * Header no longer contains an announcement. * Keep the visual center completely clean. */ .rd-header-v1 .rd-header-banner-v1 { display: none !important; } /* ========================================================= rd-premium-drawer-icons-v2 RealDeen premium textured navigation drawer ========================================================= */ /* --------------------------------------------------------- DRAWER --------------------------------------------------------- */ #mobile_menu_sidebar.Drawer_container__v4a8e { width: 360px !important; max-width: 88vw !important; overflow-x: hidden !important; color: #edf6f7 !important; border-right: 1px solid rgba(95, 197, 203, .15) !important; border-radius: 0 18px 18px 0; background: radial-gradient( circle at 7% 4%, rgba(59, 179, 187, .16), transparent 25rem ), radial-gradient( circle at 105% 65%, rgba(44, 164, 171, .07), transparent 25rem ), repeating-linear-gradient( 30deg, rgba(255,255,255,.010) 0, rgba(255,255,255,.010) 1px, transparent 1px, transparent 52px ), repeating-linear-gradient( 150deg, rgba(255,255,255,.006) 0, rgba(255,255,255,.006) 1px, transparent 1px, transparent 52px ), linear-gradient( 180deg, #19262e 0%, #162129 48%, #121b22 100% ) !important; box-shadow: 26px 0 65px rgba(0,0,0,.30) !important; } /* Correct closed/open positions */ #mobile_menu_sidebar.Drawer_left__V9th2 { inset-inline-start: -360px !important; } #mobile_menu_sidebar.Drawer_containerOpen__pm7AS.Drawer_left__V9th2 { inset-inline-start: 0 !important; box-shadow: 26px 0 65px rgba(0,0,0,.30), 0 0 0 100vmax rgba(3,9,13,.38) !important; } /* --------------------------------------------------------- DRAWER HEADER --------------------------------------------------------- */ #mobile_menu_sidebar .Drawer_header__fCYmY { width: 360px !important; max-width: 88vw !important; height: 72px !important; border-bottom: 1px solid rgba(99, 200, 206, .13) !important; background: transparent !important; box-shadow: 0 7px 22px rgba(0,0,0,.08); } #mobile_menu_sidebar .Drawer_headerContentContainer__5FDII { background: radial-gradient( circle at 8% -15%, rgba(71, 188, 195, .14), transparent 55% ), linear-gradient( 105deg, rgba(27,42,50,.98), rgba(20,31,38,.99) ) !important; } #mobile_menu_sidebar .Drawer_headerContent__iKT87 { margin: 0 14px 0 20px !important; } /* Drawer logo */ #mobile_menu_sidebar .NavbarLogoWrapper_logoWrapper__rxO10 span { color: #f5fbfb !important; font-size: 20px !important; font-weight: 770 !important; letter-spacing: -.04em; } /* Close button */ #mobile_menu_sidebar #close_sidebar_menu button { width: 36px !important; height: 36px !important; min-width: 36px !important; padding: 0 !important; color: rgba(239,248,248,.88) !important; border: 1px solid rgba(220,241,242,.075) !important; border-radius: 10px !important; background: rgba(255,255,255,.018) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.025) !important; } #mobile_menu_sidebar #close_sidebar_menu button:hover { color: #fff !important; border-color: rgba(100,200,206,.20) !important; background: rgba(100,200,206,.055) !important; } /* --------------------------------------------------------- DRAWER BODY --------------------------------------------------------- */ #mobile_menu_sidebar .Drawer_navigationBodyContainer__7xpCz { margin-block-start: 72px !important; padding: 20px 16px 34px !important; background: transparent !important; } #mobile_menu_sidebar .NavigationDrawerBody_listItemsContainer__CsgxD { margin: 0 !important; padding: 0 !important; } /* Existing update card */ #mobile_menu_sidebar .rd-drawer-update-v1 { margin: 0 0 20px !important; } /* --------------------------------------------------------- NAVIGATION TITLE --------------------------------------------------------- */ .rd-drawer-menu-title-v2 { margin: 0 7px 10px; color: rgba(104, 202, 208, .60); font-size: 9px; font-weight: 820; line-height: 1; letter-spacing: .18em; } /* --------------------------------------------------------- MENU ITEMS --------------------------------------------------------- */ #mobile_menu_sidebar .rd-drawer-nav-item-v2 { position: relative; width: 100%; min-height: 54px !important; margin: 0 0 8px !important; padding: 7px 9px !important; display: grid !important; grid-template-columns: 38px minmax(0, 1fr) 28px; align-items: center; gap: 11px; border: 1px solid rgba(255,255,255,.050) !important; border-radius: 13px !important; color: rgba(234,245,246,.80) !important; background: linear-gradient( 105deg, rgba(255,255,255,.028), rgba(255,255,255,.010) ) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.015); transition: transform .18s ease, background .18s ease, border-color .18s ease, box-shadow .18s ease, color .18s ease; } /* Remove any legacy pseudo decoration */ #mobile_menu_sidebar .rd-drawer-nav-item-v2::before, #mobile_menu_sidebar .rd-drawer-nav-item-v2::after { content: none !important; } /* --------------------------------------------------------- VECTOR ICON --------------------------------------------------------- */ .rd-drawer-nav-icon-v2 { width: 36px; height: 36px; display: grid; place-items: center; border: 1px solid rgba(104, 202, 208, .10); border-radius: 10px; color: rgba(113, 208, 213, .82); background: rgba(94, 191, 197, .045); transition: color .18s ease, background .18s ease, border-color .18s ease, transform .18s ease; } .rd-drawer-nav-icon-v2 svg { width: 18px; height: 18px; display: block; } /* --------------------------------------------------------- LABEL --------------------------------------------------------- */ .rd-drawer-nav-label-v2 { overflow: hidden; color: inherit; font-size: 14px; font-weight: 640; line-height: 1.25; letter-spacing: -.005em; white-space: nowrap; text-overflow: ellipsis; } /* --------------------------------------------------------- RIGHT ARROW --------------------------------------------------------- */ .rd-drawer-nav-arrow-v2 { width: 28px; height: 28px; display: grid; place-items: center; color: rgba(115, 207, 212, .30); transition: color .18s ease, transform .18s ease; } .rd-drawer-nav-arrow-v2 svg { width: 15px; height: 15px; } /* --------------------------------------------------------- HOVER --------------------------------------------------------- */ #mobile_menu_sidebar .Link_base__9W8Qs:hover .rd-drawer-nav-item-v2 { transform: translateX(3px); color: #ffffff !important; border-color: rgba(104, 203, 209, .19) !important; background: linear-gradient( 100deg, rgba(61,157,165,.11), rgba(255,255,255,.018) ) !important; box-shadow: 0 7px 20px rgba(0,0,0,.08), inset 0 1px 0 rgba(255,255,255,.025); } #mobile_menu_sidebar .Link_base__9W8Qs:hover .rd-drawer-nav-icon-v2 { transform: scale(1.03); color: #8bd9dd; border-color: rgba(116, 211, 216, .22); background: rgba(89, 188, 195, .09); } #mobile_menu_sidebar .Link_base__9W8Qs:hover .rd-drawer-nav-arrow-v2 { color: #7fd1d5; transform: translateX(2px); } /* --------------------------------------------------------- BOTTOM SIGNATURE --------------------------------------------------------- */ #mobile_menu_sidebar .NavigationDrawerBody_listItemsContainer__CsgxD::after { content: "REALDEEN · READ · REFLECT"; display: block; margin: 27px 7px 0; padding-top: 18px; border-top: 1px solid rgba(255,255,255,.050); color: rgba(209,229,231,.24); font-size: 8px; font-weight: 720; letter-spacing: .15em; } /* --------------------------------------------------------- MOBILE --------------------------------------------------------- */ @media (max-width: 480px) { #mobile_menu_sidebar.Drawer_container__v4a8e { width: 88vw !important; max-width: 360px !important; border-radius: 0 15px 15px 0; } #mobile_menu_sidebar.Drawer_left__V9th2 { inset-inline-start: -88vw !important; } #mobile_menu_sidebar.Drawer_containerOpen__pm7AS.Drawer_left__V9th2 { inset-inline-start: 0 !important; } #mobile_menu_sidebar .Drawer_header__fCYmY { width: 88vw !important; max-width: 360px !important; } #mobile_menu_sidebar .Drawer_navigationBodyContainer__7xpCz { padding: 17px 12px 28px !important; } } /* Accessibility */ @media (prefers-reduced-motion: reduce) { #mobile_menu_sidebar *, #mobile_menu_sidebar *::before, #mobile_menu_sidebar *::after { transition: none !important; } } /* ========================================================= rd-drawer-social-css-v2 ========================================================= */ .rd-drawer-social-v2 { margin-top: 20px; padding-top: 16px; border-top: 1px solid rgba(255,255,255,.05); } .rd-drawer-social-v2__title { margin: 0 7px 11px; color: rgba(104,202,208,.60); font-size: 9px; font-weight: 820; letter-spacing: .18em; } .rd-drawer-social-v2__grid { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 9px; } .rd-drawer-social-v2__item { min-width: 0; min-height: 50px; padding: 8px 10px; display: flex; align-items: center; gap: 9px; border: 1px solid rgba(255,255,255,.05); border-radius: 12px; color: rgba(232,244,245,.75) !important; background: linear-gradient( 105deg, rgba(255,255,255,.026), rgba(255,255,255,.010) ); text-decoration: none !important; font-size: 11.5px; font-weight: 640; transition: transform .18s ease, border-color .18s ease, background .18s ease, color .18s ease; } .rd-drawer-social-v2__icon { width: 30px; height: 30px; flex: 0 0 30px; display: grid; place-items: center; border: 1px solid rgba(104,202,208,.10); border-radius: 9px; color: rgba(113,208,213,.83); background: rgba(94,191,197,.045); } .rd-drawer-social-v2__icon svg { width: 16px; height: 16px; display: block; } .rd-drawer-social-v2__item:hover { transform: translateY(-1px); color: #fff !important; border-color: rgba(104,203,209,.18); background: rgba(74,169,176,.07); } .rd-drawer-social-v2__item:hover .rd-drawer-social-v2__icon { color: #86d8dc; border-color: rgba(115,210,215,.20); background: rgba(91,188,195,.08); } @media (max-width: 480px) { .rd-drawer-social-v2__item { min-height: 48px; padding: 8px; } } /* rd-drawer-signature-white-v2 */ #mobile_menu_sidebar .NavigationDrawerBody_listItemsContainer__CsgxD::after { content: "READ, UNDERSTAND AND REFLECT." !important; display: block !important; margin: 28px 7px 0 !important; padding-top: 18px !important; border-top: 1px solid rgba(255,255,255,.08) !important; color: #ffffff !important; opacity: .92 !important; font-size: 11.5px !important; font-weight: 760 !important; line-height: 1.5 !important; letter-spacing: .04em !important; text-transform: uppercase !important; } @media (max-width: 480px) { #mobile_menu_sidebar .NavigationDrawerBody_listItemsContainer__CsgxD::after { font-size: 10.5px !important; letter-spacing: .12em !important; } } /* ========================================================= rd-header-auth-buttons-css-v1 ========================================================= */ /* * Hide the old standalone signed-out person/login icon. * New Log In + Create Account controls replace it. */ .rd-header-tools-v1 #login-button { display: none !important; } .rd-header-auth-actions-v1 { position: relative; display: flex; align-items: center; gap: 7px; margin-left: 8px; padding-left: 13px; } /* subtle divider from utility icons */ .rd-header-auth-actions-v1::before { content: ""; position: absolute; left: 0; width: 1px; height: 25px; background: linear-gradient( 180deg, transparent, rgba(112, 205, 210, .18), transparent ); } .rd-header-auth-btn-v1 { height: 36px; padding: 0 13px; display: inline-flex; align-items: center; justify-content: center; gap: 7px; border-radius: 10px; text-decoration: none !important; font-size: 11.5px; line-height: 1; font-weight: 720; letter-spacing: -.01em; white-space: nowrap; transition: transform .18s ease, background .18s ease, border-color .18s ease, color .18s ease, box-shadow .18s ease; } /* --------------------------------------------------------- LOG IN — restrained secondary button --------------------------------------------------------- */ .rd-header-login-v1 { color: rgba(239,247,248,.88) !important; border: 1px solid rgba(218,239,240,.10); background: rgba(255,255,255,.018); box-shadow: inset 0 1px 0 rgba(255,255,255,.025); } .rd-header-login-v1:hover { transform: translateY(-1px); color: #ffffff !important; border-color: rgba(100,199,205,.22); background: rgba(89,181,188,.06); } /* --------------------------------------------------------- CREATE ACCOUNT — primary RealDeen action --------------------------------------------------------- */ .rd-header-create-v1 { color: #102b30 !important; border: 1px solid rgba(148,226,230,.20); background: linear-gradient( 135deg, #82d4d8 0%, #61bec4 100% ); box-shadow: inset 0 1px 0 rgba(255,255,255,.25), 0 4px 13px rgba(32,132,139,.12); } .rd-header-create-v1:hover { transform: translateY(-1px); color: #0d252a !important; background: linear-gradient( 135deg, #8bdbdf, #6ac6cc ); box-shadow: inset 0 1px 0 rgba(255,255,255,.28), 0 6px 17px rgba(32,132,139,.18); } /* --------------------------------------------------------- VECTOR ICONS --------------------------------------------------------- */ .rd-header-auth-icon-v1 { width: 15px; height: 15px; flex: 0 0 15px; display: grid; place-items: center; } .rd-header-auth-icon-v1 svg { width: 15px !important; height: 15px !important; display: block; } /* --------------------------------------------------------- LARGE / NORMAL DESKTOP --------------------------------------------------------- */ @media (max-width: 1100px) { .rd-header-auth-btn-v1 { padding: 0 10px; font-size: 11px; } .rd-header-auth-actions-v1 { gap: 5px; margin-left: 5px; padding-left: 9px; } } /* --------------------------------------------------------- MOBILE Keep header uncluttered. Existing person/login vector returns on small screens. --------------------------------------------------------- */ @media (max-width: 760px) { .rd-header-auth-actions-v1 { display: none !important; } .rd-header-tools-v1 #login-button { display: inline-flex !important; } } /* rd-header-auth-spacing-v2 */ /* * Allow the right-side utility/auth group to size naturally * instead of inheriting old constrained header geometry. */ .rd-header-tools-wrap-v1 { flex: 0 0 auto !important; width: auto !important; min-width: 0 !important; align-items: flex-end !important; margin: 0 !important; padding: 0 !important; } .rd-header-tools-v1 { width: auto !important; min-width: 0 !important; margin: 0 !important; margin-inline-end: 0 !important; padding: 0 !important; flex-wrap: nowrap !important; } /* Keep the complete right group safely inside the viewport */ .rd-header-shell-v1 { padding-left: 40px !important; padding-right: 40px !important; } /* Refine auth proportions slightly */ .rd-header-login-v1 { min-width: 76px; } .rd-header-create-v1 { min-width: 126px; } /* Prevent button labels from being squeezed */ .rd-header-auth-label-v1 { display: block; white-space: nowrap; } /* Slightly tighter spacing between utilities and auth */ .rd-header-auth-actions-v1 { gap: 6px !important; margin-left: 7px !important; padding-left: 12px !important; } @media (max-width: 1250px) { .rd-header-shell-v1 { padding-left: 24px !important; padding-right: 24px !important; } .rd-header-create-v1 { min-width: 118px; padding-left: 10px; padding-right: 10px; } .rd-header-login-v1 { min-width: 70px; padding-left: 9px; padding-right: 9px; } } @media (max-width: 760px) { .rd-header-shell-v1 { padding-left: 12px !important; padding-right: 12px !important; } } /* rd-header-width-containment-v1 */ /* * width:100% + horizontal padding must remain * INSIDE the viewport rather than increasing its total width. */ .rd-header-shell-v1 { box-sizing: border-box !important; width: 100% !important; max-width: 100% !important; overflow: visible !important; } /* Ensure the utility/auth side cannot push outside viewport */ .rd-header-tools-wrap-v1, .rd-header-tools-v1, .rd-header-auth-actions-v1 { box-sizing: border-box !important; } /* Preserve the current premium desktop spacing */ @media (min-width: 1260px) { .rd-header-shell-v1 { padding-left: 40px !important; padding-right: 40px !important; } } /* Slightly tighter only when screen space reduces */ @media (max-width: 1259px) { .rd-header-shell-v1 { padding-left: 24px !important; padding-right: 24px !important; } } /* rd-qf-qpc-hafs-v1 */ @font-face { font-family: "RealDeenQFQpcHafs"; src: url("../fonts/quran/hafs/uthmanic_hafs/UthmanicHafs1Ver18-QF.woff2") format("woff2"); font-weight: 400; font-style: normal; font-display: swap; } .arabic_text { font-family: "RealDeenQFQpcHafs", UthmanicHafs, serif !important; font-weight: 400; font-style: normal; font-variant-ligatures: normal; } /* ========================================================= rd-question-ui-premium-v1 RealDeen Categories / Question Lists / Question Detail Desktop + Tablet + Mobile ========================================================= */ /* --------------------------------------------------------- Shared premium surface language --------------------------------------------------------- */ #seo-categories-h1 ~ .index_pageContainer__Pxtn3 .category_topic_page, #seo-category-h1 + .question_list_page #qgj-widget, #seo-question-h1 + .question_detail_page .QuranGrowthJourneySection_wrapper__OhnGO { background: linear-gradient( 145deg, rgba(31, 42, 50, .88), rgba(20, 28, 35, .82) ) !important; border: 1px solid rgba(103, 201, 210, .15) !important; border-radius: 16px !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.025), 0 14px 38px rgba(0,0,0,.16) !important; overflow: hidden; } /* ========================================================= /categories QUESTION CATEGORIES ========================================================= */ #seo-categories-h1 ~ .index_pageContainer__Pxtn3 .category_topic_page { padding: 20px 22px 22px !important; } #seo-categories-h1 ~ .index_pageContainer__Pxtn3 .category_topic_page .QuranGrowthJourneySection_header__YzSYn { padding: 0 0 17px !important; margin: 0 !important; background: transparent !important; border: 0 !important; } #seo-categories-h1 ~ .index_pageContainer__Pxtn3 .category_topic_page .QuranGrowthJourneySection_title__p5KVY { margin: 0 !important; color: #70ccd4 !important; font-size: 20px !important; font-weight: 700 !important; letter-spacing: -.015em; text-align: center; } #seo-categories-h1 ~ .index_pageContainer__Pxtn3 .category_topic_page .CollapsibleSection_container__UaKmj, #seo-categories-h1 ~ .index_pageContainer__Pxtn3 .category_topic_page .Collapsible_header__CmhJq { background: transparent !important; border: 0 !important; padding: 0 !important; } #seo-categories-h1 ~ .index_pageContainer__Pxtn3 .category_topic { display: grid !important; grid-template-columns: repeat(4, minmax(0, 1fr)) !important; gap: 11px !important; width: 100% !important; } #seo-categories-h1 ~ .index_pageContainer__Pxtn3 .category_topic > a { display: block !important; min-width: 0; width: 100% !important; text-decoration: none !important; } #seo-categories-h1 ~ .index_pageContainer__Pxtn3 .category_topic > a > div { display: flex !important; flex-direction: column; align-items: center; justify-content: center; width: 100% !important; min-height: 68px !important; height: 100% !important; padding: 12px 15px !important; border: 1px solid rgba(107, 202, 211, .16) !important; border-radius: 11px !important; background: linear-gradient( 135deg, rgba(57, 126, 137, .27), rgba(41, 89, 101, .20) ) !important; color: #eef7f8 !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.025) !important; transition: transform .18s ease, border-color .18s ease, background .18s ease, box-shadow .18s ease !important; } @media (hover:hover) { #seo-categories-h1 ~ .index_pageContainer__Pxtn3 .category_topic > a:hover > div { transform: translateY(-2px); border-color: rgba(111, 211, 220, .40) !important; background: linear-gradient( 135deg, rgba(69, 153, 164, .35), rgba(43, 105, 117, .28) ) !important; box-shadow: 0 9px 22px rgba(0,0,0,.17), inset 0 1px 0 rgba(255,255,255,.04) !important; } } #seo-categories-h1 ~ .index_pageContainer__Pxtn3 .category_topic .catgory_name { color: #f4f8f9 !important; font-size: 15.5px !important; font-weight: 650 !important; line-height: 1.25 !important; } #seo-categories-h1 ~ .index_pageContainer__Pxtn3 .category_topic .catgory_name_roman { margin-top: 6px !important; color: rgba(225,235,238,.68) !important; font-size: 12.5px !important; font-weight: 400 !important; line-height: 1.35 !important; } /* ========================================================= /category/{id} CATEGORY QUESTION LIST ========================================================= */ #seo-category-h1 + .question_list_page #qgj-widget { padding: 18px 22px !important; margin-bottom: 8px !important; } #seo-category-h1 + .question_list_page #qgj-widget .QuranGrowthJourneySection_header__YzSYn { padding: 0 !important; margin: 0 !important; border: 0 !important; background: transparent !important; } #seo-category-h1 + .question_list_page #qgj-widget .QuranGrowthJourneySection_title__p5KVY { margin: 0 !important; color: #70ccd4 !important; font-size: 20px !important; font-weight: 700 !important; line-height: 1.35 !important; } #seo-category-h1 + .question_list_page #qgj-widget .QuranGrowthJourneySection_title__p5KVY span { display: inline-block; margin-top: 5px; color: rgba(223,232,235,.64) !important; font-size: 13px !important; font-weight: 400 !important; } #seo-category-h1 + .question_list_page .ChapterAndJuzList_surahLayout__ZZ82j { display: grid !important; grid-template-columns: 1fr !important; gap: 10px !important; width: 100% !important; } #seo-category-h1 + .question_list_page .ChapterAndJuzList_chapterContainer__uVZ3E { width: 100% !important; margin: 0 !important; } #seo-category-h1 + .question_list_page .SurahPreviewRow_container__3ZfRV { min-height: 72px !important; padding: 13px 16px !important; border: 1px solid rgba(126, 159, 170, .19) !important; border-radius: 12px !important; background: linear-gradient( 115deg, rgba(23, 31, 38, .90), rgba(28, 36, 43, .75) ) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.018) !important; transition: transform .18s ease, border-color .18s ease, background .18s ease !important; } @media (hover:hover) { #seo-category-h1 + .question_list_page .SurahPreviewRow_container__3ZfRV:hover { transform: translateY(-1px); border-color: rgba(103, 201, 210, .35) !important; background: linear-gradient( 115deg, rgba(30, 47, 55, .94), rgba(27, 39, 46, .82) ) !important; } } #seo-category-h1 + .question_list_page .SurahPreviewRow_surahName__jrca5 { color: #f3f6f8 !important; font-size: 15px !important; font-weight: 650 !important; line-height: 1.4 !important; } #seo-category-h1 + .question_list_page .SurahPreviewRow_translatedSurahName__SHzIe { margin-top: 5px !important; color: rgba(221,229,232,.65) !important; font-size: 13px !important; line-height: 1.45 !important; } /* soften the existing number badge without rebuilding it */ #seo-category-h1 + .question_list_page .SurahPreviewRow_surahNumber__BICjx { opacity: .90; background: rgba(87, 116, 126, .27) !important; border-color: rgba(111, 192, 201, .16) !important; } #seo-category-h1 + .question_list_page .SurahPreviewRow_surahNumber__BICjx span { color: #eaf6f7 !important; } /* ========================================================= /question/{id} QUESTION INTRO ========================================================= */ #seo-question-h1 + .question_detail_page > .index_flow__rCTR5 > .index_flowItem__GnXWz.index_fullWidth__1n4ux .QuranGrowthJourneySection_wrapper__OhnGO { padding: 20px 24px !important; border-top: 2px solid rgba(103, 201, 210, .45) !important; } #seo-question-h1 + .question_detail_page .question_cat_heading { margin: 0 0 7px !important; color: rgba(222,232,235,.62) !important; font-size: 11px !important; font-weight: 700 !important; letter-spacing: .10em; text-transform: uppercase; } #seo-question-h1 + .question_detail_page .question_cat_name { margin: 0 0 17px !important; color: #70ccd4 !important; font-size: 17px !important; font-weight: 650 !important; line-height: 1.4 !important; } #seo-question-h1 + .question_detail_page .question_cat_name span { color: rgba(222,231,234,.64) !important; font-size: 13px !important; font-weight: 400 !important; } #seo-question-h1 + .question_detail_page .question_name { margin: 0 0 8px !important; color: #f5f7f8 !important; font-size: 17px !important; font-weight: 650 !important; line-height: 1.5 !important; } #seo-question-h1 + .question_detail_page .question_name_roman { margin: 0 !important; color: rgba(222,230,233,.66) !important; font-size: 13px !important; line-height: 1.6 !important; } /* ========================================================= QUESTION REFERENCE / AYAH CARDS ========================================================= */ #seo-question-h1 + .question_detail_page .QuranGrowthJourneySection_wrapper__OhnGO { padding: 13px !important; margin-bottom: 16px !important; } #seo-question-h1 + .question_detail_page .surah_detail { margin: -13px -13px 13px !important; padding: 10px 14px !important; border: 0 !important; border-bottom: 1px solid rgba(103, 201, 210, .15) !important; border-radius: 15px 15px 0 0 !important; background: linear-gradient( 90deg, rgba(49, 96, 106, .28), rgba(27, 40, 47, .20) ) !important; color: #75cbd3 !important; font-size: 13px !important; font-weight: 650 !important; line-height: 1.35 !important; } #seo-question-h1 + .question_detail_page .surah_detail a { color: #75cbd3 !important; text-decoration: none !important; } #seo-question-h1 + .question_detail_page .ChapterAndJuzList_surahLayout__ZZ82j { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; align-items: stretch !important; gap: 11px !important; width: 100% !important; } #seo-question-h1 + .question_detail_page .ChapterAndJuzList_surahLayout__ZZ82j > .SurahPreviewRow_container__3ZfRV { display: flex !important; min-width: 0 !important; height: 100% !important; padding: 15px 15px 16px !important; border: 1px solid rgba(124, 156, 166, .15) !important; border-radius: 10px !important; background: rgba(15, 22, 28, .45) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.014) !important; } #seo-question-h1 + .question_detail_page .SurahPreviewRow_left__jd1pg { width: 100% !important; } #seo-question-h1 + .question_detail_page .SurahPreviewRow_surahNameContainer__b78tP { width: 100% !important; } #seo-question-h1 + .question_detail_page .SurahPreviewRow_surahName__jrca5 { margin: 0 0 11px !important; color: #7bcbd2 !important; font-size: 12px !important; font-weight: 700 !important; letter-spacing: .055em; text-transform: uppercase; text-align: center !important; } #seo-question-h1 + .question_detail_page .SurahPreviewRow_translatedSurahName__SHzIe { color: #e1e7e9 !important; font-size: 14px !important; font-weight: 400 !important; line-height: 1.75 !important; overflow-wrap: anywhere; } #seo-question-h1 + .question_detail_page .SurahPreviewRow_translatedSurahName__SHzIe.arabic_text { color: #f2f6f7 !important; font-size: 22px !important; line-height: 1.95 !important; text-align: center !important; } /* ========================================================= TABLET ========================================================= */ @media only screen and (min-width: 768px) and (max-width: 1100px) { #seo-categories-h1 ~ .index_pageContainer__Pxtn3 .category_topic { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } #seo-question-h1 + .question_detail_page .ChapterAndJuzList_surahLayout__ZZ82j { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } #seo-question-h1 + .question_detail_page .ChapterAndJuzList_surahLayout__ZZ82j > .SurahPreviewRow_container__3ZfRV:first-child { grid-column: 1 / -1; } } /* ========================================================= MOBILE ========================================================= */ @media only screen and (max-width: 767.98px) { /* * Keep comfortable side gutters rather than allowing * the old containers to touch the viewport edges. */ #seo-categories-h1 ~ .index_pageContainer__Pxtn3, #seo-category-h1 + .question_list_page, #seo-question-h1 + .question_detail_page { width: calc(100% - 24px) !important; max-width: none !important; margin-left: auto !important; margin-right: auto !important; padding-left: 0 !important; padding-right: 0 !important; } /* Categories */ #seo-categories-h1 ~ .index_pageContainer__Pxtn3 .category_topic_page { padding: 15px 12px 13px !important; border-radius: 13px !important; } #seo-categories-h1 ~ .index_pageContainer__Pxtn3 .category_topic_page .QuranGrowthJourneySection_header__YzSYn { padding-bottom: 13px !important; } #seo-categories-h1 ~ .index_pageContainer__Pxtn3 .category_topic_page .QuranGrowthJourneySection_title__p5KVY { font-size: 18px !important; } #seo-categories-h1 ~ .index_pageContainer__Pxtn3 .category_topic { grid-template-columns: 1fr !important; gap: 8px !important; } #seo-categories-h1 ~ .index_pageContainer__Pxtn3 .category_topic > a > div { min-height: 58px !important; padding: 10px 12px !important; border-radius: 9px !important; } #seo-categories-h1 ~ .index_pageContainer__Pxtn3 .category_topic .catgory_name { font-size: 14px !important; } #seo-categories-h1 ~ .index_pageContainer__Pxtn3 .category_topic .catgory_name_roman { margin-top: 4px !important; font-size: 12px !important; } /* Category question list */ #seo-category-h1 + .question_list_page #qgj-widget { padding: 14px 13px !important; border-radius: 13px !important; } #seo-category-h1 + .question_list_page #qgj-widget .QuranGrowthJourneySection_title__p5KVY { font-size: 18px !important; } #seo-category-h1 + .question_list_page .ChapterAndJuzList_surahLayout__ZZ82j { gap: 8px !important; } #seo-category-h1 + .question_list_page .SurahPreviewRow_container__3ZfRV { min-height: 64px !important; padding: 11px 12px !important; border-radius: 10px !important; } #seo-category-h1 + .question_list_page .SurahPreviewRow_surahName__jrca5 { font-size: 14px !important; line-height: 1.35 !important; } #seo-category-h1 + .question_list_page .SurahPreviewRow_translatedSurahName__SHzIe { font-size: 12px !important; line-height: 1.4 !important; } /* Question heading */ #seo-question-h1 + .question_detail_page > .index_flow__rCTR5 > .index_flowItem__GnXWz.index_fullWidth__1n4ux .QuranGrowthJourneySection_wrapper__OhnGO { padding: 15px !important; border-radius: 13px !important; } #seo-question-h1 + .question_detail_page .question_cat_heading { font-size: 10px !important; } #seo-question-h1 + .question_detail_page .question_cat_name { margin-bottom: 13px !important; font-size: 15px !important; } #seo-question-h1 + .question_detail_page .question_cat_name span { display: inline; font-size: 12px !important; } #seo-question-h1 + .question_detail_page .question_name { font-size: 15px !important; line-height: 1.45 !important; } #seo-question-h1 + .question_detail_page .question_name_roman { font-size: 12.5px !important; line-height: 1.55 !important; } /* Ayah/reference cards stack vertically */ #seo-question-h1 + .question_detail_page .QuranGrowthJourneySection_wrapper__OhnGO { padding: 10px !important; margin-bottom: 12px !important; border-radius: 13px !important; } #seo-question-h1 + .question_detail_page .surah_detail { margin: -10px -10px 10px !important; padding: 9px 11px !important; border-radius: 12px 12px 0 0 !important; font-size: 12px !important; } #seo-question-h1 + .question_detail_page .ChapterAndJuzList_surahLayout__ZZ82j { grid-template-columns: 1fr !important; gap: 8px !important; } #seo-question-h1 + .question_detail_page .ChapterAndJuzList_surahLayout__ZZ82j > .SurahPreviewRow_container__3ZfRV { grid-column: auto !important; padding: 13px !important; border-radius: 9px !important; } #seo-question-h1 + .question_detail_page .SurahPreviewRow_surahName__jrca5 { margin-bottom: 8px !important; font-size: 11px !important; } #seo-question-h1 + .question_detail_page .SurahPreviewRow_translatedSurahName__SHzIe { font-size: 13.5px !important; line-height: 1.65 !important; } #seo-question-h1 + .question_detail_page .SurahPreviewRow_translatedSurahName__SHzIe.arabic_text { font-size: 21px !important; line-height: 1.85 !important; } } /* extra-small phones */ @media only screen and (max-width: 390px) { #seo-categories-h1 ~ .index_pageContainer__Pxtn3, #seo-category-h1 + .question_list_page, #seo-question-h1 + .question_detail_page { width: calc(100% - 18px) !important; } #seo-category-h1 + .question_list_page .SurahPreviewRow_container__3ZfRV { padding: 10px !important; } #seo-question-h1 + .question_detail_page .SurahPreviewRow_translatedSurahName__SHzIe.arabic_text { font-size: 20px !important; } } /* end rd-question-ui-premium-v1 */ /* ===================================================== rd-global-theme-css-v1 Global RealDeen header Light / Dark selector ===================================================== */ .rd-global-theme-v1{ display:inline-flex; align-items:center; flex:0 0 auto; min-height:34px; margin-inline-end:10px; padding:3px; background: rgba(255,255,255,.035); border: 1px solid rgba(117,186,197,.17); border-radius:10px; } .rd-global-theme-btn-v1{ display:inline-flex; align-items:center; justify-content:center; gap:5px; min-width:59px; height:27px; padding: 0 8px; color: var(--color-text-faded); background:transparent; border:0; border-radius:7px; font-family:inherit; font-size:10px; font-weight:650; line-height:1; cursor:pointer; transition: background-color .18s ease, color .18s ease, box-shadow .18s ease; } .rd-global-theme-btn-v1:hover{ color: var(--color-text-default); } .rd-global-theme-btn-v1.active{ color: var(--color-text-default); background: rgba(102,203,212,.13); box-shadow: inset 0 0 0 1px rgba(102,203,212,.23); } .rd-global-theme-icon-v1{ font-size:12px; line-height:1; } .rd-global-theme-divider-v1{ width:1px; height:15px; background: rgba(126,171,181,.18); } /* * Light header refinement. */ body[data-theme="light"] .rd-global-theme-v1{ background: rgba(20,91,103,.035); border-color: rgba(26,103,114,.15); } body[data-theme="light"] .rd-global-theme-btn-v1.active{ background: rgba(28,145,156,.10); box-shadow: inset 0 0 0 1px rgba(28,145,156,.22); } /* * Compact selector on smaller screens. * Global functionality remains available without * disturbing the established mobile header layout. */ @media only screen and (max-width:767.98px){ .rd-global-theme-v1{ min-height:32px; margin-inline-end:5px; padding:2px; } .rd-global-theme-btn-v1{ min-width:29px; width:29px; height:27px; padding:0; } .rd-global-theme-label-v1{ display:none; } .rd-global-theme-divider-v1{ height:14px; } } /* end rd-global-theme-css-v1 */ /* ===================================================== rd-global-theme-v2-css Whole-site Light / Dark enforcement ===================================================== */ html[data-theme="light"], body[data-theme="light"]{ color-scheme:light; background: var(--color-background-default) !important; color: var(--color-text-default) !important; } html[data-theme="dark"], body[data-theme="dark"]{ color-scheme:dark; background: var(--color-background-default) !important; color: var(--color-text-default) !important; } /* Premium global header follows site theme */ body[data-theme="light"] .rd-header-v1, body[data-theme="light"] .rd-header-shell-v1{ background: linear-gradient( 180deg, #f7fbfc 0%, #edf4f6 100% ) !important; border-color: rgba(23,91,102,.14) !important; } body[data-theme="light"] .rd-header-v1{ box-shadow: 0 1px 0 rgba(29,88,99,.08) !important; } body[data-theme="light"] .rd-header-brand-v1, body[data-theme="light"] .rd-header-tools-v1{ color:#173038 !important; } body[data-theme="light"] .rd-global-theme-v1{ background: #edf4f5 !important; border-color: rgba(30,102,113,.16) !important; } body[data-theme="light"] .rd-global-theme-btn-v1{ color:#64777e !important; } body[data-theme="light"] .rd-global-theme-btn-v1.active{ color:#12343b !important; background:#ffffff !important; box-shadow: 0 1px 5px rgba(34,85,94,.09), inset 0 0 0 1px rgba(25,133,144,.20) !important; } /* * Main content and standard footer inherit global theme. */ body[data-theme="light"] .index_pageContainer__Pxtn3, body[data-theme="light"] .index_flow__rCTR5{ color: var(--color-text-default); } body[data-theme="light"] footer{ color: var(--color-text-default); } /* end rd-global-theme-v2-css */ /* ===================================================== rd-global-header-v2 Shared RealDeen header — guest + authenticated ===================================================== */ .rdg-header{ position:sticky; top:0; z-index:100000; width:100%; background: rgba(18,35,43,.96); border-bottom: 1px solid rgba(124,176,186,.16); backdrop-filter: blur(18px); -webkit-backdrop-filter: blur(18px); } .rdg-header-inner{ width: calc(100% - 64px); max-width: 1840px; height: 76px; margin: 0 auto; display:grid; grid-template-columns: 260px minmax(420px,1fr) auto; align-items:center; gap:30px; } /* LEFT */ .rdg-header-left{ display:flex; align-items:center; gap:16px; min-width:0; } .rdg-menu-button{ display:flex; align-items:center; justify-content:center; flex:0 0 auto; width:40px; height:40px; padding:0; color:#b7c4c9; background: rgba(255,255,255,.025); border: 1px solid rgba(132,181,190,.16); border-radius:10px; cursor:pointer; } .rdg-menu-button:hover{ color:#fff; background: rgba(105,201,208,.08); border-color: rgba(105,201,208,.25); } .rdg-menu-button svg{ width:21px; height:21px; } .rdg-brand{ display:inline-flex; align-items:flex-start; gap:6px; color:#f5f8f9 !important; text-decoration:none !important; } .rdg-brand-name{ font-size:19px; font-weight:760; line-height:1; letter-spacing:-.025em; } .rdg-brand-dot{ width:5px; height:5px; margin-top:1px; background:#69cbd2; border-radius:50%; } /* CENTER NAV */ .rdg-main-nav{ display:flex; align-items:center; justify-content:center; gap:6px; } .rdg-main-nav a{ display:inline-flex; align-items:center; justify-content:center; min-height:36px; padding: 0 13px; color:#9dadb3 !important; border-radius:8px; font-size:11px; font-weight:620; text-decoration:none !important; transition: color .15s ease, background .15s ease; } .rdg-main-nav a:hover{ color:#f4f8f9 !important; background: rgba(255,255,255,.035); } .rdg-main-nav a.active{ color:#f5f9fa !important; background: rgba(86,177,187,.10); } /* RIGHT */ .rdg-header-right{ display:flex; align-items:center; justify-content:flex-end; gap:8px; min-width:max-content; } /* THEME */ .rdg-theme{ display:flex; align-items:center; min-height:38px; padding:3px; margin-right:6px; background: rgba(255,255,255,.025); border: 1px solid rgba(131,178,187,.16); border-radius:10px; } .rdg-theme-button{ display:flex; align-items:center; justify-content:center; gap:5px; min-width:59px; height:30px; padding: 0 8px; color:#788a91; background:transparent; border:0; border-radius:7px; font-size:9.5px; font-weight:650; cursor:pointer; } .rdg-theme-button svg{ width:13px; height:13px; } .rdg-theme-button.active{ color:#f3f7f8; background: rgba(102,199,207,.11); box-shadow: inset 0 0 0 1px rgba(102,199,207,.22); } /* ICON BUTTONS */ .rdg-icon-button{ position:relative; display:flex; align-items:center; justify-content:center; width:39px; height:39px; color:#a8b7bd !important; background:transparent; border: 1px solid transparent; border-radius:9px; text-decoration:none !important; } .rdg-icon-button:hover{ color:#fff !important; background: rgba(255,255,255,.035); border-color: rgba(133,180,188,.13); } .rdg-icon-button svg{ width:19px; height:19px; } .rdg-counter{ position:absolute; top:0; right:-2px; display:flex; align-items:center; justify-content:center; min-width:16px; height:16px; padding: 0 4px; color:#062d32; background:#72d0d7; border: 2px solid #14242b; border-radius:999px; font-size:7px; font-weight:800; } /* GUEST AUTH */ .rdg-guest-auth{ display:flex; align-items:center; gap:7px; margin-left:5px; } .rdg-login-button, .rdg-create-button{ display:inline-flex; align-items:center; justify-content:center; gap:7px; min-height:40px; padding: 0 14px; border-radius:9px; font-size:10px; font-weight:700; text-decoration:none !important; } .rdg-login-button{ color:#eff5f6 !important; background: rgba(255,255,255,.025); border: 1px solid rgba(133,180,188,.16); } .rdg-create-button{ color:#082f34 !important; background:#78d1d8; border: 1px solid #78d1d8; } .rdg-login-button svg, .rdg-create-button svg{ width:16px; height:16px; } /* PROFILE */ .rdg-profile-wrap{ position:relative; margin-left:3px; } .rdg-profile-button{ display:flex; align-items:center; gap:8px; min-height:42px; padding: 4px 9px 4px 5px; color:#f1f6f7; background: rgba(255,255,255,.025); border: 1px solid rgba(133,180,188,.16); border-radius:10px; cursor:pointer; } .rdg-profile-avatar{ display:inline-flex; align-items:center; justify-content:center; flex:0 0 auto; width:31px; height:31px; color:#073036; background:#79d1d8; border-radius:50%; font-size:10px; font-weight:800; } .rdg-profile-avatar.large{ width:42px; height:42px; font-size:13px; } .rdg-profile-name{ max-width:125px; overflow:hidden; font-size:10px; font-weight:680; text-overflow:ellipsis; white-space:nowrap; } .rdg-profile-chevron{ width:14px; height:14px; color:#87999f; } .rdg-profile-menu{ position:absolute; top: calc(100% + 10px); right:0; z-index:100010; width:255px; padding:9px; background:#17272e; border: 1px solid rgba(130,179,188,.18); border-radius:12px; box-shadow: 0 20px 55px rgba(0,0,0,.35); } .rdg-profile-menu[hidden]{ display:none !important; } .rdg-profile-menu-head{ display:flex; align-items:center; gap:10px; padding: 8px 8px 12px; border-bottom: 1px solid rgba(130,179,188,.13); } .rdg-profile-menu-head>div{ display:flex; flex-direction:column; min-width:0; } .rdg-profile-menu-head strong{ overflow:hidden; color:#f5f8f9; font-size:10.5px; text-overflow:ellipsis; white-space:nowrap; } .rdg-profile-menu-head small{ margin-top:3px; color:#809299; font-size:8px; } .rdg-profile-menu-links{ display:grid; padding: 7px 0; } .rdg-profile-menu-links a, .rdg-logout-link{ display:flex; align-items:center; min-height:36px; padding: 0 9px; color:#aab9be !important; border-radius:7px; font-size:9.5px; text-decoration:none !important; } .rdg-profile-menu-links a:hover, .rdg-logout-link:hover{ color:#fff !important; background: rgba(83,169,179,.09); } .rdg-logout-link{ color:#d8a8a8 !important; border-top: 1px solid rgba(130,179,188,.13); border-radius:0 0 7px 7px; } /* ===================================================== DRAWER ===================================================== */ .rdg-drawer-overlay{ position:fixed; inset:0; z-index:100020; opacity:0; background: rgba(3,10,13,.60); backdrop-filter: blur(4px); transition: opacity .2s ease; } .rdg-drawer-overlay.open{ opacity:1; } .rdg-drawer{ position:fixed; top:0; left:0; z-index:100021; width:330px; max-width: calc(100vw - 24px); height:100vh; padding:16px; overflow-y:auto; color:#f2f7f8; background: linear-gradient( 180deg, #172930 0%, #111e24 100% ); border-right: 1px solid rgba(120,183,193,.18); box-shadow: 20px 0 60px rgba(0,0,0,.32); transform: translateX(-105%); transition: transform .22s ease; } .rdg-drawer.open{ transform: translateX(0); } .rdg-drawer-head{ display:flex; align-items:center; justify-content:space-between; min-height:52px; padding: 0 5px 12px; border-bottom: 1px solid rgba(128,178,187,.14); } .rdg-drawer-close{ display:flex; align-items:center; justify-content:center; width:34px; height:34px; padding:0; color:#aebcc1; background: rgba(255,255,255,.025); border: 1px solid rgba(128,178,187,.14); border-radius:8px; } .rdg-drawer-close svg{ width:18px; height:18px; } .rdg-drawer-user{ display:flex; align-items:center; gap:10px; margin-top:13px; padding:11px; background: rgba(83,169,179,.07); border: 1px solid rgba(96,185,195,.15); border-radius:10px; } .rdg-drawer-user>div{ display:flex; flex-direction:column; } .rdg-drawer-user strong{ font-size:10.5px; } .rdg-drawer-user small{ margin-top:2px; color:#82969d; font-size:8px; } .rdg-drawer-nav{ display:grid; gap:3px; margin-top:14px; padding:10px; background: rgba(255,255,255,.018); border: 1px solid rgba(128,178,187,.12); border-radius:10px; } .rdg-drawer-label{ padding: 5px 8px 8px; color:#70cbd2; font-size:8px; font-weight:800; letter-spacing:.14em; } .rdg-drawer-nav a{ display:flex; align-items:center; min-height:39px; padding: 0 9px; color:#aebdc2 !important; border-radius:7px; font-size:10px; text-decoration:none !important; } .rdg-drawer-nav a:hover{ color:#fff !important; background: rgba(82,169,179,.09); } .rdg-drawer-auth{ display:grid; grid-template-columns: 1fr 1fr; gap:8px; margin-top:14px; } .rdg-drawer-auth .rdg-login-button, .rdg-drawer-auth .rdg-create-button{ width:100%; } .rdg-drawer-signature{ margin-top:20px; padding: 15px 8px; color:#eef4f5; border-top: 1px solid rgba(128,178,187,.13); font-size:9px; font-weight:740; letter-spacing:.11em; } .rdg-no-scroll{ overflow:hidden !important; } /* ===================================================== GLOBAL LIGHT HEADER ===================================================== */ body[data-theme="light"] .rdg-header{ background: rgba(247,251,252,.96); border-bottom-color: rgba(39,91,101,.13); } body[data-theme="light"] .rdg-brand{ color:#183239 !important; } body[data-theme="light"] .rdg-menu-button{ color:#60757c; background: rgba(35,91,101,.025); border-color: rgba(39,91,101,.13); } body[data-theme="light"] .rdg-main-nav a{ color:#60747b !important; } body[data-theme="light"] .rdg-main-nav a:hover, body[data-theme="light"] .rdg-main-nav a.active{ color:#172f36 !important; background: rgba(30,137,148,.08); } body[data-theme="light"] .rdg-theme{ background:#edf4f5; border-color: rgba(38,93,103,.14); } body[data-theme="light"] .rdg-theme-button{ color:#71858c; } body[data-theme="light"] .rdg-theme-button.active{ color:#17343b; background:#fff; box-shadow: inset 0 0 0 1px rgba(28,137,148,.20); } body[data-theme="light"] .rdg-icon-button{ color:#61767d !important; } body[data-theme="light"] .rdg-login-button{ color:#1b343b !important; background:#fff; border-color: rgba(38,93,103,.15); } body[data-theme="light"] .rdg-profile-button{ color:#18333a; background:#fff; border-color: rgba(38,93,103,.15); } body[data-theme="light"] .rdg-profile-menu{ background:#fff; border-color: rgba(38,93,103,.15); box-shadow: 0 18px 45px rgba(30,67,75,.13); } body[data-theme="light"] .rdg-profile-menu-head strong{ color:#183239; } body[data-theme="light"] .rdg-profile-menu-links a{ color:#576d74 !important; } body[data-theme="light"] .rdg-profile-menu-links a:hover{ color:#183239 !important; background: rgba(30,137,148,.07); } /* ===================================================== RESPONSIVE ===================================================== */ @media (max-width:1180px){ .rdg-header-inner{ width: calc(100% - 32px); grid-template-columns: auto 1fr auto; gap:16px; } .rdg-main-nav{ gap:1px; } .rdg-main-nav a{ padding: 0 8px; font-size:10px; } .rdg-theme-button{ min-width:33px; width:33px; padding:0; } .rdg-theme-button span{ display:none; } .rdg-profile-name{ display:none; } } @media (max-width:820px){ .rdg-header-inner{ height:68px; grid-template-columns: 1fr auto; gap:10px; } .rdg-header-left{ gap:11px; } .rdg-brand-name{ font-size:17px; } .rdg-main-nav{ display:none; } .rdg-theme{ display:none; } .rdg-header-right{ gap:3px; } .rdg-guest-auth .rdg-login-button{ display:none; } .rdg-guest-auth .rdg-create-button{ min-height:37px; padding: 0 10px; font-size:9px; } .rdg-guest-auth .rdg-create-button svg{ display:none; } .rdg-profile-button{ min-height:38px; padding: 3px; } .rdg-profile-chevron, .rdg-profile-name{ display:none; } .rdg-icon-button{ width:36px; height:36px; } } /* end rd-global-header-v2 */ /* ========================================================= rd-question-cards-english-only-v1 Premium cleanup: hide Urdu subtitle line on Question Category / Topic cards ========================================================= */ /* * Question Categories style cards and homepage topic cards: * keep the first line (English title), hide the second line. */ [class*="QuestionCategories_"] .Button_success__As9HB, [class*="CallToActionButtons_buttonsContainer__"] .Button_success__As9HB { display: flex !important; flex-direction: column !important; justify-content: center !important; align-items: center !important; text-align: center !important; } /* Hide all child elements after the first visible line */ [class*="QuestionCategories_"] .Button_success__As9HB > :not(:first-child), [class*="CallToActionButtons_buttonsContainer__"] .Button_success__As9HB > :not(:first-child) { display: none !important; } /* Give the single-line cards a cleaner premium height */ [class*="QuestionCategories_"] .Button_success__As9HB, #home_quran_topics .holy_quran_topic .Button_success__As9HB { min-height: 56px !important; padding-top: 0 !important; padding-bottom: 0 !important; }