/* selection */
::-moz-selection{ background-color: var(--color-theme-change); }
::-webkit-selection{ background-color: var(--color-theme-change); }
::-ms-selection{ background-color: var(--color-theme-change); }
::selection{ background-color: var(--color-theme-change); }
h1.post::-moz-selection{ background-color: var(--color-theme-change); }
h1.post::-webkit-selection{ background-color: var(--color-theme-change); }
h1.post::-ms-selection{ background-color: var(--color-theme-change); }
h1.post::selection{ background-color: var(--color-theme-change); }

/* no user selection */
.no-drag,.footnote .n,.badge
{ -webkit-user-select:none!important; -moz-user-select:none!important; -ms-user-select:none!important; user-select: none!important; }

/* bottom */
.tags{ cursor:default; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select: none; }
.tags li a:hover{ font-weight: 400 }

/* upbar */
#upbar{
  box-shadow: 0 .19rem .47rem rgba(0,0,0,.1);
}
#upbar-search-button{ cursor: pointer }
#upbar-search-button:active{ box-shadow:none; outline:none; -webkit-box-shadow: none; }
#upbar-move-button-up,#upbar-move-button-down,#upbar-share-button{ cursor: pointer }
#upbar-share-button-noti{
  top:2.7rem; left: -2rem;
  width: 7rem;
  font-family:var(--font-title); font-size:calc(var(--size-font-title) * 0.8); line-height: var(--number-lineheight-title);
  text-align: center;
}

/* noti */
.noti{
  background-color:rgba(0,0,0,.6); color: white;
  padding: .2rem;
  transition: all .2s linear;
  cursor: default;
  border-radius: .5rem;
  pointer-events: none;
}
.noti.v{ opacity: 1 }

/* mask */
.mask:not[background-color="unset"]:focus{ outline: .2rem solid var(--color-theme-triple-change) }

/* footnote */
.footnote .n,.footnote .n *{
  cursor: help;
}
.footnote.t>*:not(.n)::before{
  content: '';
  position: absolute;
  top:-.56rem; left: calc(var(--left,0px));
  width:0; height: 0;
  border-style:solid; border-width: .3rem;
  border-color: transparent transparent var(--color-theme-change) transparent;
}
.footnote.t>*:not(.n){
  top:1.25rem; left: calc(0px - var(--left,0px));
  background-color: var(--color-theme-change);
  padding: 1em;
  box-shadow: .18rem .18rem .47rem 0 rgba(0,0,0,.1);
  width:90vw; max-width:max-content; white-space: pre-line;
}
.footnote.t *:not(.n)::selection{ background-color: var(--color-theme-double-change); }
.footnote.t *:not(.n)::-moz-selection{ background-color: var(--color-theme-double-change); }
.footnote.t *:not(.n)::-webkit-selection{ background-color: var(--color-theme-double-change); }
@media (hover:hover){
  .footnote.t:hover>*:not(.n){ display: block; }
}
@media (hover:none){ .footnote.t>:not(.n){ padding-top: 2rem }}
.footnote.t .bar{
  margin-bottom: 1em;
  display:flex; justify-content: space-between;
  font-size: 1rem;
  background-color: var(--color-theme-double-change);
  top:0; right:0; width: 100%;
}
.footnote.t .bar a{
  border:hidden; cursor:pointer; text-align: center;
  width:1.7em; box-shadow:none; padding: 0;
}

/* tags */
.tags li:hover::before{ color: var(--color-theme-triple-change) }

/* button */
.button{
  cursor: pointer;
  -moz-user-select:none; -webkit-user-select:none; -ms-user-select:none; user-select: none;
}
.button:hover{ background-color: var(--color-theme-double-change) }

/* badge */
.badge:not(.nothover):hover{ transform: translate(-.1rem,-.1rem) }
img.badge:not(.nothover):hover,svg.badge:not(.nothover):hover{
  filter: drop-shadow(.3rem .3rem .5rem rgba(0.0.0.,2));
  -webkit-filter: drop-shadow(.3rem .3rem .5rem rgba(0,0,0,.2));
}
.badge:not(.nothover,img,svg):hover{
  box-shadow: .3rem .3rem .5rem var(--color-theme-change);
}

/* interaction change */

/* anchor */
a:hover{ --variable-anchor-underlinecolor: var(--variable-anchor-underlinehovercolor,var(--color-theme-double-change)) }
.footnote.t a:not(.n):hover,.card a:hover{ --variable-anchor-underlinehovercolor: var(--color-theme-triple-change) }

/* side border */
details:hover,.display:hover{
  border-left-color:var(--color-theme-double-change); border-right-color: var(--color-theme-double-change);
}