/* defaults */
:root{
  --default-size-font-body: 1.25rem;
  --default-size-font-title: 1.3rem;
  --default-number-lineheight-body: 1.6;
  --default-number-lineheight-title: 1.4;
}

/* number */
:root{
  --number-lineheight-body: var(--default-number-lineheight-body);
  --number-lineheight-title: var(--default-number-lineheight-title);
}

/* size */
:root{
  --size-font-body: var(--default-size-font-body);
  --size-font-title: var(--default-size-font-title);
  --size-line-thick: .5rem;
  --size-line-thin: 0.05rem;
  --size-lineheight-body: calc(var(--number-lineheight-body) * 1em);
  --size-lineheight-body-fix: calc(var(--number-lineheight-body) * var(--size-font-body));
  --size-lineheight-title: calc(var(--number-lineheight-title) * 1em);
  --size-lineheight-title-fix: calc(var(--number-lineheight-body) * var(--size-font-title));
  --size-linespace-body: calc(((var(--number-lineheight-body) * 1em) - 1em) / 2);
  --size-linespace-title: calc(((var(--number-lineheight-title) * 1em) - 1em) / 2);
  --size-maxwidth: 50rem;
  --size-upbar-height: 3.5rem;
}

/* colors */
:root{
  --color-theme-static: #ffe7ee;
  --color-theme-double-static: #ffd1db;
  --color-theme-triple-static: #ffb7c7;
}
html:not([data-theme="dark"]){
  --color-background: white;
  --color-font: black;
  --color-theme-change: var(--color-theme-static);
  --color-theme-double-change: var(--color-theme-double-static);
  --color-theme-triple-change: var(--color-theme-triple-static);
  --color-gray-2: #cccccc;
  --color-gray-5: #808080;
  --color-whitetogray: white;
  --color-themetobackground: #ffe7ee;
  --color-whitebutton-hover: white;
  --color-themetogray-c: #ffe7ee;
  --color-themetogray-7: #ffe7ee;
}
html[data-theme="dark"]{
  --color-background: #1a1a1a;
  --color-font: #ddd;
  --color-theme-change: #404040;
  --color-theme-double-change: #777777;
  --color-theme-triple-change: #9e9e9e;
  --color-gray-2: #333333;
  --color-gray-5: #a0a0a0;
  --color-whitetogray: #333333;
  --color-themetobackground: var(--color-background);
  --color-whitebutton-hover: #cccccc;
  --color-themetogray-c: #cccccc;
  --color-themetogray-7: #777777;
}

/* fonts */
:root{
  --font-body: 'sanserif-body',sanserif;
  --font-title: 'sanserif-title',sanserif;
  --font-monospace: 'monospace',monospace;
}

/* preset */
:root{
  --preset-boxshadow-underline-2: inset 0 -.2rem 0;
  --preset-boxshadow-underline-7: inset 0 -.7rem 0;
}

/* all */
body *{
  box-sizing: border-box ;
  scroll-margin-top: 4rem ;
}

/* text */
main,.default-text,p,main span{
  font-size:var(--size-font-body); line-height: var(--number-lineheight-body);
  word-break: keep-all;
  letter-spacing:-.02em; word-spacing: .1em;
}

/* nav */
nav{ margin:0; padding: 0; }

/* placeholder */
.placeholder{
  text-align: center;
  font-size: calc(var(--size-font-body) * 1.5);
  margin:auto; height:fit-content; width: fit-content;
}

/* anchor */
a{ color:var(--color-font); cursor:pointer; text-decoration: none; }
.highlight,a:not(.no-deco,.no-deco-a a,.footnote .n,.footnote .n *,h1.post a,h2>a,h3>a,h4>a,h5>a,h6>a,.badge,a.image, figure.image>a,.tags a,.panel li a,.display a){
  position: relative;
  padding-bottom: var(--variable-anchor-underlinespace,calc(var(--size-linespace-body) / 2));
  box-shadow: var(--preset-boxshadow-underline-2) var(--variable-anchor-underlinecolor,var(--color-theme-change));
}
.index a:not(:hover),.no-underline:not(:hover),.no-underline a:not(:hover){ --variable-anchor-underlinecolor: var(--color-background) }
.card a:not(:hover), .footnote.t a:not(.n,:hover){ --variable-anchor-underlinecolor: var(--color-theme-double-change) }

