.c-mention{position:relative;box-shadow:#00000005 0 3px 6px -2px,#0000000b 0 1px 1px;border-radius:var(--border-radius);border:.5px solid rgb(223,223,223);background-color:var(--color-bg-0)}.c-mention__inner{display:grid;grid-template-columns:1fr;grid-template-columns:1fr 32px}.c-mention__inner>section:last-child{display:flex;flex-direction:column;background-color:var(--color-bg-1);border-radius:var(--border-radius)}.c-mention__inner>section:last-child a{display:flex;flex:1;align-items:center;justify-content:center;background-color:hsl(var(--hue-green),50%,97%);color:hsl(var(--hue-green),25%,60%)}.c-mention__inner>section:last-child a:first-of-type{border-top-right-radius:var(--border-radius)}.c-mention__inner>section:last-child a:last-of-type{border-bottom-right-radius:var(--border-radius)}.c-mention__inner>section:last-child a:nth-child(2){background-color:hsl(var(--hue-orange),50%,97%);color:hsl(var(--hue-orange),25%,60%)}.c-mention__inner>section:last-child a:hover,.c-mention__inner>section:last-child a:active{background-color:hsl(var(--hue-green),60%,94%)}.c-mention__inner>section:last-child a:hover:nth-child(2),.c-mention__inner>section:last-child a:active:nth-child(2){background-color:hsl(var(--hue-orange),60%,94%)}.c-mention__inner>section:last-child a.active{background-color:hsl(var(--hue-green),75%,86%);color:hsl(var(--hue-green),25%,50%)}.c-mention__inner>section:last-child a.active:nth-child(2){background-color:hsl(var(--hue-orange),95%,90%);color:hsl(var(--hue-orange),25%,50%)}.c-mention__inner>section:last-child a.is-disabled{opacity:.6;cursor:not-allowed}.c-mention__inner>section header{padding:.5rem .5rem .25rem;display:flex;align-items:center;justify-content:space-between;font-size:var(--font-size-xs);line-height:1}.c-mention__inner>section header img{width:20px;height:20px;margin-right:var(--margin)}.c-mention__inner>section main{padding:0 .5rem;font-size:var(--font-size-sm);line-height:1.5}.c-mention__inner>section main p:last-of-type{margin-bottom:0}.c-mention__inner>section main p mark{padding:2px 4px;border-radius:2px;background-color:hsl(var(--hue-orange),100%,94%)}.c-mention__inner>section main .highlight{background-color:hsl(var(--hue-orange),94%,86%)}.c-mention__inner>section footer{padding:.25rem .5rem;font-size:var(--font-size-xs);line-height:1.5;display:flex;align-items:center}.c-mention__inner>section footer>span{display:inline-flex;align-items:center;opacity:.7}.c-mention__inner>section footer>span:nth-child(2){padding:0 .125rem}.c-mention.has-comment .c-mention__inner>section:last-child a:last-of-type{border-bottom-right-radius:0}.c-mention__comment{padding:.5rem;font-size:var(--font-size-sm);line-height:1.5;background-color:var(--color-bg-0);border-top:var(--color-bg-2) solid 1px}.c-mention__comment p{margin-bottom:0;white-space:break-spaces}.c-mention__info,.c-mention__buttons{display:flex;align-items:center}.c-mention__buttons hr{display:inline-block;height:20px;width:1px;margin:0 .5rem;background-color:var(--color-bg-3);border:none}.c-mention__buttons .btn{width:auto;min-height:auto;height:24px}.c-mention__buttons .btn.btn-gap-right{margin-right:var(--margin)}.c-mention__buttons .btn svg{width:14px;min-width:14px}.c-mention__buttons .btn svg+span{margin-left:.25rem}.c-mention__buttons .btn .c-spinner{margin-left:.1rem;width:12px;height:12px}.c-mention__buttons .btn.is-disabled{opacity:.6;cursor:not-allowed}.c-mention__buttons .btn-wrap{position:relative;display:inline-flex;align-items:center;margin-right:.25rem}.c-mention__buttons .c-mention__post-btn{margin-left:.25rem}.c-mention__comment-mode-trigger svg{width:16px!important;min-width:16px!important}.c-mention__comment-mode-dropdown{position:absolute;z-index:30;top:calc(100% + .5rem);left:0;width:14rem;max-width:18rem;overflow:hidden;background-color:var(--color-bg-0);border:1px solid var(--border, #e5e7eb);border-radius:var(--border-radius, .5rem);box-shadow:#00000006 0 3px 6px -2px,#0000000b 0 1px 1px;transform:translateY(-.5rem);opacity:0;pointer-events:none;transition:all var(--transition-time, .16s) ease-out}.c-mention__comment-mode-dropdown.active{transform:translateY(0);opacity:1;pointer-events:all}.c-mention__comment-mode-item{width:100%;border:none;outline:none;background:transparent;text-align:left;padding:.5rem .625rem;font-size:var(--font-size-xs);color:var(--color-font-lighter);cursor:pointer}.c-mention__comment-mode-item:hover,.c-mention__comment-mode-item:focus-visible{background-color:var(--color-bg-2);color:var(--color-font)}.c-mention__platform{color:var(--color-font);font-weight:500}.c-mention__platform-trigger{color:var(--color-font);font-weight:500;cursor:pointer}.c-mention__subreddit-wrap{position:relative;display:inline-flex;align-items:center}.c-mention__subreddit-tooltip{position:absolute;left:0;top:calc(100% + .375rem);z-index:30;min-width:16rem;max-width:18rem;padding:.5rem;border-radius:.375rem;background-color:var(--color-bg-0);border:1px solid var(--color-bg-3);box-shadow:#00000005 0 3px 6px -2px,#0000000b 0 1px 1px;line-height:1.4}.c-mention__subreddit-tooltip p{margin:0;color:var(--color-font);font-size:var(--font-size-xs);line-height:1.4}.c-mention__subreddit-tooltip .btn{width:100%;min-height:auto;height:auto;justify-content:center;text-transform:lowercase}.c-mention__subreddit-tooltip .c-spinner{margin-right:.25rem;width:12px;height:12px}.c-mention__subreddit-tooltip small{display:block;margin-top:.375rem;font-size:var(--font-size-xxs);opacity:.75}.c-mention__relevance{padding:2px 5px;margin-right:.25rem;line-height:1;cursor:help;font-size:var(--font-size-xxs);font-family:var(--font-family-monospace);font-weight:700;background-color:#e6e4e0;border-radius:3px}.c-mention__relevance.r-1{background-color:#fcede3;color:#652c06}.c-mention__relevance.r-2{background-color:#fcefe3;color:#61340a}.c-mention__relevance.r-3{background-color:#fcf5da;color:#61500a}.c-mention__relevance.r-4,.c-mention__relevance.r-5{background-color:#effcda;color:#41610a}.c-mention__keyword{margin-left:.25rem}.c-mention__guide-labels{position:absolute;inset:0;pointer-events:none}.c-mention__guide-labels .label{position:absolute;width:auto;min-height:1.5rem;padding:.125rem .5rem;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;font-size:var(--font-size-xxs);line-height:1;font-family:inherit;font-weight:700;color:var(--color-bg-0);background:var(--color-primary);box-shadow:0 0 0 2px var(--color-bg-0),#0000001f 0 2px 8px;white-space:nowrap}.c-mention__guide-labels .label-relevance{bottom:1.25rem;left:.25rem}.c-mention__guide-labels .label-comment{top:-.75rem;right:10.5rem}.c-mention__guide-labels .label-source{top:-.75rem;right:2.5rem}.c-mention__guide-labels .label-tick{top:2.75rem;right:-.5rem;transform:translate(100%)}@media screen and (max-width:576px){.c-mention__guide-labels .label-comment{right:9rem}.c-mention__guide-labels .label-source{right:1.25rem}.c-mention__guide-labels .label-tick{right:0;transform:none}}.c-mention--guide{overflow:visible}.c-roller-alert{position:relative;display:flex;align-items:center;justify-content:center;width:100%;transition:all var(--transition-time) linear;pointer-events:all;user-select:none;cursor:pointer}.c-roller-alert .c-mention{width:100%;margin-bottom:1rem}@media screen and (max-width:576px){.c-roller-alert .c-card{margin-bottom:.5rem}}.c-roller{position:relative;z-index:1;margin:0 auto;width:500px;height:320px;overflow-y:hidden;padding:var(--margin-lg) var(--spacer);pointer-events:none}.c-roller>section{width:100%;position:relative}.c-roller .fade-move,.c-roller .fade-enter-active,.c-roller .fade-leave-active{transition:all .5s cubic-bezier(.55,0,.1,1)}.c-roller .fade-enter-from{opacity:0;transform:translateY(-8px)}.c-roller .fade-leave-to{opacity:0;transform:translateY(8px)}.c-roller .fade-leave-active{position:absolute}@media screen and (max-width:576px){.c-roller{height:264px;left:0;width:100%;padding:var(--margin-lg)}}