._amped_1bai0_1 {
  font-size:14px;
  font-family:Helvetica Neue,Helvetica,Arial,sans-serif
}
._dark_1bai0_6 {
  background:#333;
  color:#fff
}
._light_1bai0_11 {
  color:#000
}
._icon_1yizy_1 {
  width:24px;
  height:24px
}
._icon_1yizy_1 path {
  fill:currentColor
}
._tooltip_7xwaq_1 {
  position:absolute;
  background:black;
  color:#fff;
  top:0;
  left:0;
  max-width:30em;
  max-width:25ch;
  border-radius:4px;
  padding:8px 16px
}
._tooltip_7xwaq_1[aria-hidden=false] {
  transition:opacity .35s,transform .3s;
  transform:scale(1);
  opacity:1
}
._tooltip_7xwaq_1._init_7xwaq_21,
._tooltip_7xwaq_1[aria-hidden=true] {
  transition:opacity .2s,transform 1s;
  opacity:0;
  transform:scale(.9);
  pointer-events:none
}
@media (prefer-reduced-motion: reduce) {
  ._tooltip_7xwaq_1 {
    transition:none!important
  }
}
._tooltip_7xwaq_1:before {
  content:"";
  height:0;
  width:0;
  border:solid transparent 6px;
  pointer-events:none;
  position:absolute
}
._tooltip_7xwaq_1._top_7xwaq_42:before {
  top:100%;
  border-top-color:#000;
  left:calc(50% - 6px)
}
._tooltip_7xwaq_1._bottom_7xwaq_48:before {
  bottom:100%;
  border-bottom-color:#000;
  left:calc(50% - 6px)
}
._tooltip_7xwaq_1._right_7xwaq_54:before {
  top:calc(50% - 6px);
  left:-12px;
  border-right-color:#000
}
._tooltip_7xwaq_1._left_7xwaq_60:before {
  left:100%;
  top:calc(50% - 6px);
  border-left-color:#000
}
._button_1ove8_1,
._button_1ove8_1:hover,
._button_1ove8_1:focus,
._button_1ove8_1:visited {
  font-family:inherit!important;
  font-size:inherit!important;
  text-decoration:none!important;
  color:#fff!important;
  outline:none!important
}
._button_1ove8_1 {
  height:60px;
  padding:0 16px;
  color:#fff;
  display:flex;
  align-items:center;
  position:relative;
  outline:none;
  text-decoration:none;
  white-space:nowrap
}
._button_1ove8_1:hover,
._button_1ove8_1:focus-visible {
  background:black
}
._button_1ove8_1:focus-visible {
  z-index:10
}
._button_1ove8_1:after {
  content:"";
  position:absolute;
  top:2px;
  bottom:3px;
  left:0;
  right:0;
  border-radius:2px;
  outline:2px solid transparent;
  transition:outline .2s
}
._button_1ove8_1:focus-visible:after {
  outline:2px solid #668cff
}
@media screen and (max-width: 775px) {
  ._button_1ove8_1 {
    padding:0 10px
  }
}
._icon_ua8x4_1 {
  height:24px
}
._dropdown_14kvj_1 {
  height:60px;
  line-height:60px;
  color:#fff;
  background:none;
  border:none;
  padding:0 12px;
  font:@amped (font.family);
  font-size:1rem;
  cursor:pointer;
  position:relative;
  transition:background .2s;
  white-space:nowrap
}
._dropdown_14kvj_1:focus-visible,._dropdown_14kvj_1:hover,._open_14kvj_19 ._dropdown_14kvj_1 {
  background:black
}
._dropdown_14kvj_1:after {
  content:"";
  position:absolute;
  top:2px;
  bottom:3px;
  left:0;
  right:0;
  border-radius:2px;
  outline:2px solid transparent;
  transition:outline .2s
}
._dropdown_14kvj_1:focus-visible {
  outline:none
}
._dropdown_14kvj_1:focus-visible:after {
  outline:2px solid #668cff;
  outline-offset:-2px
}
@media (prefers-reduced-motion: reduce) {
  ._dropdown_14kvj_1 {
    transition:none
  }
  ._dropdown_14kvj_1:after {
    transition:none
  }
}
._wrapper_14kvj_52._align-left_14kvj_53,
._wrapper_14kvj_52._align-right_14kvj_54 {
  position:relative
}
._caret_14kvj_59 {
  width:10px;
  vertical-align:middle;
  margin-left:8px;
  position:relative
}
._open_14kvj_19 ._caret_14kvj_59 {
  transform:scaleY(-1)
}
._content_14kvj_70 {
  background:black;
  top:60px;
  left:100px;
  font-size:16px;
  line-height:21px;
  box-shadow:0 5px 30px rgba(0,0,0,.2);
  z-index:1000;
  opacity:0;
  pointer-events:none;
  visibility:hidden
}
._content_14kvj_70 a {
  color:#fff;
  text-decoration:none;
  padding:8px 8px 8px 0;
  display:block;
  outline:none;
  position:relative
}
._content_14kvj_70 a svg {
  width:16px;
  vertical-align:middle;
  margin-right:16px
}
._content_14kvj_70 a:hover,
._content_14kvj_70 a:focus {
  color:#668cff
}
._content_14kvj_70 a:hover {
  text-decoration:underline
}
._content_14kvj_70 a:after {
  content:"";
  outline:2px solid transparent;
  outline-offset:6px;
  border-radius:1px;
  position:absolute;
  top:6px;
  left:0;
  bottom:6px;
  right:0
}
._content_14kvj_70 a:focus-visible:after {
  outline:2px solid #668cff
}
._content_14kvj_70 hr {
  height:1px;
  border:0;
  background:#333;
  margin:8px 0
}
._desktop_14kvj_132 ._content_14kvj_70 {
  position:absolute;
  display:flex
}
._desktop_14kvj_132._open_14kvj_19 ._content_14kvj_70 {
  opacity:1;
  pointer-events:initial;
  visibility:visible
}
._desktop_14kvj_132._center_14kvj_144 ._content_14kvj_70 {
  left:50%;
  transform:translate(-50%)
}
._desktop_14kvj_132._align-left_14kvj_53 ._content_14kvj_70 {
  left:0
}
._desktop_14kvj_132._align-right_14kvj_54 ._content_14kvj_70 {
  left:auto;
  right:0
}
._mobile_14kvj_159 ._dropdown_14kvj_1 {
  width:100vw;
  display:flex;
  align-items:center;
  max-width: 345px;
}
._mobile_14kvj_159 ._content_14kvj_70 {
  display:flex;
  flex-direction:column;
  height:0
}
._mobile_14kvj_159._open_14kvj_19 ._content_14kvj_70 {
  opacity:1;
  pointer-events:initial;
  visibility:visible;
  height:auto
}
._group_14kvj_180 {
  list-style:none;
  padding:0;
  margin:2rem;
  white-space:nowrap
}
._title_14kvj_187 {
  font-size:inherit;
  margin:0;
  margin-bottom:1.5rem
}
._home_p2opn_1 {
  display:inline-block;
  position:relative;
  box-sizing:border-box;
  color:#fff;
  margin-left:-8px;
  padding:8px;
  display:flex;
  height:60px;
  width:128px;
  flex-shrink:0
}
._home_p2opn_1:hover {
  background:none
}
@media screen and (max-width: 775px) {
  ._home_p2opn_1 {
    padding-top:12px;
    height:58px;
    width:auto
  }
}
@media screen and (max-width: 351px) {
  ._home_p2opn_1 {
    width:80px;
    padding:0
  }
}
@media screen and (max-width: 319px) {
  ._home_p2opn_1 {
    flex-shrink:1
  }
}
._logo_p2opn_35 {
  vertical-align:middle;
  width:100%;
  margin-top:2px;
  background-image:url(logo-83221bf3.svg);
  background-repeat:no-repeat;
  height:100%
}
@media screen and (max-width: 775px) {
  ._logo_p2opn_35 {
    width:85px
  }
}
._register_1fmgk_1,
._register_1fmgk_1:hover,
._register_1fmgk_1:focus,
._register_1fmgk_1:visited {
  color:#000!important;
  text-decoration:none!important
}
._register_1fmgk_1 {
  color:#000;
  background:#f5df2e;
  padding:0 12px;
  border-radius:3px;
  margin:16px 0 4px 16px;
  line-height:28px;
  height:30px;
  box-sizing:border-box;
  text-decoration:none;
  transition:background .2s,outline .2s;
  outline:2px solid transparent;
  outline-offset:2px
}
._register_1fmgk_1:focus-visible {
  background:#668cff;
  outline:2px solid #668cff
}
@media (max-width: 775px) {
  ._register_1fmgk_1 {
    margin:16px 8px 4px
  }
}
._avatar_1fmgk_40 {
  width:28px;
  height:28px;
  vertical-align:middle;
  position:relative;
  bottom:2px
}
._tooltip_1fmgk_48 {
  z-index:11;
  border:1px solid #555
}
._icon_n7yxy_1 {
  height:24px;
  margin-right:6px
}
._spinner_4h9m8_1 {
  animation:_spin_4h9m8_1 1s infinite steps(8,start);
  width:1em;
  height:1em;
  opacity:0;
  transition:opacity .2s
}
._spinner_4h9m8_1._show_4h9m8_10 {
  opacity:1
}
@media (prefers-reduced-motion: reduce) {
  ._spinner_4h9m8_1 {
    display:none;
    animation:none;
    transition:none
  }
}
@keyframes _spin_4h9m8_1 {
  0% {
    transform:rotate(0)
  }
  to {
    transform:rotate(360deg)
  }
}
._search_1otse_1 {
  display:inline-flex;
  box-sizing:border-box;
  position:relative;
  background:white;
  flex-grow:0;
  flex-shrink:0;
  height:45px;
  min-width:15em;
  max-width:550px;
  width:328px;
  padding:0;
  margin:7.5px 8px 7.5px 24px;
  border-radius:2px;
  transition:outline .2s,width .2s;
  outline:2px solid transparent
}
._search_1otse_1._focus_1otse_28,
._search_1otse_1._open_1otse_29,
._search_1otse_1:focus-within {
  outline:2px solid #668cff;
  outline-offset:2px;
  width:458px
}
@media screen and (max-width: 1115px) {
  ._search_1otse_1._focus_1otse_28,
  ._search_1otse_1._open_1otse_29,
  ._search_1otse_1:focus-within {
    width:calc(100% - 450px)
  }
}
@media screen and (max-width: 775px) {
  ._search_1otse_1._focus_1otse_28,
  ._search_1otse_1._open_1otse_29,
  ._search_1otse_1:focus-within {
    width:calc(100% - 72px)
  }
}
._search_1otse_1+nav {
  opacity:1
}
._search_1otse_1:focus-within+nav {
  opacity:0;
  pointer-events:none;
  width:0
}
@media screen and (max-width: 1115px) {
  ._search_1otse_1 {
    width:50%;
    min-width:0
  }
  ._search_1otse_1:focus-within+nav {
    opacity:1;
    pointer-events:all;
    width:3.5rem
  }
}
@media screen and (max-width: 915px) {
  ._search_1otse_1 {
    width:40%
  }
}
@media screen and (max-width: 775px) {
  ._search_1otse_1 {
    margin-left:0;
    margin-right:0;
    flex-grow:0;
    order:3;
    width:calc(100% - 3.5rem)!important
  }
  ._search_1otse_1+nav {
    width:3.5rem!important
  }
}
@media screen and (max-width: 351px) {
  ._search_1otse_1 {
    width:calc(100% - 4.5rem)!important
  }
}
@media screen and (max-width: 300px) {
  ._search_1otse_1 {
    margin-left:5px
  }
}
._query_1otse_91,
input[type=text]._query_1otse_91 {
  box-shadow:none;
  margin-right:0;
  font-size:inherit!important;
  border:none;
  font-family:Helvetica Neue,Helvetica,Arial,sans-serif;
  box-sizing:border-box;
  height:45px;
  width:100%;
  flex-grow:1;
  border-radius:2px 0 0 2px;
  padding:0 1rem;
  text-overflow:ellipsis
}
._query_1otse_91:focus,
input[type=text]._query_1otse_91:focus {
  outline:none
}
._button_1otse_117 {
  border:none;
  background:none;
  border-top-right-radius:2px;
  border-bottom-right-radius:2px;
  background:#ffffff;
  box-sizing:border-box;
  width:45px;
  height:45px;
  padding:10px;
  cursor:pointer;
  transition:background .2s
}
@media (prefers-reduced-motion: reduce) {
  ._button_1otse_117 {
    transition:none
  }
}
._button_1otse_117 svg {
  width:20px;
  height:20px;
  position:relative;
  top:1px
}
._button_1otse_117:hover {
  background:#f5f4ec
}
._button_1otse_117:focus {
  outline:none;
  background:#f5f4ec
}
._spinner_1otse_156 {
  position:absolute;
  right:45px;
  top:14.5px;
  height:15px;
  transition:opacity .2s;
  opacity:0!important
}
._loading_1otse_164 ._spinner_1otse_156 {
  opacity:1!important
}
._listbox_1otse_169 {
  position:absolute;
  top:52px;
  left:-4px;
  right:-4px;
  z-index:10000;
  border:1px solid #e4e3db;
  border-top:0;
  border-bottom-left-radius:6px;
  border-bottom-right-radius:6px;
  background:white;
  box-shadow:0 5px 30px rgba(0,0,0,.25);
  opacity:0;
  pointer-events:none;
  transition:opacity .2s
}
._listbox_1otse_169 ul {
  list-style:none;
  margin:0;
  padding:0
}
._open_1otse_29 ._listbox_1otse_169 {
  opacity:1;
  pointer-events:initial
}
@media screen and (max-width: 1115px) {
  ._listbox_1otse_169 {
    min-width:500px
  }
}
@media screen and (max-width: 775px) {
  ._listbox_1otse_169 {
    width:100vw;
    left:-.5em;
    box-sizing:border-box;
    border-left:0;
    border-right:0;
    border-radius:0;
    min-width:0
  }
}
._suggestions_1otse_215 {
  z-index:100;
  position:relative
}
._result_1otse_220 {
  color:#000;
  width:100%;
  box-sizing:border-box;
  list-style:none
}
._result_1otse_220 a {
  text-decoration:none;
  color:inherit;
  display:flex;
  width:100%;
  padding:4px;
  box-sizing:border-box
}
._result_1otse_220:not(:last-child) {
  border-bottom:1px solid #e4e3db
}
._result_1otse_220:hover,
._result_1otse_220._active_1otse_241 {
  background:#f5f4ec
}
._result_1otse_220._active_1otse_241 a {
  border-radius:2px;
  outline:2px solid #668cff;
  outline-offset:1px
}
@media (max-width: 775px) {
  ._result_1otse_220._active_1otse_241 a {
    outline-offset:-2px
  }
}
._thumb_1otse_258 {
  width:58px;
  height:58px;
  margin:4px;
  border-radius:2px;
  box-shadow:0 1px 3px rgba(0,0,0,.35);
  background:#ccc
}
._content_1otse_267 {
  padding:.5rem;
  flex-grow:1;
  flex-shrink:1;
  min-width:0;
  line-height:1em
}
._heading_1otse_277 {
  display:flex;
  justify-content:space-between;
  font-size:.75em;
  color:#454442
}
._title_1otse_286 {
  flex-shrink:1;
  flex-grow:1;
  overflow:hidden;
  white-space:nowrap;
  text-overflow:ellipsis
}
._title_1otse_286 div {
  display:inline
}
._link_1otse_299 {
  font-weight:700;
  color:#2653d9;
  font-size:1.2em
}
._subheading_1otse_305 {
  font-size:.75rem
}
._artist_1otse_308 ._subheading_1otse_305,
._label_1otse_309 ._subheading_1otse_305 {
  color:#454442
}
._skittles_1otse_314 {
  flex-shrink:0;
  padding-left:.25rem
}
._advanced_1otse_323 {
  padding:8px 8px 6px 16px;
  display:block;
  text-decoration:none;
  color:#2653d9;
  border-bottom-left-radius:6px;
  border-bottom-right-radius:6px;
  border-top:1px solid #e4e3db
}
._advanced_1otse_323:hover,
._advanced_1otse_323._active_1otse_241 {
  background:#f5f4ec
}
._advanced_1otse_323._active_1otse_241 {
  border-radius:2px;
  outline:2px solid #668cff;
  outline-offset:1px
}
@media (max-width: 775px) {
  ._advanced_1otse_323._active_1otse_241 {
    outline-offset:-2px
  }
}
._advanced_1otse_323 svg {
  width:1em;
  vertical-align:middle;
  margin-right:8px;
  position:relative;
  top:-2px
}
@media (max-width: 775px) {
  ._advanced_1otse_323 {
    padding-top:16px;
    padding-bottom:16px
  }
}
._categories_1otse_364 {
  display:flex;
  width:100%;
  padding:0;
  z-index:10
}
._category_1otse_371 {
  font:inherit;
  font-family:inherit;
  font-size:1em;
  background:white;
  border:none;
  padding:12px 8px;
  cursor:pointer;
  overflow:hidden;
  text-overflow:ellipsis;
  width:100%;
  z-index:0;
  text-align:center
}
@media screen and (max-width: 400px) {
  ._category_1otse_371 {
    font-size:14px
  }
}
._category_1otse_371:last-child {
  margin-right:none
}
._category_1otse_371 {
  color:#31312f;
  background:#f5f4ec;
  border:1px solid #e4e3db;
  border-top:none
}
._category_1otse_371+._category_1otse_371 {
  border-left:none
}
._category_1otse_371 input {
  position:fixed;
  top:-99999px
}
._category_1otse_371:hover,
._category_1otse_371._selected_1otse_412 {
  background:#31312f;
  color:#f5f4ec
}
._category_1otse_371._focus_1otse_28 {
  border-radius:2px;
  outline:2px solid #668cff;
  outline-offset:1.5px;
  background:#668cff;
  z-index:10;
  color:#000
}
._skittle_d8qi5_1 {
  font-weight:700;
  color:#fff;
  height:20px;
  line-height:20px;
  padding:0 6px;
  border-radius:24px;
  box-sizing:border-box;
  text-align:center;
  position:relative;
  display:inline-flex;
  align-items:center;
  -webkit-user-select:none;
  -moz-user-select:none;
  user-select:none;
  cursor:default
}
._skittle_d8qi5_1:focus {
  outline:#2653D9 solid 2px;
  outline-offset:1px
}
._skittle_d8qi5_1+._skittle_d8qi5_1,
._skittle_d8qi5_1+._tooltip_d8qi5_24+._skittle_d8qi5_1 {
  margin-left:4px
}
._collection_d8qi5_29 {
  background-color:#00b20f
}
._wantlist_d8qi5_33 {
  background-color:#c00
}
._inventory_d8qi5_37 {
  background-color:#03c
}
._icon_d8qi5_41 {
  height:1em;
  width:1em;
  padding-right:.3em;
  vertical-align:middle
}
._tooltip_d8qi5_24 {
  white-space:nowrap
}
._formats_1tlls_1 {
  display:inline-block;
  margin-left:1p
}
._format_1tlls_1+._format_1tlls_1:before {
  content:" + "
}
._forsale_11lef_1 {
  font-size:.75rem;
  height:1.4em;
  color:#454442
}
._nsfwSmallest_paod0_1 {
  box-sizing:border-box;
  background-repeat:no-repeat;
  background-size:cover;
  background-color:#0a2937;
  background-image:url(sensitive-img-3c361ffc.svg);
  color:#fff;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  text-align:center;
  height:58px;
  width:58px;
  margin:4px
}
._nsfwSmallest_paod0_1 p {
  font-size:.75rem;
  line-height:1rem;
  margin:0
}
:root {
  --rnf-font-size-xs: .75rem;
  --rnf-font-size-sm: .875rem;
  --rnf-font-size-md: 1rem;
  --rnf-font-size-lg: 1.125rem;
  --rnf-font-size-xl: 1.266rem;
  --rnf-font-size-2xl: 1.5rem;
  --rnf-font-size-3xl: 1.75rem;
  --rnf-spacing-0: 0;
  --rnf-spacing-1: 4px;
  --rnf-spacing-2: 8px;
  --rnf-spacing-3: 12px;
  --rnf-spacing-4: 16px;
  --rnf-spacing-5: 20px;
  --rnf-spacing-6: 24px;
  --rnf-spacing-7: 32px;
  --rnf-spacing-8: 42px;
  --rnf-font-weight-normal: 400;
  --rnf-font-weight-medium: 500;
  --rnf-font-weight-semibold: 600;
  --rnf-font-weight-bold: 700;
  --rnf-font-family-sanserif: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu, "Helvetica Neue", sans-serif;
  --rnf-border-radius-sm: 2px;
  --rnf-border-radius-md: 4px;
  --rnf-border-radius-lg: 8px;
  --rnf-shadow-sm: 0px 5px 10px rgba(0, 0, 0, .12);
  --rnf-shadow-md: 0px 8px 30px rgba(0, 0, 0, .24);
  --rnf-color-white: #fff;
  --rnf-color-white-a-75: rgba(255, 255, 255, .75);
  --rnf-color-black: #000;
  --rnf-color-gray-900: #1a1f36;
  --rnf-color-gray-800: #3c4257;
  --rnf-color-gray-700: #3c4257;
  --rnf-color-gray-600: #515669;
  --rnf-color-gray-500: #697386;
  --rnf-color-gray-400: #9ea0aa;
  --rnf-color-gray-300: #a5acb8;
  --rnf-color-gray-200: #dddee1;
  --rnf-color-gray-100: #e4e8ee;
  --rnf-color-brand-500: #e95744;
  --rnf-color-brand-700: #e4321b;
  --rnf-color-brand-900: #891e10;
  --rnf-unread-badge-bg-color: #dd514c;
  --rnf-avatar-bg-color: #ef8476;
  --rnf-message-cell-unread-dot-bg-color: #f4ada4;
  --rnf-message-cell-hover-bg-color: #f1f6fc
}
:root {
  --rnf-button-padding-x: 8px;
  --rnf-button-padding-y: 4px;
  --rnf-button-border-radius: 4px;
  --rnf-button-font-weight: var(--rnf-font-weight-medium);
  --rnf-button-font-size: var(--rnf-font-size-sm);
  --rnf-button-primary-bg-color: var(--rnf-color-brand-500);
  --rnf-button-primary-hover-bg-color: var(--rnf-color-brand-700);
  --rnf-button-primary-border-color: transparent;
  --rnf-button-primary-text-color: var(--rnf-color-white);
  --rnf-button-secondary-bg-color: var(--rnf-color-white);
  --rnf-button-secondary-hover-bg-color: #dddee1;
  --rnf-button-secondary-border-color: #dddee1;
  --rnf-button-secondary-text-color: var(--rnf-color-gray-700)
}
.rnf-button {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  -webkit-user-select:none;
  -moz-user-select:none;
  user-select:none;
  white-space:nowrap;
  vertical-align:middle;
  width:auto;
  padding:4px 8px;
  padding:var(--rnf-button-padding-y) var(--rnf-button-padding-x);
  border-radius:4px;
  border-radius:var(--rnf-button-border-radius);
  font-size:.875rem;
  font-size:var(--rnf-button-font-size);
  line-height:1.125rem;
  line-height:var(--rnf-font-size-lg);
  font-weight:500;
  font-weight:var(--rnf-button-font-weight);
  border:1px solid;
  -webkit-appearance:none;
  -moz-appearance:none;
  appearance:none;
  cursor:pointer;
  transition:all .1s ease-in-out
}
.rnf-button--full-width {
  width:100%
}
.rnf-button--primary {
  background-color:#e95744;
  background-color:var(--rnf-button-primary-bg-color);
  color:#fff;
  color:var(--rnf-button-primary-text-color);
  border-color:transparent;
  border-color:var(--rnf-button-primary-border-color)
}
.rnf-button--primary:hover:not(:disabled),
.rnf-button--primary:active:not(:disabled) {
  background-color:#e4321b;
  background-color:var(--rnf-button-primary-hover-bg-color)
}
.rnf-button:disabled {
  opacity:.4;
  cursor:not-allowed
}
.rnf-button--secondary {
  background-color:#fff;
  background-color:var(--rnf-button-secondary-bg-color);
  color:#3c4257;
  color:var(--rnf-button-secondary-text-color);
  border-color:#dddee1;
  border-color:var(--rnf-button-secondary-border-color)
}
.rnf-button--secondary:hover:not(:disabled),
.rnf-button--secondary:active:not(:disabled) {
  background-color:#dddee1;
  background-color:var(--rnf-button-secondary-hover-bg-color)
}
.rnf-button--dark.rnf-button--secondary {
  border-color:#43464c;
  background-color:#43464c;
  color:rgba(255,255,255,.75);
  color:var(--rnf-color-white-a-75)
}
.rnf-button__button-text-hidden {
  opacity:0
}
.rnf-button--dark.rnf-button--secondary:hover:not(:disabled),
.rnf-button--dark.rnf-button--secondary:active:not(:disabled) {
  background-color:#515669;
  background-color:var(--rnf-color-gray-600)
}
.rnf-button-spinner {
  display:flex;
  align-items:center;
  font-size:1rem;
  line-height:"normal"
}
.rnf-button-spinner--without-label {
  position:absolute
}
.rnf-button-spinner--with-label {
  margin-right:6px
}
.rnf-button--primary .rnf-button-spinner circle {
  stroke:#fff
}
.rnf-button--secondary .rnf-button-spinner circle {
  stroke:#3c4257;
  stroke:var(--rnf-button-secondary-text-color)
}
.rnf-button--dark.rnf-button--secondary .rnf-button-spinner circle {
  stroke:rgba(255,255,255,.75);
  stroke:var(--rnf-color-white-a-75)
}
.rnf-button-group>.rnf-button+.rnf-button {
  margin-left:8px
}
:root {
  --rnf-avatar-bg-color: #ef8476;
  --rnf-avatar-size: 32px;
  --rnf-avatar-initials-font-size: var(--rnf-font-size-md);
  --rnf-avatar-initials-line-height: var(--rnf-font-size-lg);
  --rnf-avatar-initials-color: #fff;
  --rnf-notification-cell-border-bottom-color: #e4e8ee;
  --rnf-notification-cell-padding: var(--rnf-spacing-3);
  --rnf-notification-cell-active-bg-color: #f1f6fc;
  --rnf-notification-cell-unread-dot-size: 6px;
  --rnf-notification-cell-unread-dot-bg-color: #80c7f5;
  --rnf-notification-cell-unread-dot-border-color: #3192e3;
  --rnf-notification-cell-content-color: var(--rnf-color-gray-900);
  --rnf-notification-cell-content-font-size: var(--rnf-font-size-sm);
  --rnf-notification-cell-content-line-height: var(--rnf-font-size-lg);
  --rnf-archive-notification-btn-bg-color: var(--rnf-color-gray-400);
  --rnf-archive-notification-btn-bg-color-active: var(--rnf-color-gray-500)
}
.rnf-avatar {
  background-color:#ef8476;
  background-color:var(--rnf-avatar-bg-color);
  border-radius:32px;
  border-radius:var(--rnf-avatar-size);
  width:32px;
  width:var(--rnf-avatar-size);
  height:32px;
  height:var(--rnf-avatar-size);
  flex-shrink:0;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden
}
.rnf-avatar__initials {
  font-size:1rem;
  font-size:var(--rnf-avatar-initials-font-size);
  line-height:1.125rem;
  line-height:var(--rnf-avatar-initials-line-height);
  color:#fff;
  color:var(--rnf-avatar-initials-color)
}
.rnf-avatar__image {
  -o-object-fit:cover;
  object-fit:cover;
  width:32px;
  width:var(--rnf-avatar-size);
  height:32px;
  height:var(--rnf-avatar-size)
}
.rnf-notification-cell {
  background-color:transparent;
  position:relative;
  border-bottom:1px solid #e4e8ee;
  border-bottom:1px solid var(--rnf-notification-cell-border-bottom-color)
}
.rnf-notification-cell:last-child {
  border-bottom-color:transparent
}
.rnf-notification-cell:hover,
.rnf-notification-cell:focus,
.rnf-notification-cell:active {
  background-color:#f1f6fc;
  background-color:var(--rnf-notification-cell-active-bg-color);
  outline:none
}
.rnf-notification-cell__inner {
  border:none;
  -webkit-appearance:none;
  -moz-appearance:none;
  appearance:none;
  margin:0;
  width:100%;
  text-decoration:none;
  display:flex;
  padding:12px;
  padding:var(--rnf-notification-cell-padding);
  cursor:pointer;
  text-align:left;
  justify-content:flex-start
}
.rnf-notification-cell__unread-dot {
  position:absolute;
  top:6px;
  top:var(--rnf-notification-cell-unread-dot-size);
  left:6px;
  left:var(--rnf-notification-cell-unread-dot-size);
  width:6px;
  width:var(--rnf-notification-cell-unread-dot-size);
  height:6px;
  height:var(--rnf-notification-cell-unread-dot-size);
  border-radius:6px;
  border-radius:var(--rnf-notification-cell-unread-dot-size);
  background-color:#80c7f5;
  background-color:var(--rnf-notification-cell-unread-dot-bg-color);
  border:1px solid #3192e3;
  border:1px solid var(--rnf-notification-cell-unread-dot-border-color)
}
.rnf-notification-cell__content-outer {
  margin-left:12px;
  margin-left:var(--rnf-spacing-3)
}
.rnf-notification-cell__content {
  color:#1a1f36;
  color:var(--rnf-notification-cell-content-color);
  display:block;
  font-weight:400;
  font-weight:var(--rnf-font-weight-normal);
  font-size:.875rem;
  font-size:var(--rnf-notification-cell-content-font-size);
  line-height:1.125rem;
  line-height:var(--rnf-notification-cell-content-line-height);
  margin-bottom:4px;
  margin-bottom:var(--rnf-spacing-1);
  word-break:normal;
  word-wrap:break-word
}
.rnf-notification-cell__content h1,
.rnf-notification-cell__content h2,
.rnf-notification-cell__content h3,
.rnf-notification-cell__content h4 {
  font-weight:600;
  font-weight:var(--rnf-font-weight-semibold);
  margin-bottom:.5em
}
.rnf-notification-cell__content h1 {
  font-size:1.5rem;
  font-size:var(--rnf-font-size-2xl)
}
.rnf-notification-cell__content h2 {
  font-size:1.266rem;
  font-size:var(--rnf-font-size-xl)
}
.rnf-notification-cell__content h3 {
  font-size:1.125rem;
  font-size:var(--rnf-font-size-lg)
}
.rnf-notification-cell__content h4 {
  font-size:1rem;
  font-size:var(--rnf-font-size-md)
}
.rnf-notification-cell__content p {
  margin:0 0 .75em
}
.rnf-notification-cell__content p:last-child {
  margin-bottom:0
}
.rnf-notification-cell__content blockquote {
  border-left:3px solid #a5acb8;
  border-left:3px solid var(--rnf-color-gray-300);
  padding-left:12px;
  padding-left:var(--rnf-spacing-3);
  line-height:1.266rem;
  line-height:var(--rnf-font-size-xl);
  margin:0
}
.rnf-notification-cell__content strong {
  font-weight:600;
  font-weight:var(--rnf-font-weight-semibold)
}
.rnf-notification-cell__timestamp {
  display:block;
  color:#a5acb8;
  color:var(--rnf-color-gray-300);
  font-size:.875rem;
  font-size:var(--rnf-font-size-sm);
  font-weight:400;
  font-weight:var(--rnf-font-weight-normal);
  line-height:1.125rem;
  line-height:var(--rnf-font-size-lg)
}
.rnf-notification-cell__child-content {
  margin:.75em 0 .5em
}
.rnf-archive-notification-btn {
  background-color:transparent;
  -webkit-appearance:none;
  -moz-appearance:none;
  appearance:none;
  -webkit-user-select:none;
  -moz-user-select:none;
  user-select:none;
  border:none;
  opacity:0;
  width:24px;
  height:24px;
  cursor:pointer;
  margin-left:auto;
  color:#9ea0aa;
  color:var(--rnf-archive-notification-btn-bg-color);
  padding:4px 8px;
  padding:var(--rnf-spacing-1) var(--rnf-spacing-2);
  transition:color .1s ease-in-out,opacity .2s ease-in-out
}
.rnf-notification-cell:focus .rnf-archive-notification-btn,
.rnf-notification-cell:hover .rnf-archive-notification-btn,
.rnf-notification-cell:active .rnf-archive-notification-btn {
  opacity:1
}
.rnf-archive-notification-btn:focus,
.rnf-archive-notification-btn:hover,
.rnf-archive-notification-btn:active {
  outline:none;
  opacity:1;
  color:#697386;
  color:var(--rnf-archive-notification-btn-bg-color-active)
}
.rnf-tooltip {
  background-color:#3c4257;
  background-color:var(--rnf-color-gray-700);
  border-radius:4px;
  box-shadow:0 2px 4px rgba(0,0,0,.18);
  color:#fff;
  display:flex;
  flex-direction:column;
  padding:4px 8px;
  padding:var(--rnf-spacing-1) var(--rnf-spacing-2);
  font-size:.75rem;
  font-size:var(--rnf-font-size-xs);
  line-height:var(--rnf-font-size-s);
  font-weight:500;
  font-weight:var(--rnf-font-weight-medium);
  transition:opacity .3s;
  z-index:9999
}
.rnf-notification-cell--dark {
  --rnf-notification-cell-border-bottom-color: rgba(105, 115, 134, .65);
  --rnf-notification-cell-active-bg-color: #393b40;
  --rnf-notification-cell-content-color: var(--rnf-color-white-a-75)
}
.rnf-notification-cell--dark:last-child {
  border-bottom-color:transparent
}
.rnf-notification-cell--dark .rnf-notification-cell__timestamp {
  color:#697386;
  color:var(--rnf-color-gray-500)
}
.rnf-archive-notification-btn--dark {
  --rnf-archive-notification-btn-bg-color: var(--rnf-color-gray-500);
  --rnf-archive-notification-btn-bg-color-active: var(--rnf-color-gray-400)
}
.rnf-tooltip--dark {
  background-color:#565a61
}
@media screen and (hover: none) {
  .rnf-archive-notification-btn {
    opacity:1
  }
}
.rnf-feed-provider {
  font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Ubuntu,Helvetica Neue,sans-serif!important;
  font-family:var(--rnf-font-family-sanserif)!important;
  margin:0!important;
  padding:0!important
}
.rnf-feed-provider [class^=rnf-] {
  font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Ubuntu,Helvetica Neue,sans-serif!important;
  font-family:var(--rnf-font-family-sanserif)!important;
  box-sizing:border-box
}
:root {
  --rnf-empty-feed-max-w: 240px;
  --rnf-empty-feed-header-font-size: var(--rnf-font-size-md);
  --rnf-empty-feed-body-font-size: var(--rnf-font-size-sm)
}
.rnf-empty-feed {
  height:100%;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  position:relative
}
.rnf-empty-feed__inner {
  max-width:240px;
  max-width:var(--rnf-empty-feed-max-w);
  margin:-20px auto 0;
  text-align:center
}
.rnf-empty-feed__header {
  font-size:1rem;
  font-size:var(--rnf-empty-feed-header-font-size);
  font-weight:500;
  font-weight:var(--rnf-font-weight-medium);
  color:#1a1f36;
  color:var(--rnf-color-gray-900);
  margin:0 0 4px;
  margin:0 0 var(--rnf-spacing-1)
}
.rnf-empty-feed__body {
  font-size:.875rem;
  font-size:var(--rnf-empty-feed-body-font-size);
  color:#a5acb8;
  color:var(--rnf-color-gray-300);
  margin:0
}
.rnf-empty-feed--dark .rnf-empty-feed__header {
  color:rgba(255,255,255,.75);
  color:var(--rnf-color-white-a-75)
}
.rnf-empty-feed--dark .rnf-empty-feed__body {
  color:#9ea0aa;
  color:var(--rnf-color-gray-400)
}
:root {
  --rnf-notification-feed-header-height: 45px
}
.rnf-notification-feed {
  background-color:#fff;
  background-color:var(--rnf-color-white);
  height:100%;
  display:flex;
  flex-direction:column
}
.rnf-dropdown {
  font-size:1rem;
  font-size:var(--rnf-font-size-md);
  font-weight:500;
  font-weight:var(--rnf-font-weight-medium);
  color:#9ea0aa;
  color:var(--rnf-color-gray-400);
  position:relative
}
.rnf-dropdown select {
  padding-right:12px;
  padding-right:var(--rnf-spacing-3);
  color:currentColor;
  border:none;
  background:transparent;
  -webkit-appearance:none;
  -moz-appearance:none;
  appearance:none;
  font-size:.875rem;
  font-size:var(--rnf-font-size-sm);
  position:relative;
  text-align:right;
  z-index:2
}
.rnf-dropdown svg {
  position:absolute;
  top:50%;
  margin-top:-2px;
  right:0;
  z-index:1
}
.rnf-mark-all-as-read {
  border:none;
  background:transparent;
  margin-left:auto;
  display:flex;
  align-items:center;
  padding:0;
  font-size:.875rem;
  font-size:var(--rnf-font-size-sm);
  color:#9ea0aa;
  color:var(--rnf-color-gray-400);
  cursor:pointer
}
.rnf-mark-all-as-read:disabled {
  color:#dddee1;
  color:var(--rnf-color-gray-200);
  cursor:not-allowed
}
.rnf-mark-all-as-read svg {
  margin-top:1px;
  margin-left:4px;
  margin-left:var(--rnf-spacing-1)
}
.rnf-notification-feed__header {
  padding:12px 16px;
  padding:var(--rnf-spacing-3) var(--rnf-spacing-4);
  height:45px;
  height:var(--rnf-notification-feed-header-height);
  display:flex;
  align-items:center
}
.rnf-notification-feed__selector {
  display:flex;
  align-items:center
}
.rnf-notification-feed__type {
  font-size:.875rem;
  font-size:var(--rnf-font-size-sm);
  font-weight:500;
  font-weight:var(--rnf-font-weight-medium);
  color:#1a1f36;
  color:var(--rnf-color-gray-900);
  margin-right:8px;
  margin-right:var(--rnf-spacing-2)
}
.rnf-notification-feed__container {
  overflow-y:auto;
  flex:1
}
.rnf-notification-feed__spinner-container {
  padding:12px 16px;
  padding:var(--rnf-spacing-3) var(--rnf-spacing-4)
}
.rnf-notification-feed__spinner-container svg {
  margin:0 auto;
  display:block
}
.rnf-notification-feed__knock-branding {
  text-align:center
}
.rnf-notification-feed__knock-branding a {
  display:block;
  font-size:.875rem;
  font-size:var(--rnf-font-size-sm);
  color:#697386;
  color:var(--rnf-color-gray-500);
  padding:6px;
  border-top:1px solid #e4e8ee;
  border-top:1px solid var(--rnf-color-gray-100)
}
.rnf-notification-feed__knock-branding a:hover {
  background-color:#f1f6fc
}
.rnf-notification-feed--dark {
  background-color:#2e2f34
}
.rnf-notification-feed--dark .rnf-notification-feed__type {
  color:rgba(255,255,255,.75);
  color:var(--rnf-color-white-a-75)
}
.rnf-dropdown--dark {
  color:#9ea0aa;
  color:var(--rnf-color-gray-400)
}
.rnf-mark-all-as-read--dark:disabled {
  color:#697386;
  color:var(--rnf-color-gray-500)
}
.rnf-notification-feed--dark .rnf-notification-feed__knock-branding a {
  color:#9ea0aa;
  color:var(--rnf-color-gray-400);
  border-top-color:rgba(105,115,134,.65)
}
.rnf-notification-feed--dark .rnf-notification-feed__knock-branding a:hover {
  background-color:#393b40
}
:root {
  --rnf-notification-feed-popover-max-w: 400px;
  --rnf-notification-feed-popover-min-w: 280px;
  --rnf-notification-feed-popover-height: 400px;
  --rnf-notification-feed-popover-shadow: drop-shadow( 0px 5px 15px rgba(0, 0, 0, .2) );
  --rnf-notification-feed-popover-shadow-color: rgba(0, 0, 0, .2);
  --rnf-notification-feed-popover-bg-color: #fff;
  --rnf-notification-feed-popover-z-index: 999;
  --rnf-notification-feed-popover-arrow-size: 10px;
  --rnf-notification-feed-popover-border-radius: 4px
}
.rnf-notification-feed-popover {
  width:100%;
  max-width:400px;
  max-width:var(--rnf-notification-feed-popover-max-w);
  min-width:280px;
  min-width:var(--rnf-notification-feed-popover-min-w);
  height:400px;
  height:var(--rnf-notification-feed-popover-height);
  z-index:999;
  z-index:var(--rnf-notification-feed-popover-z-index)
}
.rnf-notification-feed-popover__inner {
  overflow:hidden;
  background-color:#fff;
  background-color:var(--rnf-notification-feed-popover-bg-color);
  border-radius:4px;
  border-radius:var(--rnf-notification-feed-popover-border-radius);
  filter:drop-shadow(0px 5px 15px rgba(0,0,0,.2));
  filter:var(--rnf-notification-feed-popover-shadow);
  height:100%
}
.rnf-notification-feed-popover__arrow {
  position:absolute;
  width:10px;
  width:var(--rnf-notification-feed-popover-arrow-size);
  height:10px;
  height:var(--rnf-notification-feed-popover-arrow-size)
}
.rnf-notification-feed-popover__arrow:after {
  content:" ";
  display:block;
  background-color:#fff;
  background-color:var(--rnf-notification-feed-popover-bg-color);
  box-shadow:-1px -1px 1px rgba(0,0,0,.2);
  box-shadow:-1px -1px 1px var(--rnf-notification-feed-popover-shadow-color);
  position:absolute;
  top:-5px;
  left:0;
  transform:rotate(45deg);
  width:10px;
  width:var(--rnf-notification-feed-popover-arrow-size);
  height:10px;
  height:var(--rnf-notification-feed-popover-arrow-size)
}
.rnf-notification-feed-popover--dark {
  --rnf-notification-feed-popover-shadow-color: rgba(0, 0, 0, .2)
}
:root {
  --rnf-notification-icon-button-size: 32px;
  --rnf-notification-icon-button-bg-color: transparent
}
.rnf-notification-icon-button {
  background-color:transparent;
  background-color:var(--rnf-notification-icon-button-bg-color);
  border:none;
  position:relative;
  display:block;
  margin:0;
  padding:0;
  cursor:pointer;
  width:32px;
  width:var(--rnf-notification-icon-button-size);
  height:32px;
  height:var(--rnf-notification-icon-button-size);
  color:inherit
}
.rnf-notification-icon-button svg {
  display:block;
  margin:0 auto
}
.rnf-notification-icon-button--dark {
  color:#fff
}
:root {
  --rnf-unseen-badge-bg-color: #eb5757;
  --rnf-unseen-badge-size: 16px;
  --rnf-unseed-badge-font-size: 9px
}
.rnf-unseen-badge {
  background-color:#eb5757;
  background-color:var(--rnf-unseen-badge-bg-color);
  width:16px;
  width:var(--rnf-unseen-badge-size);
  height:16px;
  height:var(--rnf-unseen-badge-size);
  border-radius:16px;
  border-radius:var(--rnf-unseen-badge-size);
  position:absolute;
  display:flex;
  align-items:center;
  justify-content:center;
  top:0;
  right:0
}
.rnf-unseen-badge__count {
  font-size:9px;
  font-size:var(--rnf-unseed-badge-font-size);
  font-weight:500;
  font-weight:var(--rnf-font-weight-medium);
  color:#fff;
  color:var(--rnf-color-white);
  margin-top:-1px
}
.rnf-unseen-badge--dark {
  --rnf-unseen-badge-bg-color: #ef3434
}
.rnf-feed-provider {
  height:60px;
  padding:0 16px;
  color:#fff;
  display:flex;
  align-items:center;
  position:relative;
  outline:none;
  text-decoration:none;
  white-space:nowrap
}
.rnf-feed-provider>button {
  background:#31312f;
  border:none;
  cursor:pointer
}
.rnf-feed-provider .rnf-button {
  padding:.5rem .75rem
}
.rnf-feed-provider .rnf-button--primary:hover:not(:disabled),
.rnf-feed-provider .rnf-button--primary:active:not(:disabled) {
  color:#f5f4ec;
  color:var(--rnf-color-gray-100);
  border-color:#0a0a09;
  border-color:var(--rnf-button-primary-hover-bg-color)
}
.rnf-feed-provider .rnf-button--dark.rnf-button--secondary:hover:not(:disabled),
.rnf-feed-provider .rnf-button--dark.rnf-button--secondary:active:not(:disabled) {
  background-color:#6c6b68;
  background-color:var(--rnf-color-gray-700)
}
.rnf-feed-provider .rnf-notification-feed-popover {
  transform:translate3d(-16px,76px,0)!important;
  max-height:92vh;
  min-height:300px
}
.rnf-feed-provider .rnf-notification-feed-popover+div {
  top:76px!important;
  right:0!important;
  bottom:0!important;
  left:0!important;
  max-width:1344px;
  margin:0 auto
}
.rnf-feed-provider .rnf-notification-feed-popover+div>div>div {
  box-shadow:0 8px 16px -5px rgba(16,24,40,.16),0 18px 32px -4px rgba(16,24,40,.32);
  box-shadow:var(--rnf-shadow-md);
  padding:0;
  margin:0
}
.rnf-feed-provider .rnf-notification-feed-popover+div>div>div>div {
  padding:24px;
  margin:0
}
.rnf-feed-provider .rnf-notification-feed-popover+div>div>div>div p+p {
  padding-bottom:0
}
.rnf-feed-provider .rnf-notification-feed-popover+div>div>div>div blockquote {
  border-left:3px solid #bab9b3;
  border-left:3px solid var(--rnf-color-gray-300);
  padding-left:var(--rnf-spacing-3);
  line-height:var(--rnf-font-size-xl);
  margin:0 0 16px
}
.rnf-feed-provider .rnf-notification-cell {
  border-bottom:1px solid #e4e3db
}
.rnf-feed-provider .rnf-notification-cell:hover,
.rnf-feed-provider .rnf-notification-cell:focus,
.rnf-feed-provider .rnf-notification-cell:active {
  background-color:#f8f8f7
}
.rnf-feed-provider .rnf-notification-cell__inner {
  padding-right:10px
}
.rnf-feed-provider .rnf-notification-cell__inner button svg {
  transform:scale(1.2);
  fill:#585855;
  fill:var(--rnf-color-gray-800)
}
.rnf-feed-provider .rnf-notification-cell__timestamp {
  font-size:var(--rnf-font-size-xs);
  line-height:var(--rnf-font-size-lg);
  margin-left:41px
}
.rnf-feed-provider .rnf-tooltip {
  font-weight:400;
  border-radius:4px;
  background:#585855;
  background:var(--rnf-color-gray-800)
}
.rnf-feed-provider .rnf-dropdown svg {
  color:#31312f;
  color:var(--rnf-color-black)
}
.rnf-feed-provider .rnf-notification-feed__header {
  background:#f5f4ec;
  background:var(--rnf-color-gray-100);
  border-bottom:1px solid #fff
}
.rnf-feed-provider .rnf-notification-feed-popover__inner {
  border:1px solid #e4e3db
}
.rnf-feed-provider.feed-set-height .rnf-notification-feed-popover {
  height:92vh!important
}
.rnf-dropdown,
.rnf-mark-all-as-read,
.rnf-mark-all-as-read:disabled {
  color:#000
}
.rnf-empty-feed {
  height:300px
}
.rnf-empty-feed__body {
  text-wrap:wrap
}
.rnf-unseen-badge {
  margin:2px;
  top:8px;
  right:8px;
  padding:2px;
  outline:2px solid #31312f
}
@media screen and (max-width: 775px) {
  .rnf-unseen-badge {
    margin:2px;
    top:8px;
    right:4px
  }
}
.notification-content {
  white-space:normal;
  word-break:break-word
}
.notification-content p {
  margin-top:0;
  padding:0 0 .75rem
}
.notification-content blockquote {
  margin:0 0 16px
}
.notification-content .button {
  background:#f5f4ec;
  background:var(--rnf-color-gray-100);
  border:1px solid #cecdc6;
  border:1px solid var(--rnf-button-primary-border-color);
  border-radius:4px;
  color:#31312f;
  color:var(--rnf-color-black);
  cursor:pointer;
  display:inline-block;
  font-size:.875rem;
  height:auto;
  line-height:1.1;
  margin-right:16px;
  padding:.5rem .75rem;
  text-decoration:none
}
.notification-content .button:hover {
  background:#31312f;
  background:var(--rnf-button-primary-text-color);
  border-color:#fff;
  color:#f5f4ec;
  color:var(--rnf-color-gray-100);
  border:1px solid #f5f4ec;
  border:1px solid var(--rnf-color-gray-100)
}
.notification-content .button:active {
  background:#31312f;
  background:var(--rnf-button-primary-text-color);
  border-color:#20201f;
  border-color:var(--rnf-color-gray-1000);
  color:#f5f4ec;
  color:var(--rnf-color-gray-100)
}
.notification-content .button:focus-visible {
  background:#2653d9;
  border-color:#2653d9;
  color:#f5f4ec;
  color:var(--rnf-color-gray-100);
  outline:none
}
.notification-content {
  display:flex;
  flex-direction:row
}
.notification-content i {
  float:left;
  padding:0 16px 0 0
}
.notification-content .warning:before {
  content:url("data:image/svg+xml; utf8, %3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.43 18.33V16.2a.36.36 0 0 0-.1-.26.34.34 0 0 0-.26-.1h-2.14a.34.34 0 0 0-.25.1.36.36 0 0 0-.1.26v2.12c0 .1.03.19.1.26s.15.1.25.1h2.14c.1 0 .18-.03.25-.1a.36.36 0 0 0 .1-.26Zm-.03-4.17.2-5.12a.24.24 0 0 0-.1-.2.4.4 0 0 0-.27-.13h-2.46c-.08 0-.17.04-.27.12a.27.27 0 0 0-.1.24l.18 5.09c0 .07.04.14.11.18a.48.48 0 0 0 .27.08h2.06a.45.45 0 0 0 .27-.08.25.25 0 0 0 .11-.18Zm-.15-10.41 8.56 15.7c.26.46.25.93-.02 1.4a1.4 1.4 0 0 1-.52.51 1.4 1.4 0 0 1-.7.19H3.43a1.4 1.4 0 0 1-.71-.19 1.4 1.4 0 0 1-.52-.51 1.33 1.33 0 0 1-.02-1.4l8.56-15.7A1.42 1.42 0 0 1 12 3a1.43 1.43 0 0 1 1.25.75Z' style='fill:%23e56000'/%3E%3C/svg%3E");
  display:block
}
.notification-content .alert:before {
  content:url("data:image/svg+xml; utf8, %3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 2c1.81 0 3.49.45 5.02 1.34a9.95 9.95 0 0 1 3.64 3.64C21.56 8.51 22 10.18 22 12s-.45 3.49-1.34 5.02a9.95 9.95 0 0 1-3.64 3.64c-1.53.9-3.2 1.34-5.02 1.34s-3.49-.45-5.02-1.34a9.95 9.95 0 0 1-3.64-3.64C2.44 15.49 2 13.82 2 12s.45-3.49 1.34-5.02a9.95 9.95 0 0 1 3.64-3.64A9.78 9.78 0 0 1 12 2Zm1.67 16.24v-2.48a.43.43 0 0 0-.12-.3.38.38 0 0 0-.29-.13h-2.5a.41.41 0 0 0-.3.13.41.41 0 0 0-.13.3v2.48c0 .11.05.21.13.3.09.08.19.13.3.13h2.5a.38.38 0 0 0 .29-.13.43.43 0 0 0 .12-.3Zm-.03-4.48.23-8.09a.26.26 0 0 0-.12-.23.49.49 0 0 0-.32-.1h-2.86a.49.49 0 0 0-.32.1.26.26 0 0 0-.13.23l.22 8.09c0 .08.05.16.13.23a.5.5 0 0 0 .32.1h2.4a.48.48 0 0 0 .31-.1.33.33 0 0 0 .14-.23Z' style='fill:%23cc0000' /%3E%3C/svg%3E");
  display:block
}
.notification-content .success:before {
  content:url("data:image/svg+xml; utf8, %3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.72 9.89a.81.81 0 0 0-.23-.6L17.3 8.12a.8.8 0 0 0-.59-.25.8.8 0 0 0-.58.25l-5.32 5.3-2.94-2.94a.8.8 0 0 0-.58-.25.8.8 0 0 0-.6.25l-1.18 1.17a.81.81 0 0 0-.23.6c0 .23.08.43.23.58l4.72 4.72a.8.8 0 0 0 .58.24.81.81 0 0 0 .6-.24l7.07-7.07a.8.8 0 0 0 .24-.59ZM22 12c0 1.81-.45 3.49-1.34 5.02a9.95 9.95 0 0 1-3.64 3.64c-1.53.9-3.2 1.34-5.02 1.34s-3.49-.45-5.02-1.34a9.95 9.95 0 0 1-3.64-3.64C2.44 15.49 2 13.82 2 12s.45-3.49 1.34-5.02a9.95 9.95 0 0 1 3.64-3.64C8.51 2.44 10.18 2 12 2s3.49.45 5.02 1.34a9.95 9.95 0 0 1 3.64 3.64A9.78 9.78 0 0 1 22 12Z' style='fill:%2300800b' /%3E%3C/svg%3E");
  display:block
}
.notification-content .general:before {
  content:url("data:image/svg+xml; utf8, %3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 19C4.71667 19 4.47917 18.9042 4.2875 18.7125C4.09583 18.5208 4 18.2833 4 18C4 17.7167 4.09583 17.4792 4.2875 17.2875C4.47917 17.0958 4.71667 17 5 17H6V10C6 8.61667 6.41667 7.3875 7.25 6.3125C8.08333 5.2375 9.16667 4.53333 10.5 4.2V3.5C10.5 3.08333 10.6458 2.72917 10.9375 2.4375C11.2292 2.14583 11.5833 2 12 2C12.4167 2 12.7708 2.14583 13.0625 2.4375C13.3542 2.72917 13.5 3.08333 13.5 3.5V4.2C14.8333 4.53333 15.9167 5.2375 16.75 6.3125C17.5833 7.3875 18 8.61667 18 10V17H19C19.2833 17 19.5208 17.0958 19.7125 17.2875C19.9042 17.4792 20 17.7167 20 18C20 18.2833 19.9042 18.5208 19.7125 18.7125C19.5208 18.9042 19.2833 19 19 19H5ZM12 22C11.45 22 10.9792 21.8042 10.5875 21.4125C10.1958 21.0208 10 20.55 10 20H14C14 20.55 13.8042 21.0208 13.4125 21.4125C13.0208 21.8042 12.55 22 12 22Z' style='fill:%2331312f'/%3E%3C/svg%3E");
  display:block
}
:root {
  --rnf-font-weight-medium: 400;
  --rnf-shadow-sm: 0px 8px 16px -5px rgba(16, 24, 40, .16), 0px 18px 32px -4px rgba(16, 24, 40, .32);
  --rnf-shadow-md: 0px 8px 16px -5px rgba(16, 24, 40, .16), 0px 18px 32px -4px rgba(16, 24, 40, .32);
  --rnf-color-black: #31312f;
  --rnf-color-gray-900: #454442;
  --rnf-color-gray-800: #585855;
  --rnf-color-gray-700: #6c6b68;
  --rnf-color-gray-600: #7f7f7b;
  --rnf-color-gray-500: #a7a6a0;
  --rnf-color-gray-300: #bab9b3;
  --rnf-color-gray-200: #e4e3db;
  --rnf-color-gray-100: #f5f4ec;
  --rnf-color-gray-1000: #20201f;
  --rnf-unread-badge-bg-color: #cc0000;
  --rnf-unseen-badge-bg-color: #cc0000;
  --rnf-button-padding-x: .75rem;
  --rnf-button-padding-y: .5rem;
  --rnf-button-primary-bg-color: var(--rnf-color-gray-100);
  --rnf-button-primary-hover-bg-color: #0a0a09;
  --rnf-button-primary-border-color: #cecdc6;
  --rnf-button-primary-text-color: var(--rnf-color-black);
  --rnf-button-secondary-border-color: #cecdc6;
  --rnf-notification-feed-popover-height: unset;
  --rnf-notification-feed-popover-border-radius: 8px;
  --rnf-notification-cell-padding: var(--rnf-spacing-2);
  --rnf-archive-notification-btn-bg-color-active: var(--rnf-color-gray-900)
}
._header_xf68f_1 {
  height:60px;
  box-sizing:border-box;
  background:#31312f;
  color:#fff;
  font-size:16px;
  z-index:1000;
  position:absolute;
  top:0;
  left:0;
  right:0;
  margin:0
}
@media screen and (max-width: 775px) {
  ._header_xf68f_1 {
    height:120px
  }
}
@media screen and (max-width: 351px) {
  ._header_xf68f_1 {
    height:180px
  }
}
._header_xf68f_1._wide_xf68f_23 {
  height:60px!important
}
._wide_xf68f_23 ._search_xf68f_28,
._wide_xf68f_23 ._main_xf68f_29,
._wide_xf68f_23 ._user_xf68f_30 {
  order:initial!important
}
._wrap_xf68f_34 {
  margin:0 auto;
  padding:0 28px;
  box-sizing:border-box;
  max-width:1344px
}
._wide_xf68f_23 ._wrap_xf68f_34,
.no_width_limit ._wrap_xf68f_34 {
  max-width:none
}
._wrap_xf68f_34 {
  display:flex;
  flex-wrap:nowrap
}
._wrap_xf68f_34 nav {
  display:flex;
  flex-wrap:nowrap
}
._wrap_xf68f_34 nav ._desktop_xf68f_53 {
  display:inherit
}
._wrap_xf68f_34 nav ._mobile_xf68f_57 {
  display:none
}
@media screen and (max-width: 1115px) {
  ._wrap_xf68f_34 nav ._desktop_xf68f_53 {
    display:none
  }
  ._wrap_xf68f_34 nav ._mobile_xf68f_57 {
    display:block
  }
  ._wide_xf68f_23 ._wrap_xf68f_34 nav ._desktop_xf68f_53 {
    display:none
  }
  ._wide_xf68f_23 ._wrap_xf68f_34 nav ._bars_xf68f_74,
  ._wide_xf68f_23 ._wrap_xf68f_34 nav ._mobile_xf68f_57 {
    display:block;
    height:58px
  }
}
@media screen and (max-width: 775px) {
  ._wrap_xf68f_34 nav._user_xf68f_30 {
    order:2
  }
  ._wrap_xf68f_34 nav._main_xf68f_29 {
    order:4
  }
}
@media screen and (max-width: 351px) {
  ._wrap_xf68f_34 nav._user_xf68f_30 {
    justify-content:space-between;
    font-size:14px;
    width:100%
  }
}
@media screen and (max-width: 303px) {
  ._wrap_xf68f_34 nav {
    margin-right:0
  }
  ._wrap_xf68f_34 nav._user_xf68f_30 {
    font-size:12px
  }
}
@media screen and (max-width: 775px) {
  ._wrap_xf68f_34 {
    flex-wrap:wrap;
    height:auto;
    justify-content:space-between;
    padding:0 0 0 8px;
    width:100%
  }
  ._wide_xf68f_23 ._wrap_xf68f_34 {
    flex-wrap:nowrap;
    justify-content:flex-start
  }
}
@media screen and (max-width: 351px) {
  ._wrap_xf68f_34 {
    justify-content:space-around
  }
}
@media screen and (max-width: 303px) {
  ._wrap_xf68f_34 {
    padding:0;
    justify-content:center
  }
}
._bars_xf68f_74 {
  display:none
}
._bars_xf68f_74._isOpen_xf68f_136,
._bars_xf68f_74:hover {
  background:#000000
}
._bars_xf68f_74:focus-visible {
  background:#000000;
  border-radius:4px;
  outline-offset:-2px;
  outline:2px solid #668cff
}
@media screen and (max-width: 1115px) {
  ._bars_xf68f_74 {
    background:none;
    border:none;
    color:#fff;
    cursor:pointer;
    display:flex;
    justify-content:center;
    width:3.5rem;
    align-items:center
  }
}
._dropdownWrap_xf68f_159 {
  display:none
}
._dropdownWrap_xf68f_159._isOpen_xf68f_136 {
  background:#000000;
  display:block;
  left:0;
  margin-top:4.2rem;
  position:absolute;
  width:100vw
}
._dropdownWrap_xf68f_159._isOpen_xf68f_136 button {
  background:#000000
}
._spacer_xf68f_176 {
  flex-grow:1;
  flex-shrink:1;
  width:100%
}
@media screen and (max-width: 775px) {
  ._spacer_xf68f_176 {
    display:none
  }
  ._wide_xf68f_23 ._spacer_xf68f_176 {
    display:block;
    width:100%;
    flex-shrink:4
  }
}
._padding_xf68f_191 {
  height:60px
}
@media screen and (max-width: 775px) {
  ._padding_xf68f_191 {
    height:120px
  }
  ._padding_xf68f_191._wide_xf68f_23 {
    height:60px
  }
}