:root {
  --paragraph-gray: rgb(238, 238, 223);
  --paragraph-gray-opacity: rgb(238, 238, 223, .4);
  --paragraph-fill: #5E5C43;
  --paragraph-fill-opacity: rgba(94, 92, 67, .5);
  --paragraph-fill-thin: rgba(94, 92, 67, .2);
  --paragraph-fill-light: rgba(94, 92, 67, .1);
  --paragraph-fill-hover: #6E6C56;
  --text-dark-deep: #403F2E;
  --text-dark: #5E5C43;
  --text-light: #fff;
  --text-gray: #999;
  --text-thin: #ccc;
  --text-head: #eeeedf;
  --paragraph-fill-head: rgb(238, 238, 223, .1);
  --hover-opacity: .8;
  --primary: #ffaa17;
  --primary-opacity: rgba(255, 170, 23, 0);
  --primary-light: #F7F7F5;
  --black-rock: #2d2e33;
  --black-deep: #1a1a1a;
  --account-text-color: rgba(26,26,26,.7);
  --account-border-color: rgba(26,26,26,.2);
  --account-text-hover-color: rgba(26,26,26,1);
  --account-border-hover-color: rgba(26,26,26,.4);
  --menu-background: #292929;
  --menu-button-border: rgba(255,255,255,.2);
  --menu-text-color: rgba(255,255,255,.7);
  --menu-separator: rgba(255,255,255,.1);
  --cyan: #EDEDDD;
  --invalid: #ee3651;
  --label: #AF3434;
  --black: black;
  --white: white;
  --transition: .35s;
  --slide-in: .9s;
  --slide-delay: .5;
  --slide-step: .1s;
  --float-opacity: .2;
  --float-offset: 80px;
  --float-offset-reverse: -80px;
  --section-width: 1200px;
  --min-section-width: var(--section-width);
  --min-view-width: 320px;
  --min-page-width: 1280px;
  --max-page-width: 3840px;
  --column-margin: 24px;
  --menu-item-height: 40px;
  --page-header-height: 100px;
  --page-header-sticky-height: 64px;
  --page-header-sticky-size: 36px;

  --text-size-xxxxxl: 88px;
  /* --text-size-xxxxl: 76px; */
  --text-size-xxxl: 70px;
  --text-size-xxl: 64px;
  --text-size-xl: 41px;
  --text-size-l: 30px;
  --text-size-lm: 24px;
  --text-size-ml: 22px;
  --text-size-m: 20px;
  --text-size-ms: 18px;
  --text-size-s: 16px;
  --text-size-xs: 15px;
  --text-size-xxs: 14px;
  --text-size-xxxs: 13px;

  --text-weight-bold: 600;
  --text-weight-head: 500;
  --text-weight-default: 400;
  --text-weight-normal: 300;
  --text-weight-paragraph: 300;
}

@media screen and (max-width: 1279px) {
  :root {
    --section-width: 1050px;
    --min-page-width: 1200px;
  }
}
@media screen and (max-width: 1049px) {
  :root {
    --float-offset: 80px;
    --float-offset-reverse: -80px;
    --section-width: 100vw;
    --min-page-width: 320px;
    --max-page-width: 100vw;
    --page-header-height: 64px;

    --text-size-xxxxxl: 44px;
    --text-size-xxxxl: 38px;
    --text-size-xxxl: 35px;
    --text-size-xxl: 30px;
    --text-size-xl: 20px;
    --text-size-l: 19px;
    --text-size-ml: 17px;
    --text-size-m: 18px;
    --text-size-xs: 14px;
    --text-size-xxs: 13px;
    --text-size-xxxs: 12px;

    --section-width: calc(100vw - var(--column-margin) * 2);
  }
}
@media screen and (max-width: 320px) {
  :root {
    --min-page-width: 320px;
    --section-width: calc(320px - var(--column-margin) * 2);
    --menu-item-height: 32px;
  }
}




[data-slide-in*="float-"] {
  overflow: hidden;
}
.slide-in[data-slide-in*="float-"] {
  overflow: initial;
}
[data-slide-in*="float-"] > * {
  opacity: 0;
  transition: var(--slide-in);
}

[data-slide-in="float-up"] > * {
  transform: translate(0, var(--float-offset));
}
[data-slide-in="float-down"] > * {
  transform: translate(0, var(--float-offset-reverse));
}
[data-slide-in="float-left"] > * {
  transform: translate(var(--float-offset-reverse), 0);
}
[data-slide-in="float-right"] > * {
  transform: translate(var(--float-offset), 0);
}

[data-slide-in="float-left-right"] > *:nth-child(2n+1) {
  transform: translate(var(--float-offset), 0);
}
[data-slide-in="float-left-right"] > *:nth-child(2n) {
  transform: translate(var(--float-offset-reverse), 0);
}

[data-slide-in="float-right-left"] > *:nth-child(2n+1) {
  transform: translate(var(--float-offset-reverse), 0);
}
[data-slide-in="float-right-left"] > *:nth-child(2n) {
  transform: translate(var(--float-offset), 0);
}

[data-slide-in="float-up-down"] > *:nth-child(2n+1) {
  transform: translate(0, var(--float-offset));
}
[data-slide-in="float-up-down"] > *:nth-child(2n) {
  transform: translate(0, var(--float-offset-reverse));
}

[data-slide-in="float-down-up"] > *:nth-child(2n+1) {
  transform: translate(0, var(--float-offset-reverse));
}
[data-slide-in="float-down-up"] > *:nth-child(2n) {
  transform: translate(0, var(--float-offset));
}
.slide-in[data-slide-in] > * {
  transition-delay: calc((var(--slide-in-child) + var(--slide-delay)) * var(--slide-step));
  transform: none;
  opacity: initial;
}



html, body {
  margin: 0;
  padding: 0;
  color: var(--text-light);
  background-color: var(--black-deep);
  font-family: Roboto, PingFangSC;
}
body {
  min-width: var(--min-page-width);
  max-width: var(--max-page-width);
  margin: 0 auto;
  --fill: 0;
}
h1, h2, h3, h4, h5, h6, form, p, figure, figcaption, img {
  margin: 0;
  padding: 0;
}
h1, h2, h3, legend {
  font-family: Jost;
}
h4, h5, h6{
  font-family: Roboto;
}
p, figcaption {
  font-family: Roboto;
}
a, a:visited, a:hover {
  transition: opacity var(--transition);
  text-decoration: none;
  text-decoration-skip-ink: none;
}
a:hover {
  opacity: var(--hover-opacity);
  transition: opacity var(--transition);
}
/* 
body > header, body > footer, body > section {
} */

/* img {
  background-color: var(--text-thin);
} */

.page-header, .page-footer, body > section {
  min-width: var(--min-page-width);
}
.page-header-wrap, .section-wrap, .page-footer-wrap {
  width: var(--section-width);
  min-width: var(--min-section-width);
  margin: 0 auto;
}
body > section {
  max-width: var(--max-page-width);
  margin: 0 auto;
}