/* mark */
mark{
  background:unset; color: var(--color-font);
  box-shadow:var(--preset-boxshadow-underline-7) var(--color-theme-change); padding-bottom: calc(var(--size-linespace-body) / 2);
}

/* frame*/
body{
  font-family:var(--font-body); line-height:var(--number-lineheight-body); font-size: var(--size-font-body);
  color:var(--color-font); font-size: 1rem;
  color: var(--color-font);
  background-color: var(--color-background);
  margin: 0;
  min-width: 15rem;
  padding-bottom: 1rem;
}
h1{
  margin:0; padding:.25em 1em; width: 100%;
  background-color: var(--color-theme-change);
  word-break: keep-all;
  font-family:var(--font-title); font-weight:100; line-height:var(--number-lineheight-title); font-size: calc(var(--size-font-title) * 2);
}
h1.logo{ text-align: center; }
a.logo{ cursor: pointer; }
h1.logo>:first-child{ width:5rem; height:auto; vertical-align: middle; }
h1.logo svg>*{ fill: var(--color-theme-change) }
h1.logo svg{ background-color: var(--color-font) }

/* monospace */
.monospace,pre,code,kbd{
  font-family: var(--font-monospace);
  letter-spacing: 0;
  overflow-wrap:break-word; white-space: preserve;
}

/* kbd */
kbd{
  padding:.1em .5em; font-size: .9em;
  margin: 0 .3em;
  box-shadow: .1rem .1rem .1rem var(--color-theme-double-change);
  border-radius: .4em;
}
kbd+kbd{ margin-left: 0; }
kbd:has(kbd){
  padding:0; margin: 0 .2em;
  box-shadow: none;
}
kbd>kbd{ font-size: inherit; }

/* var */
var{ font-family: var(--font-monospace); }

/* post title */
h1.post{ text-align: center }
a.post{ cursor: pointer; }

/* neck */
.neck{
  width: 100%;
  margin: 1.5rem auto;
  font-family:var(--font-title); line-height:var(--number-lineheight-title); font-size: var(--size-font-title);
}
.neck .flex{
  width:100%; margin: auto;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
.neck .badge{
  padding: .25em;
  font-size: 2rem;
  cursor: pointer;
}
.neck .t{ height: calc(1em * var(--number-lineheight-title)) }
.neck .date{
  font-size: 1rem;
  color: var(--color-gray-5);
  text-align: center;
}

/* main */
main{
  width: 100%;
  margin: 3rem auto;
}

/* container */
.widthlimit{
  width:100%; padding: 1.5rem;
  max-width: var(--size-maxwidth);
  margin: auto;
}

/* bottom */
.tags{
  font-size:calc(var(--size-font-title) * 1); line-height: var(--number-lineheight-title);
  display:flex; flex-wrap: wrap;
  column-gap:.75em; row-gap: 0.25em;
}
.tags a{
  word-break: keep-all;
  font-family:var(--font-title); font-weight: 200;
  cursor: pointer;
}
.tags li::before{
  content:'#'; color: var(--color-theme-double-change);
  display: inline;
  margin-right: .25em;
  font-family:var(--font-title); font-weight: 700;
}
.tags li{ display: inline }
.tags.current{ padding: 1rem }
.tags.all{
  padding: 0 1.5em;
  width: 100%;
  max-width: 30em;
  margin: 1.5rem auto;
}
.comments{ min-height: 16rem }

/* upbar */
#upbar-search-bar::placeholder{
  font-size: 1rem;
  color: var(--color-font);
}
#upbar{
  width:100%; height: var(--size-upbar-height);
  position:fixed; top:0; left:0; right: 0;
  z-index: 200;
  background-color: var(--color-themetobackground);
  display: block;
  padding: .25rem 0;
}
#upbar-search-bar{
  position:relative; float:right; padding:0 .5rem; margin: .25rem .5rem .25rem 0;
  width:30rem; max-width:calc(100% - 10rem); height:2.5rem; border: 0;
  font-size: 1rem;
  background-color:var(--color-whitetogray); color: var(--color-font);
  outline: none;
}
#upbar-search-bar::placeholder{ color: var(--color-gray-5) }
#upbar-search-button{
  background-color: var(--color-whitetogray);
  width:2.5rem; height:2.5rem; border:0; margin: .25rem .5rem .25rem 0;
  float:right; position: relative;
  font-size:1.56rem; color: var(--color-themetogray-c);
  text-align: center;
  box-shadow: none;
}
#upbar-move-button{ position:relative; font-size:0; float:left; margin: .25rem 0 .25rem .5rem; }
@-moz-document url-prefix(){ #upbar-move-button{ top: -.12rem; }}
#upbar-move-button-up,#upbar-move-button-down,#upbar-share-button{
  padding: 0;
  background-color:transparent; box-shadow:none; border: none;
}
#upbar-move-button svg{ height:1rem; width: 2.5rem; }
#upbar-move-button button{ width:2.5rem; height:1rem; display: block; }
#upbar-move-button-down{ margin-top: .5rem; }
#upbar-share-button svg{ height:2.5rem; width: 2.5rem; }
#upbar-share-button{
  float:left; margin:.25rem 0 .25rem .5rem; width:2.5rem; height: 2.5rem;
  position: relative;
}
#upbar-move-button svg{ fill: var(--color-whitebutton-hover) }
#upbar-share-button svg{ stroke: var(--color-whitebutton-hover) }
#upbar-move-button button:hover svg{ fill: var(--color-theme-double-change) }
#upbar-share-button:hover svg{ stroke: var(--color-theme-double-change) }
#upbar-search-button:hover{ background-color:var(--color-theme-double-change); color: var(--color-whitebutton-hover) }
.upbar-gap{ width: 100%; height: var(--size-upbar-height); }

