body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f8f8f8;background-color:var(--colorPage);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-family:Nunito;margin:0}:root{--colorButtonPrimary:#009b40;--colorButtonPrimaryHover:#00c853;--colorCard:#fff;--colorCardHover:#f0f0f0;--colorCardOutline:#f5f5f5;--colorContainer:#f7f7f7;--colorHint:#a9a9a9;--colorLine:#e6e6e6;--colorNegative:#e24848;--colorOffline:#bebebe;--colorOnline:#3aca5c;--colorPage:#f8f8f8;--colorPrimaryHover:#05b84f;--colorPrimaryLight:#1e8345;--colorSecondary:#6dbd45;--colorSecondaryHover:#5da23a;--colorShadow:#00000029;--colorShimmer:#f5f5f5;--colorShimmerBase:#e6e6e6;--colorSubtitle:#787878;--colorSwitchTrack:#e3e3e3;--colorSwitchTrackHover:#f2f2f2;--colorThird:#ffc038;--colorThirdHover:#e0a930;--colorTitle:#000;--colorToolbar:#97d8a3;--colorToolbarLine:#81c784;--colorWarning:#ffb532;--colorPrimary:#009b40;--colorSideBar:#f5f5f5;--colorSideBarSelect:#e2ffe7;--colorInfo:#03a9f4;--colorBackdrop:#0009;--colorIcon:#505050;--pageWidth:900px;--toolbarHeight:60px;--paddingPage:25px;--sideBarWidth:280px;--sideBarWidthSmall:46px;--alertCorner:12px;--alertCloseSize:23px;--alertIconSize:24px;--formTitleSize:19px;--titleB:Barlow-b;--titleM:Barlow-sb;--textB:Nunito-b;--textM:Nunito-sb;--runTextStatusWidth:60px;--cardStyle:0 3px 5px 0 var(--colorShadow);--cardStyleSmall:0 1px 4px 0 var(--colorShadow);--pageHeight:calc(100dvh - var(--toolbarHeight));--revealDuration:300ms;--animFullPage:anim-full-page 0.4s ease;--animShowPage:0.3s linear forwards animation-show-page;--animShowPageMobile:0.3s linear 0.5s forwards animation-show-page;--animBackdrop:backdrop-fade 0.3s ease forwards;--phoneSmall:414px;--phone:768px;--tablet:1024px;--desktop:1366px}@media (max-width:1024px){:root{--paddingPage:16px}}@media (max-width:429px){:root{--paddingPage:12px;--runTextStatusWidth:45px;--formTitleSize:16px}}.app{display:flex;flex:auto;flex-direction:row}@font-face{font-family:Barlow;font-weight:400;src:local("BarlowCondensed"),url(/static/media/BarlowCondensed-Regular.3ba02bbdeb04e17f34bf.ttf) format("truetype")}@font-face{font-family:Barlow-i;font-weight:400;src:local("BarlowCondensed"),url(/static/media/BarlowCondensed-Italic.8739e29e6be868ae81cb.ttf) format("truetype")}@font-face{font-family:Barlow-sb;font-weight:600;src:local("BarlowCondensed"),url(/static/media/BarlowCondensed-SemiBold.d2b227f032d710a6870f.ttf) format("truetype")}@font-face{font-family:Barlow-sbi;font-weight:600;src:local("BarlowCondensed"),url(/static/media/BarlowCondensed-SemiBoldItalic.3913b12756a6b1158dc5.ttf) format("truetype")}@font-face{font-family:Barlow-b;font-weight:700;src:local("BarlowCondensed"),url(/static/media/BarlowCondensed-Bold.ca168dbe270fba68a7f3.ttf) format("truetype")}@font-face{font-family:Barlow-bi;font-weight:700;src:local("BarlowCondensed"),url(/static/media/BarlowCondensed-BoldItalic.083670d9963cbce8f1df.ttf) format("truetype")}@font-face{font-family:Barlow-bl;font-weight:900;src:local("BarlowCondensed"),url(/static/media/BarlowCondensed-Black.9b31ada366ff87ebfb24.ttf) format("truetype")}@font-face{font-family:Nunito;font-weight:400;src:local("NunitoSans"),url(/static/media/NunitoSans-Regular.7a5b1e324beb1081259a.ttf) format("truetype")}@font-face{font-family:Nunito-i;font-weight:400;src:local("NunitoSans"),url(/static/media/NunitoSans-Italic.e283ccf24ccf910d9562.ttf) format("truetype")}@font-face{font-family:Nunito-sb;font-weight:600;src:local("NunitoSans"),url(/static/media/NunitoSans-SemiBold.39af491f33e04d1f69b6.ttf) format("truetype")}@font-face{font-family:Nunito-sbi;font-weight:600;src:local("NunitoSans"),url(/static/media/NunitoSans-SemiBoldItalic.15b253315b00e2650687.ttf) format("truetype")}@font-face{font-family:Nunito-b;font-weight:700;src:local("NunitoSans"),url(/static/media/NunitoSans-Bold.e43c5a897c0189a89b62.ttf) format("truetype")}@font-face{font-family:Nunito-bi;font-weight:700;src:local("NunitoSans"),url(/static/media/NunitoSans-BoldItalic.5cf9d4cc161b6096ac9f.ttf) format("truetype")}@keyframes anim-full-page{0%{opacity:0;transform:translateX(100%)}50%{opacity:0}to{opacity:1;transform:translateX(0)}}@keyframes animation-show-page{0%{margin-top:25px;opacity:0}80%{opacity:.4}95%{margin-top:0}to{opacity:1;visibility:visible}}@keyframes backdrop-fade{0%{background:#0000}to{background:var(--colorBackdrop)}}.app{>.sidebar-container{box-sizing:border-box;-webkit-box-sizing:border-box;min-height:100dvh;min-width:var(--sideBarWidth);transition:all .2s ease;&.close{min-width:var(--sideBarWidthSmall)}}}.menu-space{box-sizing:border-box;-webkit-box-sizing:border-box;height:100dvh;overflow:hidden;width:100%}@media (max-width:1023px){.app .sidebar-container{display:none}}.sidebar{background-color:var(--colorCard);display:flex;flex-direction:column;height:100dvh;position:fixed;transition:all .2s ease;width:var(--sideBarWidth);&.close{width:var(--sideBarWidthSmall);>.header>.nav-icon{display:none}>.header>.header-content>span{opacity:0;transition:all .1s ease}>.content>.list>.item>div>span:last-child{display:none;opacity:0;transition:all .1s ease}>.content>.list>.item:hover{background-color:var(--colorSideBarHover)}>.content>.list>.item>div>.arrow{display:none}>.content>.list>.item>.stack{background-color:var(--colorSideBarHover);border-bottom-right-radius:8px;border-top-right-radius:8px;display:none;height:auto;left:100%;margin-top:-45.5px;opacity:1;position:absolute;width:max-content;>li{padding:6px 10px}}>.content>.list>.item:hover>.stack{display:block}>.content>.list>.item>.stack>li:hover{opacity:1}>.logout,>.profile{width:var(--sideBarWidthSmall);>span:first-child{display:none}}}>.header{align-items:center;box-sizing:border-box;-webkit-box-sizing:border-box;display:flex;justify-content:space-between;min-height:var(--toolbarHeight);padding:0 10px;width:100%;>.nav-icon{color:var(--colorSubtitle);display:block;font-size:23px}>.header-content{align-items:center;display:flex;>img{height:26px;width:26px}>img,>span{display:block}>span{font-family:var(--titleM);font-size:17px;margin-left:10px;opacity:1;transition:all .8s ease}}}.content{-ms-overflow-style:none;overflow:auto;padding-bottom:30px;scroll-behavior:smooth;scrollbar-width:none;&::-webkit-scrollbar{display:none}>.list{padding:0;>.item{cursor:pointer;list-style:none;&.select>div>span:first-child{color:var(--colorButtonPrimary)}&.open>div>span:last-child,&.select>div>span:last-child{color:var(--colorButtonPrimary);font-family:var(--textM)}&.select{background-color:var(--colorSideBarSelect)}&.open{background-color:var(--colorSideBarHover);>div>.arrow{rotate:180deg}>.stack{height:auto}>.stack,>.stack>li:hover{opacity:1}}&:not(.select):hover{background-color:var(--colorCardHover)}>div{align-items:center;display:flex;height:50px;padding:0 14px;>.icon{height:21px;width:21px}>span:first-child{color:#00000080;font-size:22px;transition:all .25s ease}>span:last-child{color:#0009;font-family:var(--textM);font-size:15px;margin-left:13px;opacity:1;transition:all .25s ease}>.arrow{height:22px;margin-left:auto;transition:rotate .5s ease;width:22px}}>.stack{interpolate-size:allow-keywords;height:0;list-style:none;opacity:0;overflow:hidden;padding:0;transition:all .4s;li{font-size:13px;opacity:.6;padding:8px 43px;transition:opacity .2s ease;width:auto}}}}}>.logout{align-items:center;background-color:#ffebee;bottom:0;box-sizing:border-box;-webkit-box-sizing:border-box;cursor:pointer;display:flex;justify-content:space-between;padding:12px 15px 12px 16px;position:absolute;width:var(--sideBarWidth);>span:first-child{font-family:var(--titleM);font-size:18px}>span:last-child{font-size:22px}}}@media (hover:hover){.sidebar{>.logout:hover{background-color:#ffcdd2}}}@media (max-width:1999px){.sidebar>.header>.nav-icon{visibility:hidden}}.alert{-webkit-touch-callout:none;background-color:initial;border:none;display:none;justify-content:center;outline:0;padding:0;-webkit-user-select:none;user-select:none;width:100%;&[open],>.container{display:flex}>.container{background-color:var(--colorCard);border-radius:var(--alertCorner);flex-direction:column;padding-bottom:20px;padding-top:10px;scale:0;transition:all .25s ease;visibility:hidden;width:min(460px,100%);&.show{scale:1;visibility:visible}>.header{align-items:center;height:55px;justify-content:space-between;padding:0 25px;>.title{align-items:center;gap:14px;&.info{>span:first-child{color:var(--colorInfo);font-size:26px;margin-top:1.5px}}&.warning{>span:first-child{color:var(--colorWarning);font-size:26px;margin-top:1.5px}}&.failed{>span:first-child{color:var(--colorNegative);font-size:26px;margin-top:1.5px}}>span:first-child{font-size:var(--alertIconSize)}>span:last-child{font-family:var(--titleM);font-size:22px}}>.close{align-items:center;border-radius:50%;height:36px;justify-content:center;width:36px;>span{font-size:var(--alertCloseSize)}}}>.message{font-size:18px;padding:20px 25px}>.buttons{justify-content:end;margin-top:20px;padding-right:25px}}&[open]::backdrop{animation:var(--animBackdrop)}}@media (hover:hover){.alert>.container>.header>.close:hover{background-color:var(--colorCardHover)}}.btn{align-items:center;border-radius:21px;cursor:pointer;display:flex;font-family:var(--textM);font-size:16px;font-weight:400;justify-content:center;margin:0;min-height:41px;min-width:140px;outline:none;overflow:hidden;padding:0 20px;position:relative;.ripple{-webkit-touch-callout:none;animation:ripple 1.5s;background-color:#0000001a;border-radius:50%;height:200px;margin-left:-50px;margin-top:-50px;opacity:0;position:absolute;-webkit-user-select:none;user-select:none;width:200px}>.icon{color:#fff;font-size:22px;font-weight:600;margin-right:10px}&.primary{background-color:var(--colorButtonPrimary);border:initial;box-shadow:0 3px 6px 0 var(--colorShadow);color:#fff;transition:.4s}&.secondary{background-color:initial;border-color:var(--colorButtonPrimary);border-style:solid;border-width:2.4px;color:var(--colorPrimary);>.icon{color:var(--colorButtonPrimary)}}&.third{background-color:var(--colorThird);border:initial;box-shadow:0 3px 6px 0 var(--colorShadow);color:var(--colorButtonPrimary);transition:.4s;>.icon{color:var(--colorButtonPrimary)}}&.negative{background-color:var(--colorNegative);border:initial;box-shadow:0 3px 6px 0 var(--colorShadow);color:#fff;transition:.4s}&.negative-outline{background-color:initial;border-color:var(--colorNegative);border-style:solid;border-width:2.4px;color:var(--colorNegative);>.icon{color:var(--colorNegative)}}}.btn.primary:active,.btn.third:active{box-shadow:0 1px 3px 0 var(--colorShadow);transform:translateY(3px)}@media (hover:hover){.btn.negative-outline:hover,.btn.secondary:hover{background-color:#e6e6e6}}@media (max-width:390px){.btn{border-radius:21px;font-family:var(--textM);font-size:14px;min-height:38px;min-width:110px;padding:0 15px;>.icon{font-size:18px;font-weight:600;margin-right:8px}}}.color-picker{-webkit-touch-callout:none;align-items:center;border:1.8px solid var(--colorLine);border-radius:19px;display:flex;height:35px;overflow:hidden;-webkit-user-select:none;user-select:none;width:fit-content;>.color-picker-preview{aspect-ratio:1/1;height:100%}>.color-picker-title{align-items:center;box-sizing:border-box;-webkit-box-sizing:border-box;cursor:pointer;display:flex;flex-grow:1;height:100%;justify-content:center;min-width:135px;overflow:hidden;padding:0 20px;text-overflow:ellipsis;white-space:nowrap;>span{color:var(--colorTitle);font-family:var(--textM);font-size:16px;font-weight:400}}>.dialog-color{background-color:initial;border:none;display:none;justify-content:center;outline:0;padding:0;width:100%;&[open]{display:flex}>.dialog-color-container{--_w:min(100vw,440px);background-color:var(--colorCard);border-radius:10px;box-sizing:border-box;-webkit-box-sizing:border-box;display:flex;flex-direction:column;gap:30px;opacity:0;padding:12px 28px 22px;scale:0;transition:all .25s ease;visibility:hidden;width:var(--_w);&.open{opacity:1;scale:1;visibility:visible}>.react-colorful{height:calc(var(--_w)/1.5);width:100%}}&[open]::backdrop{animation:var(--animBackdrop)}}}.color-picker-dialog-header{align-items:center;display:flex;justify-content:space-between;width:100%;>.dialog-color-header-title{font-family:var(--titleM);font-size:22px;width:fit-content}>.dialog-color-close{align-items:center;border-radius:50%;display:flex;height:36px;justify-content:center;width:36px;>span{font-size:var(--alertCloseSize)}}}.color-picker-buttons{display:flex;flex-direction:row;gap:20px;justify-content:end;width:100%}@media (hover:hover){.color-picker-dialog-header .dialog-color-close:hover,.color-picker:hover .color-picker-title{background-color:var(--colorCardHover)}}.confirmation-dialog{-webkit-touch-callout:none;background-color:initial;border:none;display:none;justify-content:center;outline:0;padding:0;position:relative;-webkit-user-select:none;user-select:none;width:100%;&[open]{display:flex}&[open]::backdrop{animation:var(--animBackdrop)}>.container{background-color:var(--colorCard);border-radius:12px;box-sizing:border-box;-webkit-box-sizing:border-box;display:flex;flex-direction:column;padding-bottom:20px;scale:0;transition:all .25s ease;visibility:hidden;width:min(100%,460px);&.open{scale:1;visibility:visible}>.header{align-items:center;box-sizing:border-box;-webkit-box-sizing:border-box;display:flex;justify-content:space-between;padding-left:25px;padding-right:20px;padding-top:18px;>.title{font-family:var(--titleM);font-size:24px}>.close{align-items:center;border-radius:21px;display:flex;height:36px;justify-content:center;width:36px;>span{font-size:var(--alertCloseSize)}}}>.question{color:var(--colorTitle);font-size:18px;font-weight:400;margin-left:25px;margin-right:25px;padding-top:22px}>.confirm-button-layout{box-sizing:border-box;-webkit-box-sizing:border-box;display:flex;justify-content:space-between;margin-top:50px;padding-left:20px;padding-right:20px;width:100%;&.del{flex-flow:row-reverse}.space{width:80px}}}}@media (hover:hover){.confirmation-dialog{>.container{>.header{>.close:hover{background-color:#0000001a}}}}}@media (max-width:1023px){.confirmation-dialog{min-height:100dvh;min-width:100vw;>.container{border-bottom-left-radius:0;border-bottom-right-radius:0;bottom:0;left:50%;position:absolute;scale:1;transform:translate(-50%,100%);&.open{left:50%;scale:1;transform:translateY(0);transform:translate(-50%);visibility:visible}}}}@media (max-width:767px){.confirmation-dialog{>.container{left:0;transform:translateY(100%);&.open{left:0;transform:translateY(0);transform:translate(0)}}}}@media (max-width:399px){.confirmation-dialog{>.container{padding-bottom:15px;>.header{padding-left:20px;padding-right:15px;padding-top:13px;a{font-size:22px}}>.question{font-size:16.5px;margin-left:20px;margin-right:20px;padding-top:17px}>.confirm-button-layout{margin-top:30px;padding-left:15px;padding-right:15px;&.del{flex-flow:row-reverse}.space{width:80px}}}}}.checkbox{display:block;font-size:17px;padding-left:28px;position:relative;-webkit-user-select:none;user-select:none;>input{cursor:pointer;height:0;opacity:0;position:absolute;width:0;&:checked~.checkmark{background-color:var(--colorButtonPrimary);border-color:var(--colorButtonPrimary)}&:checked~.checkmark:after{display:block}}>.checkmark{background-color:initial;border:2px solid var(--colorSubtitle);border-radius:4px;box-sizing:border-box;-webkit-box-sizing:border-box;height:20px;left:0;overflow:hidden;position:absolute;top:.7px;width:20px;&:after{--_rotate:45deg;border:solid #fff;border-width:0 3px 3px 0;height:10px;left:4px;top:-.2px;transform:rotate(var(--_rotate));width:5px}}>.checkmark:after{content:"";display:none;position:absolute}}@media (hover:hover){.checkbox{&:hover :not(input:checked)~.checkmark{border-color:var(--colorToolbar)}}}.date-picker{box-sizing:border-box;-webkit-box-sizing:border-box;display:flex;flex-direction:column;width:fit-content;>.date-label{font-family:var(--titleM);font-size:var(--formTitleSize);margin-bottom:10px;margin-left:1px}>.picker-input{align-items:center;background-color:var(--colorCard);border:1.8px solid var(--colorLine);border-radius:6px;display:flex;gap:6px;justify-content:space-between;overflow:hidden;>.input{background-color:initial;border:0 solid #0000;box-sizing:border-box;-webkit-box-sizing:border-box;color:var(--colorTitle);font-family:var(--textM);font-size:16px;font-weight:400;outline:medium none invert;outline:initial;padding:8px 10px;width:100%}>.input-hide{border:0;height:0;padding:0;width:0}>.input-suffix{color:var(--colorSubtitle);font-size:22px;margin-left:auto;margin-right:6px}}>.picker{background-color:var(--colorCard);border-radius:10px;box-shadow:0 1px 5px 0 var(--colorShadow);box-sizing:border-box;-webkit-box-sizing:border-box;display:none;flex-direction:column;height:400px;overflow:hidden;position:absolute;transition:height .1s ease;width:300px;z-index:999;&.show{display:flex;&.tall{height:435px;transition:height .1s ease}}>.picker-header{align-items:center;border-bottom:1.2px solid var(--colorLine);display:flex;height:45px;justify-content:space-between;width:100%;>span{color:var(--colorButtonPrimary);font-family:var(--textM);font-size:14px;margin-left:10px}>div{align-items:center;border-radius:50%;display:flex;height:30px;justify-content:center;margin-right:7px;width:30px;>span{font-size:22px}}}}}@media (hover:hover){.date-picker{>.picker{>.picker-header{>div:hover{background-color:var(--colorCardHover)}}}>.picker-input:hover{background-color:var(--colorCardHover)}}}@media (max-width:429px){.date-picker{>.date-label{margin-bottom:9px}>.picker-input{>.input{font-size:14px}}}}.calendar{display:flex;flex-direction:column;font-family:var(--textM);>.cal-header{align-items:center;box-sizing:border-box;-webkit-box-sizing:border-box;display:flex;gap:10px;padding:14px 0;>.month-container{align-items:center;display:flex;flex-grow:1;justify-content:space-between;padding-left:4px;>.btn-month{align-items:center;border-radius:50%;display:flex;height:34px;justify-content:center;width:34px;>span{font-size:24px}}}>.year-holder{box-sizing:border-box;-webkit-box-sizing:border-box;display:inline-block;height:30px;margin-left:auto;margin-right:10px;width:80px}}>.year-spinner{background-color:var(--colorCard);border:1.8px solid var(--colorLine);border-radius:15px;box-sizing:border-box;-webkit-box-sizing:border-box;display:inline-block;margin-right:10px;overflow:hidden;position:absolute;right:0;width:80px;>.main{align-items:center;box-sizing:border-box;-webkit-box-sizing:border-box;cursor:pointer;display:flex;gap:4px;height:29px;justify-content:center;padding-left:2px;width:100%;&.show{border-bottom:1.8px solid var(--colorLine)}>span:first-child{color:var(--colorTitle);font-family:var(--textM);font-size:14px}>span:last-child{font-size:21px}}>.years{display:flex;flex-direction:column;height:0;overflow:auto;transition:height .2s ease;&.show{height:285px;transition:height .2s ease}>.item{cursor:pointer;font-size:14px;padding:7px 0 7px 10px}>.select{background-color:var(--colorCardHover)}}}>.days,>.numbers{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(7,auto);justify-content:center}>.days>span,>.numbers>.number{color:var(--colorHint);font-size:12px;height:31px;line-height:31px;text-align:center;width:31px}>.numbers>.number{border-radius:50%;color:var(--colorTitle);cursor:pointer;&.current{color:var(--colorButtonPrimary);font-weight:600;-webkit-text-decoration:wavy;text-decoration:wavy;text-decoration-line:underline}&.current,&.select{font-family:var(--textM)}&.select{background-color:var(--colorButtonPrimary);color:var(--colorCard)}&.out{color:var(--colorHint)}}>.buttons{display:flex;gap:15px;justify-content:end;padding-right:14px;padding-top:20px;>.cancel,>.choose{background-color:initial;border:0;border-radius:20px;cursor:pointer;font-family:var(--textM);height:30px;outline:medium none invert;outline:initial;text-decoration:none;width:90px}>.cancel{color:var(--colorNegative)}>.choose{border:1.8px solid var(--colorButtonPrimary);color:var(--colorButtonPrimary)}}}@media (hover:hover){.calendar>.buttons>.cancel:hover,.calendar>.buttons>.choose:hover,.calendar>.cal-header>.month-container>.btn-month:hover,.calendar>.numbers>.number:not(.out):not(.select):hover,.calendar>.year-spinner>.main:hover,.calendar>.year-spinner>.years>.item:hover{background-color:var(--colorCardHover)}}.dropdown-root{display:flex;flex-direction:column;gap:10px;width:100%;>span{font-family:var(--titleM);font-size:var(--formTitleSize)}.dropdown{-webkit-touch-callout:none;background-color:var(--colorCard);border:1.8px solid var(--colorLine);border-radius:8px;overflow:hidden;-webkit-user-select:none;user-select:none;width:100%;>.main{align-items:center;box-sizing:border-box;-webkit-box-sizing:border-box;cursor:pointer;display:flex;height:40px;justify-content:space-between;padding-left:12px;padding-right:8px;width:100%;>span:first-child{box-sizing:border-box;-moz-box-sizing:border-box;font-size:16px;min-width:0;overflow:hidden;padding-right:10px;text-overflow:ellipsis;white-space:nowrap;width:100%}>span:last-child{color:var(--colorSubtitle);font-size:26px}}>.items{background-color:var(--colorCard);border-radius:8px;box-shadow:var(--cardStyle);display:flex;flex-direction:column;max-height:400px;opacity:0;overflow:auto;overflow:scroll;position:absolute;transition:all .4s ease;visibility:hidden;z-index:980;&.open{margin-left:-2px;opacity:1;visibility:visible}>span{color:var(--colorTitle);font-size:16px;padding:11px 12px}}}}@media (hover:hover){.dropdown>.items>span:hover,.dropdown>.main:hover{background-color:var(--colorCardHover)}}.fab{align-items:center;background-color:var(--colorButtonPrimary);border:initial;border-radius:12px;bottom:var(--paddingPage);box-shadow:0 5px 5px 0 var(--colorShadow);cursor:pointer;display:flex;height:52px;justify-content:center;margin:0;outline:none;overflow:hidden;position:absolute;right:var(--paddingPage);transition:.4s;width:52px!important;z-index:2;&:active{box-shadow:0 1px 3px 0 var(--colorShadow);transform:translateY(4px)}>.ripple{animation:ripple 1.5s;background-color:#0003;border-radius:50%;height:100px;margin-left:-50px;margin-top:-50px;opacity:0;position:absolute;width:100px}>.fab-img{color:#fff;font-size:26px}}@keyframes ripple{0%{opacity:1;transform:scale(0)}to{opacity:0;transform:scale(10)}}.image-view-root{-webkit-touch-callout:none;box-sizing:border-box;-webkit-box-sizing:border-box;display:flex;flex-direction:column;-webkit-user-select:none;user-select:none;width:450px;.image-view-title{font-family:var(--titleM);font-size:var(--formTitleSize);margin-bottom:12px;margin-left:2px}.image-view{border:1.5px solid var(--colorLine);border-radius:10px;box-sizing:border-box;-webkit-box-sizing:border-box;overflow:hidden;&.regular{border:0;border-radius:0}.image-placeholder{height:100%;object-fit:cover;opacity:1;transition:all .5s ease;visibility:visible;width:100%;&.loaded{opacity:0;scale:1.05;visibility:hidden}}.img-container{bottom:0;box-sizing:border-box;-webkit-box-sizing:border-box;height:100%;opacity:0;position:sticky;scale:1.05;top:0;transition:all .5s ease;transition-delay:.2s;visibility:hidden;width:100%;&.loaded{opacity:1;scale:1;visibility:visible}.image{height:100%;object-fit:cover;width:100%}}.overlay{align-items:center;background-color:var(--colorBackdrop);bottom:0;box-sizing:border-box;-webkit-box-sizing:border-box;display:flex;height:100%;justify-content:space-around;opacity:0;position:sticky;top:0;transition:all .3s ease;visibility:hidden;width:100%;&.show{opacity:1;visibility:visible}.picker-hidden{clip:rect(0 0 0 0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}}}}.input-number{display:flex;flex-direction:column;margin:0;min-width:100px;>.title{-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;color:var(--colorTitle);display:-webkit-box;font-family:var(--titleM);font-size:var(--formTitleSize);font-weight:400;margin-bottom:10px;margin-top:0;overflow:hidden;&.centered{text-align:center}}>.content{align-items:center;border:1.5px solid var(--colorLine);border-radius:18px;display:flex;height:35px;justify-content:space-between;overflow:hidden;width:100%;>.button{align-items:center;aspect-ratio:1;cursor:pointer;display:flex;height:100%;justify-content:center;&.min{background-color:var(--colorThird);>span{color:var(--colorButtonPrimary);font-size:1.4rem}}&.plus{background-color:var(--colorPrimary);>span{color:#fff;font-size:1.4rem}}}>.value{color:var(--colorTitle);font-family:var(--textM);font-size:21px}}}@media (hover:hover){.input-number>.content>.button.min:hover{background-color:var(--colorThirdHover)}.input-number>.content>.button.plus:hover{background-color:var(--colorPrimaryHover)}}.line-view{background-color:var(--colorLine);height:1.8px;width:100%}.loading{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);>svg{animation:rotate 1.5s linear infinite;display:block;height:50px;position:relative;width:50px;>circle{fill:none;stroke-width:4.2px;stroke:var(--colorButtonPrimary);stroke-linecap:round;stroke-dasharray:122;stroke-dashoffset:122;animation:animate 4s linear infinite;height:100%;transform:translate(5px,5px);width:100%}}&.hide{display:none}}@keyframes rotate{0%{transform:rotate(0def)}to{transform:rotate(1turn)}}@keyframes animate{0%,to{stroke-dashoffset:122}50%{stroke-dashoffset:0}50.1%{stroke-dashoffset:244}}.loading-dialog{-webkit-touch-callout:none;background-color:initial;border:none;display:none;outline:0;padding:0;-webkit-user-select:none;user-select:none;&[open]{display:block}&[open]::backdrop{animation:var(--animBackdrop)}>.container{background-color:var(--colorCard);border-radius:12px;display:flex;padding:10px 14px;scale:0;transition:all .25s ease;visibility:hidden;&.open{scale:1;visibility:visible}>.logo{animation:logoAnim .45s infinite alternate-reverse;height:48px;margin:0;width:48px}>.content{display:flex;flex-direction:column;margin-left:10px;.title{font-family:var(--titleM);font-size:20px}.title,>.text{font-weight:400;margin:0}>.text{font-size:17px}}}}@keyframes logoAnim{0%{transform:translateY(-11%)}to{transform:translateY(9%)}}.radio-button{-webkit-touch-callout:none;display:flex;flex-direction:column;gap:10px;-webkit-user-select:none;user-select:none;>.title{font-family:var(--titleM);font-size:var(--formTitleSize)}>.radio-buttons{--_ch:42px;border:2px solid var(--colorButtonPrimary);border-radius:calc(var(--_ch)/2);box-sizing:border-box;-webkit-box-sizing:border-box;display:flex;height:var(--_ch);overflow:hidden;padding:0;width:fit-content;&.small{--_ch:32px}>.radio-item{--_ih:40px;align-items:center;border-radius:calc(var(--_ih)/2.1);box-sizing:border-box;-webkit-box-sizing:border-box;display:flex;height:var(--_ih);justify-content:center;padding:0 18px;transition:all .3s ease;>span{color:var(--colorTitle);font-size:15px}&.small{--_ih:30px;padding:0 12px;>span{font-size:12px}}&.checked{background-color:var(--colorButtonPrimary);&.small{padding:0 12px}>span{color:#fff}}}&.vertical{border:0;flex-direction:column;gap:8px;height:auto;overflow:visible;overflow:initial;>.radio-item{border:2px solid var(--colorButtonPrimary);width:fit-content}}}}@media (hover:hover){.radio-button .radio-buttons .radio-item:not(.checked):hover{background-color:var(--colorCardHover)}}.snackbar-root{align-items:center;bottom:0;box-sizing:border-box;-webkit-box-sizing:border-box;display:none;flex-direction:row-reverse;justify-content:center;padding-bottom:20px;padding-left:12px;padding-right:12px;position:absolute;width:100%;>.snackbar{align-items:center;background-color:var(--colorInfo);border-radius:8px;box-shadow:var(--cardStyle);display:flex;gap:15px;height:42px;max-width:100%;opacity:0;padding-left:10px;padding-right:25px;transition:all .3s ease;translate:0 80px;width:min(100%,400px);>span:first-child{color:#fff;font-size:24px}>span:last-child{color:#fff;font-size:17px}&.success{background-color:var(--colorToolbar);opacity:1;translate:0 0;>span:first-child,>span:last-child{color:var(--colorTitle)}}&.warning{background-color:var(--colorWarning);opacity:1;translate:0 0;>span:first-child,>span:last-child{color:#000}}&.failed{background-color:var(--colorNegative);opacity:1;translate:0 0;>span:first-child,>span:last-child{color:#fff}}&.hide{translate:0 80px}}}@keyframes anim{0%{transform:translateY(50px)}to{transform:translateY(0)}}.switch{-webkit-touch-callout:none;align-items:center;display:flex;gap:30px;-webkit-user-select:none;user-select:none;&.gap-small{gap:12px}>.switch-button{background-color:var(--colorSwitchTrack);border-radius:13px;border-radius:calc(var(--switchHeight)/2);box-sizing:border-box;-webkit-box-sizing:border-box;cursor:pointer;height:26px;height:var(--switchHeight);padding:3px;width:52px;width:var(--switchWidth);&.on{background-color:var(--colorButtonPrimary)}>.thumb{aspect-ratio:1/1;background-color:var(--colorCard);border-radius:50%;box-shadow:0 1px 4px 0 var(--colorShadow);float:left;height:100%;position:relative;transition:.3s;&.on{transform:translateX(26px);transform:translateX(calc(var(--switchWidth)/2))}}}>.title{color:var(--colorTitle);font-family:var(--titleM);font-size:var(--formTitleSize);padding-bottom:2px}}@media (hover:hover){.switch-button:not(.on):hover{background-color:var(--colorSwitchTrackHover)}}:root{--switchWidth:52px;--switchHeight:26px}@media (max-width:1024px){:root{--switchWidth:40px;--switchHeight:21px}}.sync-dialog{-webkit-touch-callout:none;background-color:initial;border:none;display:none;justify-content:center;outline:0;padding:0;-webkit-user-select:none;user-select:none;width:100%;&[open],>.container{display:flex}>.container{background-color:var(--colorCard);border-radius:15px;box-sizing:border-box;-webkit-box-sizing:border-box;flex-direction:column;gap:16px;height:fit-content;padding:20px 25px 30px;scale:0;transition:all .25s ease;visibility:hidden;width:min(100%,450px);&.open{scale:1;visibility:visible}>.question{font-size:17px;padding-bottom:20px;padding-top:10px}}&[open]::backdrop{animation:var(--animBackdrop)}}.sync-dialog-head{align-items:center;display:flex;height:50px;justify-content:space-between;min-width:100%;width:100%;>.h-title{align-items:center;display:flex;flex-direction:row;gap:10px;width:fit-content;>span:first-child{color:var(--colorInfo);font-size:26px;margin-top:1.5px}>span:last-child{font-family:var(--titleM);font-size:22px}}>.h-close{align-items:center;border-radius:50%;display:flex;flex-shrink:0;height:36px;justify-content:center;width:36px;>span{font-size:var(--alertCloseSize)}}}.sync-buttons{box-sizing:border-box;-webkit-box-sizing:border-box;display:flex;flex-direction:column;gap:16px;height:fit-content;min-height:0;width:100%}@media (hover:hover){.sync-dialog-head{>.h-close:hover{background-color:var(--colorCardHover)}}}.text-field{box-sizing:border-box;-webkit-box-sizing:border-box;display:flex;flex-direction:column;position:relative;>.title{color:var(--colorTitle);font-family:var(--titleM);font-size:var(--formTitleSize);font-weight:400;margin-bottom:11px;pointer-events:none}>.phone,>.phone-title{color:var(--colorTitle);font-family:var(--textM);font-size:16px;left:10px;position:absolute;top:9px}>.phone-title{bottom:9px;top:auto}>.currency,>.currency-title{color:var(--colorSubtitle);font-family:var(--textM);font-size:16px;left:10px;position:absolute;top:9px}>.currency-title{bottom:9px;top:auto}>.input{background-color:var(--colorCard);border:1.8px solid var(--colorLine);border-radius:6px;box-sizing:border-box;-webkit-box-sizing:border-box;color:var(--colorTitle);font-family:var(--textM);font-size:16px;outline:medium none invert;outline:initial;padding:8px 10px;&.phone{padding-left:45px;position:static}&.currency{position:static;text-align:end}&::-webkit-inner-spin-button,&::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}&[type=number]{-webkit-appearance:textfield;appearance:textfield;-moz-appearance:textfield}&:focus{border:1.8px solid var(--colorButtonPrimary)}}}@media (hover:hover){.text-field{>input:hover{background-color:#f8f8f8}}}@media (max-width:429px){.text-field{>.title{margin-bottom:9px}>.currency,>.currency-title,>.phone,>.phone-title{font-size:14px;left:8px}>.input{font-size:14px;&.phone{padding-left:38px}}}}.time-input{box-sizing:border-box;-webkit-box-sizing:border-box;display:flex;flex-direction:column;gap:5px;width:fit-content;>.time-label{font-family:var(--titleM);font-size:var(--formTitleSize);margin-bottom:5px;margin-left:1px}>.picker-input{align-items:center;background-color:var(--colorCard);border:1.8px solid var(--colorLine);border-radius:6px;box-sizing:border-box;-webkit-box-sizing:border-box;display:flex;gap:6px;justify-content:space-between;overflow:hidden;position:relative;>.input{border:0 solid #0000;box-sizing:border-box;-webkit-box-sizing:border-box;color:var(--colorTitle);font-family:var(--textM);font-size:15px;font-weight:400;outline:medium none invert;outline:initial;padding:8px 10px;width:100%}>span{color:var(--colorSubtitle);font-size:22px;margin-left:auto;margin-right:6px;position:absolute;right:0}}>.time-picker{-webkit-touch-callout:none;background-color:initial;border:0;display:none;outline:0;padding:0;-webkit-user-select:none;user-select:none;&[open]{display:block}>.container{background-color:var(--colorCard);border-radius:var(--alertCorner);box-sizing:border-box;-webkit-box-sizing:border-box;display:flex;flex-direction:column;padding:10px 20px 20px;scale:0;transition:all .25s ease;visibility:hidden;width:460px;&.open{scale:1;visibility:visible}>.header{align-items:center;display:flex;height:50px;justify-content:space-between;>span{font-family:var(--titleM);font-size:22px}>.close{align-items:center;border-radius:50%;display:flex;height:36px;justify-content:center;width:36px;>span{font-size:var(--alertCloseSize)}}}>.am-pm{background-color:initial;border:2px solid var(--colorLine);border-radius:10px;box-sizing:border-box;-webkit-box-sizing:border-box;display:flex;flex-direction:column;height:96px;overflow:hidden;position:absolute;right:20px;top:72px;width:55px;>span{align-items:center;display:flex;font-weight:900;height:50%;justify-content:center;transition:all .25s ease;&:not(.checked):hover{background-color:var(--colorCardHover)}&.checked{background-color:var(--colorToolbar)}}}>.buttons{display:flex;gap:20px;justify-content:end;margin-top:40px}}&[open]::backdrop{animation:var(--animBackdrop)}}}@media (hover:hover){.time-input{>.picker-input{>.input:hover{background-color:var(--colorCardHover)}}>.time-picker{>.container{>.header{>.close:hover{background-color:var(--colorCardHover)}}}}}}@media (max-width:499px){.time-input{>.time-picker{width:100vw;>.container{width:100%}}}}.time-input>.time-picker>.container>.content{align-items:center;display:flex;flex-direction:column;>.times{align-items:center;display:flex;gap:15px;height:120px;width:100%;>.hours,>.minutes{align-items:center;border:2px solid var(--colorLine);border-radius:15px;box-sizing:border-box;-webkit-box-sizing:border-box;display:flex;font-size:5rem;font-weight:700;height:100px;justify-content:center;width:130px}>.separator{font-size:60px}}>.label{display:flex;gap:45px;margin-top:-5px;padding-left:5px;width:100%;>span{width:130px}}.hour-list,.minutes-list{align-items:center;background-color:var(--colorCard);border-radius:15px;box-shadow:var(--cardStyle);display:flex;flex-direction:column;height:200px;left:20px;margin-top:10px;overflow:auto;position:absolute;scroll-behavior:smooth;width:130px;z-index:998;>span{font-size:5rem;font-weight:700;height:100px;text-align:center;width:100%}}.hour-list{height:0;transition:all .3s ease;&.open{height:200px}}.minutes-list{height:0;left:195px;transition:all .3s ease;&.open{height:200px}}}@media (hover:hover){.time-input>.time-picker>.container>.content{>.times{>.hours:hover,>.minutes:hover{background-color:var(--colorCardHover)}}.hour-list,.minutes-list{>span:hover{background-color:var(--colorCardHover)}}}}@media (max-width:499px){.time-input>.time-picker>.container>.content{>.times{>.hours,>.minutes{font-size:64px;width:110px}>.separator{font-size:50px}}>.label{gap:42px;>span{width:110px}}.hour-list,.minutes-list{width:110px;>span{font-size:50px;width:100%}}.minutes-list{left:172px}}}@media (max-width:399px){.time-input>.time-picker>.container>.content{>.times{>.hours,>.minutes{font-size:58px;width:95px}>.separator{font-size:45px}}>.label{>span{width:95px}}.hour-list,.minutes-list{width:95px;>span{font-size:45px;width:100%}}.minutes-list{left:156px}}}@media (max-width:359px){.time-input>.time-picker>.container>.content{>.times{>.hours,>.minutes{font-size:50px;width:80px}>.separator{font-size:40px}}>.label{>span{width:80px}}.hour-list,.minutes-list{width:80px;>span{font-size:40px;width:100%}}.minutes-list{left:140px}}}.toolbar{align-items:center;background-color:var(--colorToolbar);box-shadow:0 5px 4px -4px var(--colorShadow);box-sizing:border-box;-webkit-box-sizing:border-box;display:flex;height:var(--toolbarHeight);overflow:hidden;padding-left:15px;padding-right:10px;position:sticky;top:0;width:100%;z-index:0;>.nav{align-items:center;aspect-ratio:1/1;display:none;height:100%;justify-content:center;>.back{align-items:center;border-radius:50%;display:flex;height:42px;justify-content:center;width:42px;>span{font-size:26px}}}>.titles{align-items:start;display:flex;flex-direction:column;height:100%;justify-content:center;>.title{color:var(--colorTitle);font-family:var(--textM);font-size:18px;margin:0;padding:0;&.small{font-size:16px}}>.subtitle{color:var(--colorSubtitle);font-family:var(--textM);font-size:15px;margin:0;padding:0}}>.menus{align-items:center;display:flex;flex-direction:row-reverse;gap:15px;height:100%;margin-left:auto;>.menu-btn{align-items:center;border-radius:50%;display:flex;height:40px;justify-content:center;width:40px;>span{color:var(--colorIcon);font-size:26px;font-weight:500}&.del{>span{color:var(--colorNegative)}}&.online{>span{color:var(--colorPrimary)}}}>.toolbar-button-delete,>.toolbar-button-primary,>.toolbar-button-secondary{align-items:center;border:1.5px solid var(--colorToolbarLine);border-radius:20px;box-sizing:border-box;-webkit-box-sizing:border-box;cursor:pointer;display:flex;gap:8px;height:35px;justify-content:center;min-width:115px;padding:0 11px;>span:first-child{color:var(--colorButtonPrimary);font-size:22px;font-weight:500}>span:last-child{color:var(--colorPrimary);font-family:var(--textM);font-size:15px}}>.toolbar-button-secondary{>span:first-child,>span:last-child{color:var(--colorTitle)}}>.toolbar-button-delete{>span:first-child,>span:last-child{color:var(--colorNegative)}}}}@media (hover:hover){.toolbar-button:hover,.toolbar>.menus>.menu-btn:hover,.toolbar>.menus>.toolbar-button-delete:hover,.toolbar>.menus>.toolbar-button-primary:hover,.toolbar>.menus>.toolbar-button-secondary:hover,.toolbar>.toolbar-nav>.toolbar-back:hover{background-color:#0000001a}.toolbar{>.nav{>.back:hover{background-color:#0000001a}}}}@media (max-width:1023px){.toolbar{>.menus{>.toolbar-button-delete,>.toolbar-button-primary,>.toolbar-button-secondary{display:none}}}}@media (max-width:499px){.toolbar{>.titles{>.title{font-size:17px}>.subtitle{font-size:14px}}}}@media (max-width:390px){.toolbar{>.titles{>.title{font-size:16px}>.subtitle{font-size:11.2px}}}}.mobile-buttons{display:none;gap:25px;margin-top:35px;width:100%;&.sticky{background-color:var(--colorPage);bottom:0;box-sizing:border-box;-webkit-box-sizing:border-box;left:0;padding:12px 15px;position:absolute}}@media (max-width:1023px){.mobile-buttons{display:flex}}.error-network{align-items:center;display:none;flex-direction:column;position:absolute;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);width:100%;&.show{display:flex}>img{width:240px}>.title{color:var(--colorTitle);font-family:var(--titleM);font-size:21px;margin-top:30px}>.message{box-sizing:border-box;-webkit-box-sizing:border-box;color:var(--colorSubtitle);font-family:var(--textM);font-size:15px;margin-top:6px;padding:0 calc(var(--paddingPage)*2);text-align:center;width:100%}>.btn{margin-top:40px}}.set-mosque{display:inline-block;height:100dvh;overflow:hidden;position:relative;width:100%;>.content{animation:var(--animShowPage);box-sizing:border-box;-webkit-box-sizing:border-box;display:flex;flex-direction:column;height:var(--pageHeight);opacity:0;overflow:auto;overflow:scroll;padding:var(--paddingPage);>.first{display:flex;gap:30px;>.forms{flex-grow:1;gap:25px}>.forms,>.sizing{display:flex;flex-direction:column}>.sizing{gap:32px;width:300px}}>.media{display:flex;flex-direction:row-reverse;gap:30px;margin-top:40px;>.image-view-root{flex-grow:1}>.colours{display:flex;flex-direction:column;gap:30px;width:500px}}}}@media (max-width:1024px){.set-mosque{>.content{>.media{>.colours{width:420px}}}}}@media (max-width:820px){.set-mosque{>.content{>.media{>.colours{width:380px}}}}}@media (max-width:767px){.set-mosque{>.content{>.first{flex-direction:column;gap:30px;>.forms{gap:30px}>.sizing{flex-direction:row;gap:30px;width:100%}}>.media{display:flex;flex-direction:column;margin-top:30px;>.image-view-root{flex-grow:0;width:100%}>.colours{display:flex;flex-direction:column;gap:30px;width:100%}}}}}.shopping-root{display:inline-block;height:100dvh;overflow:hidden;position:relative;width:100%;>.content{align-items:center;animation:var(--animShowPage);box-sizing:border-box;-webkit-box-sizing:border-box;display:flex;flex-direction:column;height:var(--pageHeight);justify-content:center;opacity:0;overflow:auto;overflow:scroll;padding:var(--paddingPage);>.coming-soon{color:var(--colorSubtitle);font-size:22px}}}.set-sounds{display:inline-block;height:100dvh;overflow:hidden;position:relative;width:100%;>.content{animation:var(--animShowPage);box-sizing:border-box;-webkit-box-sizing:border-box;display:flex;flex-direction:column;gap:70px;height:var(--pageHeight);opacity:0;overflow:auto;overflow:scroll;padding:var(--paddingPage);>.media{display:flex;gap:100px;>.azan,>.iqamah{align-items:end;display:flex;gap:20px;width:100%}.sound-play{align-items:center;background-color:initial;border:2px solid var(--colorButtonPrimary);border-radius:21px;box-sizing:border-box;-webkit-box-sizing:border-box;color:var(--colorButtonPrimary);display:flex;font-family:var(--textM);font-size:16px;gap:1px;height:41px;justify-content:center;width:110px;&.playing{border-color:var(--colorNegative);color:var(--colorNegative)}>span:first-child{font-size:24px}}}>.status{display:flex;gap:100px}}}@media (hover:hover){.set-sounds{>.content{>.media{.sound-play:hover{background-color:var(--colorCardHover)}}}}}@media (max-width:1000px){.set-sounds{>.content{gap:30px;>.media,>.status{flex-direction:column;gap:30px}}}}.set-prayer-data{display:inline-block;height:100dvh;overflow:hidden;position:relative;width:100%;>.content{animation:var(--animShowPage);box-sizing:border-box;-webkit-box-sizing:border-box;display:flex;flex-direction:column;gap:45px;height:var(--pageHeight);opacity:0;overflow:auto;overflow:scroll;padding:var(--paddingPage);>.first{box-sizing:border-box;-webkit-box-sizing:border-box;display:flex;gap:40px;width:100%}>.second{align-items:end;display:flex;justify-content:space-between}}}@media (max-width:767px){.set-prayer-data{>.content{>.second{align-items:start;flex-direction:column;gap:50px}}}}@media (max-width:600px){.set-prayer-data{>.content{>.first{flex-direction:column}>.second{flex-flow:column-reverse}}}}.products{height:100dvh;position:relative;width:100%;>.content{animation:var(--animShowPage);box-sizing:border-box;-webkit-box-sizing:border-box;height:var(--pageHeight);opacity:0;overflow-y:scroll;padding:var(--paddingPage);width:100%;>.list{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(3,minmax(0,1fr));>.item{background-color:var(--colorCard);border-radius:8px;box-shadow:var(--cardStyleSmall);box-sizing:border-box;-webkit-box-sizing:border-box;cursor:pointer;display:flex;flex-direction:column;gap:8px;height:fit-content;min-width:0;padding:15px 14px;>.first{box-sizing:border-box;-webkit-box-sizing:border-box;display:flex;>span:first-child{line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--colorTitle);display:-webkit-box;font-family:var(--textM);font-size:14.5px;overflow:hidden;padding-right:8px;width:100%}>.pricing{align-items:end;display:flex;flex-direction:column;flex-shrink:0;>.discount{align-items:center;display:flex;gap:10px;>span:first-child{background-color:var(--colorNegative);border-radius:3px;box-sizing:border-box;-webkit-box-sizing:border-box;color:#fff;height:fit-content;padding:1px 4px}>span:first-child,>span:last-child{font-family:var(--titleM);font-size:14px}>span:last-child{color:var(--colorSubtitle);text-decoration:line-through}}>.price{color:var(--colorTitle);font-family:var(--titleM);font-size:15px}}}>.desc,>.type{color:var(--colorSubtitle);font-size:14px}>.type{color:var(--colorInfo)}}}}}@media (hover:hover){.products{>.content{>.list{>.item:hover{background-color:var(--colorCardHover)}}}}}@media (min-width:768px) and (max-width:1365px){.products{>.content{>.list{grid-template-columns:repeat(2,minmax(0,1fr))}}}}@media (max-width:767px){.products{>.content{>.list{grid-template-columns:minmax(0,1fr)}}}}.transaction-sum{height:100dvh;width:100%;>.content{box-sizing:border-box;-webkit-box-sizing:border-box;display:flex;flex-direction:column;gap:30px;height:var(--pageHeight);overflow-y:scroll;padding:var(--paddingPage);width:100%;>.details{display:flex;gap:50px;>.product{background-color:var(--colorCard);border:2px solid var(--colorPrimary);border-radius:10px;box-sizing:border-box;-webkit-box-sizing:border-box;display:flex;flex-direction:column;gap:15px;height:fit-content;padding:20px 15px;width:100%;>.first{display:flex;>span:first-child{line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;box-sizing:border-box;-webkit-box-sizing:border-box;display:-webkit-box;font-family:var(--textM);font-size:16px;overflow:hidden;padding-right:10px;width:100%}>.pricing{align-items:end;display:flex;flex-direction:column;flex-shrink:0;>.discount{align-items:center;display:flex;gap:10px;>span:first-child{background-color:var(--colorNegative);border-radius:5px;box-sizing:border-box;-webkit-box-sizing:border-box;color:#fff;font-family:var(--textM);font-size:14px;padding:2px 4px}>span:last-child{font-family:var(--titleM);font-size:20px}}>.price{font-family:var(--titleM);font-size:20px}}}>.desc{color:var(--colorSubtitle)}>.desc,>.type{font-size:15px}>.type{color:var(--colorInfo)}}>.summary{background-color:var(--colorCard);border-radius:10px;box-shadow:var(--cardStyleSmall);box-sizing:border-box;-webkit-box-sizing:border-box;color:var(--colorTitle);height:fit-content;padding:20px;width:100%;>.title{font-family:var(--titleM);font-size:19px}>.item{box-sizing:border-box;-webkit-box-sizing:border-box;display:flex;justify-content:space-between;margin-top:10px;padding:5px 0;>span:first-child{font-family:var(--textM);font-size:18px}>span:last-child{font-family:var(--titleM);font-size:20px}}}}>.form{display:flex;gap:50px;width:100%}>.button-container{display:flex;justify-content:end;>.button{display:flex;gap:40px;margin-top:50px;width:fit-content}}}>.button-mobile{bottom:0;box-sizing:border-box;-webkit-box-sizing:border-box;display:none;gap:30px;justify-content:space-between;left:0;padding:12px var(--paddingPage);position:absolute;width:100%}}@media (max-width:1023px){.transaction-sum{>.content{>.details,>.form{flex-direction:column;gap:30px}>.button-container{display:none}}>.button-mobile{display:flex}}}@media (min-width:1024px) and (max-width:1366px){.transaction-sum{>.content{>.details,>.form{gap:25px}}}}@media (max-width:429px){.transaction-sum{>.content{>.details{>.product{padding:14px 12px;>.first{>span:first-child{font-size:14px}>.pricing{>.discount{gap:5px;>span:first-child{border-radius:3px;font-size:11px;padding:1px 2px}>span:last-child{font-size:16px}}>.price{font-size:16px}}}>.desc{font-size:13px}>.type{font-size:13.5px}}>.summary{padding:16px 12px;>.title{font-size:16px}>.item{margin-top:10px;padding:3px 0;>span:first-child{font-size:14px}>span:last-child{font-size:16px}}}}>.form{flex-direction:column;gap:30px}}}}.set-murottal{box-sizing:border-box;-webkit-box-sizing:border-box;display:inline-block;height:100dvh;overflow:hidden;position:relative;width:100%;>.content{animation:var(--animShowPage);box-sizing:border-box;-webkit-box-sizing:border-box;height:var(--pageHeight);opacity:0;overflow:auto;overflow:scroll;padding:var(--paddingPage);>.list{grid-gap:12px;box-sizing:border-box;-webkit-box-sizing:border-box;display:grid;gap:12px;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;>.item{background-color:var(--colorCard);border:2.5px solid var(--colorCardOutline);border-radius:12px;box-sizing:border-box;-webkit-box-sizing:border-box;display:flex;flex-direction:column;gap:12px;overflow:hidden;padding:12px;&.active{border-color:var(--colorPrimary)}>.title{display:block;font-family:var(--titleM);font-size:19px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}>.playing-time{display:flex;gap:7px;>:first-child{color:var(--colorSubtitle)}}>.details{display:flex;justify-content:space-between;>.duration,>.playlist{color:var(--colorTitle);display:flex;font-size:16px;gap:7px;>:first-child{color:var(--colorSubtitle)}}}}}>.fab{bottom:var(--paddingPage)}}}@media (hover:hover){.set-murottal{>.content{>.list{>.item:hover{background-color:var(--colorCardHover);cursor:pointer}}}}}@media (max-width:1366px){.set-murottal{>.content{>.list{grid-template-columns:repeat(2,minmax(0,1fr))}}}}@media (max-width:767px){.set-murottal{>.content{>.list{grid-template-columns:minmax(0,1fr)}}}}@media (max-width:1023px){.set-murottal{>.content{>.list{padding-bottom:125px;>.item{>.title{font-size:19px}>.playing-time{gap:7px}>.details{>.duration,>.playlist{font-size:16px;gap:7px}}}}>.fab{bottom:80px}}}}.murottal-form{background-color:var(--colorPage);display:none;height:100dvh;left:0;overflow:hidden;position:absolute;top:0;width:100%;&.show{display:inline-block}>.content{animation:var(--animShowPage);box-sizing:border-box;-webkit-box-sizing:border-box;display:flex;height:var(--pageHeight);opacity:0;>.form{display:flex;flex-direction:column;flex-grow:1;gap:40px;padding:var(--paddingPage);>.time-type{align-items:center;display:flex;gap:30px;>span{font-family:var(--titleM);font-size:19px}}>.properties{display:flex;font-family:var(--textM);font-size:17px;gap:100px;>.playlist{>.count{color:var(--colorSubtitle)}}>.duration{>.duration-time{color:var(--colorSubtitle)}}}>.see-playlist-container{display:none}>.murottal-form-buttons{display:none;gap:30px;margin-top:20px}}}}@media (max-width:1023px){.murottal-form{>.content{>.form{>.see-playlist-container{display:block}>.murottal-form-buttons{display:flex}}}}}.murottal-form-playlist{-webkit-touch-callout:none;background-color:var(--colorCard);box-sizing:border-box;-webkit-box-sizing:border-box;height:var(--pageHeihght);max-height:var(--pageHeihght);position:relative;-webkit-user-select:none;user-select:none;width:420px;>.header{--_hHeight:60px;align-items:center;border-bottom:1.8px solid var(--colorPage);box-sizing:border-box;-webkit-box-sizing:border-box;display:flex;height:var(--_hHeight);justify-content:space-between;left:0;padding:0 12px;position:sticky;top:0;width:100%;>span{font-family:var(--textM);font-size:17px}}>.content{animation:var(--animShowPage);box-sizing:border-box;-webkit-box-sizing:border-box;height:var(--pageHeight);opacity:0;overflow:scroll;padding:var(--paddingPage);scroll-behavior:smooth;width:100%;>.list{grid-gap:15px;box-sizing:border-box;-webkit-box-sizing:border-box;display:grid;gap:15px;grid-template-columns:minmax(0,1fr);padding-bottom:60px;>.item{align-items:center;border:2px solid var(--colorCardOutline);border-radius:10px;box-sizing:border-box;-webkit-box-sizing:border-box;display:flex;min-width:0;padding:12px 5px 12px 12px;touch-action:none;>.num{flex-shrink:0;font-family:var(--textM);font-size:16px}>.content{box-sizing:border-box;-webkit-box-sizing:border-box;display:flex;flex-direction:column;gap:8px;overflow:hidden;padding:0 15px;width:100%;>.title{font-family:var(--titleM);font-size:17px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}>.prop{display:flex;gap:20px;>span{color:var(--colorSubtitle);font-size:15px}}}>.action{align-items:center;display:flex;flex-shrink:0;gap:5px;>.btn-del,>.btn-drag{align-items:center;border-radius:50%;cursor:pointer;display:flex;height:38px;justify-content:center;width:38px;>span:first-child{color:var(--colorNegative);font-size:24px}}>.btn-drag{cursor:move;>span:first-child{color:var(--colorSubtitle)}}}}}}}@media (hover:hover){.murottal-form-playlist{>.content{>.list{>.item:hover{border-color:var(--colorToolbar);>.action{>.btn-del:hover,>.btn-drag:hover{background-color:var(--colorCardHover)}}}}}}}@media (max-width:1023px){.murottal-form-playlist{background-color:var(--colorPage);display:none;height:100dvh;left:0;position:absolute;top:0;width:100%;&.show{display:block}>.content{>.list{>.item{background-color:var(--colorCard);border:1.5px solid var(--colorLine)}}}}}@media (min-width:768px) and (max-width:1023px){.murottal-form-playlist{>.content{>.list{grid-template-columns:repeat(2,minmax(0,1fr))}}}}.murottal-playlist-chooser{-webkit-touch-callout:none;background-color:#0003;box-sizing:border-box;-webkit-box-sizing:border-box;display:block;height:calc(100dvh - var(--toolbarHeight));left:0;opacity:0;overflow:hidden;position:absolute;top:0;transition:all .3s ease-in-out;-webkit-user-select:none;user-select:none;visibility:hidden;width:100%;&.show{opacity:1;visibility:visible}>.container{background-color:var(--colorCard);box-sizing:border-box;-webkit-box-sizing:border-box;height:100%;overflow:hidden;transform:translateX(100%);transition:all .3s ease-in-out;width:100%;&.show{transform:translate(0)}>.header{align-items:center;background-color:var(--colorCard);border-bottom:1.5px solid var(--colorCardOutline);box-sizing:border-box;-webkit-box-sizing:border-box;display:flex;height:60px;justify-content:space-between;padding:0 10px;width:100%;>.titles{align-items:center;display:flex;gap:5px;>.close{align-items:center;border-radius:50%;display:flex;height:36px;justify-content:center;width:36px;>span:first-child{font-size:23px}}>span:last-child{font-family:var(--textM);font-size:17px}}>button{align-items:center;background-color:initial;border:2px solid var(--colorButtonPrimary);border-radius:17px;box-sizing:border-box;-webkit-box-sizing:border-box;color:var(--colorButtonPrimary);cursor:pointer;display:flex;font-family:var(--textM);font-size:16px;gap:10px;justify-content:center;padding:2px 15px;>span:first-child{font-size:24px;font-weight:500}}}>.list-container{height:calc(100% - 60px);overflow:auto;width:100%;>.list{grid-gap:15px;box-sizing:border-box;-webkit-box-sizing:border-box;display:grid;gap:15px;grid-template-columns:minmax(0,1fr);padding:10px 12px 15px;>.item{align-items:center;border:2px solid var(--colorLine);border-radius:8px;box-sizing:border-box;-webkit-box-sizing:border-box;display:flex;justify-content:space-between;padding:10px 10px 10px 5px;&.selected{border-color:var(--colorButtonPrimary)}>.files{align-items:center;box-sizing:border-box;-webkit-box-sizing:border-box;display:flex;gap:4px;overflow:hidden;>span:first-child{color:purple;font-size:44px}>.file{box-sizing:border-box;-webkit-box-sizing:border-box;display:flex;flex-direction:column;overflow:hidden;padding-right:10px;>.fileName{font-family:var(--textM);font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}>.size{color:var(--colorSubtitle);flex-shrink:0;font-size:14px}}}>.duration{color:var(--colorSubtitle);font-family:var(--textM);font-size:14px}}}}}}@media (hover:hover){.murottal-playlist-chooser{>.container{>.header{>.titles{>.close:hover{background-color:var(--colorCardHover)}}>button:hover{background-color:var(--colorCardHover)}}>.list-container{>.list{>.item:hover{background-color:var(--colorCardHover)}}}}}}@media (max-width:1023px){.murottal-playlist-chooser{height:100%;z-index:2;>.container{>.header{background-color:var(--colorToolbar)}}}}@media (min-width:768px) and (max-width:1023px){.murottal-playlist-chooser{display:block;>.container{>.list-container{>.list{grid-template-columns:repeat(2,minmax(0,1fr))}}}}}.murottal-add-dialog{-webkit-touch-callout:none;background-color:initial;border:none;display:none;justify-content:center;outline:0;padding:0;position:relative;-webkit-user-select:none;user-select:none;width:100%;&[open],>.container{display:flex}>.container{background-color:var(--colorCard);border-radius:12px;box-sizing:border-box;-webkit-box-sizing:border-box;flex-direction:column;padding-bottom:20px;scale:0;transition:all .25s ease;visibility:hidden;width:min(100%,500px);&.open{scale:1;visibility:visible}>.content{box-sizing:border-box;-webkit-box-sizing:border-box;flex-direction:column;padding:30px 20px 0}}&[open]::backdrop{animation:var(--animBackdrop)}}.murottal-add-header{align-items:center;display:flex;justify-content:space-between;padding-left:20px;padding-right:10px;padding-top:20px}.murottal-add-header .title{font-family:var(--titleM);font-size:22px}.murottal-add-header .close{align-items:center;border-radius:21px;display:flex;height:36px;justify-content:center;width:36px;>span{font-size:var(--alertCloseSize)}}.murottal-add--dialog-buttons{display:flex;gap:25px;margin-top:40px}@media (hover:hover){.murottal-add-dialog{>.container{>.murottal-add-header{>.close:hover{background-color:var(--colorCardHover)}}}}}@media (max-width:1023px){.murottal-add-dialog{min-height:100dvh;min-width:100vw;>.container{border-bottom-left-radius:0;border-bottom-right-radius:0;bottom:0;left:50%;position:absolute;scale:1;transform:translate(-50%,100%);&.open{left:50%;scale:1;transform:translateY(0);transform:translate(-50%);visibility:visible}}}}@media (max-width:767px){.murottal-add-dialog{>.container{left:0;transform:translateY(100%);&.open{left:0;transform:translateY(0);transform:translate(0)}}}}.murottal-bank{-webkit-touch-callout:none;box-sizing:border-box;-webkit-box-sizing:border-box;display:inline-block;height:100dvh;overflow:hidden;position:relative;-webkit-user-select:none;user-select:none;width:100%;>.content{animation:var(--animShowPage);box-sizing:border-box;-webkit-box-sizing:border-box;height:var(--pageHeight);opacity:0;overflow:auto;overflow:scroll;padding:var(--paddingPage);scroll-behavior:smooth;>.list{grid-gap:12px;box-sizing:border-box;-webkit-box-sizing:border-box;display:grid;gap:12px;grid-template-columns:repeat(4,minmax(0,1fr));width:100%;>.item{align-items:center;background-color:var(--colorCard);border:2px solid var(--colorCardOutline);border-radius:10px;box-sizing:border-box;-webkit-box-sizing:border-box;display:flex;min-width:0;padding:16px 10px 16px 5px;width:100%;&.selected{border-color:var(--colorPrimary)}>.parent{align-items:center;box-sizing:border-box;-webkit-box-sizing:border-box;display:flex;min-width:0;width:100%;>.icon{color:purple;font-size:40px}>.content{box-sizing:border-box;-webkit-box-sizing:border-box;display:flex;flex-direction:column;overflow:hidden;padding:0 5px;>span:first-child{color:var(--colorTitle);font-family:var(--textM);font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}>span:last-child{color:var(--colorSubtitle);font-size:14px}}}>.duration{color:var(--colorSubtitle);flex-shrink:0;font-size:14px}}}}>.fab{display:none}}@media (hover:hover){.murottal-bank{>.content{>.list{>.item:not(.selected):hover{border-color:var(--colorToolbar)}}}}}@media (min-width:820px) and (max-width:1679px){.murottal-bank{>.content{>.list{grid-template-columns:repeat(3,minmax(0,1fr))}}}}@media (max-width:1023px){.murottal-bank{>.fab{display:flex}}}@media (min-width:768px) and (max-width:819px){.murottal-bank{>.content{>.list{grid-template-columns:repeat(2,minmax(0,1fr))}}}}@media (max-width:767px){.murottal-bank{>.content{>.list{grid-template-columns:minmax(0,1fr)}}}}.murottal-upload-dialog{-webkit-touch-callout:none;background-color:initial;border:none;display:none;justify-content:center;min-height:100dvh;min-width:100%;outline:0;padding:0;position:relative;-webkit-user-select:none;user-select:none;&[open],>.container{display:flex}>.container{background-color:var(--colorCard);border-top-left-radius:20px;border-top-right-radius:20px;bottom:0;flex-direction:column;overflow:hidden;position:absolute;transform:translateY(100%);transition:all .25s ease;visibility:hidden;width:min(100%,500px);&.open{transform:translateY(0);visibility:visible}>.content{box-sizing:border-box;-webkit-box-sizing:border-box;flex-direction:column;height:100%;justify-content:space-between;margin-top:30px;padding:0 var(--paddingPage);width:100%}}&[open]::backdrop{animation:var(--animBackdrop)}}.audio-bank-upload-header{align-items:center;border-bottom:2px solid var(--colorCardOutline);display:flex;height:55px;justify-content:center;position:relative;>span:first-child{font-family:var(--titleM);font-size:20px}}.audio-bank-upload-header .close{align-items:center;border:1.5px solid var(--colorLine);border-radius:50%;box-sizing:border-box;-webkit-box-sizing:border-box;display:flex;height:28px;justify-content:center;position:absolute;right:8px;top:50%;transform:translateY(-50%);width:28px;>span{color:var(--colorSubtitle);font-size:22px}}.audio-container{display:flex;flex-direction:column;gap:20px;width:100%;>audio{width:100%}}.audio-container .files{align-items:center;border:1.5px solid var(--colorCardOutline);border-radius:5px;box-sizing:border-box;-webkit-box-sizing:border-box;display:flex;gap:8px;padding:5px 0;>span:first-child{color:var(--colorNegative);font-size:46px}}.audio-container .files .details{display:flex;flex-direction:column;overflow:hidden}.audio-container .files .details .fileName{font-family:var(--textM);font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.audio-container .files .details .size{color:var(--colorSubtitle);font-size:14px}.audio-bank-upload-buttons{display:flex;gap:50px;padding-bottom:30px;padding-top:50px}@media (hover:hover){.murottal-upload-dialog{>.container{>.audio-bank-upload-header{>.close:hover{background-color:var(--colorCardHover)}}}}}.set-countdown{display:inline-block;height:100dvh;overflow:hidden;position:relative;width:100%;>.content{animation:var(--animShowPage);box-sizing:border-box;-webkit-box-sizing:border-box;display:flex;flex-direction:column;gap:45px;height:var(--pageHeight);opacity:0;overflow:auto;overflow-x:hidden;overflow-y:scroll;padding:var(--paddingPage);>.prayer{display:flex;gap:85px;justify-content:space-between;>.input-number{width:100%}}>.iqamah{display:flex;flex-direction:column;gap:26px;>.title{font-family:var(--titleM);font-size:19px}>.iqamah-content{--_pw:calc(100% - var(--paddingPage)*3);--_gapItem:25px;--_iw:calc(var(--_pw) - var(--_gapItem)*2);--_fw:calc(var(--_iw)/5);grid-gap:var(--_gapItem);display:grid;gap:var(--_gapItem);grid-template-columns:repeat(5,minmax(0,var(--_fw)));>.freeze{grid-column:1/span 2;margin-top:35px}>.status{align-items:end;display:flex;gap:30px;grid-column:3/span 5;padding-bottom:8px}}}>.friday{align-items:end;display:flex;gap:45px;>.input-number{width:400px}}}}@media (max-width:999px){.set-countdown{>.content{gap:30px;>.prayer{flex-direction:column;gap:30px;justify-content:normal;>.input-number{width:280px}}>.iqamah{>.iqamah-content{--_pw:calc(100dvw - var(--paddingPage)*3);--_gapItem:25px;--_iw:calc(var(--_pw) - var(--_gapItem));--_fw:calc(var(--_iw)/2);gap:var(--_gapItem);grid-template-columns:repeat(2,minmax(0,var(--_fw)));>.freeze{grid-column:unset;margin-top:0}>.status{align-items:start;display:flex;flex-direction:column;grid-column:unset;grid-column:1/span 2;margin-top:10px}}}>.friday{align-items:start;flex-direction:column;flex-flow:column-reverse;gap:30px;>.input-number{width:80%}}}}}.set-running-text{box-sizing:border-box;-webkit-box-sizing:border-box;display:inline-block;height:100dvh;overflow:hidden;position:relative;width:100%;>.content{animation:var(--animShowPage);box-sizing:border-box;-webkit-box-sizing:border-box;display:flex;flex-direction:column;height:var(--pageHeight);opacity:0;overflow:auto;overflow:scroll;padding:0;>.list{--_statusSize:calc(var(--runTextStatusWidth)/4.3);--_titleSize:20px;--_messageSize:17px;display:flex;flex-direction:column;width:100%;>.main{background-color:var(--colorCard);cursor:pointer;display:flex;margin-bottom:15px;width:100%;>.status-container{align-items:center;display:flex;flex-direction:column;justify-content:center;white-space:nowrap;width:var(--runTextStatusWidth);>.status{aspect-ratio:1/1;background-color:var(--colorNegative);border-radius:50%;width:var(--_statusSize);&.on{background-color:var(--colorButtonPrimary)}}}>.main-content{border-bottom:2px solid var(--colorCardOutline);display:flex;flex-grow:1;flex:1 1;flex-direction:column;gap:5px;min-width:0;overflow:hidden;padding:20px 15px 20px 0;>span:first-child{font-family:var(--titleM);font-size:var(--_titleSize)}>span:last-child{box-sizing:border-box;-webkit-box-sizing:border-box;color:var(--colorSubtitle);font-family:var(--textM);font-size:var(--_messageSize);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}}>.item{background-color:var(--colorCard);cursor:pointer;display:flex;width:100%;&.active{>.item-status-container{>.item-status{background-color:var(--colorButtonPrimary)}}}>.item-status-container{align-items:center;display:flex;flex-direction:column;gap:3px;justify-content:center;white-space:nowrap;width:var(--runTextStatusWidth);>.item-status{aspect-ratio:1/1;background-color:var(--colorNegative);border-radius:50%;width:var(--_statusSize)}>span:last-child{color:var(--colorSubtitle);font-family:var(--textM);font-size:var(--_messageSize)}}>.content-item{align-items:center;border-bottom:2px solid var(--colorCardOutline);display:flex;flex-grow:1;flex:1 1;min-width:0;overflow:hidden;padding-right:15px;width:100%;>.content-data{display:flex;flex-grow:1;flex:1 1;flex-direction:column;gap:5px;min-width:0;padding:20px 0;>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}>span:first-child{color:var(--colorTitle);font-family:var(--titleM);font-size:var(--_titleSize)}>span:last-child{color:var(--colorSubtitle);font-family:var(--textM);font-size:var(--_messageSize)}}>.btn-delete{align-items:center;border-radius:50%;color:var(--colorNegative);display:flex;font-size:25px;justify-content:center;min-height:42px;min-width:42px;white-space:nowrap}}}}}}@media (hover:hover){.set-running-text{>.content{>.list{>.item:hover,>.main:hover{background-color:var(--colorCardHover);>.content-item{>.btn-delete:hover{background-color:#e1cdd2}}}}}}}@media (max-width:1024px){.set-running-text{>.content{padding-bottom:70px}}}@media (max-width:768px){.set-running-text{>.content{>.list{>.main{--_statusW:50px}}}}}@media (max-width:390px){.set-running-text{>.content{>.list{--_titleSize:17px;--_messageSize:14px;>.item{>.content-item{>.btn-delete{font-size:21px;min-height:36px;min-width:36px}}}}}}}.running-text-form{background-color:var(--colorPage);display:none;height:100dvh;left:0;overflow:hidden;position:absolute;top:0;width:100%;&.show{display:inline-block}>.content{animation:var(--animShowPage);box-sizing:border-box;-webkit-box-sizing:border-box;display:flex;flex-direction:column;height:var(--pageHeight);opacity:0;overflow:auto;overflow:scroll;padding:var(--paddingPage);>.form{display:flex;gap:50px;>.properties{display:flex;flex-direction:column;gap:30px;width:90%;>.props{display:flex;flex-direction:column;gap:30px}}>.message{display:flex;flex-direction:column;gap:11px;width:100%;>span{font-family:var(--titleM);font-size:var(--formTitleSize)}>textarea{border:2px solid var(--colorLine);border-radius:8px;font-family:var(--textM);font-size:17px;height:300px;outline:medium none invert;outline:initial;padding:12px;resize:none}}}}}@media (max-width:1023px){.running-text-form{>.content{>.form{flex-direction:column;gap:30px;>.properties{width:100%;>.props{flex-flow:column-reverse}}>.message{>textarea{font-size:16px;height:260px}}}>.mobile-buttons{margin-top:60px}}}}.running-text-main{display:inline-block;height:100dvh;overflow:hidden;position:relative;width:100%;>.example{background-color:pink;display:none;height:100dvh;left:0;position:absolute;top:0;width:100%}>.content{animation:var(--animShowPage);box-sizing:border-box;-webkit-box-sizing:border-box;display:flex;flex-direction:column;gap:20px;height:var(--pageHeight);opacity:0;overflow:auto;overflow:scroll;padding:var(--paddingPage);>.form{display:flex;gap:50px;>.text{display:flex;flex-direction:column;gap:25px;>textarea{aspect-ratio:16/9.5;background-color:var(--colorCard);border:2px solid var(--colorLine);border-radius:12px;box-sizing:border-box;-webkit-box-sizing:border-box;font-family:var(--textM);font-size:18px;outline:none;padding:12px;resize:none;width:500px;&:focus{border-color:var(--colorButtonPrimary)}}>.styling{display:flex;gap:30px;padding-left:8px}}>.size-color{display:flex;flex-direction:column;gap:30px;width:100%;>.size{display:flex;gap:50px}}}>.buttons{display:flex;gap:30px;margin-top:30px}}}@media (max-width:1024px){.running-text-main{>.content{>.form{flex-direction:column;>.text{>textarea{aspect-ratio:16/6;width:100%}>.styling{gap:18px;padding-left:4px}}}}}}@media (max-width:767px){.running-text-main{>.content{>.form{>.text{>textarea{aspect-ratio:16/14;width:100%}}}}}}.lecturer-more{display:inline-block;height:100dvh;overflow:hidden;position:relative;width:100%;>.content{animation:var(--animShowPage);box-sizing:border-box;-webkit-box-sizing:border-box;display:flex;flex-direction:column;gap:35px;height:var(--pageHeight);opacity:0;overflow:auto;overflow:scroll;padding:var(--paddingPage)}}.set-lecturer{display:inline-block;height:100dvh;overflow:hidden;position:relative;width:100%;>.content{animation:var(--animShowPage);box-sizing:border-box;-webkit-box-sizing:border-box;display:flex;flex-direction:column;height:var(--pageHeight);opacity:0;overflow:auto;overflow:scroll;padding:var(--paddingPage);>.list{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,minmax(0,1fr));>.item{--_cardRatio:16/9;aspect-ratio:var(--_cardRatio);background-color:var(--colorCard);border:2px solid var(--colorCardOutline);border-radius:12px;box-sizing:border-box;-webkit-box-sizing:border-box;cursor:pointer;overflow:hidden;position:relative;width:100%;>.bg{aspect-ratio:var(--_cardRatio);object-fit:cover}>.bg,>.content{left:0;position:absolute;top:0;width:100%}>.content{box-sizing:border-box;-webkit-box-sizing:border-box;color:var(--colorTitle);display:flex;flex-direction:column;font-family:var(--textM);font-size:14px;gap:3px;height:fit-content;justify-content:start;padding:12px;>.date,>.name,>.title,>.topic{box-sizing:border-box;-webkit-box-sizing:border-box;color:var(--colorTitle);font-size:14.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}>.topic{color:var(--colorSubtitle)}>.date{color:var(--colorSubtitle);font-size:13px}&.background{background-color:#000000b3;color:#fff;>.date,>.name,>.title,>.topic{color:#fff}}}>.buttons{align-items:center;bottom:5px;box-sizing:border-box;-webkit-box-sizing:border-box;display:flex;justify-content:end;position:absolute;right:5px}}}}>.fab{display:none}}@media (hover:hover){.set-lecturer{>.content{>.list{>.item:hover{border-color:var(--colorToolbar)}}}}}@media (width=1366px){.set-lecturer{>.content{>.list{>.item{--_cardRatio:16/9}}}}}@media (max-width:1365px){.set-lecturer{>.content{>.list{grid-template-columns:repeat(2,minmax(0,1fr));>.item{--_cardRatio:16/9.5}}}}}@media (max-width:1023px){.set-lecturer{>.content{padding-bottom:80px}>.fab{display:flex}}}@media (max-width:767px){.set-lecturer{>.content{>.list{grid-template-columns:minmax(0,1fr);>.item{--_cardRatio:16/9}}}}}.lectruer-form{background-color:var(--colorPage);display:none;height:100dvh;left:0;overflow:hidden;position:absolute;top:0;width:100%;&.show{display:inline-block}>.content{animation:var(--animShowPage);box-sizing:border-box;-webkit-box-sizing:border-box;display:flex;flex-direction:column;gap:45px;height:var(--pageHeight);opacity:0;overflow:auto;padding:var(--paddingPage);>.titles{display:flex;gap:50px;width:100%;>.text-field{flex-grow:1}}>.titles-size{width:100%}>.lecturer-data,>.titles-size{display:flex;gap:50px}>.date-time,>.date-time-size{display:flex;gap:50px;width:100%}>.decor{display:flex;gap:40px;>.colours{display:flex;flex-direction:column;gap:30px;height:fit-content;margin-top:35px;width:100%}}}}.name-and-size{display:flex;flex-direction:column;gap:30px;width:100%}@media (max-width:1023px){.lectruer-form{>.content{gap:30px;>.titles{flex-direction:column;gap:25px}>.titles-size{gap:20px}>.lecturer-data{align-items:center;gap:15px;>.properties{gap:15px}}>.date-time,>.date-time-size{gap:20px}>.decor{flex-direction:column;flex-flow:column-reverse;gap:0;>.colours{gap:30px;margin-bottom:30px;margin-top:0;width:100%}}}}}.set-slider{display:inline-block;height:100dvh;overflow:hidden;position:relative;width:100%;>.content{animation:var(--animShowPage);box-sizing:border-box;-webkit-box-sizing:border-box;display:flex;flex-direction:column;gap:30px;height:var(--pageHeight);opacity:0;overflow:auto;overflow:scroll;>.switch{margin-left:var(--paddingPage);margin-top:var(--paddingPage)}>.content2{box-sizing:border-box;-webkit-box-sizing:border-box;display:flex;flex-direction:column;gap:30px;padding:var(--paddingPage);>.input-number{width:400px}}}>.picker-hidden{clip:rect(0 0 0 0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}}@media (max-width:1366px){.set-slider{>.content{>.content2{>.input-number{width:250px}}}}}.slide-container{-ms-overflow-style:none;--_scrollSize:42px;box-sizing:border-box;-webkit-box-sizing:border-box;display:flex;gap:11px;margin:0 var(--paddingPage);min-height:280px;overflow-x:auto;position:relative;scroll-behavior:smooth;scrollbar-width:none;&::-webkit-scrollbar{display:none}>.scrollLeft,>.scrollRight{align-items:center;background-color:var(--colorButtonPrimary);border-radius:50%;box-sizing:border-box;-webkit-box-sizing:border-box;display:flex;height:var(--_scrollSize);justify-content:center;left:0;margin-left:calc((var(--_scrollSize)*1.3)*-1);min-width:var(--_scrollSize);position:sticky;top:50%;transform:translateY(-90%);z-index:999;>span{color:#fff;font-size:20px;margin-left:5px}}>.scrollRight{left:auto;margin-left:calc((var(--_scrollSize)*1.3)*-1);right:0}>.slide-item{--_imgW:410px;box-sizing:border-box;-webkit-box-sizing:border-box;display:flex;flex-direction:column;gap:10px;>.img-container{--_ratio:calc(var(--_imgW)*0.565);border:2.5px solid #0000;border-radius:12px;box-sizing:border-box;-webkit-box-sizing:border-box;min-height:var(--_ratio);min-width:var(--_imgW);overflow:hidden;position:relative;>.image-view-root{transition:all .3s ease}>.selection{align-items:center;aspect-ratio:1/1;background-color:#05050566;border:1.5px solid var(--colorLine);border-radius:50%;box-sizing:border-box;-webkit-box-sizing:border-box;display:flex;justify-content:center;position:absolute;right:8px;top:8px;width:30px;>.checklist{color:#fff;display:none;font-size:28px}&.selected{background-color:var(--colorButtonPrimary);border-color:var(--colorButtonPrimary);>.checklist{display:block}}}}>.file-name{font-family:var(--textM);font-size:16px;margin-left:4px;max-width:var(--_imgW);overflow:hidden;white-space:nowrap}}}@media (hover:hover){.slide-container{>.scrollLeft:hover,>.scrollRight:hover{background-color:var(--colorPrimaryHover)}>.slide-item{>.img-container:hover{border-color:var(--colorToolbar);>.image-view-root{scale:1.05}}}}}@media (max-width:1024px){.slide-container{>.scrollLeft,>.scrollRight{display:none}}}@media (max-width:1023px){.slide-container{min-height:255px;>.slide-item{--_imgW:380px;gap:8px;>.img-container{--_ratio:calc(var(--_imgW)*0.565);height:var(--_ratio);min-height:var(--_ratio);min-width:var(--_imgW);width:var(--_imgW);>.selection{width:25px;>.checklist{font-size:24px}}}>.file-name{font-size:14px}}}}@media (max-width:767px){.slide-container{min-height:230px;>.slide-item{--_imgW:340px;gap:6px;>.img-container{--_ratio:calc(var(--_imgW)*0.565);border-radius:10px;height:var(--_ratio);min-height:var(--_ratio);min-width:var(--_imgW);width:var(--_imgW)}>.file-name{font-size:13px}}}}@media (max-width:389px){.slide-container{gap:6px;min-height:195px;>.slide-item{--_imgW:290px;gap:4px;>.img-container{--_ratio:calc(var(--_imgW)*0.565);height:var(--_ratio);min-height:var(--_ratio);min-width:var(--_imgW);width:var(--_imgW);>.selection{width:22px;>.checklist{font-size:21px}}}>.file-name{font-size:11px}}}}.slider-sort{-webkit-touch-callout:none;background-color:initial;border:none;box-sizing:border-box;-webkit-box-sizing:border-box;display:none;outline:0;padding:0;position:relative;-webkit-user-select:none;user-select:none;&[open]{display:block}>.container{background-color:var(--colorCard);box-sizing:border-box;-webkit-box-sizing:border-box;display:flex;flex-direction:column;height:100dvh;left:50%;opacity:0;position:fixed;top:0;transform:translateX(-50%);transition:all .25s ease;visibility:hidden;width:42%;&.show{opacity:1;visibility:visible}>.content{display:inline-block;width:100%;>.list{box-sizing:border-box;-webkit-box-sizing:border-box;display:flex;flex-direction:column;overflow-x:hidden;overflow-y:scroll;position:absolute;width:100%;>.item{--_itemPadding:12px;align-items:center;display:flex;padding:var(--_itemPadding) 0;touch-action:none;>img{aspect-ratio:16/9;border-radius:7px;margin-left:var(--_itemPadding);width:180px}>.content{display:flex;flex-direction:column;flex-grow:1;gap:4px;min-width:0;padding:0 var(--_itemPadding);>.file-name{font-family:var(--textM);font-size:17px;overflow:hidden;white-space:nowrap}>.number{font-family:var(--titleM);font-size:19px}}>.btn-drag{align-items:center;border-radius:50%;cursor:move;display:flex;flex-shrink:0;height:38px;justify-content:center;margin-right:8px;width:38px;>span:first-child{font-size:28px}}}}}>.buttons{background-color:#fffc;bottom:0;box-sizing:border-box;-webkit-box-sizing:border-box;display:flex;gap:120px;justify-content:space-between;left:0;padding:15px 20px;position:absolute;width:100%;&.show{opacity:1}}}&[open]::backdrop{animation:var(--animBackdrop)}}@media (hover:hover){.slider-sort{>.container{>.content{>.list{>.item:hover{background-color:var(--colorCardHover)}}}}}}@media (max-width:1439px){.slider-sort{>.container{width:50%;>.buttons{gap:80px}}}}@media (min-width:1024px) and (max-width:1249px){.slider-sort{>.container{width:75%;>.buttons{gap:80px}}}}@media (min-width:768px) and (max-width:1023px){.slider-sort{>.container{width:100%;>.content{>.list{>.item{>img{border-radius:8px;width:130px}}}}>.buttons{gap:30px}}}}@media (max-width:767px){.slider-sort{>.container{width:100%;>.content{>.list{>.item{>img{border-radius:6px;width:100px}}}}>.buttons{gap:20px}}}}.slider-uploader-dialog{-webkit-touch-callout:none;background-color:initial;border:none;display:none;justify-content:center;min-height:100dvh;min-width:100%;outline:0;padding:0;position:relative;-webkit-user-select:none;user-select:none;&[open],>.container{display:flex}>.container{background-color:var(--colorCard);border-top-left-radius:20px;border-top-right-radius:20px;bottom:0;flex-direction:column;overflow:hidden;position:absolute;transform:translateY(100%);transition:all .25s ease;visibility:hidden;width:min(100%,500px);&.open{transform:translateY(0);visibility:visible}>.content{box-sizing:border-box;-webkit-box-sizing:border-box;flex-direction:column;height:100%;justify-content:space-between;margin-top:25px;padding:0 var(--paddingPage);width:100%;>.preview-container{flex-direction:column;gap:10px;>img{aspect-ratio:16/9;border-radius:10px;object-fit:cover;width:100%}}}}&[open]::backdrop{animation:var(--animBackdrop)}}.slide-upload-header{align-items:center;border-bottom:2px solid var(--colorCardOutline);display:flex;height:55px;justify-content:center;position:relative;>span:first-child{font-family:var(--titleM);font-size:20px}}.slide-upload-header .close{align-items:center;border:1.5px solid var(--colorLine);border-radius:50%;box-sizing:border-box;-webkit-box-sizing:border-box;display:flex;height:28px;justify-content:center;position:absolute;right:8px;top:50%;transform:translateY(-50%);width:28px;>span{color:var(--colorSubtitle);font-size:22px}}.slide-upload-name-size{box-sizing:border-box;-webkit-box-sizing:border-box;display:flex;font-size:15px;justify-content:space-between;padding:0 2px}.slide-upload-name-size .fileName{font-family:var(--textM);overflow:hidden;padding-right:20px;text-overflow:ellipsis;white-space:nowrap}.slide-upload-name-size .size{color:var(--colorSubtitle);flex-shrink:0;font-family:var(--textM)}.slide-upload-buttons{display:flex;gap:50px;padding-bottom:30px;padding-top:30px}@media (hover:hover){.slider-uploader-dialog{>.container{>.slide-upload-header{>.close:hover{background-color:var(--colorCardHover)}}}}}.set-video{display:inline-block;height:100dvh;overflow:hidden;position:relative;width:100%;>.content{animation:var(--animShowPage);box-sizing:border-box;-webkit-box-sizing:border-box;display:flex;flex-direction:column;gap:40px;height:var(--pageHeight);opacity:0;overflow:auto;overflow:scroll;>.status{display:flex;gap:150px;margin-top:var(--paddingPage);padding:0 var(--paddingPage)}>.radio-button{margin-left:var(--paddingPage)}>.mobile-buttons{box-sizing:border-box;-webkit-box-sizing:border-box;padding:0 var(--paddingPage)}}>.picker-hidden{clip:rect(0 0 0 0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}}@media (max-width:767px){.set-video{>.content{gap:30px;>.status{gap:initial;justify-content:space-between}}}}.video-upload-dialog{-webkit-touch-callout:none;background-color:initial;border:none;display:none;justify-content:center;min-height:100dvh;min-width:100%;outline:0;padding:0;position:relative;-webkit-user-select:none;user-select:none;&[open],>.container{display:flex}>.container{background-color:var(--colorCard);border-top-left-radius:20px;border-top-right-radius:20px;bottom:0;flex-direction:column;overflow:hidden;position:absolute;transform:translateY(100%);transition:all .25s ease;visibility:hidden;width:min(100%,500px);&.open{transform:translateY(0);visibility:visible}>.content{box-sizing:border-box;-webkit-box-sizing:border-box;flex-direction:column;height:100%;justify-content:space-between;margin-top:30px;padding:0 var(--paddingPage);width:100%;>.video-container{flex-direction:column;width:100%;>.video-player{aspect-ratio:16/9;border-radius:12px;overflow:hidden;width:100%;>.player{height:100%;width:100%}}}}}&[open]::backdrop{animation:var(--animBackdrop)}}.video-upload-header{align-items:center;border-bottom:2px solid var(--colorCardOutline);display:flex;height:55px;justify-content:center;position:relative;>span:first-child{font-family:var(--titleM);font-size:20px}}.video-upload-header .close{align-items:center;border:1.5px solid var(--colorLine);border-radius:50%;box-sizing:border-box;-webkit-box-sizing:border-box;display:flex;height:28px;justify-content:center;position:absolute;right:8px;top:50%;transform:translateY(-50%);width:28px;>span{color:var(--colorSubtitle);font-size:22px}}.video-prop{box-sizing:border-box;-webkit-box-sizing:border-box;display:flex;justify-content:space-between;padding:8px 0;width:100%}.video-prop .fileName{font-size:15px;margin-right:20px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.video-prop .size{color:var(--colorSubtitle);flex-shrink:0;font-size:15px}.video-upload-buttons{display:flex;gap:50px;padding-bottom:30px;padding-top:30px}@media (hover:hover){.video-upload-dialog{>.container{>.video-upload-header{>.close:hover{background-color:var(--colorCardHover)}}}}}.video-list-container{-ms-overflow-style:none;--_scrollSize:42px;box-sizing:border-box;-webkit-box-sizing:border-box;display:flex;gap:11px;margin:0 var(--paddingPage);min-height:280px;overflow-x:auto;position:relative;scroll-behavior:smooth;scrollbar-width:none;&::-webkit-scrollbar{display:none}>.scrollLeft,>.scrollRight{align-items:center;background-color:var(--colorButtonPrimary);border-radius:50%;box-sizing:border-box;-webkit-box-sizing:border-box;display:flex;height:var(--_scrollSize);justify-content:center;left:0;min-width:var(--_scrollSize);position:absolute;top:50%;transform:translateY(-90%);z-index:999;>span{color:#fff;font-size:20px;margin-left:5px}}>.scrollRight{left:auto;right:0}>.video-item{--_itemW:410px;box-sizing:border-box;-webkit-box-sizing:border-box;display:flex;flex-direction:column;gap:10px;>.img-container{--_aspect:calc(var(--_itemW)*0.565);border:2.5px solid #0000;border-radius:12px;box-sizing:border-box;-webkit-box-sizing:border-box;max-height:var(--_aspect);max-width:var(--_itemW);min-height:var(--_aspect);min-width:var(--_itemW);overflow:hidden;position:relative;>video{box-sizing:border-box;-webkit-box-sizing:border-box;height:100%;object-fit:cover;transition:all .3s ease;width:100%}>.selection{aspect-ratio:1/1;background-color:#05050566;border:1.5px solid var(--colorLine);border-radius:50%;right:8px;top:8px;width:30px;>.checklist{color:#fff;display:none;font-size:28px}&.selected{background-color:var(--colorButtonPrimary);border-color:var(--colorButtonPrimary);>.checklist{display:block}}}>.play,>.selection{align-items:center;box-sizing:border-box;-webkit-box-sizing:border-box;display:flex;justify-content:center;position:absolute}>.play{aspect-ratio:1;background-color:#05050533;border:2.5px solid #fff;border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%);width:50px;>span{color:#fff;font-size:45px}}>.duration{background-color:#000c;border-radius:4px;bottom:8px;color:#fff;font-family:var(--textB);font-size:12px;padding:3px 6px;position:absolute;right:8px}}>.file-name{font-family:var(--textM);font-size:16px;margin-left:4px;max-width:var(--_imgW);overflow:hidden;white-space:nowrap}}}@media (hover:hover){.video-list-container{>.scrollLeft:hover,>.scrollRight:hover{background-color:var(--colorPrimaryHover)}>.video-item{>.img-container:hover{border-color:var(--colorToolbar);>video:hover{scale:1.05}}}}}@media (max-width:1024px){.video-list-container{>.scrollLeft,>.scrollRight{display:none}}}@media (max-width:1023px){.video-list-container{gap:9px;min-height:235px;>.video-item{--_itemW:380px;gap:8px;>.img-container{--_aspect:calc(var(--_itemW)*0.565);border-radius:10px;height:var(--_aspect);max-height:var(--_aspect);max-width:var(--_itemW);min-height:var(--_aspect);min-width:var(--_itemW);width:var(--_itemW);>.selection{width:25px;>.checklist{font-size:24px}}>.play{width:42px;>span{font-size:37px}}}>.file-name{font-size:14px}}}}@media (max-width:767px){.video-list-container{min-height:235px;>.video-item{--_itemW:340px;gap:6px;>.img-container{--_aspect:calc(var(--_itemW)*0.565);height:var(--_aspect);max-height:var(--_aspect);max-width:var(--_itemW);min-height:var(--_aspect);min-width:var(--_itemW);width:var(--_itemW)}>.file-name{font-size:13px}}}}@media (max-width:389px){.video-list-container{gap:6px;min-height:195px;>.video-item{--_itemW:290px;gap:4px;>.img-container{--_aspect:calc(var(--_itemW)*0.565);height:var(--_aspect);max-height:var(--_aspect);max-width:var(--_itemW);min-height:var(--_aspect);min-width:var(--_itemW);width:var(--_itemW);>.selection{width:25px;>.checklist{font-size:24px}}>.play{width:36px;>span{font-size:30px}}}>.file-name{font-size:11px}}}}.video-sort{-webkit-touch-callout:none;background-color:initial;border:none;box-sizing:border-box;-webkit-box-sizing:border-box;display:none;outline:0;padding:0;position:relative;-webkit-user-select:none;user-select:none;&[open]{display:block}>.container{background-color:var(--colorCard);box-sizing:border-box;-webkit-box-sizing:border-box;display:flex;flex-direction:column;height:100dvh;left:50%;opacity:0;position:fixed;top:0;transform:translateX(-50%);transition:all .25s ease;visibility:hidden;width:42%;&.show{opacity:1;visibility:visible}>.content{display:inline-block;width:100%;>.list{box-sizing:border-box;-webkit-box-sizing:border-box;display:flex;flex-direction:column;overflow-x:hidden;overflow-y:scroll;position:absolute;width:100%;>.item{--_itemPadding:12px;align-items:center;display:flex;padding:var(--_itemPadding) 0;touch-action:none;>video{aspect-ratio:16/9;border-radius:7px;margin-left:var(--_itemPadding);object-fit:cover;width:180px}>.content{display:flex;flex-direction:column;flex-grow:1;gap:4px;min-width:0;padding:0 var(--_itemPadding);>.file-name{font-family:var(--textM);font-size:17px;overflow:hidden;white-space:nowrap}>.details{align-items:center;display:flex;gap:20px;>.duration{background-color:#1e1e1eb3;border-radius:3px;box-sizing:border-box;-webkit-box-sizing:border-box;color:#fff;font-family:var(--textM);font-size:13px;padding:1px 4px}>.number{font-family:var(--titleM);font-size:19px}}}>.btn-drag{align-items:center;border-radius:50%;cursor:move;display:flex;flex-shrink:0;height:38px;justify-content:center;margin-right:8px;width:38px;>span:first-child{font-size:28px}}}}}>.buttons{background-color:#fffc;bottom:0;box-sizing:border-box;-webkit-box-sizing:border-box;display:flex;gap:120px;justify-content:space-between;left:0;padding:15px 20px;position:absolute;width:100%;&.show{opacity:1}}}&[open]::backdrop{animation:var(--animBackdrop)}}@media (hover:hover){.video-sort{>.container{>.content{>.list{>.item:hover{background-color:var(--colorCardHover)}}}}}}@media (max-width:1439px){.video-sort{>.container{width:50%;>.buttons{gap:80px}}}}@media (min-width:1024px) and (max-width:1249px){.video-sort{>.container{width:75%;>.buttons{gap:80px}}}}@media (min-width:768px) and (max-width:1023px){.video-sort{>.container{width:100%;>.content{>.list{>.item{>img{border-radius:8px;width:130px}}}}>.buttons{gap:30px}}}}@media (max-width:767px){.video-sort{>.container{width:100%;>.content{>.list{>.item{>img{border-radius:6px;width:100px}}}}>.buttons{gap:20px}}}}.set-video-stream{display:inline-block;height:100dvh;overflow:hidden;position:relative;width:100%;>.content{animation:var(--animShowPage);box-sizing:border-box;-webkit-box-sizing:border-box;display:flex;flex-direction:column;gap:45px;height:var(--pageHeight);opacity:0;overflow:auto;overflow:scroll;padding:var(--paddingPage);>.first{display:flex;gap:150px}>.second{align-items:end;display:flex;gap:60px;>.text-field{flex-grow:1}}>.input-number{width:350px}}}@media (max-width:767px){.set-video-stream{>.content{gap:30px;>.second{flex-direction:column;gap:15px;>.text-field{width:100%}}}}}@media (max-width:499px){.set-video-stream{>.content{>.input-number{width:75%}}}}.set-world-time{display:inline-block;height:100dvh;overflow:hidden;position:relative;width:100%;>.content{animation:var(--animShowPage);box-sizing:border-box;-webkit-box-sizing:border-box;display:flex;flex-direction:column;height:var(--pageHeight);opacity:0;overflow:auto;overflow:scroll;padding:var(--paddingPage);>.top{display:flex;justify-content:space-between;.switch{flex-shrink:0}>.select-status{align-items:center;display:flex;gap:20px;>span{font-size:16px;text-align:end}>.button{align-items:center;border:2px solid var(--colorLine);border-radius:20px;cursor:pointer;display:flex;flex-shrink:0;gap:8px;justify-content:center;padding:7px 13px;transition:all .2s ease;&.select{background-color:var(--colorButtonPrimary);>div,>span{color:#fff}}&:not(.select):hover{background-color:var(--colorCardHover)}>span{color:var(--colorSubtitle);font-size:23px}>div{color:var(--colorTitle);font-size:16px}}}}>.items{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:30px;>.item{-webkit-touch-callout:none;align-items:center;background-color:var(--colorCard);border:2px solid var(--colorCardOutline);border-radius:12px;display:flex;gap:25px;padding:12px 20px;transition:all .25s ease;-webkit-user-select:none;user-select:none;>img{height:52px;width:52px}>.content{display:flex;flex-direction:column;gap:4px;>span:first-child{color:var(--colorTitle);font-size:16px}>span:last-child{color:var(--colorSubtitle);font-size:17px}}&.checked{border:2px solid var(--colorButtonPrimary)}}}}}@media (hover:hover){.set-world-time{>.content{>.items{>.item:hover{background-color:var(--colorCardHover)}}}}}@media (max-width:1679px){.set-world-time{>.content{>.items{grid-template-columns:repeat(2,minmax(0,1fr))}}}}@media (max-width:1023px){.set-world-time{>.content{>.top{>.select-status{>span{display:none}}}}}}@media (max-width:767px){.set-world-time{>.content{>.top{>.select-status{display:none}}>.items{grid-template-columns:minmax(0,1fr);>.item{>img{height:46px;width:46px}>.content{align-items:center;flex-direction:row;gap:4px;justify-content:space-between;width:100%;>span:first-child{font-family:var(--titleM);font-size:20px}>span:last-child{font-size:17px;width:fit-content}}}}}}}.set-donation{display:inline-block;height:100dvh;overflow:hidden;position:relative;width:100%;>.content{--_hHeight:95px;animation:var(--animShowPage);box-sizing:border-box;-webkit-box-sizing:border-box;display:flex;flex-direction:column;height:var(--pageHeight);opacity:0;>.header{align-items:center;background-color:var(--colorCard);border-bottom:1px solid var(--colorCardOutline);box-sizing:border-box;-webkit-box-sizing:border-box;display:flex;gap:80px;min-height:var(--_hHeight);padding:0 var(--paddingPage);position:sticky;z-index:3;>:first-child{flex-shrink:0}>.input-container{align-items:center;display:flex;gap:30px;width:100%;>span:first-child{font-family:var(--titleM);font-size:19px;margin-top:3px}}}>.list-container{animation:var(--animShowPage);box-sizing:border-box;-webkit-box-sizing:border-box;display:flex;flex-direction:column;min-height:calc(100dvh - var(--toolbarHeight) - var(--_hHeight));opacity:0;overflow:scroll;padding:var(--paddingPage);>.list{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(4,minmax(0,1fr));width:100%;>.item{align-items:center;background-color:var(--colorCard);border:2px solid var(--colorCardOutline);border-radius:10px;cursor:pointer;display:flex;min-width:0;padding:15px 8px 15px 12px;>.left{display:flex;flex-direction:column;flex-grow:1;font-family:var(--textM);gap:2px;overflow:hidden;>span:first-child{color:var(--colorTitle);font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}>span:last-child{color:var(--colorSubtitle);font-size:14px}}>.right{align-items:center;box-sizing:border-box;-webkit-box-sizing:border-box;display:flex;gap:8px;padding-left:15px;white-space:nowrap;>span:first-child{font-family:var(--titleM);font-size:18px}>span:last-child{color:var(--colorLine);font-size:16px;font-weight:600;margin-top:2px}}}}}}}@media (hover:hover){.set-donation{>.content{>.list-container{>.list{>.item:hover{border-color:var(--colorToolbar)}}}}}}@media (max-width:1679px){.set-donation{>.content{padding-bottom:80px;>.list-container{>.list{grid-template-columns:repeat(3,minmax(0,1fr))}}}}}@media (max-width:1365px){.set-donation{>.content{padding-bottom:80px;>.list-container{>.list{grid-template-columns:repeat(2,minmax(0,1fr))}}}}}@media (max-width:767px){.set-donation{>.content{>.header{gap:50px;>.input-container{gap:20px;width:100%}}>.list-container{>.list{grid-template-columns:minmax(0,1fr)}}}}}@media (max-width:549px){.set-donation{>.content{>.header{>.input-container{gap:0}}}}}.donation-dialog-add{-webkit-touch-callout:none;background-color:initial;border:none;display:none;justify-content:center;outline:0;padding:0;position:relative;-webkit-user-select:none;user-select:none;width:100%;&[open],>.container{display:flex}>.container{background-color:var(--colorCard);border-radius:var(--alertCorner);box-sizing:border-box;-webkit-box-sizing:border-box;flex-direction:column;gap:30px;padding:20px;scale:0;transition:all .25s ease;visibility:hidden;width:min(100%,460px);&.show{scale:1;visibility:visible}}&[open]::backdrop{animation:var(--animBackdrop)}}.donation-add-dialog-header{align-items:center;display:flex;justify-content:space-between;>span:first-child{font-size:18px}>.close{align-items:center;aspect-ratio:1/1;border-radius:50%;display:flex;justify-content:center;width:36px;>span{font-size:var(--alertCloseSize)}}}.donation-add-dialog-buttons{display:flex;gap:40px;justify-content:space-between;margin-top:20px}@media (hover:hover){.donation-dialog-add{>.container{>.donation-add-dialog-header{>.close:hover{background-color:var(--colorCardHover)}}}}}@media (max-width:1023px){.donation-dialog-add{min-height:100dvh;min-width:100vw;>.container{border-bottom-left-radius:0;border-bottom-right-radius:0;bottom:0;left:50%;position:absolute;scale:1;transform:translate(-50%,100%);&.show{left:50%;scale:1;transform:translateY(0);transform:translate(-50%);visibility:visible}}}}@media (max-width:767px){.donation-dialog-add{>.container{left:0;transform:translateY(100%);&.show{left:0;transform:translateY(0);transform:translate(0)}}}.donation-add-dialog-header{align-items:center;display:flex;justify-content:space-between;>span:first-child{flex-grow:1;font-family:var(--titleM);font-size:21px;text-align:center}}.donation-add-dialog-buttons{gap:25px}}.set-donation-form{background-color:var(--colorPage);display:none;height:100dvh;left:0;overflow:hidden;position:absolute;top:0;width:100%;&.show{display:inline-block}>.content{box-sizing:border-box;-webkit-box-sizing:border-box;display:flex;flex-direction:column;gap:40px;height:var(--pageHeight);overflow:auto;overflow:scroll;padding:var(--paddingPage);>.image-color{display:flex;gap:40px;>.colours{display:flex;flex-direction:column;gap:30px;width:100%}}}}@media (max-width:1023px){.set-donation-form{>.content{gap:30px;>.image-color{align-items:center;flex-direction:column-reverse;gap:30px}}}}.donation-forms-root{display:flex;flex-direction:column;gap:30px;.donation-forms{display:flex;justify-content:space-between;width:100%;>.left{display:flex;width:48%;>.title{display:flex;flex-direction:column;gap:12px;justify-content:end;width:140px;>span{align-items:center;display:flex;font-family:var(--titleM);font-size:18px;height:40px;justify-content:center}}>.date-container{align-items:center;display:flex;flex-direction:column;gap:12px;width:100%;>span:first-child{font-family:var(--titleM);font-size:20px}}}>.value-container{align-items:center;display:flex;flex-direction:column;gap:12px;width:48%;>span:first-child{font-family:var(--titleM);font-size:20px}}}>.bottom{align-items:center;display:flex;gap:50px;justify-content:end;>.total{align-items:center;display:flex;gap:30px;>span:first-child{font-family:var(--titleM);font-size:20px}>span:last-child{background-color:#9deef5;border-radius:10px;font-family:var(--textM);font-size:22px;padding:8px 0;text-align:center;width:280px}}}}@media (max-width:1023px){.donation-forms-root{.donation-forms{>.left{width:49%;>.title{display:none}}>.value-container{width:49%}}>.bottom{align-items:end;gap:15px;justify-content:normal;>.total{align-items:start;flex-direction:column;gap:5px;width:100%;>span:first-child{font-size:16px}>span:last-child{background-color:var(--colorInfo);box-sizing:border-box;-webkit-box-sizing:border-box;color:#fff;font-size:20px;padding:7px 10px;text-align:center;width:min(100%,350px)}}}}}.donation-form-months{grid-gap:12px;display:grid;font-size:16px;gap:12px;grid-template-columns:repeat(4,auto);>.month{align-items:center;background-color:var(--colorCard);border:2px solid var(--colorLine);border-radius:10px;box-sizing:border-box;-webkit-box-sizing:border-box;cursor:pointer;display:flex;font-family:var(--textM);justify-content:center;padding:11px 5px;transition:all .3s ease;>.value{color:var(--colorSubtitle)}&.checked{border-color:var(--colorButtonPrimary)}}}@media (hover:hover){.donation-form-months{>.month:not(.checked):hover{background-color:var(--colorCardHover);border-color:var(--colorToolbar)}}}@media (max-width:1023px){.donation-form-months{font-size:13px;grid-template-columns:repeat(3,auto);>.month{border-width:1.5px;>.value{display:none}}}}.set-donation-qr{display:inline-block;height:100dvh;overflow:hidden;position:relative;width:100%;>.content{animation:var(--animShowPage);box-sizing:border-box;-webkit-box-sizing:border-box;display:flex;flex-direction:column;gap:40px;height:var(--pageHeight);opacity:0;overflow:auto;overflow:scroll;padding:var(--paddingPage);>.form{display:flex;gap:80px;>.input-number{flex-grow:1;flex-shrink:0}>.link{display:flex;flex-direction:column;width:min(100%,700px);>.buttons{display:flex;gap:30px;margin-top:15px}}}>.images{display:flex;gap:80px;>.qr-container{position:relative;>.qr-code{bottom:0;left:0;position:absolute}}}}}@media (min-width:1024px) and (max-width:1365px){.set-donation-qr{>.content{>.form{gap:50px}}}}@media (max-width:1023px){.set-donation-qr{>.content{>.form{flex-direction:column;gap:30px;>.input-number{width:45%}>.link{align-items:end;>.text-field{width:100%}}}>.images{gap:30px}}}}@media (max-width:768px){.set-donation-qr{>.content{>.images{flex-direction:column;flex-flow:column-reverse;gap:30px}}}}@media (max-width:540px){.set-donation-qr{>.content{>.form{>.input-number{width:70%}}}}}@media (max-width:390px){.set-donation-qr{>.content{>.form{>.input-number{width:80%}}}}}.set-theme{box-sizing:border-box;-webkit-box-sizing:border-box;display:inline-block;height:100dvh;overflow:hidden;position:relative;width:100%;>.content{align-items:start;animation:var(--animShowPage);box-sizing:border-box;-webkit-box-sizing:border-box;display:flex;flex-direction:column;gap:40px;height:var(--pageHeight);max-width:inherit;opacity:0;overflow-y:scroll;padding:var(--paddingPage);scroll-behavior:smooth;>.chooser-container{display:flex;flex-direction:column;gap:8px;>span:first-child{font-family:var(--titleM);font-size:var(--formTitleSize)}}>.colours{display:flex;gap:100px;width:100%}}}.size-lang-logo{display:flex;gap:70px;width:100%;>.logos{gap:18px}>.logos,>.size-lang{display:flex;flex-direction:column}>.size-lang{gap:30px;margin-top:40px;width:100%}}.theme-prayer-size{display:flex;gap:60px}.theme-headers{align-items:center;display:flex;gap:40px;width:100%}.theme-headers .img-preview{display:flex;flex-direction:column;gap:11px;>span{font-family:var(--titleM);font-size:19px}>img{object-fit:contain;width:350px}}.theme-headers .size{display:flex;flex-grow:1;gap:40px}@media (max-width:767px){.set-theme{>.content{gap:30px;>.chooser-container{display:flex;flex-direction:column;gap:8px;>span:first-child{font-size:var(--formTitleSize)}}>.colours{gap:initial;justify-content:space-between}}}.size-lang-logo{flex-direction:column;gap:30px;>.size-lang{margin-top:0}}.theme-prayer-size{gap:25px}.theme-headers{align-items:normal;flex-direction:column;gap:20px}.theme-headers .img-preview{gap:6px;>span{font-size:17px}>img{width:240px}}.theme-headers .size{gap:30px}}.theme-chooser{box-sizing:border-box;-webkit-box-sizing:border-box;min-height:260px;overflow:hidden;position:relative;>span{align-items:center;aspect-ratio:1/1;background-color:var(--colorButtonPrimary);border-radius:50%;color:#fff;display:flex;font-size:32px;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);width:40px}>span:first-child{left:5px}>span:nth-child(2){right:5px}>.carousel{-ms-overflow-style:none;display:flex;gap:12px;overflow-x:auto;scroll-behavior:smooth;scroll-snap-type:x mandatory;scrollbar-width:none;&::-webkit-scrollbar{display:none}>.theme-carousel-item{aspect-ratio:16/9;border:5px solid #0000;border-radius:15px;scroll-snap-align:start;width:445px;&.select{border-color:var(--colorButtonPrimary)}}}}@media (hover:hover){.theme-chooser{>span:hover{background-color:var(--colorButtonPrimaryHover)}>.carousel{>.theme-carousel-item:not(.select):hover{border-color:var(--colorToolbar)}}}}@media (max-width:1366px){.theme-chooser{min-height:205px;>span{display:none}>.carousel{>.theme-carousel-item{width:340px}}}}.theme-normal{display:flex;flex-direction:column;flex-grow:1;>.title{font-family:var(--titleM);font-size:var(--formTitleSize);margin-bottom:0;padding-bottom:0}>.prayer{align-items:center;display:flex;gap:20px;margin-top:10px;>.prayers{aspect-ratio:16/9;min-width:140px;position:relative}}>.color-picker{margin-top:20px}}@media (max-width:1366px){.theme-normal{flex-grow:0;width:47%;>.prayer{flex-direction:column;gap:15px;>.prayers{min-width:120px}}>.color-picker{margin-top:15px}}}.theme-prayer1{align-items:center;aspect-ratio:16/9;background-color:#000;box-sizing:border-box;-webkit-box-sizing:border-box;display:flex;flex-direction:column;justify-content:space-between;opacity:0;position:absolute;transition:all .3s ease;visibility:hidden;width:140px;>span{color:#fff;font-family:var(--textM)}>span:first-child{font-size:23px;padding:4px 0;text-align:center;width:100%}>span:last-child{font-size:24px;padding-bottom:3px}}@media (max-width:1366px){.theme-prayer1{width:120px;>span:first-child{font-size:20px}>span:last-child{font-size:21px}}}.theme-prayer2{align-items:center;aspect-ratio:16/9;background-color:#000;border-bottom-left-radius:10px;border-bottom-right-radius:10px;border-top-left-radius:4px;border-top-right-radius:4px;box-sizing:border-box;-webkit-box-sizing:border-box;display:flex;flex-direction:column;justify-content:space-between;opacity:0;overflow:hidden;position:absolute;transition:all .3s ease;visibility:hidden;width:140px;>span{color:#fff;font-family:var(--textB)}>span:first-child{font-size:21px;padding-top:6px}>span:last-child{background-color:#fff;border-bottom-left-radius:8px;border-bottom-right-radius:8px;border-top-left-radius:2px;border-top-right-radius:2px;color:#000;font-size:23px;margin-bottom:4px;padding:2px 0;text-align:center;width:calc(100% - 8px)}}@media (max-width:1366px){.theme-prayer2{width:120px;>span:first-child{font-size:18px}>span:last-child{font-size:20px}}}.theme-prayer3{align-items:center;aspect-ratio:16/9;background-color:#000;border-radius:6px;box-sizing:border-box;-webkit-box-sizing:border-box;display:flex;flex-direction:column;justify-content:space-around;opacity:0;position:absolute;transform:skew(-12deg);transition:all .3s ease;visibility:hidden;width:135px;>span{color:#fff;font-family:var(--textB);font-size:21px}}@media (max-width:1366px){.theme-prayer3{width:120px;>span{font-size:18px}}}.theme-prayer4{align-items:center;aspect-ratio:16/9;background-color:#000;border:1.5px solid #fff;border-bottom-left-radius:3px;border-bottom-right-radius:12px;border-top-left-radius:12px;border-top-right-radius:3px;box-sizing:border-box;-webkit-box-sizing:border-box;display:flex;flex-direction:column;justify-content:space-around;opacity:0;position:absolute;transition:all .3s ease;visibility:hidden;width:135px;>span{color:#fff;font-family:var(--textM);font-size:21px}}@media (max-width:1366px){.theme-prayer4{width:120px;>span{font-size:18px}}}.theme-active{display:flex;flex-direction:column;flex-grow:1;>.title{font-family:var(--titleM);font-size:var(--formTitleSize)}>.prayer{align-items:center;display:flex;gap:20px;margin-top:10px;>.prayers{aspect-ratio:16/9;min-width:140px;position:relative}}>.color-picker{margin-top:20px}}@media (max-width:1366px){.theme-active{flex-grow:0;width:47%;>.title{font-family:var(--titleM);font-size:var(--formTitleSize)}>.prayer{flex-direction:column;gap:15px;>.prayers{min-width:120px}}>.color-picker{margin-top:15px}}}.set-ramadan{display:inline-block;height:100dvh;overflow:hidden;position:relative;width:100%;>.content{animation:var(--animShowPage);box-sizing:border-box;-webkit-box-sizing:border-box;display:flex;flex-direction:column;height:var(--pageHeight);opacity:0;overflow:auto;overflow:scroll;padding:var(--paddingPage);>#ra-sw-tarawih{margin-bottom:20px}>.tarawih{display:flex;>.t-content{display:flex;flex-direction:column;flex-grow:1;margin-left:30px;>.t-date{display:flex;gap:30px}>.line-view{margin:30px 0}>.t-time{display:flex;gap:30px}}}>.divider{border:0;border-top:1.8px solid var(--colorLine);margin:35px 0;visibility:hidden}>#ra-sw-eid{margin-bottom:20px}>.eid{display:flex;>.e-content{flex-grow:1;margin-left:30px;>.line-view{margin:30px 0}>.e-time{display:flex;gap:30px}}}}}@media (max-width:799px){.set-ramadan{>.content{>.tarawih{flex-direction:column;gap:30px;>.t-content{margin-left:0;width:100%;>.t-date{gap:20px}>.line-view{margin:10px 0;visibility:hidden}>.t-time{gap:20px}}}>.divider{visibility:visible}>.eid{flex-direction:column;gap:30px;>.e-content{margin-left:0;>.line-view{margin:10px 0;visibility:hidden}>.e-time{gap:20px}}}}}}.set-islamic-day{display:inline-block;height:100dvh;overflow:hidden;position:relative;width:100%;>.content{animation:var(--animShowPage);box-sizing:border-box;-webkit-box-sizing:border-box;display:flex;flex-direction:column;height:var(--pageHeight);opacity:0;overflow:auto;overflow:scroll;padding:0;>.radio-menu{align-items:center;background-color:var(--colorPage);display:flex;justify-content:center;left:0;min-height:65px;position:sticky;top:0;width:100%;z-index:1}>.items{grid-gap:14px;box-sizing:border-box;-webkit-box-sizing:border-box;display:grid;gap:14px;grid-template-columns:repeat(4,minmax(0,1fr));padding:var(--paddingPage);>.item{align-items:center;aspect-ratio:1/.8;background-color:var(--colorCard);border:2.5px solid var(--colorCardOutline);border-radius:12px;box-sizing:border-box;-webkit-box-sizing:border-box;cursor:pointer;display:flex;flex-direction:column;justify-content:center;position:relative;&.selected{border-color:var(--colorButtonPrimary)}>.number{font-size:17px;left:10px;position:absolute;top:9px}>.day-name{box-sizing:border-box;-webkit-box-sizing:border-box;font-family:var(--textM);font-size:16px;min-width:0;padding:0 15px;text-align:center;width:100%}>.date{bottom:8px;color:var(--colorSubtitle);font-size:15px;right:10px}>.date,>.own{position:absolute}>.own{font-size:23px;right:8px;top:7px}}}}}@media (hover:hover){.set-islamic-day{>.content{>.items{>.item:hover{background-color:var(--colorCardHover)}}}}}@media (min-width:820px) and (max-width:1366px){.set-islamic-day{>.content{>.items{grid-template-columns:repeat(3,minmax(0,1fr));>.item{>.day-name{font-size:15px}}}}}}@media (min-width:820px) and (max-width:1024px){.set-islamic-day{>.content{>.items{gap:10px;>.item{>.date{font-size:14px}}}}}}@media (min-width:768px) and (max-width:819px){.set-islamic-day{>.content{>.items{grid-template-columns:repeat(2,minmax(0,1fr));padding-bottom:80px;>.item{aspect-ratio:1/.5}}}}}@media (max-width:767px){.set-islamic-day{>.content{>.items{grid-template-columns:minmax(0,1fr);padding-bottom:80px;>.item{align-items:start;aspect-ratio:16/4.7;border-radius:15px;gap:3px;padding-left:18px;>.number{font-size:15px;left:auto;right:10px}>.day-name{font-size:18px;padding:0;text-align:start}>.date{position:static}>.own{bottom:7px;font-size:20px;top:auto}}}}}}.islamic-day-form{background-color:var(--colorPage);display:none;height:100dvh;left:0;overflow:hidden;position:absolute;top:0;width:100%;&.show{display:inline-block}>.content{animation:var(--animShowPage);box-sizing:border-box;-webkit-box-sizing:border-box;display:flex;flex-direction:column;height:var(--pageHeight);opacity:0;overflow:auto;overflow:scroll;padding:var(--paddingPage);>.form{display:flex;gap:30px;>.moments{display:flex;flex-direction:column;gap:11px;width:100%;>span{font-family:var(--titleM);font-size:19px}>textarea{border:2px solid var(--colorLine);border-radius:10px;box-sizing:border-box;-webkit-box-sizing:border-box;font-family:var(--textM);font-size:17px;height:300px;outline:medium none invert;outline:initial;padding:12px;resize:none;width:100%}}>.dates{align-items:end;display:flex;flex-direction:column;flex-shrink:0;gap:30px;width:400px;>.buttons{display:flex;gap:25px;justify-content:end;width:100%}}}}}@media (max-width:1023px){.islamic-day-form{>.content{>.form{flex-direction:column;gap:30px;>.moments{display:flex;flex-direction:column;gap:11px;>textarea{height:210px}}>.dates{width:100%;>.buttons{display:none}}}>.mobile-buttons{margin-top:80px}}}}.dashboard{display:flex;height:100dvh;overflow:hidden;position:relative;width:100%;>.content{display:inline-block;flex-grow:1;>.dashboard-toolbar{align-items:center;background-color:var(--colorCard);box-sizing:border-box;-webkit-box-sizing:border-box;display:flex;height:var(--toolbarHeight);justify-content:space-between;padding:0 16px;>.greetings{display:flex;flex-direction:column;font-family:var(--textM);>.salam{font-size:14px}>.name{color:var(--colorSubtitle);font-size:17px}}>.welcome{color:var(--colorButtonPrimary);font-family:var(--titleM);font-size:20px}}>.main{align-items:center;box-sizing:border-box;-webkit-box-sizing:border-box;display:flex;flex-direction:column;height:var(--pageHeight);overflow:auto;overflow:scroll}}}@media (min-width:1024px){.dashboard>.content>#home-toolbar,.dashboard>.content>.main>.dashboard-mobile{display:none}}@media (max-width:1023px){.dashboard>.content>.dashboard-toolbar,.dashboard>.content>.main>.dashboard-desktop,.dashboard>.dashboard-profile{display:none}}.dashboard-mobile{--_gap:1.8px;grid-gap:var(--_gap);--_menuWidth:calc(25% - var(--_gap)/2);box-sizing:border-box;-webkit-box-sizing:border-box;display:grid;gap:var(--_gap);grid-template-columns:repeat(4,minmax(0,var(--_menuWidth)));width:100%;.menu-item{align-items:center;aspect-ratio:1/.85;background-color:var(--colorCard);box-sizing:border-box;-webkit-box-sizing:border-box;display:flex;flex-direction:column;gap:18px;justify-content:center;width:100%;.img-menu{height:70px;width:70px}.menu-text{color:#000c;font-family:var(--textM);font-size:19px;text-align:center}}}@media (max-width:390px){.dashboard-mobile{.menu-item{.img-menu{height:55px;width:55px}.menu-text{font-size:16px}}}}@media (max-width:819px){.dashboard-mobile{--_menuWidth:calc(33% - var(--_gap)/2);grid-template-columns:repeat(3,minmax(0,var(--_menuWidth)))}}@media (max-width:619px){.dashboard-mobile{--_menuWidth:calc(50% - var(--_gap)/2);grid-template-columns:repeat(2,minmax(0,var(--_menuWidth)))}}@media (max-width:324px){.dashboard-mobile{--_menuWidth:calc(100% - var(--_gap)/2);grid-template-columns:minmax(0,var(--_menuWidth))}}.dashboard-desktop{border-bottom-right-radius:40px;box-sizing:border-box;-webkit-box-sizing:border-box;display:flex;flex-direction:column;gap:15px;height:100dvh;max-width:1600px;overflow:hidden;padding:15px;width:100%;>.top-cards{display:flex;gap:15px;justify-content:space-between;>.card{align-items:center;background-color:var(--colorCard);border-radius:8px;border-radius:var(--dashboardCardCorner);box-shadow:0 1.5px 6px 0 #ebebeb;box-shadow:var(--dashboardCardShadow);box-sizing:border-box;-webkit-box-sizing:border-box;cursor:pointer;display:flex;gap:15px;min-height:90px;padding:15px;width:100%;>.icon-container{align-items:center;aspect-ratio:1/1;background-color:#dcedc8;border-radius:50%;box-sizing:border-box;-webkit-box-sizing:border-box;display:flex;flex-shrink:0;justify-content:center;width:38px;&.offline{background-color:#ffd9d9}&.reload{background-color:#fff8e1}&.about{background-color:#e1f5fe}>.icon{color:#4caf50;font-size:22px;&.offline{color:var(--colorNegative)}&.reload{color:#ff9800}&.about{color:#2196f3}}}>.content{display:flex;flex-direction:column;gap:2px;>.title{font-family:var(--titleM);font-size:17px}>.value{color:var(--colorSubtitle);font-family:var(--textM);font-size:14px;&.online{font-size:16px}}}}>.card-profile{display:none}}}:root{--dashboardCardShadow:0 1.5px 6px 0 #ebebeb;--dashboardCardCorner:8px}@media (hover:hover){.dashboard-desktop{>.top-cards{>.card:hover{background-color:var(--colorCardHover)}}}}@media (max-width:1366px){.dashboard-desktop{padding:12px;>.top-cards{gap:12px;>.card{gap:18px;min-height:84px;padding:0 14px;>.icon-container{width:32px;>.icon{font-size:20px}}>.content{>.title{font-size:15px}>.value{font-size:12px;&.online{font-size:13px}}}}}}}@media (max-width:1024px){.dashboard-desktop{>.top-cards{>.card-profile{display:flex}}}}.dashboard-transaction{box-sizing:border-box;-webkit-box-sizing:border-box;display:flex;flex-direction:column;flex-grow:1;gap:20px;min-height:0;width:100%;.trx-title{font-family:var(--titleM);font-size:18px;margin-bottom:8px}>.trx-root{box-sizing:border-box;-webkit-box-sizing:border-box;display:flex;flex-direction:column;height:100%;max-height:600px;min-height:0;>.trx-card{background-color:var(--colorCard);border-radius:var(--dashboardCardCorner);box-shadow:var(--dashboardCardShadow);box-sizing:border-box;-webkit-box-sizing:border-box;display:flex;flex-direction:column;height:100%;overflow:hidden;width:100%;>.filter-container{align-items:end;display:flex;gap:30px;padding:10px 15px;>.dropdown-root{width:200px}>.btn-filter{align-items:center;aspect-ratio:1/1;background-color:initial;border:1.8px solid var(--colorLine);border-radius:10px;box-sizing:border-box;-webkit-box-sizing:border-box;cursor:pointer;display:flex;justify-content:center;width:42px;>span{color:var(--colorPrimary);font-size:22px;font-weight:600}}}>.trx-list-container{border:1.8px solid var(--colorLine);border-radius:7px;box-sizing:border-box;height:100%;margin:6px;max-height:calc(100% - 1px);overflow:auto;position:relative;>.trx-table{border-collapse:collapse;box-sizing:border-box;-webkit-box-sizing:border-box;width:100%;#tbody,#thead,td,tr{box-sizing:border-box;-webkit-box-sizing:border-box}#thead{background-color:#f6f6f6;left:0;position:sticky;top:0;>tr{>th{font-family:var(--titleM);font-size:17px}}}#tbody{max-height:100%;overflow:auto;width:100%;>.tValues{border-top:1.5px solid #f5f5f5;position:relative;>.date-v{color:var(--colorSubtitle)}>.status{align-items:center;display:flex;gap:5px;justify-content:center;>span:first-child{font-size:16px}>span:last-child{font-size:13px}&.success{color:var(--colorPrimary)}&.pending{color:var(--colorThird)}&.failed{color:var(--colorNegative)}>.pay{background-color:#237dbe;border:0;border-radius:5px;box-sizing:border-box;-webkit-box-sizing:border-box;color:#fff;cursor:pointer;font-family:var(--textB);font-size:13px;padding:4px 8px}}}}td,th{padding:12px 0;text-align:center}td{font-family:var(--textM);font-size:14px}td.no-v,th.no{width:8%}}>.state{color:var(--colorSubtitle);font-family:var(--textM);font-size:17px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}}}}>.about{display:flex;flex-shrink:0;gap:15px;height:160px;>.about-container{display:flex;flex-direction:column;width:100%;>.company,>.version{align-items:center;border:2.5px solid #b3e5fc;border-radius:var(--dashboardCardCorner);box-sizing:border-box;-webkit-box-sizing:border-box;display:flex;flex-direction:column;font-family:var(--textM);font-size:16px;height:100%;justify-content:center;padding:0 10px;width:100%;span{text-align:center}>span:last-child{color:var(--colorSubtitle)}}>.version{border-color:#81c784}}}}@media (hover:hover){.dashboard-transaction{>.trx-root{>.trx-card{>.filter-container{>.btn-filter:hover{background-color:var(--colorCardHover)}}>.trx-list-container{>.trx-table{>#tbody{>.tValues:hover{background-color:var(--colorCardHover);>.status{>.pay:hover{opacity:.7}}}}}}}}}}@media (max-width:1024px){.dashboard-transaction{>.about{gap:60px;height:140px;>.about-container{>.company,>.version{font-size:14px}}}}}.dashboard-profile{background-color:var(--colorCard);display:inline-block;overflow:hidden;position:relative;width:400px;>.header{align-items:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background-color:#fffc;display:flex;height:var(--toolbarHeight);justify-content:center;left:0;position:absolute;top:0;width:100%;>span{font-family:var(--titleM);font-size:19px}}>.content{background-color:#f1f8e9;box-sizing:border-box;-webkit-box-sizing:border-box;display:flex;flex-direction:column;height:100dvh;left:0;overflow-y:scroll;padding-bottom:20px;padding-top:var(--toolbarHeight);position:absolute;top:0;width:100%;>.account{align-items:center;display:flex;flex-direction:column;padding:30px 0;>.img-profile-container{aspect-ratio:1/1;border:2px solid var(--colorLine);border-radius:50%;overflow:hidden;position:relative;width:85px;>img{height:100%;object-fit:cover;width:100%}>.img-profile-upload{background-color:#00000080;bottom:0;display:grid;left:0;opacity:0;place-content:center;position:absolute;right:0;top:0;transition:all .4s;visibility:hidden;>span{color:#fff;font-size:30px}}}>.username{color:var(--colorSubtitle);font-size:15px;margin-top:8px}>.name{font-family:var(--textM);font-size:16px;padding:0 50px;text-align:center}}>.details{display:flex;flex-direction:column;gap:15px;padding:0 20px;>.card{border:2px solid #c8e6c9;border-radius:12px;display:flex;flex-direction:column;padding:12px 0;width:100%;>.titles{display:flex;gap:15px;justify-content:center;margin-left:10px;width:fit-content;>.icon{font-size:22px}>.icon,>.title{color:var(--colorSubtitle)}>.title{font-family:var(--titleM);font-size:17px}}>.answer{color:var(--colorTitle);font-family:var(--textM);font-size:15px;margin-top:6px;padding-left:46px}}}}}@media (hover:hover){.dashboard-profile{>.content{>.account{>.img-profile-container:hover .img-profile-upload{opacity:1;visibility:visible}}}}}@media (max-width:1366px){.dashboard-profile{width:320px;>.content{>.account{padding:25px 0;>img{width:75px}>.name{font-size:15px}}>.details{gap:14px;padding:0 18px;>.card{>.titles{gap:12px;margin-left:8px;>.icon{font-size:20px}>.title{font-size:16px}}>.answer{font-size:14px;padding-left:40px}}}}}}@media (width = 1280px){.dashboard-profile{width:300px}}@media (max-width:1279px){.dashboard-profile{display:none}}.mobile-profile{box-sizing:border-box;-webkit-box-sizing:border-box;height:100dvh;width:100%;>.content{box-sizing:border-box;-webkit-box-sizing:border-box;display:none;flex-direction:column;height:var(--pageHeight);opacity:0;overflow-y:scroll;width:100%;&.loaded{animation:var(--animShowPage);-webkit-animation:var(--animShowPage);display:flex}>.profile-mob-img-container{align-items:center;display:flex;gap:15px;justify-content:center;margin-top:var(--paddingPage);>img{border:1.5px solid var(--colorLine);border-radius:50%;height:90px;object-fit:cover;width:90px}>.picker-hidden{clip:rect(0 0 0 0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}>.profile-mob-content{display:flex;flex-direction:column;gap:10px;>.profile-mob-img-title{font-family:var(--titleM);font-size:22px}}}>.profile-mob-list{--_itemH:100px;grid-gap:var(--paddingPage);display:grid;gap:var(--paddingPage);grid-template-columns:repeat(2,minmax(0,1fr));margin-top:30px;padding:var(--paddingPage);>.item{border:1.5px solid var(--colorLine);border-radius:10px;box-sizing:border-box;-webkit-box-sizing:border-box;display:flex;flex-direction:column;gap:8px;justify-content:center;min-height:90px;padding:0 15px;>:first-child{color:var(--colorSubtitle);font-family:var(--textM);font-size:17px}>:last-child{--_maxLine:2;-webkit-line-clamp:var(--_maxLine);line-clamp:var(--_maxLine);-webkit-box-orient:vertical;box-sizing:border-box;-webkit-box-sizing:border-box;color:var(--colorTitle);display:-webkit-box;font-size:18px;max-width:60%;overflow:hidden;text-overflow:ellipsis}}}>.profile-btn-logout-container{display:none;margin-top:10px}}}.item-menu{align-items:center;border:1.5px solid var(--colorLine);border-radius:10px;box-sizing:border-box;-webkit-box-sizing:border-box;display:flex;justify-content:space-between;min-height:90px;padding:0 10px;>:last-child{color:#b4b4b4;font-size:18px}}.item-menu .left{align-items:center;display:flex;gap:10px;>:first-child{color:#646464;font-size:27px}>:last-child{color:var(--colorTitle);font-family:var(--textM);font-size:17px}}@media (max-width:1023px){.mobile-profile{>.content{>.profile-btn-logout-container{display:flex;justify-content:center;margin-bottom:var(--paddingPage);padding:var(--paddingPage)}}}}@media (max-width:699px){.mobile-profile{>.content{>.profile-mob-img-container{flex-direction:column;>img{height:80px;width:80px}>.profile-mob-content{gap:0;>.profile-mob-img-title{display:none}}}>.profile-mob-list{gap:initial;grid-template-columns:repeat(1,minmax(0,1fr));padding:0;>.item{align-items:center;border:initial;border-radius:0;border-radius:initial;border-top:1.5px solid var(--colorLine);flex-direction:row;gap:initial;justify-content:space-between;min-height:55px;padding:0 var(--paddingPage);&:first-child{border-top:initial}>:first-child{font-size:16px}>:last-child{font-size:15px}}}}}.item-menu{border:initial;border-radius:0;border-radius:initial;border-top:1.5px solid var(--colorLine);min-height:55px;padding:0 12px}.item-menu .left{gap:8px;>:first-child{font-size:24px}>:last-child{font-size:16px}}}@media (max-width:390px){.mobile-profile{>.content{>.profile-mob-list{>.item{>:first-child{font-size:14px}>:last-child{font-size:13px}}}}}.item-menu .left{gap:7px;>:first-child{font-size:23px}>:last-child{font-size:13px}}}.transactions{min-height:100dvh;position:relative;width:100%;>.content{animation:var(--animShowPage);box-sizing:border-box;-webkit-box-sizing:border-box;height:var(--pageHeight);overflow-y:scroll;padding:var(--paddingPage);width:100%;>.list{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;>.item{background-color:var(--colorCard);border:2px solid var(--colorCardOutline);border-radius:12px;box-sizing:border-box;-webkit-box-sizing:border-box;display:flex;flex-direction:column;gap:12px;padding:15px;&.pendingItem{border-color:var(--colorThird)}&.failedItem{border-color:var(--colorNegative)}>.top{align-items:center;display:flex;justify-content:space-between;>.status{align-items:center;display:flex;gap:7px;>span:first-child{font-size:22px}&.success{>span:first-child{color:var(--colorPrimary)}}&.pending{>span:first-child{color:var(--colorThird)}}&.failed{>span:first-child{color:var(--colorNegative)}}>span:last-child{font-family:var(--textM);font-size:16px}}>.date{color:var(--colorSubtitle);font-size:13px}}>.amount,>.trx-id{color:var(--colorTitle);font-size:15px}>.amount{font-family:var(--textM)}}}}}@media (max-width:699px){.transactions{>.content{>.list{grid-template-columns:repeat(1,minmax(0,1fr))}}}}.about-us{height:100dvh;width:100%;>.content{align-items:center;color:var(--colorTitle);display:flex;flex-direction:column;font-family:var(--textM);font-size:19px;height:var(--pageHeight);justify-content:center;width:100%;>img:first-child{aspect-ratio:1/1;width:70px}>span:nth-child(2){margin-top:15px}>span:nth-child(3){color:var(--colorSubtitle)}>.details{align-items:center;display:flex;flex-direction:column;gap:5px;margin-top:20px}}}.material-symbols{word-wrap:normal;direction:ltr;display:inline-block;font-family:Material Symbols Rounded;font-size:inherit;font-style:normal;font-weight:400;letter-spacing:normal;line-height:1;text-transform:none;-webkit-user-select:none;user-select:none;white-space:nowrap}@font-face{font-display:block;font-family:Material Symbols Rounded;font-style:normal;src:url(/static/media/material-symbols-rounded.7e6c57567e2ab620ec78.woff2) format("woff2")}.login{align-items:center;display:flex;height:100dvh;justify-content:center;>.container{--_corner:25px;aspect-ratio:16/8.5;background-color:var(--colorToolbar);border-radius:var(--_corner);box-shadow:-1px 1px 8px 1px #e1e1e1;display:flex;overflow:hidden;width:800px;>.content{align-items:center;color:var(--colorButtonPrimary);display:flex;flex-direction:column;height:100%;justify-content:center;width:350px;>.welcome{align-items:center;display:flex;flex-direction:column;>span:first-child{font-size:22px}>span:nth-child(2){font-family:var(--titleM);font-size:28px;margin-top:5px}>span:nth-child(3){font-size:16px;margin-top:3px}}>img{height:60px;margin:70px 0;width:60px}>button{align-items:center;background-color:initial;border:1.8px solid var(--colorButtonPrimary);border-radius:22px;color:var(--colorButtonPrimary);cursor:pointer;display:flex;font-family:var(--textM);justify-content:center;outline:0;padding:8px 23px;&:hover{background-color:#00000026}>span{font-size:18px;margin-right:8px}}}>.card{background-color:var(--colorCard);border-bottom-left-radius:var(--_corner);border-top-left-radius:var(--_corner);box-sizing:border-box;-webkit-box-sizing:border-box;display:flex;flex-direction:column;height:100%;padding:30px;width:450px;>span{color:var(--colorButtonPrimary);font-family:var(--titleM);font-size:30px;text-align:center}>.form{display:flex;flex-direction:column;margin-top:40px;>label{color:var(--colorTitle);font-family:var(--titleM);font-size:18px}>label:nth-child(3){margin-top:30px}>.username{border:2px solid var(--colorLine);border-radius:19px;box-sizing:border-box;-webkit-box-sizing:border-box;font-family:var(--textM);font-size:15px;margin-top:8px;outline:medium none invert;outline:initial;padding:7px 10px;&:hover{background-color:var(--colorCardHover)}&:focus{border:2px solid var(--colorButtonPrimary)}}>.password-container{margin-top:8px;position:relative;width:100%;>input{border:2px solid var(--colorLine);border-radius:19px;box-sizing:border-box;-webkit-box-sizing:border-box;font-family:var(--textM);font-size:15px;outline:medium none invert;outline:initial;padding:7px 38px 7px 10px;position:relative;width:100%;z-index:0;&:hover{background-color:var(--colorCardHover)}&:focus{border:2px solid var(--colorButtonPrimary)}}>span{font-size:20px;position:absolute;right:12px;top:.5rem}}}>.buttons{display:flex;justify-content:end;margin-top:40px}}}}.circle-top-left{--_wLarge:450px;--_posLarge:calc((var(--_wLarge)/2)*-1);animation:anim-circle-large 20s linear infinite;aspect-ratio:1/1;background:radial-gradient(#c5e1a5,#0000 70%);border-radius:50%;left:var(--_posLarge);position:fixed;top:var(--_posLarge);width:var(--_wLarge)}@keyframes anim-circle-large{0%{scale:1}10%{scale:1;top:var(--_posLarge)}30%{opacity:.6}45%{opacity:1}50%{scale:.5;top:calc(100dvh - var(--_wLarge) - var(--_posLarge)*1)}60%{scale:.5;top:calc(100dvh - var(--_wLarge) - var(--_posLarge)*1)}to{scale:1;top:var(--_posLarge)}}.circle-bottom-right{--_wSmall:250px;--_posSmall:calc((var(--_wSmall)/2)*-1);animation:anim-circle-small 20s linear infinite;aspect-ratio:1/1;background:radial-gradient(#c8e6c9,#0000 70%);border-radius:50%;bottom:var(--_posSmall);position:fixed;right:var(--_posSmall);width:var(--_wSmall)}@keyframes anim-circle-small{0%{scale:1}10%{bottom:var(--_posSmall);scale:1}30%{opacity:.6}45%{opacity:1}50%{bottom:calc(100dvh - var(--_wSmall) - var(--_posSmall)*1);scale:1.7}60%{bottom:calc(100dvh - var(--_wSmall) - var(--_posSmall)*1);scale:1.7}to{bottom:var(--_posSmall);scale:1}}@media (max-width:1366px){.login{background-color:var(--colorToolbar);display:initial;height:100dvh;position:relative;width:100%;>.container{aspect-ratio:unset;border-radius:0;border-radius:initial;box-shadow:none;height:100dvh;position:relative;width:100%;>.content{height:30%;justify-content:space-evenly;left:0;position:absolute;top:0;width:100%;>img{margin:0}>button{display:none}}>.card{border-bottom-left-radius:0;border-top-right-radius:var(--_corner);bottom:0;height:70%;justify-content:center;left:0;padding:30px;position:absolute;width:100%;>.buttons,>.form{margin-top:70px}}}}.circle-top-left{--_wLarge:200px}.circle-bottom-right{--_wSmall:320px}}.landing{--_toolbarH:70px;height:100dvh;overflow:hidden;position:relative;width:100vw;>.home-toolbar{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#ffffff80;box-shadow:0 1px 3px 0 #f0f0f0;box-sizing:border-box;-webkit-box-sizing:border-box;display:flex;height:var(--_toolbarH);justify-content:center;position:sticky;top:0;width:100vw;z-index:1;>.content{align-items:center;box-sizing:border-box;-webkit-box-sizing:border-box;display:flex;justify-content:space-between;width:1200px;>.logo{align-items:center;display:flex;gap:10px;>img{aspect-ratio:1/1;width:34px}>span{font-family:var(--titleM);font-size:24px}}>.menus{align-items:center;display:flex;gap:30px;height:100%;width:fit-content;>button{align-items:center;background-color:initial;border:0;border-radius:18px;box-sizing:border-box;-webkit-box-sizing:border-box;color:var(--colorSubtitle);display:flex;font-family:var(--textM);gap:10px;height:35px;justify-content:center;padding:0 15px;>span:first-child{font-size:18px}}>button:nth-child(4){border:2px solid var(--colorButtonPrimary);color:var(--colorButtonPrimary);min-width:120px;width:fit-content}>.line{background-color:var(--colorLine);height:75%;width:1.8px}}}}>.home-content{align-items:center;display:flex;flex-direction:column;height:calc(100dvh - var(--_toolbarH));overflow:auto;width:100%;>.home-main{box-sizing:border-box;-webkit-box-sizing:border-box;display:flex;justify-content:space-between;margin-top:60px;width:1200px;>.greetings{align-items:start;box-sizing:border-box;-webkit-box-sizing:border-box;display:flex;flex-direction:column;width:550px;>.welcome{font-size:30px}>.app-name{font-family:var(--titleM);font-size:40px;margin-top:5px}>.tagline{font-size:20px;margin-top:5px}>.img-mob{display:none;width:100%}>.article{color:var(--colorSubtitle);font-size:16px;margin-top:15px}>#lp-main-btn-login{margin:40px 0}>.more{font-size:15px;margin-bottom:14px}>.buttons{display:flex;gap:30px;>.about,>.contact{align-items:center;background-color:initial;border:2px solid var(--colorButtonPrimary);border-radius:20px;box-sizing:border-box;-webkit-box-sizing:border-box;color:var(--colorPrimary);cursor:pointer;display:flex;font-family:var(--textM);font-size:14px;gap:8px;padding:6px 13px;>span{font-size:20px}}}}>.img{height:420px}}}>.home-circle{aspect-ratio:1/1;background-color:var(--colorToolbar);border-radius:50%;height:105%;position:absolute;right:-30%;top:0;z-index:-1}}.jstv-link{color:var(--colorSubtitle);text-decoration:none;&:visited{color:var(--colorSubtitle)}}@media (hover:hover){.landing{>.home-toolbar{>.content{>.menus{>button:hover{background-color:var(--colorCardHover)}}}}>.home-content{>.home-main{>.greetings{>.buttons{>.about:hover,>.contact:hover{background-color:var(--colorCardHover)}}}}}}.jstv-link:hover{color:var(--colorTitle)}}@media (orientation:portrait){.landing{>.home-circle{aspect-ratio:1/1;height:auto;right:-30%;width:65vw}}}@media (max-width:1365px){.landing{>.home-toolbar{>.content{width:1024px}}>.home-content{>.home-main{margin-top:50px;width:1024px;>.greetings{width:450px;>.welcome{font-size:28px}>.app-name{font-size:36px}>.tagline{font-size:18px}}>.img{height:380px;margin-top:20px}}}}}@media (orientation:landscape){.landing{>.home-circle{height:105%;right:-30%}}}@media (max-width:1024px){.landing{>.home-toolbar{>.content{width:900px}}>.home-content{>.home-main{margin-top:35px;width:900px;>.greetings{width:400px;>.welcome{font-size:26px}>.app-name{font-size:34px}>.tagline{font-size:16px}>.article{font-size:14px}>#lp-main-btn-login{margin:34px 0}>.buttons{padding-bottom:20px}}>.img{height:350px;margin-top:20px}}}}}@media (min-width:768px) and (max-width:1023px){.landing{>.home-toolbar{>.content{padding:0 20px;width:100%;>.logo{gap:10px;>img{width:32px}>span{font-size:22px}}>.menus{gap:20px;>button{gap:8px;padding:0 12px;>span:first-child{font-size:16px}}}}}>.home-content{>.home-main{width:100%;>.greetings{align-items:center;padding:0 20px;width:100%;>.welcome{font-size:30px}>.app-name{font-family:var(--titleM);font-size:40px;margin-top:5px}>.tagline{font-size:20px;margin-top:5px}>.img-mob{display:block;width:70%}>.article{color:var(--colorSubtitle);font-size:16px;margin-top:15px;width:60%}>#lp-main-btn-login{margin:40px 0}>.more{font-size:15px;margin-bottom:14px}>.buttons{display:flex;gap:30px;>.about,>.contact{align-items:center;background-color:initial;border:2px solid var(--colorButtonPrimary);border-radius:20px;box-sizing:border-box;-webkit-box-sizing:border-box;color:var(--colorPrimary);cursor:pointer;display:flex;font-family:var(--textM);font-size:14px;gap:8px;padding:6px 13px;>span{font-size:20px}}}}>.img{display:none}}}>.home-circle{height:auto;right:-35%;top:37%;transform:translateY(-50%);width:65vw}}}@media (max-width:767px){.landing{--_toolbarH:62px;>.home-toolbar{>.content{padding:0 12px;width:100%;>.logo{>img{width:30px}>span{font-size:20px}}>.menus{>button{display:none}>button:nth-child(4){display:flex}>.line{display:none}}}}>.home-content{>.home-main{margin-top:30px;width:100%;>.greetings{align-items:center;width:100%;>.welcome{font-size:25px}>.app-name{font-size:30px}>.tagline{font-size:16px}>.img-mob{display:block;width:86%}>.article{font-size:15px;width:80%}>#lp-main-btn-login{margin:30px 0}>.more{width:80%}}>.img{display:none}}}>.home-circle{height:auto;right:-40%;top:16%;width:80vw}}}@media (max-width:389px){.landing{--_toolbarH:55px;>.home-toolbar{>.content{>.logo{>img{width:28px}>span{font-size:18px}}}}>.home-content{>.home-main{>.greetings{>.welcome{font-size:22px}>.app-name{font-size:26px}>.tagline{font-size:13px}>.img-mob{width:82%}>.article{font-size:13px;width:86%}>#lp-main-btn-login{margin:20px 0}>.more{font-size:13px;width:86%}>.buttons{gap:initial;justify-content:space-between;width:86%;>.about,>.contact{border-width:1.8px;font-size:13px;gap:8px;>span{font-size:18px}}}}>.img{display:none}}}>.home-circle{height:auto;right:-40%;top:20%;width:76vw}}}