.page-header {
  position: fixed;
  z-index: 2;
  left: 0;
  top: 0;
  width: 100%;
  background-color: var(--black-deep);
}
.page-header-placeholder {
  height: var(--page-header-height);
}
.page-header-wrap {
  position: relative;
  display: flex;
  height: calc(var(--page-header-height) - var(--fill) * var(--page-header-sticky-size));
  align-items: center;
}
.page-header .logo, .page-footer .logo {
  width: 212px;
  height: 40px;
  font-size: var(--text-size-l);
  font-family: Roboto;
  font-weight: var(--text-weight-bold);
  line-height: 1;
  letter-spacing: 4px;
  text-align: left;
  overflow: hidden;
  color: transparent;
  background: url(/assets/build/logo-0ea5bd0d.svg) no-repeat 0 50%;
  background-size: contain;
}

.dm-group .page-header .logo, .dm-group .page-footer .logo {
  background: url(/assets/build/dmGroup/dm-group-19797a9f.svg) no-repeat 0 50%;
}

/* .page-header .logo {
  height: 24px;
} */
.page-header .logo-anchor {
  display: flex;
  width: 200px;
  height: 100%;
  max-height: 94px;
  overflow: hidden;
  justify-content: center;
  flex-direction: column;
}
.page-header .logo-anchor .logo {
  /* margin-top: -4px; */
  transition: transform .06s;
  transform: scale(calc((1 - var(--fill) * 0.2)));
  transform-origin: 0 50%;
}
.dm-group .page-header .logo-anchor {
  width: auto;
  cursor: default;
}
.dm-group .page-header .logo-anchor .logo {
  width: 228px;
  transform: scale(1.1);
  transform-origin: 0 50%;
}
.page-header .expanded .nav-item:after {
  content: none;
}
.page-header .expanded .nav-item:hover {
  text-decoration: underline;
  text-underline-offset: 2px;
}
.page-header .nav-item.current, .page-header .nav-item.current:visited {
  opacity: 1;
}
.page-header .nav-item:hover {
  opacity: calc(var(--hover-opacity) * 0.8);
}
.page-header .nav-item.current:hover {
  opacity: var(--hover-opacity);
}
.page-header .nav-item.current:after, .page-header .nav-item:hover:after {
  transform: none;
}

.page-header .nav-top-menu {
  display: flex;
  flex-direction: row;
  justify-items: center;
  height: 40px;
  flex: 1;
  align-items: center;
}
.page-header .nav-top-menu .nav {
  display: flex;
  flex: 1;
  max-height: 30px;
  margin: 0 20px 0 50px;
  padding-top: 8px;
  gap: 32px;
  justify-content: left;
  flex-wrap: wrap;
  overflow: hidden;
}
.page-header .nav-top-menu .nav-item {
  display: block;
  height: 29px;
  font-size: var(--text-size-s);
  font-weight: var(--text-weight-normal);
  line-height: 1.375;
  letter-spacing: 1px;
  white-space: nowrap;
  transition: opacity var(--transition);
}
.page-header .nav-top-menu .nav-item:after {
  content: "";
  display: block;
  width: 35px;
  height: 1px;
  background-color: currentColor;
  margin: 2px auto 0 auto;
  transform: scaleX(0);
  transition: transform var(--transition);
}

.page-header .nav-top-menu .nav-item.current, .page-header .nav-top-menu .nav-item.current:visited {
  opacity: 1;
}
.page-header .nav-top-menu .nav-item:hover {
  opacity: calc(var(--hover-opacity) * 0.8);
}
.page-header .nav-top-menu .nav-item.current:hover {
  opacity: var(--hover-opacity);
}
.page-header .nav-top-menu .nav-item.current:after, .page-header .nav-top-menu .nav-item:hover:after {
  transform: none;
}

.page-header .nav-top-menu .login {
  display: flex;
  height: fit-content;
  gap: 8px;
  align-items: end;
}

.page-header .expand-button {
  display: none;
  position: relative;
  width: 44px;
  height: 44px;
  margin-left: 24px;
  cursor: pointer;
}
.page-header .expand-button:after {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  width: 22px;
  height: 2px;
  margin: -1px 0 0 -11px;
  background-color: var(--white);
  box-shadow: 0 -8px 0 #fff, 0 8px 0 #fff;
}

.page-header .nav-item, .page-header .nav-item:visited {
  color: var(--text-light);
}

.page-footer {
  position: relative;
  /* max-height: 532px; */
  background-color: var(--black-deep);
  overflow: hidden;
  box-shadow: 0 2000px 0 2000px var(--black-deep);
}
.page-footer:after {
  content: "";
  display: block;
  position: absolute;
  bottom: 60px;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #2b2b2b;
}
.page-footer-wrap {
  position: relative;
  overflow: hidden;
}
.page-footer .site-info {
  float: left;
  width: 40%;
}
.page-footer .logo {
  width: 300px;
  height: 46px;
  margin-top: 50px;
  margin-bottom: 38px;
}

