/* 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-size:1rem;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;
}

/* details */
details:not(.no-deco)>summary,details.deco>summary{cursor:pointer;}
details:not(.no-deco)>:not(summary){margin-left:1.5em;margin-right:1.5em;}
details:not(.no-deco)>summary+*:not(.index *){margin-top:1em}
.index summary+*{margin-top:calc((var(--size-lineheight-1) - 1em) / 2)}
details:not(.no-deco)>:last-child,details:not(.no-deco)>summary+:last-child>:last-child{margin-bottom:0}
details:not(.no-deco)>summary+:last-child>:first-child{margin-top:0}
details:not(.no-deco)>ul,details:not(.no-deco)>ol{padding-left: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:not(.no-deco):hover{--variable-anchor-underlinecolor:var(--variable-anchor-underlinehovercolor,var(--color-theme-double-change))}
.footnote.t a:not(.no-deco):not(.n):hover,.card a:hover{--variable-anchor-underlinehovercolor:var(--color-theme-triple-change)}

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