/* noti */
.noti{
  position: absolute;
  opacity: 0;
}

/* footer */
.footer>*{ margin: auto }
.footer>.footer-buttons{ height:5rem; padding:1rem; display:flex; justify-content:center; flex-wrap:wrap; row-gap: 1rem; }
.footer>.footer-buttons>*{ vertical-align:middle; margin:auto .5rem; height:3.5rem; margin: auto .5rem; }
.footer>.footer-buttons .button.i{ width: 3.5rem; }

/* feed button */
#feed-button>svg{ width:60%; height:60%; margin:20% auto; display:block; fill: var(--color-font); }

/* theme button */
#theme-button>svg{ display: none; }
html:not([data-theme="dark"]) #theme-button-s,html[data-theme="dark"] #theme-button:hover #theme-button-s,
html[data-theme="dark"] #theme-button-m,html:not([data-theme="dark"]) #theme-button:hover #theme-button-m{
  display: block;
}
html[data-theme="dark"] #theme-button:hover #theme-button-m,html:not([data-theme="dark"]) #theme-button:hover #theme-button-s{
  display: none;
}
html:not([data-theme="dark"]) #theme-button,html[data-theme="dark"] #theme-button:hover{ background-color: var(--color-theme-static); }
#theme-button-s{ margin:auto; width:2.5rem; height:2.5rem; fill:black; stroke-width: 0; }
html[data-theme="dark"] #theme-button-s,html:not([data-theme="dark"]) #theme-button:hover #theme-button-s{ display: none; }
html[data-theme="dark"] #theme-button,html:not([data-theme="dark"]) #theme-button:hover{ background-color: #333333; }
#theme-button-m{ margin:auto; width:2.3rem; height:2.3rem; stroke-width:0; fill: #ddd; }

/* language button */
.lang-select{
  background-color:var(--color-theme-change); cursor: pointer; 
  padding:0; width: fit-content;
  position: relative;
  line-height: var(--number-lineheight-title);
}
.lang-select>select{
  background-color:var(--color-theme-change); cursor: pointer; 
  padding: 1rem .5rem 1rem 2.5rem;
  border: none;
  font-family:var(--font-title); font-weight:200; font-size: calc(var(--size-font-title) * 0.8);
  color: var(--color-font);
  height: 100%;
  appearance: inherit;
  -webkit-appearance: none;
}
.lang-select>span{
  font-size: 1.2rem;
  position: absolute;
  left:0.6rem; top: .95rem;
  -moz-user-select:none; -webkit-user-select:none; -ms-user-select:none; user-select: none;
}
.lang-select>select:hover,.lang-select:hover{ background-color: var(--color-theme-double-change) }

/* dfn */
dfn{ font-style: unset; }