.page-footer .sns {
  margin-top: 51px;
}
.page-footer .sns h4 {
  margin-bottom: 10px;
  font-family: Roboto;
  font-size: var(--text-size-xs);
  font-weight: var(--text-weight-normal);
  line-height: 22px;
  letter-spacing: 1px;
  color: var(--white);
  opacity: .8;
}
.page-footer .sns .icons {
  display: flex;
  gap: 19px;
}
.page-footer .sns a {
  display: block;
}
.page-footer .sns a, .page-footer .sns a:visited, .page-footer .sns img, .page-footer .sns a:visited img {
  text-decoration: none;
  border: 0 none;
}
.page-footer .sns a, .page-footer .sns img {
  display: inline-block;
  width: 30px;
  height: 30px;
}
.page-footer .contact-us {
  margin-top: 92px;
  margin-bottom: 57px;
  font-size: var(--text-size-xs);
  font-weight: var(--text-weight-normal);
  line-height: 22px;
  letter-spacing: 1px;
}
.page-footer .contact-us, .page-footer .contact-us a, .page-footer .contact-us a:visited {
  color: rgba(255,255,255,.8);
  text-decoration: none;
}
.page-footer .contact-us > * {
  display: block;
  width: fit-content;
  margin-bottom: 19px;
  padding-left: 26px;
  background: no-repeat 0 2px;
  background-size: 18px auto;
}
.page-footer .contact-us address {
  font-style: normal;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGwAAAByCAMAAACBZMQUAAAAjVBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////8DizOFAAAAL3RSTlMAzAXGnBcIEq8MklK+q2y7W0cnILeiioJ6dC3Cj4ZmSzsyI7OolXFhTjdEPx1Wfc6PuG0AAAOSSURBVGje7ZrbkqIwEIYxQBBFRARBDoqCiqK+/+NtWVTqT3Z0xHFrbba2L5N0Pgx9oqP2X/5lOZ9nM8/b7/N8t4si1/W808my2rm+wpLEdSeTwV0xDM+bz/sIOx7DcPBUsmy77RPM90ejQWe5Xk2zH7DLRde/bpmmk4lhDIf35hzneKQOYyyO1Y2GQ9dNEs6xxraLIo6nU3Wd51GGcW4YquMmyePVTaM6fBzThWWZfHxF8VxjPHYc6KxWNGGuC7XRyLa7JiD5ME8nerDZDCrLZRcNuMJoBNf3fVow28aLjqLXQwHSURjSgrkuHJmxr/Pz+XjsusvlarVe3yt2TDMIYCR0YKap6yJZYCuYjjBuPNBm8/uqzQbhgDEqMKSVw0GdsSyEZlWiiHN17WIh5sZjKjBh9kHAuWoWeO0QGLltq4FLvIzdjgYMr9bzVEcfDuXNdV2UAgjX6k55Llba9l+DDR7D9nuhrBabUSRv2xYIjBWF7AiXi6xxOonx9ZoCTBxWVcmj2y22hCm3wOVSzEynsklxLkwkzynAhKLryqPYEOOQ3Q4Hdm88DD8Ps6z7h1WWCKvfhe7F4l7gC4LPw3xfwJpGduhnhWeWiYeRR1crofd5WFGIad+XQ7AYnc2+DwVpqpbjQs+yPg1rmj8Jq2uEvk/DkGCK4n0DORyEHuefhpkmip13nRpFz3SqaZ+CQUSyz7L3A3EQiGRLASZ+uq5z/l7yTBK8EgqwuoYDv1fwoHTabinAkD4N450ilTExX5aaRgGG0IOf/5MPi/UaIY4KDAk0z3/+MQjDMU0qMJTgSKHdP+DhQAjNdGDjsWzOrzddGCtLPC4lmLwYR9RdPE9+WEowHCSCFuSVBqLvU4NpWlWpybK7XK9yY5Qe7HhEWxkB5xU9XTdNijC0g9Dqei6cl6XcjqIJs20k/rruphPHsstQhcmtLsfp8rI3GxjHfE4ZhmIc1wmPxbKCQC64acMsy3G6Xm0ZBso6xqjD1Gu72azLZZGu34pb+jDZUdP0kUE3jfqx2A8Y50ikw+G90s3301Qu2fsCu13iOA6cm/PHl45VxXmfYG2yR+HJmOz2kwnC9fmsaf2CtSU1PoMYE6iqgjPf/ijUP1jbRMFRcn4zjfYI0STrJ0xtKVVVXbcFEQq3/sJQuEJQBvQbhoQDQeuv37Cbe+s6QI4jX371G3ZrNYehaMj/Xpb3G9YC6/pRyUYI9guh8oELH8GBcwAAAABJRU5ErkJggg==);
}
.page-footer .contact-us .phone {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGwAAABsCAMAAAC4uKf/AAAAh1BMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////9qkf8RAAAALXRSTlMAzMYJr75vNlTCcg47BgSznioduZeOfWpXGBKropqIZzEtJIF5Yk1EJ6iSXiEeMYHSAAADNElEQVRo3u2Z6Y6jMAyAKQk3lHIfLYVy9pj3f75VFkUOiKKd0VaKpfHPuPVnWbaxE+VXfgWDlGUQtK3nbemwwprmevX9w19R1es1DEGHF2YYVXUQZAa6LtNhhuk6IJa4IMAMS5LDW4ljvLAsE41X1evluqapafykbXHCDANAp9Ptxs9dl5/aNk4YlHLXHY+ihtL5PIowwm43jrpcZhRIXXPd7YYPBm2qada6tuU6XccH4+lxPm9pKeVafDBVnc31/ZbWtnkgiwIXzHG4sTzfb2WmiQtWlvvGjkfLmvVJggtWFADbHxgs63jEBGOpv9+Quo67EwS4YLwhPZ/vRiGsMJ4AmgYJsPx4gjO4YHnOza2Xo2EQRzxCsMGgrNNUPJ8mQF0uDIUNpiiPB1/7yhJO4xhQjqMoGGGmyc1mGZxer2KLxgkjRNN4YUMgm4bDoogQnDBxBO97MUUgvFhhZQnL+v3OT+93KGvDwAlTlNdrayWE4VvTwhAnzPN8nxuuaygKSvkppY6DEQYrxPLSLwwhdaqKkP8OO3wOBtL33KzvlyU4oaowHDjOMq0sS1Ufj67L86YhRFaYmA5xvPwEgRtB8P6i93xO03EMQ9lg7GoJQmbbyzUecrWuPW8LJbpk220rEwxCtl7ps2xpbB4a9qWuZYIpSprCz6dJdANCLMrjUVWWtY1LU5lgnnc6QTKIH80ggNJYLxxhOE22fTqtHXJdeWDsiul83sYRoutgDlCiq02TZeBUksgEY2tUFL17rgvDvp8TIo4Btb6EimM+TsgFY2OcpgEuz9eBniZwYb85lOW3YIfPwSDRGQ7K83vXZOPI/+k4ssHYE0IUiUt8GP5kVSFEPhhLc7FBWZZp/uvIG0Xw+CAjjCV5HC8b77xS7YttwxopKwz+KpbB/lOJ60LvKQqZYezvUASzka77+nq3oFjWz5/4AAbyGRgkCgxvUOZ5XhTLX4kfV0oJkR82BwjGheXAatvDoOtJwkDQAligccDm62tIlT3RNPaMjgnGmuw4UrqPopSFEBuMJ0uaimODmBjDwJZFrLA5oIYxDM+n71sW65eUJsk4zoWMGybK3qCHGyaV/AFwbV+qCvm9egAAAABJRU5ErkJggg==);
}

