*{box-sizing:border-box}:root{font-family:Fredoka,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.3;font-weight:400;font-variation-settings:"wdth" 100;color-scheme:light dark;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--max-content-width: 840px;--purple: #7c78f0;--dark-purple: #423559;--aqua: #7ff0d4;--teal: #78def0;--blue: #5b85f0;--light-blue: #c2dbff;color:var(--dark-purple)}a{font-weight:500;color:#6837d5;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;overflow:hidden;--scroll-width: 17px}p{margin:0;font-size:1.2em}p+p{margin:1em 0 0}h1{font-size:3.2em;line-height:1.1}input{outline:none}button{border:0px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s,border-width .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}blockquote{padding:8px 0 10px 16px;margin:0;border-left:24px groove #aac0ffba;background-image:linear-gradient(to right,#aab0d846 50%,#fff0);font-weight:350;line-height:1.5}blockquote p{margin:0}blockquote+p{margin:1em 0 0}p+blockquote{margin:1em 0 0}select{background-color:#535bf2;border:none;padding:4px 8px;border-radius:8px}option:active{background-color:#0078bd}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}header{position:fixed;top:0;width:calc(100% - var(--scroll-width));padding:0 24px;z-index:2;overflow-y:visible}.mobile header{width:100%}header:after{display:block;position:relative;width:100%;max-width:1260px;height:4px;margin:0 auto;background:linear-gradient(to right,transparent 0,white 10%,white 90%,transparent 100%);content:"";z-index:-1}@media (max-width: 1255px){header:after{width:calc(100% + 160px);left:50%;transform:translate(-50%)}}#headerContent{width:100%;max-width:var(--max-content-width);margin:0 auto}#logo{font-size:2em;font-weight:500;font-variation-settings:"wdth" 112;letter-spacing:.4em;color:#7c78f0;transition:font-size .23s ease-in-out,font-variation-settings .23s ease-in-out,font-weight .23s ease-in-out,letter-spacing .23s ease-in-out;-webkit-user-select:none;user-select:none}#logo.collapsed{font-size:.8em;font-weight:360;font-variation-settings:"wdth" 125;letter-spacing:.6em}@media (max-width: 300px){#logo{font-size:10.3vw}#logo.collapsed{font-size:4.5vw}}.logoContainer{margin-top:20px;margin-bottom:12px;transform:scaleX(1);transition:margin-top .23s ease-in-out,margin-bottom .23s ease-in-out,transform .23s linear;text-align:center}.logoContainer.collapsed{margin-top:5px;margin-bottom:0;transform:scaleX(1.6)}.backgroundContainer{position:fixed;top:0;left:0;z-index:-1}.loadingContainer{position:absolute;display:flex;align-items:center;justify-content:center;top:50%;left:50%;margin-right:-50%;transform:translate(-50%,-50%)}.loadingTicker{width:150px;image-rendering:pixelated}#contentContainer{position:absolute;width:100%;height:100%;padding:200px 10px 100px;z-index:1;--clip-top: 188px;--clip-top-collapsed: 98px;--clip-right: calc(100% - var(--scroll-width));clip-path:polygon(100% 0,100% 100%,0 100%,0 var(--clip-top),var(--clip-right) var(--clip-top),var(--clip-right) 0);overflow-y:scroll;transition:clip-path .24s ease-in-out;--load-animation: loadItem .5s forwards cubic-bezier(0,.6,.14,.93);--load-animation-mobile: loadItemMobile .5s forwards cubic-bezier(0,.6,.14,.93)}#contentContainer.headerCollapsed{clip-path:polygon(100% 0,100% 100%,0 100%,0 var(--clip-top-collapsed),var(--clip-right) var(--clip-top-collapsed),var(--clip-right) 0)}.mobile #contentContainer{clip-path:rect(var(--clip-top) 100% 100% 0)}.mobile #contentContainer.headerCollapsed{clip-path:rect(var(--clip-top-collapsed) 100% 100% 0)}.listContainer{position:relative;text-align:left;padding:0 14px}.listingContainer{position:relative;width:100%;max-width:var(--max-content-width);margin:0 auto 18px;padding:36px;border-radius:40px;background-color:#f1efffbb;color:#001135;box-shadow:inset 0 0 100px -10px #fff,2px 5px 10px -2px #2a4f625c;text-align:left;filter:blur(10px) opacity(0)}.listingContainer.load{filter:blur(0) opacity(1);animation:var(--load-animation)}.mobile .listingContainer{filter:opacity(0)}.mobile .listingContainer.load{filter:opacity(1);animation:var(--load-animation-mobile)}@media (max-width: 500px){.listingContainer{padding:24px}}@keyframes loadItem{0%{transform:scale(.8,.6) translate(-10px,-3px);filter:blur(10px) opacity(0)}to{transform:scale(1) translate(0);filter:blur(0) opacity(1)}}@keyframes loadItemMobile{0%{transform:scale(.8,.6) translate(-10px,-3px);filter:opacity(0)}to{transform:scale(1) translate(0);filter:opacity(1)}}@keyframes unloadItem{0%{transform:scale(1);filter:blur(0) opacity(1)}80%{transform:scale(1.08);filter:blur(18px) opacity(.2)}to{transform:scale(1.1);filter:blur(24px) opacity(0)}}@keyframes unloadItemMobile{0%{transform:scale(1);filter:opacity(1)}80%{transform:scale(1.08);filter:opacity(.2)}to{transform:scale(1.1);filter:opacity(0)}}.detailsContainer{display:flex;width:100%;height:36px;max-width:var(--max-content-width);margin:12px auto;text-align:left;flex-flow:row wrap;align-items:center;justify-content:space-between;gap:0 12px}@media (max-width: 360px){.detailsContainer{flex-wrap:wrap}}.detailsTitleContainer{position:relative;max-width:100%;min-width:180px;font-size:1.5em;font-weight:520;font-variation-settings:"wdth" 120;letter-spacing:.06em;color:transparent;text-shadow:5px 5px 20px #f0edff00;animation:loadTitle 1s cubic-bezier(0,.6,.14,.93);transition:color .5s cubic-bezier(.73,.07,.87,.35),text-shadow .6s cubic-bezier(.73,.07,.87,.35);flex:7 1 0;overflow:hidden}.detailsTitleContainer.unload{animation:unloadTitle 1s cubic-bezier(0,.6,.14,.93);pointer-events:none}@media (max-width: 450px){.detailsTitleContainer{font-size:5.3vw}}@media (max-width: 300px){.detailsTitleContainer{font-size:16px}}.detailsTitleContainer:hover{color:#4e35c098;text-shadow:1px 1px 0px hsla(0,0%,100%,.761);filter:blur(0px)}.detailsTitleContainer span{display:inline-block;text-wrap:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis}.detailsTitle{-webkit-background-clip:text;background-clip:text;background-image:radial-gradient(300px 180% at 0% 40%,#2fbdbdc9 4%,#4368bdda 20%,#1e008aa1 50%,#4b326b96);-webkit-mask-image:linear-gradient(150deg,transparent 0%,black 30%);mask-image:linear-gradient(150deg,transparent 0%,black 30%)}.detailsTitleClone{position:absolute;top:0;left:0;-webkit-background-clip:text;background-clip:text;background-image:radial-gradient(300px 180% at 0% 40%,#166899e8 4%,#4368bdf6 20%,#1e008aa1 50%,#4b326b96);filter:blur(1.5px);-webkit-mask-image:linear-gradient(150deg,black 10%,transparent 50%);mask-image:linear-gradient(150deg,black 10%,transparent 50%)}@keyframes loadTitle{0%{transform:scale(.8,.6) translate(-10px,-3px);filter:blur(10px) opacity(0)}to{transform:scale(1) translate(0);filter:blur(.8px) opacity(1)}}@keyframes unloadTitle{0%{transform:scale(1);filter:blur(.8px) opacity(1)}80%{transform:scale(1.08);filter:blur(18px) opacity(.2)}to{transform:scale(1.1);filter:blur(24px) opacity(0)}}.detailsTabContainer{display:flex;align-items:center;justify-content:end;flex-flow:row nowrap;flex:1 1 fit-content}.detailsTab{position:relative;display:inline-block;max-width:120px;filter:blur(0) opacity(1);flex-grow:1;transition:width .4s ease-out,margin-left .4s ease-out,filter .4s ease-out,flex-grow .4s ease-out}.detailsTab.hidden{width:0px;margin-left:0;filter:blur(4px) opacity(0);flex-grow:0}.detailsTab+.detailsTab{margin-left:12px}.detailsTab+.detailsTab.hidden{margin-left:0}@keyframes activateTab{0%{margin-left:0;filter:blur(4px) opacity(0)}to{min-width:120px;max-width:300px;margin-left:14px;filter:blur(0) opacity(1)}}.linkContainerContainer{display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr 1fr 90px;grid-template-rows:auto;gap:12px 12px;margin:0}.linkContainer{display:flex;flex-flow:column;width:100%;padding-right:42px;grid-column:2 / 8;grid-row:1}.thumbnailContainer{padding:12px 0 0;width:100%;margin-right:16px;grid-column:1 / 2;grid-row:1 / 3}.thumbnailHolder{position:relative;width:calc(100% + 10px);height:auto;aspect-ratio:1 / 1;margin:-10px 0 0 -10px;border-radius:60% 50% 25% 75%;background-color:#8d8dff40;overflow:hidden}.thumbnailHolder:after{content:"";display:block;position:absolute;top:0;left:0;width:100%;height:100%;border-radius:60% 50% 25% 75%;box-shadow:inset -5px -18px 30px #2115a854,inset -5px -5px 15px -4px #abfff3e3;background-image:radial-gradient(24% 19% at 38% 29%,#ffffffc7 20%,#ffffff6b 40%,transparent 90%);z-index:1;pointer-events:none}.thumbnailHolder img{position:relative;width:100%;height:100%;object-fit:cover;z-index:0}.defaultThumbnail{position:absolute;width:100%;height:100%;--current-icon: url(/icon_link.svg)}.selfIcon{--current-icon: url(/icon_self.svg)}.imageIcon{--current-icon: url(/icon_image.svg)}.videoIcon{--current-icon: url(/icon_video.svg)}.linkIcon{--current-icon: url(/icon_link.svg)}.nsfwIcon{--current-icon: url(/icon_nsfw.svg)}.defaultThumbnail div{content:"";position:absolute;width:100%;height:100%;mask:linear-gradient(45deg,transparent 69%,black 89%),var(--icon-mask);filter:blur(3px);--icon-mask: var(--current-icon) 130% 30% / auto 70% no-repeat}.defaultThumbnail div:before{content:"";position:absolute;width:100%;height:100%;background-image:radial-gradient(220% 180% at 98% 30%,#2fbdbdad 4%,#4367bd91 20%,#1e008a91 50%,#4b326b24);mask:linear-gradient(45deg,black 69%,transparent 89%),var(--icon-mask)}.linkTitle{margin-right:10px;color:#5b87cc;font-size:1.35em;font-weight:600;transition:color .2s cubic-bezier(0,.6,.14,.93)}.linkTitle.stickied{color:#009789}.linkTitle:hover{color:#8178ff}.flair{position:relative;display:inline-block;padding:2px 6px;font-size:.8em;font-weight:420;letter-spacing:.03em;background-color:var(--purple);color:#fff;border-radius:20px;transform:translateY(-2px)}.commentFlair{margin-left:6px}.commentFlair.submitter{background-color:#1471e8}.commentFlair.mod{background-color:#1a8845}.flairImage{max-height:10px}.byLine{margin:4px 0;font-size:.82em;grid-column:2 / 6;grid-row:2;align-self:end}.byLine a{font-weight:600}.byLine a.submitter{font-weight:800;color:#1471e8}.byLine a.mod{color:#1a8845}.byLine p{display:inline}.linkTag{padding:2px 6px 3px;border-radius:20px;color:#fff;font-size:.8em}.nsfwTag{background-color:#c74d6c}.stickiedTag{background-color:#009789}.linkDetailsContainer{margin:0 0 8px;list-style:none;padding-inline-start:0}.linkDetailsContainer li{display:inline-block;margin:0}.linkDetailsContainer li+li:before{content:"";display:inline-block;vertical-align:middle;margin:0 9px;width:3px;height:3px;border-radius:50%;background-color:currentColor}.linkDetailsContainer p{display:inline;margin:0;font-size:.9em}.linkDetailsContainer a{font-size:.9em}.bottomContainer{display:flex;justify-content:space-between;align-items:end;flex-grow:1}.linkScoreContainer{margin-top:-12px;text-align:end;background-color:#9aaaff00;border-radius:30px;padding:8px 10px 6px 14px;position:relative;transform:translateY(3px);cursor:default;box-shadow:inset 4px -12px 20px #c4e4ff85,inset -2px 6px 16px #acc9e182,inset -2px 2px 4px #678eae21;grid-column:6 / 8;grid-row:2;align-content:end;height:min-content;align-self:end;justify-self:end}.linkScoreContainer p{display:inline-block}.linkScoreLabel{margin-right:4px;font-size:.4em;font-weight:400;letter-spacing:.4em;font-variation-settings:"wdth" 120}.linkScore{position:relative;margin:0 4px 0 0;font-size:1em;font-weight:600;letter-spacing:.1em;font-variation-settings:"wdth" 120;-webkit-text-fill-color:#609fa8;text-fill-color:#609fa8;transform:scale(1);transition:-webkit-text-fill-color .5s ease-in-out,text-fill-color .5s ease-in-out,transform .7s cubic-bezier(.04,.7,.23,.95)}.linkScore:hover{background:linear-gradient(to right,red,#f0f,#00f,#0f0,#ff0,red,#f0f,#00f,#0f0,#ff0,red);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-fill-color:transparent;background-size:900% auto;transform:scale(1.1);animation:textShine 1s ease-in-out infinite forwards}@keyframes textShine{0%{background-position:0% 50%}to{background-position:50% 50%}}.previewButton{display:flex;align-items:center;position:relative;width:100%;padding:3px 12px 4px;border-radius:20px;z-index:2;font-size:.9em;text-align:left;background-color:#0057ff12;color:#605dc8;box-shadow:2px 2px #0608203b,inset -3px -4px 11px -4px #c2fff9,inset 1px 3px 11px -4px #8faadde5;transform:translate(0) scale(1);transition:transform .4s cubic-bezier(0,.6,.14,.93),background-color .4s cubic-bezier(0,.6,.14,.93),box-shadow .6s cubic-bezier(0,.6,.14,.93);animation:none}.previewButton.disabled{color:#31306898;background-color:#364e8012;box-shadow:2px 2px #06082031,inset -3px -4px 11px -4px #a9d3d0c0,inset 1px 3px 11px -4px #98bcffb0;transition:none}.previewButton:hover{color:#605dc8;background-color:#dfe4ffe7;box-shadow:1px 3px 4px #06082034,inset -8px -10px 20px -5px #7afff26b,inset 3px 4px 8px -3px #b6d0ffb0;transform:translate(0) scale(1.02);animation:none}.previewButton:hover.disabled{color:#31306898;background-color:#364e8012;box-shadow:2px 2px #06082031,inset -3px -4px 11px -4px #a9d3d0c0,inset 1px 3px 11px -4px #98bcffb0;transform:translate(0)}.previewButton svg{position:relative;top:2px;margin-right:8px;width:18px}.previewButton path{fill:#3410ff7a}.select-arrow{margin-left:8px;border-left:5px solid transparent;border-right:5px solid transparent;border-top:6px solid #605dc8;transform:rotate(-90deg);transition:transform .4s ease-out}.select-arrow.open{transform:rotate(0)}@keyframes shake{0%{transform:translate(0)}20%{transform:translate(-4px)}40%{transform:translate(4px)}60%{transform:translate(-2px)}80%{transform:translate(2px)}to{transform:translate(0)}}.previewContainerContainer{position:relative;margin:6px -10px -10px;padding:10px;background-color:transparent;border-radius:25px;transition:background-color .3s ease-out,box-shadow .3s ease-out}.previewContainerContainer.open{background-color:#f1efff15;box-shadow:inset 0 0 50px 10px #fff,inset 0 1px 10px 2px #022b3eb8}.previewContainer{width:100%;height:0px;margin-top:0;overflow:hidden;transition:height .3s cubic-bezier(.08,.61,.18,.98),margin-top .35s cubic-bezier(.08,.61,.18,.98)}.previewContent{display:none;padding:20px}.previewContent.open{display:block}.previewContent img{width:100%;height:auto}.mediaEmbed{position:relative}.commentsButtonContainer{display:flex;flex-flow:column;width:100%;max-width:90px;grid-column:7 / 9;grid-row:1 / 3;justify-self:end}.commentsButtonContainer a{display:flex;flex-flow:column;align-items:center;justify-content:center;width:100%;padding:10px;border-radius:36px;text-align:center;align-content:center;box-shadow:2px 2px #0608203b,inset -4px -7px 20px -2px var(--light-blue);transform:translate(0) scale(1);transition:transform .3s cubic-bezier(0,.6,.14,.93),box-shadow .6s cubic-bezier(0,.6,.14,.93),background-color .6s cubic-bezier(0,.6,.14,.93)}.commentsButtonContainer a:hover{transform:translate(-3px,-3px) scale(1.1)}.commentsButton{min-height:62px;margin-bottom:8px;background-color:var(--blue);color:#fff}.commentsButton:hover{box-shadow:4px 4px 4px #06082025,inset -3px -5px 20px -1px var(--aqua),inset 3px 2px 16px -2px #202458a6;color:#fff}.redditCommentsButton{padding:14px;background-color:#cfe9ffdb;font-size:11px;color:var(--purple)}.redditCommentsButton:hover{background-color:#c8deffe1;box-shadow:4px 4px 4px #06082025,inset -4px -3px 16px -2px #d4fff9,inset 3px 2px 16px -2px #78a8e7a6;color:var(--purple)}.commentsIcon{display:block;width:100%;max-width:32px;margin:auto;image-rendering:pixelated}.commentsIcon path{fill:#fff}.postContainer{position:relative;width:100%;max-width:calc(var(--max-content-width) + 160px);margin:0 auto 20px;padding:100px;border-radius:100px;background-color:#f1efffbb;box-shadow:inset 0 0 100px -10px #fff;text-align:left;filter:blur(10px) opacity(0)}.postContainer.load{filter:blur(0) opacity(1);animation:var(--load-animation)}.commentsDivider{display:block;position:relative;height:1px;margin:0 auto 20px;max-width:var(--max-content-width);background-image:linear-gradient(to right,transparent 0,white 10%,white 90%,transparent 100%);filter:blur(10px) opacity(0)}.commentsDivider.load{filter:blur(0) opacity(1);animation:var(--load-animation)}.postDetailsContainer{position:relative;width:100%;margin:0}.postDetailsContainer:before{content:"";position:absolute;width:100%;height:100%;top:0;left:0;z-index:-1;border-radius:80px;background-color:#ffffffc4;filter:blur(40px);transform:scale(.95,.8)}.commentsTitle{margin:20px 0 24px}.postDetailsContainer .linkDetailsContainer{margin:0 0 10px}.postDetailsContainer .byLine{margin:10px 0 0}.selfTextContainer{position:relative;width:100%;margin-top:60px}.selfTextContainer img,video{position:relative;max-width:110%;margin:0 auto;transform:translate(-50%);left:50%}.selfTextContainer video{max-height:800px}*+.selfText{margin-top:24px}.selfTextContainer:before{content:"";position:absolute;width:100%;height:100%;top:0;left:0;z-index:-1;border-radius:80px;background-color:#ffffffc4;filter:blur(40px);transform:scaleX(.98)}.selfText{font-size:1.2em}.commentContainer{padding:36px}.commentContentContainer .bottomContainer{margin-top:14px}.commentBody{margin:0 0 18px}.commentScore{font-size:.7em}.commentLinkContainer .linkTitle{font-size:1.1em}.toggleRepliesButton{height:24px;padding:0 6px;background-color:#00f;font-size:.7em}.commentContainer .previewContainerContainer.open{background-color:#f1efff63;box-shadow:inset 0 0 100px 10px #fff,inset 4px 1px 8px #022b3e7a}.repliesContainer{overflow:hidden;padding:14px 2px 0 14px}.repliesContainer .commentContainer{padding:36px 2px 36px 36px}.repliesContainer .previewButton{width:calc(100% - 10px)}.repliesContainer .listingContainer{background-color:transparent;padding:0;box-shadow:none;filter:none}.repliesContainer .listingContainer+.listingContainer:before{content:linear-gradient(transparent);display:block;height:1px;margin:0 -50px 20px;background-color:#838dac80}.subredditListing{padding:54px;background-color:#f1efff7a;overflow:hidden;box-shadow:inset 0 -100px 100px #ffffffa2,2px 5px 10px -2px #2a4f625c,inset 0 120px 100px 10px #fff}@media (max-width: 600px){.subredditListing{padding:42px}}@media (max-width: 360px){.subredditListing{padding:36px}}.subredditListingBackground{position:absolute;min-width:100%;min-height:100%;top:0;left:0;z-index:-1;mix-blend-mode:color;opacity:0;transition:opacity .5s ease-in-out}.subredditListingBackground.loaded{opacity:1}.subredditNameContainer{display:flex;align-items:center;min-height:50px;margin-bottom:14px;flex-flow:row wrap}.subredditNameContainer a{max-width:100%;font-weight:500;font-size:1.7em;font-variation-settings:"wdth" 105;text-wrap:wrap;overflow:hidden;text-overflow:ellipsis}@media (max-width: 420px){.subredditNameContainer a{font-size:1.4em}}.subredditIcon{margin-right:14px;height:100%;max-height:72px}.subredditDescription{position:relative;margin-left:-16px;padding:12px 24px;border-radius:24px;background-color:#e6e6ffdb;box-shadow:inset 3px 5px 12px -2px #9090d36c}@media (max-width: 360px){.subredditDescription{margin-left:-6px;padding:18px}}.subredditSubscribers{font-weight:500}@media (max-width: 600px){.linkContainerContainer{grid-template-columns:repeat(8,1fr)}.linkContainer{grid-column:1 / 8}.byLine{grid-column:1 / 6}.thumbnailContainer{display:none}.linkScoreContainer{grid-column:6 / 9;grid-row:3;margin-top:0;margin-right:0;max-height:60px}}@media (max-width: 550px){.linkContainer,.byLine{grid-column:1 / 9;padding-right:10px}.linkScoreContainer{align-self:flex-start;width:max-content}.commentsButtonContainer{grid-column:1 / 6;grid-row:3;flex-flow:row;justify-self:start;max-width:100%;margin:0 0 0 -4px;align-items:flex-start}.commentsButtonContainer a{height:36px;margin-right:12px;padding:0 16px;flex-flow:row}.commentsIcon{display:inline-block;margin:0 8px 0 0;width:22px;align-content:center}.commentsButton{min-height:fit-content}}@media (max-width: 400px){.commentsButtonContainer a{height:60px;flex-flow:column}.commentsIcon{display:block;margin:0 0 2px}.commentsButton{font-size:.9em}.linkScoreContainer{width:fit-content}}.searchBarContainer{position:relative;height:50px;width:100%;z-index:3;transition:height .25s ease-in-out}.searchBarContainer.collapsed{height:10px}.searchBar{border-radius:30px;width:100%;height:100%;padding:0 20px;border:none;background:radial-gradient(180% 120% at 95% 51%,transparent 20%,#997edff0);background-color:#8f91ff91;background-size:100% 50px;background-repeat:no-repeat;font-family:Fredoka,system-ui,Avenir,Helvetica,Arial,sans-serif;font-size:1.6em;font-weight:450;text-align:center;vertical-align:top;box-shadow:0 2px 10px 2px #ddddff4f,inset 3px 16px 20px #296eb759;transition:background-color .3s ease-in-out}.searchBar:focus{background-color:#6659ffc4}@keyframes pulse{0%{background-color:#eeecffc4}4%{background-color:#eeecffc4}to{background-color:#8f91ff91}}.searchButton{position:absolute;right:0;width:50px;height:100%;padding:0;border-radius:30px;background-color:#626bb9e5;box-shadow:inset 0 0 16px 5px #626bb9e5;overflow:hidden;transition:background-color .4s cubic-bezier(0,.58,.17,.87),box-shadow .4s cubic-bezier(0,.58,.17,.87)}.searchButton:hover{background-color:#fff;box-shadow:inset 0 0 13px 5px #6d70f7,0 0 13px 5px #d1d4ff}.searchIcon{width:100%;max-width:20px;height:100%;margin:auto}.searchIcon rect{fill:#fff;transition:fill .4s cubic-bezier(.04,.52,.25,.97)}.searchButton:hover rect{fill:#3b42a7}#searchOptionsContainer{pointer-events:none;position:absolute;display:flex;width:calc(100% - 12px);height:auto;max-width:860px;max-height:0px;top:66px;left:50%;border-radius:33px;padding:50px 20px 0;z-index:2;transform:translate(-50%);background-image:radial-gradient(90% 170% ellipse at 30% 0%,#51a4ee 40%,#61e6e696 70%,#31cebf3d,#29dbba00);text-align:left;flex-wrap:wrap;align-items:first baseline;filter:opacity(0) blur(10px);transition:max-height .2s ease-out,padding-top .2s ease-out,padding-bottom .25s ease-out,background-color .2s ease-out,transform .2s ease-out,filter .35s ease-out}#searchOptionsContainer.optionsOpen{pointer-events:all;max-height:9999px;padding-top:56px;padding-bottom:20px;background-color:#89cbcec4;transform:translate(-50%);filter:opacity(1) blur(0)}#searchOptionsContainer.optionsOpen.subredditsType{background-color:#d7a67bb4}#searchOptionsContainer.collapsed{padding-top:0;transform:translate(-50%,-50px)}#searchOptionsContainer .detailsTab{margin-right:14px;margin-left:0;margin-top:18px;opacity:1;transition:opacity .15s ease-in-out}#searchOptionsContainer .detailsTab.optionsOpen{opacity:0}.searchTypeSwitch{display:inline;margin-left:6px}.searchTypeButton{padding:6px 10px;opacity:.5;font-size:.8em;transition:opacity .5s ease-out}.searchTypeButton.active{opacity:1}.postsTypeButton{background-color:#134a92}.subredditsTypeButton{background-color:#88450e}.custom-select{position:relative;display:inline-block;width:100%;max-width:120px;font-size:.9em;font-weight:420;text-wrap:nowrap}.custom-select .previewButton{display:flex;position:relative;justify-content:space-between;align-items:center;width:100%;padding:8px 12px;border-radius:20px;background-color:#370eff94;cursor:pointer;color:#fff;font-size:.9em;z-index:1;box-shadow:2px 2px 2px #06082025,inset 2px -8px 20px #6dbbff;transition:transform .3s cubic-bezier(0,.6,.14,.93),box-shadow .6s cubic-bezier(0,.6,.14,.93),background-color .6s cubic-bezier(0,.6,.14,.93)}.custom-select .previewButton:active{transform:translateY(2px) scale(.99)}.custom-select .previewButton:hover{transform:translate(-2px,-2px) scale(1.05);box-shadow:4px 4px 4px #06082025,inset -3px -5px 20px -1px var(--aqua),inset 3px 2px 16px -2px #202458a6}.custom-select .select-arrow{border-top:6px solid #ffffff}.select-button:hover .select-arrow{transform:scale(1.1)}.select-dropdown{position:absolute;top:-5px;left:-5px;width:calc(100% + 10px);height:auto;border-radius:18px;background-color:#96ffffed;list-style:none;padding:42px 6px 6px;margin:0;box-shadow:0 8px 16px #1f2e4d2b,inset 3px 50px 40px #ae90ffc2;overflow:hidden;z-index:0;transition:filter .24s ease-in-out,height .2s ease-out}#searchOptionsContainer .select-dropdown{background-color:#9bc7ffe5}.select-dropdown.hidden{filter:opacity(0) blur(5px);height:0}.select-dropdown::-webkit-scrollbar{width:7px}.select-dropdown::-webkit-scrollbar-track{background:#f1f1f1;border-radius:25px}.select-dropdown::-webkit-scrollbar-thumb{background:#ccc;border-radius:25px}.select-dropdown li{padding:6px 12px;cursor:pointer;border-radius:30px;transition:background-color .15s ease-in-out,box-shadow .15s ease-in-out}.select-dropdown li.selected{background-color:#f2f2f2;font-weight:700}.select-dropdown li:hover,.select-dropdown li:focus{background-color:#ffffff85;box-shadow:inset 3px -7px 20px 5px #ffffffd5}