/* heading */
h2,h3,h4,h5,h6{
  letter-spacing:-.02em; word-spacing:.2em; line-height: calc(var(--number-lineheight-title) * 0.7);
  overflow-wrap: break-word;
  margin-bottom: var(--size-lineheight-body-fix);
  font-family: var(--font-title);
  text-shadow: .05em 0 var(--color-theme-change);
}
h2{ font-size:calc(var(--size-font-title) * 3); font-weight:100; margin-top: var(--size-lineheight-title); }
h3{ font-size:calc(var(--size-font-title) * 2); font-weight:100; margin-top: var(--size-lineheight-title); }
h4{ font-size:calc(var(--size-font-title) * 1.5); font-weight:200; margin-top: var(--size-lineheight-title-fix); }
h5{ font-size:calc(var(--size-font-title) * 1); font-weight:200; margin-top: var(--size-lineheight-title-fix); }
h6{ font-size:calc(var(--size-font-title) * 0.5); font-weight:200; margin-top: var(--size-lineheight-title-fix); }
h2+h3,h3+h4,h4+h5,h5+h6{ margin-top: 0; }

/* button */
.button{
  font-family:var(--font-title); line-height:var(--number-lineheight-title); font-size: var(--size-font-title);
  border: unset;
  padding:.1em .5em; background-color: var(--color-theme-change);
}
.button.i{
  font-size: 0;
  padding: 0;
  border-radius: 30%;
}

/* image */
.image,.image:not(img) img{ width:auto; height:auto; max-width: 100%; }
.image{ margin-top:var(--size-lineheight-body); margin-bottom: var(--size-lineheight-body); }
.image:not(.center){ margin: var(--size-lineheight-body) .5em }
.image>*{ max-width: 100% }
.image.right{ float:right; margin: 0 0 .5em 1em }
figure.image{ display:inline-grid; align-items: center; }
figure.image img:not(figcaption *){
  grid-column:1/2; grid-row: 1/2;
  margin: 0 auto;
}
figure.image figcaption{
  grid-column:1/2; grid-row: 2/3;
  font-size: calc(var(--size-font-body) * .8); }

/* icon */
.icon{ height:1.5em; width:auto; border:0px; vertical-align:bottom; display: inline; }

/* symbol */
.symbol{
  font-size: 1.25em;
  -moz-user-select:none; -webkit-user-select:none; -ms-user-select:none; user-select: none;
}

/* table */
table{
  border-collapse:collapse; border-spacing:0; border-style:none; padding: 0;
  margin: var(--size-lineheight-body) auto;
}
tr.sticky, th.sticky, td.sticky{
  position:sticky;
  top:calc(var(--size-upbar-height) - var(--gap-top,var(--gap,0)) * 0.5em);
  background-color: var(--color-background);
  z-index:1;
}
td,th{
  padding: calc(var(--gap-top,var(--gap,0)) * 0.5em) calc(var(--gap-right,var(--gap,0)) * 0.5em) calc(var(--gap-bottom,var(--gap,0)) * 0.5em) calc(var(--gap-left,var(--gap,0)) * 0.5em);
}
tbody.innerline td{ border: .05em solid var(--color-gray-2) }
tbody.innerline{ border-collapse:collapse; border: hidden; }
:is(tr,td,th):is(.split-top,.split-bottom,.split-left,.split-right):not(.sticky){
  position: relative
}
tr.split-bottom>*{
  padding-bottom: calc((var(--gap-left,var(--gap,0)) * 0.5em) + 0.5em + var(--size-line-thin));
}
tr.split-bottom::after{
  content: "";
  position: absolute;
  left: 0; right: 0;
  bottom: calc((0.5em + var(--size-line-thin)) / 2);
  height: var(--size-line-thin);
  background-color: var(--color-gray-2);
  z-index:2;
}
tr.split-top>*{
  padding-top: calc((var(--gap-left,var(--gap,0)) * 0.5em) + 0.5em + var(--size-line-thin));
}
tr.split-top{
  background-image:
    linear-gradient(
      to bottom,
      transparent calc(0.25em - var(--size-line-thin) / 2),
      var(--color-gray-2) calc(0.25em - var(--size-line-thin) / 2),
      var(--color-gray-2) calc(0.25em + var(--size-line-thin) / 2),
      transparent calc(0.25em + var(--size-line-thin) / 2)
    );
  background-repeat: no-repeat;
}
th.split-right, td.split-right{
  padding-right: calc((var(--gap-left,var(--gap,0)) * 0.5em) + 0.5em + var(--size-line-thin));
}
th.split-right::after , td.split-right::after{
  content: "";
  position: absolute;
  top: 0; bottom: 0;
  right: calc((0.5em + var(--size-line-thin)) / 2);
  width: var(--size-line-thin);
  background-color: var(--color-gray-2);
  z-index: 2;
}
/*th.split-right, td.split-right{
  background-image:
    linear-gradient(
      to left,
      transparent calc((0.25em + var(--size-line-thin)) / 2),
      var(--color-gray-2) calc((0.25em + var(--size-line-thin)) / 2),
      var(--color-gray-2) calc((0.25em - var(--size-line-thin)) / 2),
      transparent calc(100% - (0.25em - var(--size-line-thin)) / 2)
    );
}*/
th.split-left , td.split-left{
  padding-left: calc((var(--gap-left,var(--gap,0)) * 0.5em) + 0.5em + var(--size-line-thin));
}
th.split-left::before , td.split-left::before{
  content: "";
  position: absolute;
  top: 0; bottom: 0;
  left: calc((0.5em + var(--size-line-thin)) / 2);
  width: var(--size-line-thin);
  background-color: var(--color-gray-2);
  z-index:2;
}
.cut-top::before, .cut-top::after{ top: 0.25em }