.page-footer-menus {
  display: flex;
  float: right;
  width: 50.4%;
  margin-top: 65px;
  margin-bottom: 57px;
}
.page-footer-menus:after {
  content: "";
  display: table;
  clear: both;
}
.page-footer-menus .column:first-child {
  flex: 1;
  min-height: 249px;
}
.page-footer-menus .column:last-child {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.page-footer-menus .column .menu:last-child {
  margin-bottom: 0;
}
.page-footer-menus .menu {
  display: block;
  font-family: Roboto;
  font-size: var(--text-size-s);
  line-height: 1.375;
  letter-spacing: 1px;
  text-align: left;
}

.page-footer-menus .menu > * {
  display: block;
  margin-top: 19px;
  font-size: var(--text-size-xs);
  font-style: normal;
  font-weight: 300;
  color: rgba(255,255,255,.8);
  clear: both;
  white-space: nowrap;
}
.page-footer-menus .menu h4, .page-footer-menus .menu h4 a {
  margin-top: 0;
  font-family: Roboto;
  font-weight: var(--text-weight-head);
  color: var(--text-light);
}
.page-footer-menus h4 a {
  color: rgba(255,255,255,.8);
}
.page-footer-menus a, .page-footer-menus a:visited {
  width: fit-content;
  color: rgba(255,255,255,.8);
  font-weight: var(--text-weight-paragraph);
  text-decoration: none;
}
.page-footer .copyright {
  clear: both;
  font-size: var(--text-size-xxxs);
  line-height: 60px;
  font-family: Roboto;
  font-weight: var(--text-weight-normal);
  letter-spacing: 1px;
  color: rgba(255,255,255,.6);
  text-align: center;
}

.thin-button, .fill-button {
  display: block;
  height: 42px;
  font-family: Roboto;
  line-height: 42px;
  font-weight: var(--text-weight-head);
  padding: 0 23px;
  font-size: var(--text-size-s);
  font-weight: var(--text-weight-head);
  letter-spacing: .5px;
  color: var(--text-light);
  border: 1px solid transparent;
  transition: var(--transition);
}
.thin-button {
  border-color: var(--paragraph-gray-opacity);
}
.fill-button {
  background-color: var(--paragraph-fill);
}
.thin-button, .thin-button:visited, .fill-button, .fill-button:visited {
  color: var(--text-light);
  text-decoration: none;
}
.thin-button:hover {
  opacity: initial;
  transition: var(--transition);
  background: var(--paragraph-fill-head);
}
.fill-button:hover {
  opacity: initial;
  color: var(--text-light);
  transition: var(--transition);
  background-color: var(--paragraph-fill-hover);
}
.apply-button {
  position: relative;
  width: 300px;
  height: 60px;
  padding-right: 64px;
  font-family: Roboto;
  font-size: var(--text-size-m);
  line-height: 60px;
  font-weight: var(--text-weight-normal);
  letter-spacing: 1px;
  text-align: center;
  box-sizing: border-box;
}
.apply-button:after {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  width: 64px;
  height: 60px;
  box-shadow: inset 1px 0 0 0 #00000033;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAkCAMAAAD4m0k4AAAASFBMVEUAAAD////////////////////////////////////////////////////////////////////////////////////////////neHiwAAAAF3RSTlMAr1PffjwI+U4xHg3y7dOoFsc/KLl7Mp1m53gAAABtSURBVDjL7c9LDoAgDEXR8hFEUH4q+9+pTYwDR9DEOCCc+X1NoX8pAYkR4gSCsJciZkoxrVgYUrGNG//d4KwmutcNWaq8xiITAvxCM/UEmddEbNgCray895tJN/a/3D+I+9aT9pHyXgFJCNChC+XSDpPVyZ6jAAAAAElFTkSuQmCC) no-repeat 50% 50%;
  background-size: 24px 18px;
}

.page-header .login .button {
  height: 36px;
  line-height: 36px;
  font-weight: var(--text-weight-normal);
  white-space: nowrap;
}
.page-header .account {
  position: relative;
}
.page-header .nav-top-menu .account {
  max-width: 180px;
}
.page-header .account .username {
  display: block;
  position: relative;
  font-size: var(--text-size-s);
  line-height: var(--menu-item-height);
  font-weight: var(--text-weight-normal);
  letter-spacing: 1px;
  color: var(--menu-text-color);
  text-align: center;
  cursor: pointer;
  white-space: nowrap;
}
.page-header .account .username em {
  display: inline-block;
  max-width: calc(100% - 20px);
  font-style: normal;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: top;
}
.page-header .account .username:after {
  content: "";
  display: inline-block;
  width: 5px;
  height: 5px;
  margin: 17px 3px 3px 5px;
  border: 1px solid currentColor;
  border-width: 0 1px 1px 0;
  transform: rotate(45deg);
  transform-origin: 75% 75%;
  transition: transform var(--transition);
  vertical-align: top;
}
.page-header .account .avatar {
  display: inline-block;
  width: 20px;
  height: 20px;
  vertical-align: top;
  margin: 11px 4px 0 0;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAABgCAMAAADVRocKAAAAZlBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////+Vn2moAAAAInRSTlMAmZWQC3M/UQ8VhAZfiUWNfGgtNSAcaillf3gxJEluW1g484OiTAAABU1JREFUaN6tWul6qyAQRdkV911jYt7/JW8LaUjLGnPPv35GBuecWRgK4oB4S+iMlwLCYsEzJS1H4D8BDdsxj1dcZ0UF0y/AqshqfB3nYxvQ56t3hM5VmliQVjMl3Wc20ETTxIuUTuj06v0CkwjApT9jgxOBYfq6jnR800g6Xi2nEAvC3939pcTwuUKxrNf5RndC7l13J2Snt/m6LsXTPsTl5a2vyKfmdYcj7QbwB0NHx9cvbKYcRGPDevWxvAAnLuWobeAt2vtr9Vi9FuTCkS/+LkTUDxvVGsdEX+IfVpt9QmEl780P57jsI+gVVaKQ3VgeRRi7ZYlCJVDwxz/E1YS/o+n6RxD+TaH2QVqFW56/oTre4uohihZ5fteKh3caAt4EaR5+Eq17Z2x8fKhowdtoxcO5I3M6CKbKjxMDJ8Cmn/eRQ59qCxATk6g4NREMlQOsauVlJZ/ikoGTYCWWe6xKbmMJq/AiDJwGI1BFHLHkn1Xxq/1/jgfF9LoZDlQ6zoT2/zkeRKbiKP+bUVR8NS34EG2jIu5PFrs02ndnYHLZXH4rSOWf1u9fslMh6E78PLUqL5XctEq4u30pjwbXS/aFpcbNUQ7InfkMbyABZf7nubM7ovi7AusqjamzI8p5JpcT+nmPVf531qBjSQwsh7O6qPqA9XPZ/6QNcy2fOOAywZpU9ku/k1y959YP7kTmMpCJzv7OXj+Tno4BMdk7jLlInChmeycxiddYGKjkjSDrZmrobRtr6ycgIhVBVTfVyT9GHRhGAPrQ2N8b5aY7ZU3HhcEvLUIGCqqZNiKXIO0hW2+ZlzgJApe5rbfVPtpmybhLbn645S2VKTVwVN8fOgILDIE6xAosGL+dWx0AgPnb1EJtWsjiDiCZTX90+f66GQAk+V472wkniYTthNOtUpsI8GvyhetgVUIYTgUOal0OWimU2aZlHGsA22Jhlk9aINtWaEukWxFroNhsKRXKFhrQ7FsIFo7zexKNuxkKz4XnQmZSWz6JN2DLY3stsyHAlaPY8z3ewM4dxb/CqthcLQYGGm+ADhYDV1V0ZKkd77ZEF2/AlvDuoyzeKmc03f//gq6ROc5tgJXxBkrmNKBd9JmKnC5ykww6GLs+7ICTZLdMQZvFGsha4JapDrQwy2GOzUBzpwrAulgDHQPOVOFJdjmXCgsihTz3JDudrk3UcRWtBsCTrnXBMTHhqGowAeApOLpkmmBHEVEMDsmAq2Tai76OxjTIgMwCzqLvb1sAuoc7uzsCnrbFaLyMziJNvftPZUfhbbx062gDonXqWb+m8jV36xhofqX9FToFusoVAs2vbt/tYMR9wpFzDX/7bh5ATKBbZl3+Jt/wHkBCRyg95V3/MJGuehrsOUKFDoGaMwrT3/mHalWEDoHmMdYEa4vfBopW/zp0jA0fxFGJbScbFDqIR44SUC/WyjRQraJH4VFCeBjCtxf//+Fh4/5hiDnOCbon7CY9zgkPpDS5JjTZzoFUeKSWtxSHkh2mbW4fqQWHgjnrxJIEsYiO5d6hoDnWNN0TcpM51vQNZl3khsnWg1n/aFlrPwwdE8Zo2TMcH7T2Q9AxMRjDced4f6M4eRuYbnq877mg+Bwj816xfAzR5sFLovOQl0TBa65z0Ndc4Yu606gEirtqPAlc9nHXegs8szxcoi8P9/qMgXoH0UDb+u7y64beu+yx9KTeHvXty6V+n9c0Ll2n67z34H2wLbYebAycBL+HZ9d3Ds4j532337CrbcG3sut5Dj4Dn4iYn/87kyTP/56ZBZmM3Z/+kgs5mjUr4NfyRbY2B7lE7vwfwatSLG5FNxoAAAAASUVORK5CYII=) no-repeat 50% 50%;
  background-size: cover;
  border-radius: 50%;
}
.page-header .account .menu {
  display: block;
  position: absolute;
  pointer-events: none;
  right: 0;
  width: 300px;
  height: 0;
  margin-top: 11px;
  padding: 0;
  background: #fff;
  overflow: hidden;
  box-sizing: border-box;
  opacity: 0;
  transition: .4s;
}
.page-header .account .menu > * {
  display: block;
}
.page-header .account .menu .useremail {
  display: flex;
  flex-direction: row;
  justify-items: center;
  gap: 8px;
  min-height: 36px;
  padding: 16px 20px;
  font-size: var(--text-size-xs);
  line-height: 18px;
  letter-spacing: 1px;
  color: var(--account-text-color);
}
.page-header .account .menu .useremail em {
  display: flex;
  flex: 1;
  flex-direction: column;
  justify-content: center;
  font-style: normal;
  word-wrap: break-word;
  word-break: break-all;
}
.page-header .account .menu .avatar {
  display: block;
  width: 36px;
  height: 36px;
  margin-top: 0;
}
.nav-top-menu .account .menu .avatar {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABIBAMAAACnw650AAAAJFBMVEUAAAAUFBQTExMLCwsUFBQSEhISEhISEhIXFxcPDw8TExMTExM7rbnjAAAADHRSTlMAMywEDBUjIAgRJxqb09PkAAACqUlEQVRIx4WWzU8TQRjG36Q1wvHZSEnb05DWr172oBDgUgvR6MnWg4qnWhOVExUV9URMRMKJih+JniqCeGyJB/87J7uz+8zMbsPv1O6++87zfsw7Iw6F24/WVXD893MoE7n2WiEieLoi+RS+QTOngeZtvrOvAC7+W93dXf3xGMDzPD8dbfJADB+0WT3r6yPQWLHkjYE34nEdOBKHNeCet1gXjdB7NEbJfdTCbJhR2UdNLIqKrm0JQVNIB78khzuo246CbclhSmlXVPRMctmhqgIdZV0l8czjRCawh57EtNGUCRQxY3yaH7m0EStZwKZMgC/bWhylftnaemiFUVDxMqpqaXgHzW9L4ygQzTQO2SBDRFTYNEvYjxJwVxLGMDQk4VyUhEFgJTiFJVBlEelXU5FDGlXCVNSsfsPyzMOix8KGUuTfESyq/LQp51PdU3DYTpVvaEPzT5s7bKTf9qQVcHEbSlU1GZRYSxtWvVuWdqpwCIdKGs+MjMpJluCRZGpQlW6NweWH1yrJMDEqwqOZGFVEXZaYaXjsS8z7QHC2EWiUXS414nLZ6LjckJmFAytRYQqkD4fZ1KjEZMoNOFwQJpNlWYLDIcvCAvvhNVlgtopX4YqwVaymkz1YnAibju3rrdcUti83guYTba6ItRHiLcUhbHBmZWg2p2FZGZtTEW7OeJuTW4h4KUSVvYEhiypydCD2wPBGT+EFIi6F3ugRxYnRSYMLOcS8cbiAlE2OQ85OCtJQVvSSI5qCKMuMaA57I4jUQzPseWxQEGUlxwYPIAqirPgA4lFGQbasHaewwXfk8IeHoqaDOWTRD+vuQZ2BHUNVudT8y0MWc3kgy8jhVDxuIsOT3KtRpi5Z1uBwNOm6Rnhd81lcT3bL8YFk4BXy/k8VXH3lXSH/A5TUp/YkIshnAAAAAElFTkSuQmCC);
}
.page-header .account .username:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  bottom: -15px;
  width: 100%;
  height: 17px;
}
.drawer-menu .account .username {
  line-height: inherit;
}
.drawer-menu .account .username::after {
  margin-top: 7px;
}
.drawer-menu .account .username:before {
  content: none;
}
.page-header .account:hover .menu {
  pointer-events: all;
  opacity: 1;
  height: 415px;
}
.page-header .account:hover .username:after {
  transform: rotate(225deg);
}
.page-header .nav-top-menu .account .menu {
  box-shadow: 0 2px 8px 0 rgba(0,0,0,.1);
}
.page-header .account .menu > a[role="menuitem"] {
  position: relative;
  letter-spacing: 1px;
}
.page-header .nav-top-menu .account .menu > [role="menuitem"] {
  display: block;
  position: relative;
  margin: 0;
  padding: 20px 32px 20px 20px;
  font-size: var(--text-size-s);
  letter-spacing: 1px;
  color: var(--black-deep);
}
.page-header .account .menu > a[role="menuitem"]:after {
  content: "";
  display: block;
  position: absolute;
  right: 20px;
  top: 50%;
  width: 12px;
  height: 10px;
  margin-top: -5px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAYCAMAAADNlS1EAAAAOVBMVEUAAAAZGRkXFxcUFBQaGhoYGBgYGBgWFhYcHBwZGRkXFxcYGBgbGxsaGhobGxsZGRkZGRkYGBgaGhr9Ti4VAAAAE3RSTlMAZg4FYl1XIxpRQUA5MglIRyoUCkLkSQAAAF9JREFUGNOF0TcSwCAMRFEWMCY63f+w1rj0L6TyzYDChq9SCqg4egTuUoHGJl3UIrXjr9V0QJ9NOhOamU5oNe3Q23Txh6w8scQyrQ7iORphJGd4rsmD8HQ8MuPwg2PEL7SZAr/m0Es5AAAAAElFTkSuQmCC) no-repeat 50% 50%;
  background-size: contain;
}
.page-header .nav-top-menu .account .menu a, .page-header .nav-top-menu .account .menu > a:visited {
  color: var(--black-deep);
}
.page-header .nav-top-menu .account .menu .button, .page-header .nav-top-menu .account .menu > .button:visited {
  color: var(--account-text-color);
  border-color: var(--account-border-color);
}
.page-header .nav-top-menu .account .menu > .button:hover {
  opacity: 1;
  color: var(--account-text-hover-color);
  border-color: var(--account-border-hover-color);
}

