.voting-container{display:-webkit-flex;display:flex;margin:auto}.voting-switch-container{position:relative;background:var(--dark-mode-middleground);margin:auto}.voting-switch{position:absolute;background:#696969;cursor:pointer}.voting-switch-text{font-size:.8em;margin-top:13px;font-weight:600;text-align:center;color:var(--dark-mode-text-color);-webkit-touch-callout:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.voting-area,.voting-area-filled-haram{position:absolute;cursor:pointer}.voting-area-filled-haram{background:linear-gradient(270deg,var(--dark-mode-middleground),var(--dark-mode-haram-color),var(--dark-mode-haram-color))}.voting-area-filled-halal{position:absolute;cursor:pointer;background:linear-gradient(90deg,var(--dark-mode-middleground),var(--dark-mode-halal-color),var(--dark-mode-halal-color))}.voting-label{position:relative;width:100px;font-size:1.1em}.number-halal,.number-haram,.voting-label{text-align:center;font-weight:600;margin-top:auto;margin-bottom:auto}.number-halal,.number-haram{width:3.5em;height:3.5em;border-radius:50%;line-height:3.5em;font-size:10px}.number-haram{margin-left:auto;background:var(--dark-mode-haram-color);color:#fff}.number-halal{margin-right:auto;background:var(--dark-mode-halal-color);color:#fff}@media only screen and (max-width:600px){.voting-label{position:relative;text-align:center;width:60px;font-size:.8em;line-height:1.5em;font-weight:600;margin-top:auto;margin-bottom:auto}.voting-switch-text{font-size:.7em;line-height:1.2em}.number-halal,.number-haram{width:3.5em;height:3.5em;line-height:3.5em;font-size:10px;font-weight:600}}.topic-carousel{position:absolute;width:100%;top:0;z-index:4}.topic-carousel-mobile{position:relative;min-height:var(--max-topic-carousel-height-px);width:100vw;top:0;z-index:4}.topic-titles-container{overflow-x:auto;scroll-behavior:smooth;display:-webkit-flex;display:flex;min-height:calc(var(--max-toolbar-height-px));color:var(--dark-mode-text-color)}.topic-title::-webkit-scrollbar{display:none}.topic-label{display:block;font-size:.8em;font-weight:600;color:var(--dark-mode-secondary-text-color);font-style:italic;text-align:center}.topic-title{height:50px;line-height:50px;width:100%;font-size:2em;scroll-behavior:smooth}.topic-title,.topic-title-mobile{text-align:center;color:var(--dark-mode-text-color);overflow-x:auto;white-space:nowrap;overflow-y:hidden}.topic-title-mobile{position:absolute;width:68vw;min-height:calc(var(--max-toolbar-height-px));font-size:1.6em;transition:all .3s ease;padding:0 1vw;-ms-overflow-style:none;scrollbar-width:none}.topic-title-mobile::-webkit-scrollbar{display:none}.next-topic-titles,.prev-topic-titles{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;position:absolute;width:13vw;height:4em;font-size:9px;text-align:center;transition:all .3s ease;color:var(--dark-mode-secondary-text-color);overflow-x:hidden}.topic-votes-container{display:-webkit-flex;display:flex;width:100%;color:var(--gray)}@media only screen and (max-width:350px){.topic-votes-container{display:block}}.topic-vote-text-left,.topic-vote-text-right{position:absolute;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;z-index:2;padding-top:3px}.topic-vote-text-left{left:26vw;border-radius:50px 10px 10px 50px;color:#602d86}.topic-vote-text-right{right:26vw;border-radius:10px 50px 50px 10px;color:#1c4d44}@media only screen and (max-width:600px){.topic-vote-text{margin-left:5px!important;margin-right:5px!important}.topic-title{font-size:1.5em;min-height:40px}}.search-page{z-index:4;position:fixed;background:var(--dark-mode-middleground);height:10.5em;width:600px;left:calc(50% - 300px);text-align:center;-webkit-transform:translateY(-10.5em);transform:translateY(-10.5em);transition:all .3s ease;border-radius:0 0 25px 25px}.search-pulldown{position:fixed;display:-webkit-flex;display:flex;height:2.5em;width:2.5em;border-radius:50%;right:1em;top:1em;z-index:4}.search-pulldown:hover{cursor:pointer}@media only screen and (max-width:600px){.search-pulldown{left:unset!important;right:1em!important}.search-page{width:100%!important;left:unset!important}.search-bar{width:90%!important}.search-header{font-size:4em!important}}.search-bar{font-size:16px;position:relative;margin:auto;width:50vw;max-width:500px;z-index:1}.search-header{font-size:5em;color:var(--gray)}.search-header-haram{color:var(--haram-compliment-color)}.search-header-halal{color:var(--halal-compliment-color)}.search-bar-input,.search-bar-input-autocomplete-open{margin:8px 0 0!important;padding:1em 3em!important;border:none!important;background:var(--dark-mode-foreground)!important;color:var(--dark-mode-text-color)}.search-bar-input-autocomplete-open,.search-bar-input:hover{box-shadow:0 1px 6px 0 rgba(32,33,36,.28)}.search-bar-input-autocomplete-open{border-radius:24px 24px 0 0!important;border:none}.autocomplete{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;position:absolute;width:100%;box-shadow:0 1px 6px 0 rgba(32,33,36,.28);background:var(--dark-mode-foreground);color:var(--dark-mode-text-color);border-radius:0 0 24px 24px;list-style-type:none;text-align:left}.autocomplete-list{-webkit-flex:auto;flex:auto;padding-bottom:8px;padding-left:0;margin-top:0}.autocomplete-list-item,.autocomplete-list-item-highlighted{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;min-width:0;padding:0;transition:all .2s ease-in-out;cursor:pointer}.autocomplete-list-item-highlighted{background:var(--dark-mode-highlight-color)}.suggestions-inner-container{-webkit-align-items:center;align-items:center;margin:0 20px 0 3em}.option,.suggestions-inner-container{-webkit-flex:auto;flex:auto;display:-webkit-flex;display:flex}.option{-webkit-flex-direction:row;flex-direction:row;min-width:0;padding:6px 0;cursor:pointer}.add-topic-option-text{max-width:-webkit-max-content;max-width:max-content;color:var(--link-color)}.add-topic-option-topic-text{max-width:-webkit-max-content;max-width:max-content;margin-left:.5rem}.search-icon-container{position:absolute;padding:1.55em 1.2em}.analytics{display:table;height:100%;width:100%;text-align:center;border-radius:25px}.canvas-container{width:100%;margin:auto;touch-action:none}@media only screen and (max-height:600px){.canvas-container{width:90%}}.chart{max-width:100%!important;margin:auto}.analytics-footer,.analytics-footer-fullscreen{height:50px;width:100%;position:absolute;bottom:0;border-top:.5px solid #696969}.analytics-footer{border-radius:0 0 25px 25px}.analytics-footer-fullscreen{z-index:3}.numeric-display{width:95%;margin:1em auto auto}.numeric-display-title{color:var(--dark-mode-text-color);font-size:18px;padding-bottom:2px}.numeric-display-body{display:-webkit-flex;display:flex}.numeric-display-separator{color:#fff}.numeric-display-halal,.numeric-display-haram{text-align:center;display:grid}.numeric-display-halal{color:var(--halal-color);margin-right:auto}.numeric-display-haram{color:var(--haram-color);margin-left:auto}.numeric-display-label{margin-left:auto;width:5em;font-size:12px}.numeric-display-value{font-size:18px}.interval-selector-container{display:-webkit-flex;display:flex}.interval-selector,.interval-selector-selected{margin:auto;width:50px;padding:5px 0;border-radius:10px;color:var(--dark-mode-secondary-text-color)}.interval-selector:hover{color:#fff;cursor:pointer}.interval-selector-selected{color:#fff;background-color:var(--dark-mode-background)}@media only screen and (max-width:600px){.numeric-display-title{font-size:18px!important}.numeric-display-label{font-size:12px!important}.numeric-display-value{font-size:18px!important}.interval-selector-container{font-size:12px!important}}.cards-shell{position:absolute;height:calc(100% - var(--max-topic-carousel-height-px));width:100%;top:var(--max-topic-carousel-height-px);margin-left:27.5vw}.card-shell{display:-webkit-flex;display:flex;height:95%;width:45vw;margin-left:unset;margin-right:unset;background:var(--dark-mode-foreground);overflow:hidden}.card-shell,.card-shell-cover{position:absolute;border-radius:25px}.card-shell-cover{height:100%;width:100%;background-color:var(--dark-mode-middleground);opacity:0;cursor:pointer;z-index:2}.card-shell-cover:hover{background-color:var(--dark-mode-highlight-color)}.card-shell-cover-label{position:absolute;height:100%;width:0;right:1vw;font-size:2em;z-index:3;pointer-events:none;-webkit-writing-mode:vertical-rl;-ms-writing-mode:tb-rl;writing-mode:vertical-rl;text-align:center;color:var(--dark-mode-text-color)}@media only screen and (max-width:600px){.cards-shell{margin-left:0}.card-shell{z-index:2;height:90%;width:100%;top:0;border-radius:25px}.card-shell,.card-shell-cover:hover{background-color:var(--dark-mode-middleground)}.card-shell-cover-label{width:100%;right:unset;top:25%;-webkit-writing-mode:horizontal-tb;-ms-writing-mode:lr-tb;writing-mode:horizontal-tb;text-align:center;color:var(--dark-mode-text-color)}}@media only screen and (max-width:600px){.comments-container{width:100%}.comments-container-padding-div{padding:.5em .5em 4em!important}.comment-extras{font-size:10px!important}.time-stamp{line-height:14px!important;font-size:12px!important;font-weight:100}.comment-body{margin-left:10px!important;width:100%!important}.comment-bubble-halal,.comment-bubble-haram,.comment-bubble-other{height:30px!important;width:30px!important}.view-more-spacer{width:25px!important;margin-right:15px!important}.username{color:var(--dark-mode-secondary-text-color);font-size:12px!important}.comment{margin-top:3px!important;margin-bottom:3px!important;font-size:14px!important;line-height:16px!important}.comment-like-container{font-size:10.5px}.comment p{margin:0!important}.replies{margin-top:.5em!important}.show-or-hide-container{margin:.5em 0 0!important;font-size:12px!important}.comment-maker-input,.comment-maker-input .ql-container{font-size:14px!important}.ql-toolbar button{height:20px!important;padding:3px 2px!important}.comment-spinner{margin-left:calc(50% - 55px)!important}}.no-comments-to-show-text{position:absolute;width:100%;top:calc(50% - .5em);text-align:center}.comments-container{position:relative;height:calc(100% - 4em);overflow:scroll;scroll-behavior:smooth}.comments-container-fs{position:absolute;width:100%;height:100%;overflow:auto;scroll-behavior:smooth;z-index:1}.comments-container-fs::-webkit-scrollbar{display:none}.comments-container-padding-div{padding:1.2em 1.2em .8em}.card-flip{display:none}.comments-card{position:relative;height:100%;width:100%;float:left}.comments-container::-webkit-scrollbar{display:none}.comment-container{display:-webkit-flex;display:flex;padding:0 0 1em;position:relative;transition:all 2s ease-in-out}.time-stamp{line-height:20px;color:var(--dark-mode-secondary-text-color);font-size:14px}.time-stamp:hover{cursor:pointer;text-decoration:underline}.comment-body{margin-left:10px;width:100%}.comment-content{background-color:hsla(0,0%,100%,0);transition:background-color .1s linear}.comment-bubble-halal,.comment-bubble-haram,.comment-bubble-other{height:40px;width:40px;border-radius:50%;display:inline-block}.comment-bubble-halal{background-color:var(--dark-mode-halal-color)}.comment-bubble-haram{background-color:var(--dark-mode-haram-color)}.comment-bubble-other{background-color:#bbb}.username{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;font-family:proxima-semibold,PingFangSC,sans-serif;font-weight:800;color:var(--dark-mode-secondary-text-color)}.username:hover{cursor:pointer;color:var(--link-color)}.comment{margin-top:5px;margin-bottom:5px;white-space:pre-wrap;overflow-wrap:break-word;word-wrap:break-word;font-size:16px;font-weight:400;font-family:proxima-regular,PingFangSC,sans-serif;color:var(--dark-mode-text-color);line-height:22px}.comment p{margin:.5em 0}.comment a{color:#40e0d0}.comment-actions{margin-left:16px;margin-bottom:5px;color:var(--dark-mode-secondary-text-color);font-size:12px;font-weight:550}.comment-like-container{position:absolute;display:table-cell;right:0;margin:1em 0 0}.reply-button:hover{text-decoration:underline;cursor:pointer}.replies{margin-top:.75em;width:100%;transition:height .25s ease-in;overflow:hidden}.show-or-hide-container{display:-webkit-flex;display:flex;margin:.5em 0 0;font-family:proxima-semibold,PingFangSC,sans-serif;font-size:14px;font-weight:600;color:var(--dark-mode-secondary-text-color)}.view-more,.view-replies{cursor:pointer;display:-webkit-flex;display:flex}.view-more-spacer{width:35px;height:.5px;background:var(--dark-mode-secondary-text-color);margin:auto 15px auto auto}.hide-replies{margin-left:auto;margin-right:1em;cursor:pointer}.hide-replies:hover,.view-more:hover,.view-replies:hover{text-decoration:underline}.comment-maker-card{display:-webkit-flex;display:flex;position:absolute;z-index:3;background:var(--dark-mode-foreground);padding:5px;transition:all .2s ease-out}.pencil-icon{position:absolute;top:calc(50% - 15px);left:calc(50% - 15px);height:30px;width:30px;color:#fff}.pencil-container{position:absolute;top:0;left:0;height:60px;width:60px;z-index:4}.pencil-container:hover{cursor:pointer}.comment-maker-input{width:100%;font-size:18px;resize:none;color:var(--dark-mode-text-color)}.comment-maker-input .ql-toolbar{padding:5px 5px 0;border:none}.comment-maker-input .ql-container{border:none;font-size:18px}.comment-maker-input .ql-editor{font-family:revert;min-height:3em}.comment-maker-button{right:1.75%;width:34.5px;padding:0;border-radius:100px 100px 100px 100px;border-style:none;cursor:pointer;color:var(--halal-compliment-color);height:50px;margin:auto 0 2%}.comment-maker-button:hover{color:var(--halal-color);fill:var(--halal-compliment-color)}.comment-maker-button:focus,.comment-maker-input:focus{outline:none}.ql-snow .ql-tooltip{position:relative;width:65%;min-width:340px;top:-20px!important;left:0!important;background-color:grey;border:1px solid #ccc;border-radius:20px;box-shadow:0 0 5px #ddd;color:#fff;padding:5px 12px;white-space:nowrap}.ql-mention-list-container{width:270px;border-radius:4px;background-color:#fff;box-shadow:0 2px 12px 0 rgba(30,30,30,.08);z-index:9001;overflow:auto}.ql-mention-loading{line-height:44px;padding:0 20px;vertical-align:middle;font-size:16px}.ql-mention-list{list-style:none;margin:0;padding:0;overflow:scroll;max-height:40vh}.ql-mention-list-item{cursor:pointer;line-height:44px;font-size:16px;padding:0 20px;vertical-align:middle;background-color:var(--dark-mode-foreground)}.ql-mention-list-item.disabled{cursor:auto}.ql-mention-list-item.selected{background-color:var(--dark-mode-highlight-color);text-decoration:none;color:#fff}.ql-editor.ql-blank:before{color:var(--dark-mode-secondary-text-color)}.ql-snow .ql-stroke{stroke:var(--dark-mode-secondary-text-color)}.ql-snow .ql-fill,.ql-snow .ql-stroke.ql-fill{fill:var(--dark-mode-secondary-text-color)}.ql-snow a{color:#40e0d0}.mention{height:24px;width:65px;border-radius:6px;background-color:#53626d;padding:3px 0;margin-right:2px;-webkit-user-select:all;-ms-user-select:all;user-select:all}.mention>span{margin:0 3px;cursor:pointer}.comment-spinner{margin-left:calc(50% - 65px)}.likes-container{display:table-cell;right:0;width:100%;margin:0}.likes,.likes-liked{height:1.5em;text-align:center}.likes-liked{color:var(--dark-mode-red)}.heart,.heart-liked{height:1.5em;width:1.8em;cursor:pointer;stroke-width:3em}.heart{color:transparent}.heart:hover{color:grey!important}.heart-liked{color:var(--dark-mode-red);-webkit-animation:like .5s ease-in-out forwards;animation:like .5s ease-in-out forwards}.images-body{display:block;height:100%;width:100%;overflow:auto;text-align:center;background:#000;-ms-overflow-style:none;scrollbar-width:none}.images-body::-webkit-scrollbar{display:none}.hide-add-image-button,.show-add-image-button{position:absolute;height:34px;width:60px;bottom:8px;left:calc(50% - 30px);border-radius:30px;background-color:var(--neutral-color);color:var(--dark-mode-text-color);cursor:pointer;box-shadow:0 0 5px 5px rgba(32,33,36,.5)}.show-add-image-button,.show-add-image-button-fullscreen{-webkit-transform:scale(0);transform:scale(0);-webkit-animation:appear .3s ease-in-out forwards;animation:appear .3s ease-in-out forwards}.hide-add-image-button,.hide-add-image-button-fullscreen{-webkit-transform:scale(1);transform:scale(1);-webkit-animation:disappear .3s ease-in-out forwards;animation:disappear .3s ease-in-out forwards}.preview-displayed{display:-webkit-flex;display:flex;position:absolute;height:100%;width:100%;bottom:0;background:#000;z-index:1}.more-images-above,.more-images-below{position:absolute;height:22px;width:22px;fill:grey;background:rgba(0,0,0,.4);border-radius:10px;padding:4px}.more-images-above:hover,.more-images-below:hover{cursor:pointer}.more-images-below{bottom:3px;line-height:28px;-webkit-animation:jumpdown .5s ease-out infinite alternate;animation:jumpdown .5s ease-out infinite alternate}.more-images-above{top:0;line-height:20px;-webkit-animation:jumpup .5s ease-out infinite alternate;animation:jumpup .5s ease-out infinite alternate}@-webkit-keyframes jumpdown{0%{-webkit-transform:translateY(.3em);transform:translateY(.3em)}to{-webkit-transform:translate(0);transform:translate(0)}}@keyframes jumpdown{0%{-webkit-transform:translateY(.3em);transform:translateY(.3em)}to{-webkit-transform:translate(0);transform:translate(0)}}@-webkit-keyframes jumpup{0%{-webkit-transform:translate(0);transform:translate(0)}to{-webkit-transform:translateY(.3em);transform:translateY(.3em)}}@keyframes jumpup{0%{-webkit-transform:translate(0);transform:translate(0)}to{-webkit-transform:translateY(.3em);transform:translateY(.3em)}}.image-container{display:-webkit-flex;display:flex;position:relative;height:100%;width:100%;overflow:hidden}.image-navigator-button{position:absolute;height:40px;width:40px;bottom:-64px;padding:12px;cursor:pointer;background:transparent;border:none;border-radius:30px;background-color:var(--neutral-color);color:var(--site-background-color);outline:none}.image-navigator-button-left{left:calc(50% - 84px)}.image-navigator-button-right{right:calc(50% - 84px)}.image-navigator-button:hover{background-color:var(--light-neutral-color)}.image{max-height:100%;max-width:100%}.image-username{background:rgba(0,0,0,.4);border-radius:10px;padding:5px;position:absolute;bottom:0;left:0;margin:0 0 .75em .75em;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;color:#fff;cursor:pointer;text-align:center;z-index:1}.image-username:hover{color:var(--light-neutral-color)}.image-delete-button{padding:5px;background:rgba(0,0,0,.4);border-radius:10px;position:absolute;bottom:0;margin-bottom:6em;right:.75em;cursor:pointer;text-align:center;color:#fff;z-index:1}.no-media-text{top:calc(50% - .5em);position:absolute;height:auto;width:100%;margin:auto;color:var(--dark-mode-secondary-text-color)}.image-delete-button:hover{color:red}.image-likes-container{padding:5px;background:rgba(0,0,0,.4);border-radius:10px;position:absolute;bottom:0;margin-bottom:1em;right:.75em;cursor:pointer;display:table;text-align:center;z-index:1}.image-likes{height:20px}.image-heart{height:30px;width:30px;cursor:pointer}.image-heart:hover{color:var(--light-neutral-color)}@-webkit-keyframes appear{to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes appear{to{-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes disappear{to{-webkit-transform:scale(0);transform:scale(0)}}@keyframes disappear{to{-webkit-transform:scale(0);transform:scale(0)}}.show-add-image-button:hover{background-color:var(--light-neutral-color)}.add-image-body{border-radius:25px 25px 25px 25px;width:100%;height:100%;position:absolute;display:block;text-align:center}.add-image-back-button{position:absolute;height:34px;width:60px;bottom:8px;left:calc(50% - 30px);border-radius:30px;background-color:var(--neutral-color);color:var(--dark-mode-text-color);cursor:pointer;box-shadow:0 0 5px 5px rgba(32,33,36,.5);border:none}.add-image-section-text{width:100%;text-align:center;font-size:24px;color:var(--dark-mode-secondary-text-color)}.image-preview-title{position:absolute;background:rgba(0,0,0,.4);border-radius:10px;padding:5px;color:#fff;width:100%;text-align:center;font-size:1.5vh;z-index:4}.add-image-back-button:hover{background:var(--light-neutral-color);border:none;outline:none}.like,.liked{height:22px;width:25px;cursor:pointer;stroke-width:1px}.like{color:#fff}.like:hover{color:red!important}.liked{color:#cf003b;stroke:#cf003b;-webkit-animation:like .5s ease-in-out forwards;animation:like .5s ease-in-out forwards}@-webkit-keyframes like{0%{color:grey;stroke:grey;-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(0);transform:scale(0)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes like{0%{color:grey;stroke:grey;-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(0);transform:scale(0)}to{-webkit-transform:scale(1);transform:scale(1)}}.dzu-dropzone{overflow:auto!important;border:none!important;min-height:unset!important;position:unset!important}.dzu-submitButtonContainer{margin:auto!important;position:absolute;bottom:5px}.dzu-inputLabelWithFiles{display:none!important;position:absolute;bottom:5px}.cancel-preview{height:25px;width:25px;position:absolute;top:20px;left:10px;border-radius:50%;padding:8px;z-index:2;color:#fff;background:rgba(0,0,0,.4)}.cancel-preview:hover{cursor:pointer;background-color:rgba(176,117,117,.592156862745098)}.video-container{margin:auto}.video-container,.video-player{transition:all .2s ease}.play-button{position:absolute;height:50px;width:50px;margin:auto;top:calc(50% - 25px);left:calc(50% - 25px);background:#000;fill:#fff;border-radius:50%}.play-button:hover{cursor:pointer}.mute-button{position:absolute;top:calc(50% - 18.5px);right:calc(50% - 18.5px);height:30px;width:30px;background:rgba(0,0,0,.4);border-radius:50%;padding:7px;z-index:2}@media only screen and (max-width:600px){.image-delete-button{font-size:14px;width:1.8em}.image-likes-container{font-size:14px}}.tabs-scroll-container{position:relative;display:-webkit-flex;display:flex;width:100%;height:100%;scroll-snap-align:start;scroll-behavior:auto;-ms-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory;scroll-snap-stop:always!important;overflow-x:auto;overflow-y:hidden;-ms-overflow-style:none;scrollbar-width:none}.tabs-scroll-container::-webkit-scrollbar{display:none}.tabs-container{position:fixed;width:100%;height:28px;font-size:14px;font-weight:600;z-index:4;display:-webkit-flex;display:flex;transform:translateZ(0);-webkit-transform:translateZ(0)}.tabs-container:hover{cursor:pointer}.tabs-underline{width:1.5em;transform:translateZ(0);-webkit-transform:translateZ(0)}.tabs-underline,.tabs-underline-long{position:fixed;z-index:4;height:3px;background:#fff;border-radius:5px}.tabs-underline-long{width:50%;margin-right:auto;margin-left:auto;left:25%}.tabs-scroll-section{position:absolute;scroll-snap-align:start;scroll-snap-stop:always!important;margin-top:35px;height:calc(100% - 35px);width:100%}.tab-selected,.tab-unselected{margin:auto;text-align:center;white-space:nowrap}.tab-selected{color:#fff}.tab-unselected{color:grey}.topic-container-mobile{position:fixed;display:block;height:100%;width:100%;-ms-overflow-style:none;scrollbar-width:none;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease}.topic-container-mobile::-webkit-scrollbar{display:none}.topic-media-scale-div{-webkit-transform:scale(1);transform:scale(1);-webkit-transform-origin:top;transform-origin:top;height:calc(100% - var(--max-topic-carousel-height-px));width:100%;position:absolute;background:#000;border-radius:0 0 8px 8px}.topic-media-container{position:absolute;height:100%;width:100%;-ms-overflow-style:none;scrollbar-width:none;-webkit-transform:scale(1);transform:scale(1);transition:all .3s ease;backface-visibility:hidden;-webkit-backface-visibility:hidden}.topic-container-footer{position:relative;top:100%;height:80%;-webkit-transform:translateY(calc(var(--max-topic-carousel-height-px)*-1));transform:translateY(calc(var(--max-topic-carousel-height-px)*-1));display:block;width:100%;background:var(--dark-mode-background);transition:background-color .5s linear;z-index:2;border-radius:12px 12px 0 0}.pull-up-container{position:relative;background:inherit;margin:auto;width:90%;height:13.5px}.pull-up-tab{position:relative;width:34px;height:3.5px;top:calc(50% - 1.25px);left:calc(50% - 17px);background:var(--dark-mode-foreground);border-radius:10px;z-index:1}.topic-container-footer-content{position:relative;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;height:calc(100% - 13.5px);width:100%}.topic-carousel-container{-webkit-transform:translate(0);transform:translate(0);transition:all .3s ease-in-out}.full-screen-topic::-webkit-scrollbar{display:none}.topic-carousel-container-fs-absolute{position:absolute;top:0;left:100%;z-index:4}.topic-carousel-container-fs-fixed{position:fixed;z-index:4}.next-topic-tutorial-container{position:absolute;height:5em;width:8em;display:grid;right:calc(50% - 4em);top:calc(75% - 25px);z-index:5;background:rgba(0,0,0,.4);border-radius:12.5%}.swipe-icon{margin-left:auto;height:3.25em;width:3.25em;stroke:#fff;-webkit-animation:move-right .75s ease both;animation:move-right .75s ease both}@-webkit-keyframes move-right{to{-webkit-transform:translate(-2.375em);transform:translate(-2.375em)}}@keyframes move-right{to{-webkit-transform:translate(-2.375em);transform:translate(-2.375em)}}.next-topic-streak{text-align:center;color:#fff;line-height:1em}.topic-navigator{width:100%;height:100%;display:contents;margin-left:auto;margin-right:auto;margin-top:.5em;border-radius:5em}@-webkit-keyframes jump{to{-webkit-transform:translateY(.3em);transform:translateY(.3em)}}@keyframes jump{to{-webkit-transform:translateY(.3em);transform:translateY(.3em)}}.carousel-button-left,.carousel-button-right{position:absolute;top:calc(50% - 100px);padding:0;cursor:pointer;width:23vw;height:200px;background:transparent;border:none;color:#fff;outline:none;text-align:center}.carousel-button-left{border-radius:50% 0 0 50%;left:0}.carousel-button-right{border-radius:0 50% 50% 0;right:0}.carousel-button-computer:hover{background:var(--dark-mode-middleground-transparent)}.carousel-button:hover{border:none}.arrow-icon-left,.arrow-icon-right{color:var(--site-background-color);height:100%;width:100%}.prev-next-topic{color:grey}@media only screen and (max-width:600px){.left-topic-navigator-display,.right-topic-navigator-display{position:absolute;top:25%;width:0;height:50%;border-radius:50%;color:var(--site-background-color);background:transparent;box-shadow:inset 0 0 100px 20px var(--light-neutral-color);z-index:10}.left-topic-navigator-display{left:0}.right-topic-navigator-display{right:0}}.app-shell{position:absolute;height:100%;width:100%;overflow-x:hidden;scroll-behavior:smooth;-ms-scroll-snap-type:y mandatory;scroll-snap-type:y mandatory;-ms-overflow-style:none;scrollbar-width:none}.app-shell::-webkit-scrollbar{display:none}.topic-content{position:relative;height:100%;width:100%;scroll-snap-align:start;z-index:1}.cards-shell-container{height:100%;width:100%;overflow:hidden;opacity:0}.fixed-content{position:fixed;height:100%;width:100%;z-index:4}@media only screen and (max-width:600px){.app-shell{-ms-scroll-snap-type:unset;scroll-snap-type:unset}.topic-content{scroll-snap-align:unset}}.add-topic-body{width:100%;height:90%;display:block;text-align:center}.add-topic-section-text{width:100%;text-align:center;margin:1em 0 .5em;font-size:24px;color:var(--dark-mode-text-color)}.add-topic-image-choose-button:hover{text-decoration:underline}.add-topic-image{max-width:200px;max-height:200px;margin-top:20px}.add-topic-submit-button{margin:0!important}#add-topic-submit-button{background-color:var(--dark-mode-background);border:1px solid var(--site-background-color);padding:15px 0;margin-top:20px;box-shadow:0 0 10px 0 rgba(0,0,0,.1);margin:20px 0 0!important}.add-topic-input-section{position:relative;width:80%;margin:4em auto}.add-topic-input,.add-topic-input-similar-topic-open{margin:0!important;border:none!important;background:var(--dark-mode-foreground);color:var(--dark-mode-text-color)}.add-topic-input-similar-topic-open,.add-topic-input:hover{box-shadow:0 1px 6px 0 rgba(32,33,36,.28)}.add-topic-input-similar-topic-open{border-radius:24px 24px 0 0!important;border:none}.validation-check-container{position:absolute;top:0;right:-30px;height:100%;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}.similar-topic-autocomplete{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;position:absolute;width:100%;box-shadow:0 1px 6px 0 rgba(32,33,36,.28);background:var(--dark-mode-foreground);color:var(--dark-mode-text-color);border-radius:0 0 24px 24px;list-style-type:none;text-align:left}.similar-topic-list{-webkit-flex:auto;flex:auto;padding-left:0;margin:0 20px;list-style-type:none}.similar-topic-list-item{min-width:0;padding:5px 0;transition:all .2s ease-in-out}.similar-topic-inner-container,.similar-topic-list-item{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.similar-topic-inner-container{-webkit-flex:auto;flex:auto;margin:0}.similar-topic-label{margin:0 20px;font-size:.75rem;color:var(--dark-mode-secondary-text-color)}.similar-topic-text{-webkit-flex:auto;flex:auto;-webkit-flex-direction:column;flex-direction:column;min-width:0;padding:6px 0;cursor:default}.next-button,.similar-topic-text{display:-webkit-flex;display:flex}.next-button{position:relative;margin:auto;width:25%}.logo{text-align:center;margin-top:0;padding-top:0}#h{color:var(--haram-compliment-color)}#h,#v{font-size:64px}#v{color:var(--halal-compliment-color)}.here{display:inline-block;text-decoration:underline}.login-body{width:100%;height:100%;display:block;padding-top:2.5vh}.login-section-text{width:100%;text-align:center;padding:10vh 0 10px;font-size:24px;color:var(--dark-mode-text-color)}.login-input-container{display:-webkit-flex;display:flex}.login-input-error{margin:auto}#login-submit-button,#register-submit-button{background-color:var(--dark-mode-background);border:1px solid var(--site-background-color);padding:15px 0;margin-top:20px;box-shadow:0 0 10px 0 rgba(0,0,0,.1)}.login-switch-buttons-container{display:block;padding:0 10px;margin:0 10px;font-size:.85em}.login-switch-button{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;text-align:center;margin-left:auto;margin-right:auto;margin-top:15px;cursor:pointer;color:var(--dark-mode-text-color);line-height:25px}.login-switch-button:hover{text-decoration:underline}.login-error-message{text-align:center;color:red}.login-link{cursor:pointer;text-decoration:underline}.images-body{scroll-behavior:auto;-ms-scroll-snap-type:y mandatory;scroll-snap-type:y mandatory}.image-container{scroll-snap-align:start;scroll-snap-stop:always}.profile-container{color:var(--dark-mode-text-color);overflow:auto;border-radius:25px}.profile-container::-webkit-scrollbar{display:none}.profile-header-section{z-index:10;border-radius:25px 25px 0 0;position:absolute;width:100%;height:7em;background-color:var(--dark-mode-foreground);box-shadow:0 5px 50px 0 rgba(32,33,36,.28)}.profile-title{font-weight:600;font-size:18px;text-align:center;padding-top:1em}.profile-tabs{padding-top:1em;display:-webkit-flex;display:flex;height:3.5em;list-style-type:none}.profile-tab,.profile-tab-selected{font-size:14px;line-height:4em;margin:auto;height:100%;width:33%;text-align:center;overflow-x:auto;white-space:nowrap;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center}.profile-tab-selected:hover,.profile-tab:hover{cursor:pointer;color:#fff}.profile-tab-selected{color:#fff;box-shadow:inset 0 0 10px var(--gray)}.profile-body{margin-top:7em;height:calc(100% - 7em);overflow:hidden}.comments-section-container{height:100%;overflow-y:auto;-ms-overflow-style:none;scrollbar-width:none}.comments-section-container::-webkit-scrollbar{display:none}.topics-section-container{list-style:none;height:100%;overflow-y:auto;-ms-overflow-style:none;scrollbar-width:none}.topics-section-container::-webkit-scrollbar{display:none}.user-topic-li{display:-webkit-flex;display:flex;padding:0 1em}.user-topic-container{width:100%;padding:1em 0;transition:all .2s ease-in-out}.user-topic-container:hover{color:#fff;cursor:pointer}.topic-meta-info-container{font-size:11px}.topic-meta-info-item{margin-right:1em}.topic-header{font-size:.75em;color:var(--dark-mode-secondary-text-color)}.profile-topic-title{font-size:1.1em;line-height:2em;color:#fff}.user-comment-container{display:-webkit-flex;display:flex;padding:1em 1em 0;position:relative;transition:all .2s ease-in-out}.user-comment-container:hover{color:#fff;cursor:pointer;transition:scale}.user-comment-bullet-separator{margin-top:.4em;font-size:xx-small;margin-left:5px;margin-right:5px}.user-comment{color:inherit;white-space:pre-wrap;overflow-wrap:break-word;word-wrap:break-word}.user-username{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;font-family:proxima-semibold,PingFangSC,sans-serif;font-weight:600;font-size:18px;color:var(--dark-mode-secondary-text-color)}.user-comment p{margin:.2em 0}.user-comment-time-stamp{padding-top:.15em}.user-likes-container{position:relative;display:table-cell;margin:1em 0 0;right:0;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;font-size:12px}.media-topic-title{padding:5px;background:rgba(0,0,0,.4);border-radius:10px;position:absolute;bottom:.75em;left:50%;-webkit-transform:translate(-50%);transform:translate(-50%)}.media-topic-title:hover{cursor:pointer;color:#fff}@media only screen and (max-width:600px){.user-username{font-size:11px!important}.user-comment{margin-top:3px!important;margin-bottom:3px!important;font-size:12px!important;line-height:16px!important}.user-comment p{margin:0!important}.user-likes-container{font-size:10.5px}}.account-container{color:var(--dark-mode-text-color);overflow:auto}.account-title{font-weight:600;font-size:18px;text-align:center;padding-top:1em;padding-bottom:1em}.cancel-account-action{height:25px;width:25px;position:absolute;top:20px;left:10px;border-radius:50%;padding:5px}.cancel-account-action:hover{cursor:pointer;background-color:hsla(0,0%,100%,.1450980392156863)}.change-password-container{margin-top:20px}.change-password-input-container{display:-webkit-flex;display:flex}.change-password-input-error{margin:auto}.change-password-error-message{text-align:center;color:red}.delete-account-message{margin:30px 20px;text-align:center}.contact-container{text-align:center;padding:5px;color:var(--dark-mode-text-color);font-size:large}.contact-container h4{padding:5px}.contact-container a{color:var(--dark-mode-text-color);font-weight:700}.data-policy-container{text-align:center;padding:2em;color:var(--dark-mode-text-color);overflow:auto;height:95%}.data-policy-container h4{padding:5px}.data-policy-container a{color:var(--dark-mode-text-color);font-weight:700}.modal{height:0;width:0;position:relative;display:flow-root;margin:auto;border-radius:25px 25px 25px 25px;background-color:var(--dark-mode-middleground);z-index:4;overflow:hidden;left:-50%;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.modal-cover{height:100vh;bottom:0;width:100vw;position:fixed;background-color:grey;opacity:.8;z-index:4;left:0}.about-container{text-align:center;padding:5px;color:var(--dark-mode-text-color);font-size:large}.about-container h4{padding:5px}.about-container a{color:var(--dark-mode-text-color);font-weight:700}@media only screen and (max-width:600px){.bm-burger-button{width:1.5em!important;height:1.25em!important;left:1.5em!important;top:1.5em!important}}.bm-burger-button{position:fixed;width:2em;height:1.5em;left:1.5em;top:1.5em}.bm-burger-bars{background:#fff}.bm-burger-bars-hover{background:var(--dark-mode-text-color)}.bm-cross-button{height:24px;width:24px}.bm-cross{background:#bdc3c7}.bm-menu-wrap{position:fixed;height:100%;transition:.3s ease-in-out!important}.bm-menu{background:var(--site-background-color);padding:2.5em 0 0;font-size:1.15em}.bm-morph-shape{fill:#373a47}.bm-item-list{width:90%;margin:0}.bm-item{width:100%;cursor:pointer;background:transparent;text-align:center;transition:all .2s ease-in-out;color:var(--dark-mode-text-color);padding:1.5em 0}.bm-item:focus{outline:none}.bm-item:hover{background-color:var(--neutral-color)}.bm-overlay{background:rgba(0,0,0,.3)}.menu-item{display:-webkit-flex!important;display:flex!important;padding-left:10%;width:100%}.menu-item,.menu-item-bottom-section{-webkit-align-items:center;align-items:center}.menu-item-bottom-section{position:absolute;width:90%;bottom:0}body,html{margin:0;padding:0;height:100%;font-family:verdana,arial,helvetica,sans-serif;color:#616161;background-color:#181818;background-color:var(--dark-mode-background);position:relative;transition:background-color .5s linear;overflow:hidden}@media only screen and (max-width:600px){body,html{background-color:#000!important}.delete-button{font-size:9px!important}}:root{--haram-color:#d0adeb;--haram-color-transparent:rgba(208,173,235,0.75);--halal-color:#a9ddd6;--halal-color-transparent:rgba(169,221,214,0.75);--haram-compliment-color:#8756ad;--haram-compliment-color-transparent:rgba(171,107,219,0.75);--halal-compliment-color:#57998e;--halal-compliment-color-transparent:rgba(124,203,190,0.75);--light-neutral-color:#5f5f5f;--neutral-color:#414141;--neutral-color-transparent:rgba(106,124,138,0.75);--link-color:#5f5f5f;--gray:#232b2f;--dark-mode-background:#181818;--dark-mode-middleground:#2a2a2a;--dark-mode-middleground-transparent:rgba(42,42,42,0.4588235294117647);--dark-mode-foreground:#414141;--dark-mode-text-color:#c5c5c5;--dark-mode-secondary-text-color:#888;--dark-mode-highlight-color:#313131;--dark-mode-red:#9c435d;--dark-mode-halal-color:#4f8a82;--dark-mode-haram-color:#7f5f98;--site-background-color:#181818;--toolbar-height-vh:11vh;--max-toolbar-height-px:50px;--topic-carousel-height-vh:13vh;--max-topic-carousel-height-px:135px;--highlight-color:var(--light-neutral-color);--button-background-color:#f2f2f2}.dark-mode{--dark-mode-background:#181818;--dark-mode-middleground:#2a2a2a;--dark-mode-foreground:#414141;--dark-mode-text-color:#ddd;--dark-mode-secondary-text-color:#8d8d8d;--dark-mode-highlight-color:#313131;--dark-mode-red:#9a2f4e;--dark-mode-halal-color:#4f8a82;--dark-mode-haram-color:#7f5f98}input[type=text]{border-radius:24px;width:100%;padding:12px 20px;background:#414141;background:var(--dark-mode-foreground);color:#c5c5c5;color:var(--dark-mode-text-color)}.form-input,input[type=text]{outline:none;font-size:16px;display:inline-block;box-sizing:border-box;border:none}.form-input{width:80%!important;margin:10px 0 10px 10%;width:100%;padding:6px 20px;background-color:transparent;color:#dfe1e5;border-bottom:1px solid var(--dark-mode-background);transition:.5s}.form-input:focus,.form-input:hover{border-bottom:1px solid #dfe1e5}.button,.disabled-button{width:80%;padding:6px;margin:10% 0 0 10%;border-radius:24px;color:#c5c5c5;color:var(--dark-mode-text-color);background-color:#414141;background-color:var(--dark-mode-foreground);border:none;outline:none;font-size:16px}.disabled-button{opacity:.5}.button:hover{border:none!important;background-color:#5f5f5f!important;background-color:var(--light-neutral-color)!important;cursor:pointer!important}.disabled-button:hover{cursor:not-allowed!important;background-color:#414141!important;background-color:var(--dark-mode-foreground)!important}.caution-button{background-color:#8b0000!important}.caution-button:hover{background-color:red!important}.delete-button{padding-left:1em;font-size:12px;display:-webkit-inline-flex;display:inline-flex;-webkit-align-items:center;align-items:center}@media only screen and (min-width:600px){.delete-button:hover{cursor:pointer;color:transparent;text-shadow:0 0 0 red}}@media only screen and (max-width:599px){.delete-button:active{cursor:pointer;color:transparent;text-shadow:0 0 0 red}}.back-action{height:25px;width:25px;position:absolute;top:20px;left:10px;border-radius:50%;padding:5px}.back-action:hover{cursor:pointer;background-color:hsla(0,0%,100%,.1450980392156863)}
/*# sourceMappingURL=main.25fde75d.chunk.css.map */