/* footnote */
.footnote .n{
  text-decoration: none;
  color: var(--color-gray-5);
  margin-right: .1em;
}
.footnote.t .n{
  vertical-align: super;
  font-size:.8em; letter-spacing: -.1em;
}
.footnote.b .n{ max-width:10vw; word-break:keep-all; overflow-wrap: break-word; }
.footnote.t{ display:inline; position: relative; }
.footnote.b{
  padding-top: .3rem; padding-left: .6rem; padding-right: .6rem;
  margin-top: var(--size-lineheight-body-fix);
  border-top: .2rem solid var(--color-theme-change);
}
.footnote.b>*{ display: flex }
.footnote.b>* *{ font-size: calc(var(--size-font-body) * 0.8); }
.footnote.t>*:not(.n){
  display: none;
  z-index:100; position: absolute;
}
.footnote.b>*>*:not(.n){ float:left; margin-left:.7em; max-width: calc(100% - 2em); }
.footnote.t .bar{ position: absolute }

/* script */
*:not(details)>.script{ margin-top:var(--size-lineheight-body); margin-bottom: var(--size-lineheight-body); }
.script{ padding: 0 1em; }

/* list */
ul:not(li>ul,.index summary+ul,details>ul:last-child),
ol:not(li>ol,.index summary+ol,details>ol:last-child),
dl{
  margin-top:var(--size-lineheight-body);
  margin-bottom: var(--size-lineheight-body);
}
li{ white-space:normal; overflow-wrap: break-word; }
ol>li::marker{ font-weight: bold; }
ol.index,.index ol{ counter-reset:index; list-style-type: none; }
ol.index li{ counter-increment: index; }
ol.index>li::before, ol.index ol>li::before{
  content: counters(index,".") ".";
  color:var(--color-theme-double-change); font-weight:bold; white-space: nowrap;
  padding-right: .25em;
}
ol{ padding-left: 1em }
ul{ padding-left:.75em; list-style-type: square; }
li::marker{ color: var(--color-theme-double-change) }
ul.horizontal,ol.horizontal{
  display:flex; justify-content:center; flex-wrap: wrap;
  padding-left:1.5em; padding-right:1em; column-gap: 2em;
}
ul.horizontal>li>a,ol.horizontal>li>a{ --variable-anchor-underlinespace: 0; }
li .flex{ display:flex; flex-wrap: wrap; }
li .flex>ol,li .flex>ul{ margin-left: .5em }
li .flex *{ min-width: 1px }
li .flex>*{ margin-top:0; margin-bottom: 0; }
dt:not(dt+dt){ float:left; clear: left; }
dd{ clear: left }
dt+dt::before{ content:"/"; margin:0 1em; color: var(--color-gray-2); }

/* card */
.card{
  -moz-user-select:none; -webkit-user-select:none; -ms-user-select:none; user-select: none;
  margin: var(--size-lineheight-body) auto;
  padding: 1em;
  background-color: var(--color-theme-change);
  width:100%; max-width: calc(100% - 2rem);
  word-break: keep-all;
}
.card .no-deco{ font-size:inherit; font-weight:inherit; margin:0; padding:0; text-decoration: unset; }