.page-header .account .menu hr {
  appearance: none;
  height: 0;
  margin: 0;
  border: 0 none;
  border-bottom: 1px solid rgba(0,0,0,.1);
}
.page-header .account .menu .button {
  display: block;
  margin: 12px 20px;
  height: 34px;
  font-size: var(--text-size-xs);
  line-height: 34px;
  letter-spacing: 1px;
  border: 1px solid rgba(0,0,0,.3);
  text-align: center;
}
.page-header .nav-top-menu .account .menu > a[role="menuitem"] ~ .button {
  margin-top: 2px;
}

.drawer-menu {
  display: none;
  flex-direction: column;
  position: fixed;
  pointer-events: none;
  z-index: 2;
  right: 0;
  top: 0;
  width: 300px;
  max-width: calc(100vw - 90px);
  height: 100%;
  padding-top: 40px;
  background-color: var(--menu-background);
  box-sizing:  border-box;
  opacity: 0;
  transform: translate(110%, 0);
  transition: .35s;
}
.drawer-menu.expanded {
  pointer-events: all;
  opacity: 1;
  transform: none;
}
.drawer-menu .close {
  display: block;
  position: absolute;
  z-index: 1;
  right: 24px;
  top: 10px;
  width: 44px;
  height: 44px;
  cursor: pointer;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8AgMAAABHkjHhAAAADFBMVEUAAAD///////////84wDuoAAAAA3RSTlMAB7aXNUSgAAAAv0lEQVQoz6WTsRXCMAxEQ4GHIMvABmzCKqmYgD1YJh0TpEGJT366936bFLJl619sSZ7Of8+aXbu5fMq/3Q/TtvJfy2Hmf19V5Hfti7EMv8Umfx3+LD/tVDstuoBwkTl4Q2HGNRbuOHOaGFegsZwZH5HGU8B4hiZkgcQt8BBugbdwC/yEWyCEWyCEWyBxCxiHj3jo8X88D8/L+/C+zAfzxXwy36wH68V6st7sB/YL+4n9xn5kv7Kf2e98D3wvp78dLO7Gj3iVT1UAAAAASUVORK5CYII=) no-repeat 50% 50%;
  background-size: 20px 20px;
}

/* .drawer-menu .close:before, .drawer-menu .close:after {
  content: "";
  display: block;
  position: absolute;
  width: 2px;
  height: 28px;
  left: 50%;
  top: 50%;
  margin: -14px 0 0 -1px;
  background-color: var(--text-light);
}
.drawer-menu .close:before {
  transform: rotate(45deg);
}
.drawer-menu .close:after {
  transform: rotate(-45deg);
} */
.drawer-menu .logo {
  display: block;
  width: 150px;
  margin: 10px 20px;
}
.drawer-menu .nav {
  height: auto;
  margin: 0 var(--column-margin);
  padding: 0 0 10px 0;
}
.drawer-menu .nav-item {
  display: block;
  height: var(--menu-item-height);
  margin: 0;
  font-size: var(--text-size-s);
  font-weight: var(--text-weight-normal);
  line-height: var(--menu-item-height);
  letter-spacing: 1px;
  white-space: nowrap;
  transition: opacity var(--transition);
}

.dm-group .drawer-menu .nav-item {
  padding: 10px 0 10px 10px;
}

.drawer-menu .login {
  display: none;
  margin-top: 20px;
}
.drawer-menu .login .button {
  min-width: 160px;
  margin: 0 var(--column-margin);
  margin-bottom: 12px;
  text-align: center;
}

.drawer-menu .account {
  display: flex;
  flex-direction: column;
  flex: 1;
  margin: 0 var(--column-margin) 10px var(--column-margin);
}

.drawer-menu .account .menu {
  display: flex;
  flex: 1;
  position: relative;
  pointer-events: all;
  flex-direction: column;
  width: auto;
  height: auto;
  color: var(--menu-text-color);
  overflow: visible;
  opacity: 1;
  background: transparent;
}
.drawer-menu .account:hover .menu {
  height: auto;
}
.drawer-menu .account .menu > a {
  min-height: var(--menu-item-height);
  margin: 10px 0;
  padding: 0;
  line-height: var(--menu-item-height);
  background: transparent;
  color: var(--text-light);
}
.drawer-menu .account .menu > a:hover {
  text-decoration: underline;
  text-underline-offset: 2px;
}

.drawer-menu .account .menu > a[role="menuitem"]:after {
  filter: invert(1);
  right: 0;
}
.drawer-menu .login .thin-button {
  border-color: var(--menu-button-border);
}
.drawer-menu .account .stretch {
  flex: 1;
}
.drawer-menu .account .menu .button {
  margin: 15px 0;
  --height: calc(var(--menu-item-height) - 4px);
  height: var(--height);
  min-height: 0;
  line-height: var(--height);
  color: var(--menu-text-color);
  border-color: var(--menu-button-border);
}
.drawer-menu .account .menu .button:hover {
  text-decoration: none;
}
.drawer-menu .account .menu hr {
  margin: 0 calc(0px - var(--column-margin));
  border-color: var(--menu-separator);
}

.drawer-menu .account .username {
  margin-top: 8px;
  text-align: left;
}
.drawer-menu .account:hover .username:after {
  transform: rotate(45deg);
}
.drawer-menu .account .username .avatar {
  display: none;
}
.drawer-menu .account .menu .useremail {
  margin: 15px 0 20px 0;
  padding: 0;
  color: inherit;
}
.drawer-menu .account .useremail .avatar {
  opacity: .6;
}
.drawer-menu:has(.account) .nav {
  display: none;
  margin-bottom: 10px;
  border-bottom: 1px solid var(--menu-separator);
}
.drawer-menu .account .username {
  display: none;
}
/* @media screen and (-webkit-min-device-pixel-ratio: 2) {
  .drawer-menu .account .menu hr {
    border-bottom-width: 0.5px;
  }
}
@media screen and (-webkit-min-device-pixel-ratio: 3) {
  .drawer-menu .account .menu hr {
    border-bottom-width: 0.333333px;
  }
} */