/* panel */
.panel ul{
  padding:0; list-style-type:none; margin: 0;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: flex-start;
  align-content: flex-start;
  gap: var(--gap,0);
}
.panel li{
  width: calc((100% - (var(--columns,1) - 1) * var(--gap,0)) / var(--columns,1));
  aspect-ratio: var(--aspectratio,1/1);
  overflow: hidden;
  -moz-user-select:none; -webkit-user-select:none; -ms-user-selct:none; user-select: none;
}
.panel li>*:first-child{
  display: block;
  overflow: hidden;
  width:100%; height: 100%;
}
.panel .i,.panel .t{ width:100%; height: 100%; }
.panel .i img,.panel .i svg{
  width:100%; height: 100%;
  object-fit: cover;
  min-width:100%; min-height: 100%;
}
.panel .t{ display:flex; align-items: center; }
.panel .t>:first-child{ height:fit-content; max-height:100%; width: inherit; }
.panel .t>:first-child>:first-child{
  width: inherit;
  overflow: hidden;
  word-wrap: break-word;
}

/* display */
.display>*:not(script){
  display:block; position: relative;
  margin: 0 auto;
  max-width: 100%;
}
.display{
  width: auto;
  display: block;
}
:not(details)>.display{ margin: calc(var(--size-lineheight-body) * 1.5)  0 }
.display.r-169-v>*{ aspect-ratio:9/16; max-width: 25rem; }
.display.r-169-h>*{ aspect-ratio: 16/9; }
.display.poster img{ width: 20em }
.display>a,.display picture{ width:fit-content; height: fit-content; }
.display img,.display iframe{ width:100%; height: auto; }

/* hr */
hr{ border: none }
hr.dot,hr.line{ margin:var(--size-lineheight-body) auto; background-color: var(--color-theme-change); }
hr.dot{ aspect-ratio:1/1; width:auto; height:.5rem; background-color:var(--color-theme-double-change); border-radius: 50%; }
hr.line{ height:.2rem; width: 80%; }
hr.linespace{ height:0; margin: .35em auto; }

/* badge */
.badge{
  height:auto; width: auto;
  border-radius: 2.5rem;
}

/* details */
details{
  margin:var(--size-lineheight-body) 0; overflow: hidden;
}
details>summary{
  padding: 0 .7em;
  width: 100%;
  color: var(--color-font);
}
details>summary,details.deco>summary{ cursor: pointer; }
details>:not(summary){ margin-left:1.5em; margin-right: 1.5em; }
details>summary+*:not(.index *){ margin-top: 1em }
.index summary+*{ margin-top: calc((var(--size-lineheight-body) - 1em) / 2) }
details>:last-child,details>summary+:last-child>:last-child{ margin-bottom: 0 }
details>summary+:last-child>:first-child{ margin-top: 0 }
details>ul,details>ol{ padding-left: 0 }

/* mask */
.mask{ background-color: var(--maskcolor,var(--color-font)) }
.mask>*{ visibility: hidden }

/* center */
.center:not(table,.flex){ display: block }
.center{ margin-left:auto; margin-right: auto; }
a.center,div.center{ width: fit-content }

/* right */
.right+.right{ clear: right }

/* group */
.group{ width:max-content; max-width:100%; height:auto; white-space: nowrap }
.group>*{ max-height: 99%; }

/* no margin */
main>:first-child,h2.first{ margin-top: 0 }

/* side border */
details,.neck,.display,.script, dl div{
  border-left:var(--size-line-thick) solid var(--color-theme-change); border-right: var(--size-line-thick) solid var(--color-theme-change);
}

/* mobile */
@media screen and (max-width:15rem){
  body.with-upbar{ padding-top: 0; }
  #upbar,.upbar-gap{ display: none; }
}
@media screen and (max-width:20rem){
  #upbar-search-button{ display: none; }
  #upbar-search-bar{ max-width: calc(100% - 7rem); }
}
@media screen and (max-width:30rem){
  html{ font-size: 80% }
  :root{ --number-lineheight-body: calc(var(--default-number-lineheight-body * 0.8)) }
  :root{ --number-lineheight-title: calc(var(--default-number-lineheight-title * 0.8)) }
}
@media (max-width:767px){
}
@media (max-width:50rem){
}