.popover, .toast {
  display: none;
  position: fixed;
  z-index: 10;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,.6);
  opacity: 0;
  transition: opacity var(--transition);
}
.toast {
  background: transparent;
  pointer-events: none;
}
.toast.lock {
  pointer-events: all;
}
.popover .popup {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 480px;
  max-width: calc(100vw - 80px);
  min-width: 280px;
  min-height: 100px;
  padding: 56px 32px 64px 32px;
  text-align: center;
  box-sizing: border-box;
  background: #fff;
  transform: translate(-50%, -50%) scale(.2);
  transition: transform var(--transition);
}
.popover .popup .close {
  display: block;
  position: absolute;
  right: 16px;
  top: 16px;
  width: 20px;
  height: 20px;
  cursor: pointer;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoBAMAAAB+0KVeAAAAGFBMVEUAAABfX0JeXEJdXENeXEJhVUlfW0JeXEMX1YmMAAAAB3RSTlMAI9O3qRVG5A+KNAAAAHJJREFUKM9jGHgQgGCywhhsjghBkQQoI6RIACbGqO4KZxnCBIWh8ggmQhrBRsgiOAhJhFI0hVAuukIwHyqDphQsga4UrBBdKUghhlKYQkxBwtoRFmE6iaDjEd4kFCCYQYcZyJjRgSfiMKMYMzFgTTYDDgAcNBhxfq1zpQAAAABJRU5ErkJggg==) no-repeat 50% 50%;
  background-size: contain;
}
.popover .popup-title {
  font-size: var(--text-size-lm);
  font-weight: var(--text-weight-head);
  line-height: 1.333334;
  color: var(--text-dark);
}
.popover .popup-title:empty {
  display: none;
}
.popover .popup-title:empty ~ .popup-content {
  margin-top: 0;
}
.popover .popup-content {
  display: block;
  margin-top: 16px;
  font-size: var(--text-size-xs);
  font-weight: var(--text-weight-normal);
  line-height: 1.6;
  letter-spacing: 0.75px;
  white-space: pre-wrap;
  color: var(--text-dark);
}
.popover .popup-content a, .popover .popup-content a:visited {
  color: var(--text-dark);
  text-decoration: underline;
  text-underline-offset: 4px;
  text-decoration-thickness: 0.5px;
}
.popover.visible, .toast.visible {
  opacity: 1;
}
.popover.visible .popup, .toast.visible .popup {
  transform: translate(-50%, -50%) scale(1);
  pointer-events: all;
}

.tooltips {
  display: inline-block;
  position: relative;
  --size: 14px;
  width: var(--size);
  min-width: var(--size);
  height: var(--size);
  min-height: var(--size);
  margin: 0 5px;
  font-size: 12px;
  line-height: var(--size);
  text-indent: 1px;
  background: var(--paragraph-fill-opacity);
  color: var(--white);
  border-radius: 50%;
  vertical-align: top;
  text-align: center;
  cursor: pointer;
  white-space: normal;
}
.tooltips:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: -150%;
  width: 100%;
  height: 250%;
}
.tooltips .popover {
  text-align: left;
  display: block;
  position: absolute;
  opacity: 0;
  pointer-events: none;
  bottom: 0;
  left: 50%;
  width: 240px;
  max-width: 60vw;
  height: fit-content;
  margin-top: -20px;
  padding: 15px;
  font-size: var(--text-size-xxxs);
  line-height: 1.385;
  font-weight: var(--text-weight-normal);
  text-align: left;
  color: var(--text-dark);
  background: var(--white);
  border-radius: 1px;
  border: 1px solid #ededdd80;
  box-shadow: 0 0 10px 0 #0000000d, 0 2px 10px 0 #00000012;
  transition: opacity .2s;
  transform: translate(-50%, -100%);
  -webkit-overflow-scrolling: touch;
}
.tooltips .popover:after {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  bottom: -7px;
  width: 16px;
  height: 16px;
  margin-left: -8px;
  background: var(--white);
  box-shadow: 2px 5px 4px 0 #0000000d;
  transform: rotate(45deg);
}
.tooltips:hover .popover {
  opacity: 1;
  pointer-events: all;
}

.toast .popup {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: auto;
  max-width: calc(100vw - 40px);
  min-width: 40px;
  min-height: 40px;
  padding: 20px;
  text-align: center;
  box-sizing: border-box;
  background: #000;
  border-radius: 5px;
  transform: translate(-50%, -30%) scale(.9);
  transition: var(--transition);
}

.pagination {
  display: flex;
  height: 30px;
  font-size: var(--text-size-xxs);
  line-height: 30px;
}
.pagination[data-total="0"], .pagination[data-total="1"] {
  display: none;
}
.pagination .total-page {
  margin-right: 2px;
}
.pagination .previous, .pagination .next {
  display: block;
  position: relative;
  width: 28px;
  height: 28px;
  margin-left: 12px;
  color: var(--text-dark);
  border: 1px solid currentColor;
  cursor: pointer;
}
.pagination .previous:before, .pagination .next:before {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  width: 8px;
  height: 8px;
  margin: -5px 0 0 -5px;
  --border-width: 2px;
  border: var(--border-width) solid currentColor;
  transform: scale(.75) rotate(45deg);
}
.pagination .previous:before {
  margin-left: -4px;
  border-width: 0 0 var(--border-width) var(--border-width);
}
.pagination .next:before {
  margin-left: -6px;
  border-width: var(--border-width) var(--border-width) 0 0;
}
.pagination .disabled {
  opacity: .2;
  cursor: not-allowed;
}

@media screen and (max-width: 1279px) {
  .page-footer-wrap {
    box-sizing: border-box;
  }
}

@media screen and (max-width: 1049px) {
  .page-header .logo-anchor {
    width: 210px;
  }
  .drawer-menu {
    display: flex;
  }
  .page-header-wrap {
    height: var(--page-header-height);
  }
  .page-header .nav-top-menu .nav {
    gap: 20px;
    flex: auto;
    margin-left: 20px;
    flex-wrap: wrap;
    justify-items: center;
  }
  .page-header .nav-top-menu .login .button {
    height: 30px;
    line-height: 30px;
    padding: 0 18px;
  }
  .page-footer .site-info {
    width: 30%;
  }
  .page-footer .logo {
    height: 34px;
    margin-top: 30px;
    margin-bottom: 30px;
  }
  .page-footer-menus {
    width: 60%;
    margin-top: 45px;
  }
}

@media screen and (max-width: 895px) {
  .page-header .nav-top-menu .nav-item {
    display: none;
  }
  .page-header .nav-top-menu .account {
    display: none;
  }
  .page-header .expand-button {
    display: block;
  }
}

@media screen and (max-width: 720px) {
  .page-footer {
    max-height: none;
  }
  .page-footer-wrap {
    padding: 0;
  }
  .page-footer .logo {
    /* zoom: .8; */
    margin-top: 30px;
    margin-bottom: 30px;
  }
  .page-footer .site-info {
    width: 100%;
    float: none;
  }
  .page-footer .sns {
    margin: 20px 0 20px 0;
  }

  .page-footer .sns a, .page-footer .sns img {
    width: 28px;
    height: 28px;
  }
  .page-footer .contact-us {
    margin: 50px 0 20px 0;
  }
  .page-footer .page-footer-menus {
    width: 100%;
    float: none;
    margin: 50px 0 50px 0;
  }
  .page-footer-menus .column {
    flex: 1;
  }
  .page-footer-menus h4, .page-footer-menus a {
    font-size: var(--text-size-s);
  }
}

@media screen and (max-width: 600px) {
  :root {
    --min-section-width: calc(320px - var(--column-margin) * 2);
    --text-weight-paragraph: 300;
    --page-header-height: 50px;
  }
  .page-header-wrap {
    width: 100vw;
    max-width: 100vw;
    min-width: 320px;
  }
  .page-header .logo-anchor {
    width: 175px;
  }
  .page-header .logo, .page-header .logo-anchor .logo {
    width: 150px;
    margin: 10px 20px;
    transform: scale(calc((1 - var(--fill) * 0.15)));
    transform-origin: 0 50%;
  }
  .dm-group .page-header .logo-anchor {
    width: auto;
  }
  .dm-group .page-header .logo, .dm-group .page-header .logo-anchor .logo {
    width: auto;
  }
  .page-header .nav-top-menu .nav {
    margin-left: 10px;
    margin-right: 10px;
    gap: 20px;
  }
  .drawer-menu {
    box-shadow: 0 0 0 1000px rgba(0,0,0,.6);
  }
  .dm-group .drawer-menu .nav-item {
    opacity: 1;
    color: var(--text-light);
    font-size: var(--text-size-l);
  }
  .dm-group .drawer-menu .nav-item:hover {
    text-decoration: none;
  }
  .drawer-menu .close {
    top: 3px;
    right: 10px;
  }
  .page-header .expand-button {
    margin-left: 10px;
    margin-right: 10px;
  }
  .popover .popup .close {
    width: 30px;
    height: 30px;
    background-size: 28px 28px;
  }
  .popover .popup {
    padding: 56px 20px 50px 20px;
  }
  .popover .popup-content {
    font-size: 16px;
  }
  .tooltips .popover {
    left: auto;
    right: 0;
    --handler-right: calc(55vw - 160px);
    transform: translate(var(--handler-right), -100%);
  }
  .tooltips .popover:after {
    left: auto;
    right: var(--handler-right);
    margin-left: -5px;
  }
}
@media screen and (max-width: 450px) {
  .page-header .nav-top-menu .login .button:first-child {
    display: none;
  }
  .drawer-menu .login {
    display: block;
  }
}
@media screen and (max-width: 374px) {
  .page-footer-menus .menu > * {
    max-width: 52vw;
  }
}

@media screen and (max-width: 359px) {
  .page-header .nav-top-menu .login, .page-header .nav-top-menu .account {
    display: none;
  }
}
@media screen and (max-width: 320px) {
  .page-footer-menus .menu > * {
    white-space: normal;
    word-break: break-all;
  }
  .popover .popup {
    max-width: calc(100% - 40px);
  }
}


#CybotCookiebotDialog {
  top: auto!important;
  bottom: 0!important;
  width: 100vw!important;
  min-width: var(--min-view-width)!important;
  max-width: none!important;
  transform: translate(-50%, 0)!important;
  border-radius: 0!important;
}
#CybotCookiebotDialogNav {
  display: none!important;
}
#CybotCookiebotDialogNav .CybotCookiebotDialogNavItemLink {
  color: #666!important;
}
#CybotCookiebotDialogNav .CybotCookiebotDialogNavItemLink.CybotCookiebotDialogActive {
  color: var(--text-dark)!important;
  border-bottom-color: currentColor!important;
}
#CybotCookiebotDialogHeader {
  display: none!important;
}
#CookiebotWidget {
  display: none!important;
}
#CybotCookiebotDialog .CybotCookiebotScrollContainer {
  border-bottom: 0 none!important;
}
#CybotCookiebotDialog.CybotEdge #CybotCookiebotDialogBodyEdgeMoreDetails a:after {
  margin-left: .5em!important;
  color: inherit!important;
  border-color: currentColor!important;
}
#CybotCookiebotDialogBodyContentTitle {
  display: none!important;
}
#CybotCookiebotDialogBodyContentText {
  font-size: 13px!important;
  line-height: 1.4!important;
}
#CybotCookiebotDialogBodyButtonsWrapper .CybotCookiebotDialogBodyButton {
  height: 44px!important;
  padding-top: 0!important;
  padding-bottom: 0!important;
}
#CybotCookiebotDialogBodyButtonAccept {
  max-width: 200px!important;
  background-color: var(--paragraph-fill)!important;
  border-color: transparent!important;
}

#CybotCookiebotDialogBodyContent {
  padding-top: 1em!important;
  padding-bottom: 0!important;
}
#CybotCookiebotDialogFooter {
  padding-top: 0.5em!important;
}
@media screen and (min-width: 1280px) {
  #CybotCookiebotDialog.CybotEdge .CybotCookiebotDialogBodyBottomWrapper {
    margin-top: 1em!important;
  }
}
@media screen and (max-width: 1279px) {
  #CybotCookiebotDialogBodyContent {
    padding-left: 1.5em!important;
    padding-right: 1.5em!important;
  }
  #CybotCookiebotDialog.CybotEdge #CybotCookiebotDialogBodyEdgeMoreDetails {
    margin-top: 0!important;
  }
}

#CybotCookiebotDialogBodyButtonDecline {
  max-width: 300px!important;
  font-size: 12px!important;
  font-weight: 400!important;
  color: var(--paragraph-fill-opacity)!important;
  background-color: transparent!important;
  border-width: 1px!important;
  border-color: currentColor!important;
}
#CybotCookiebotDialog #CybotCookiebotDialogDetailFooter a, #CybotCookiebotDialog #CybotCookiebotDialogDetailFooter a:visited {
  color: var(--text-dark);
}
@media screen and (max-width: 600px) {
  #CybotCookiebotDialogFooter #CybotCookiebotDialogBodyButtonsWrapper {
    flex-direction: row!important;
    gap: 10px!important;
  }
  #CybotCookiebotDialogBodyButtonDecline {
    font-size: 12px!important;
  }
  #CybotCookiebotDialogBody .CybotCookiebotScrollContainer {
    max-height: 10em!important;
    min-height: 0!important;
  }
  #CybotCookiebotDialogBodyContent {
    padding: .5em !important;
    margin: 0.7em !important;
  }
  #CybotCookiebotDialog .CybotCookiebotFader {
    height: 2em!important;
  }
  #CybotCookiebotDialog.CybotEdge #CybotCookiebotDialogBodyEdgeMoreDetails {
    margin: .5em 2em .5em 0!important;
  }
  #CybotCookiebotDialogFooter .CybotCookiebotDialogBodyButton {
    padding: .5em 1em!important;
  }
  #CybotCookiebotDialogPoweredByText {
    margin-top: 0!important;
  }
}
@media screen and (max-width: 366px) {
  #CybotCookiebotDialogBodyButtonDecline {
    font-size: 10px!important;
  }
}