/* Native 404 template: scoped responsive presentation, spacing uses Xleb empty spaces. */
.error404 .df-error404-copy,
.error404 .df-error404-art {display:flex;flex-direction:column;align-items:flex-start}
.error404 .df-error404-copy > :is(.titleL,.textL) {width:100%}
.error404 .df-error404 .df-error404-tag {display:inline-flex;align-items:center;box-sizing:border-box;height:28px;padding:0 8px;border:0;border-radius:var(--roundedXS,4px);background:var(--blackOpacity50,rgba(0,0,15,.04));font-size:var(--textSsize);line-height:var(--textSheightT);font-weight:400;letter-spacing:0;backdrop-filter:blur(8px)}
.error404 .df-error404 .btn {box-sizing:border-box;height:48px;padding:0 20px;letter-spacing:var(--textMspacing,-.02em)}
.error404 .df-error404-art .svg-container {width:100%}
@supports (text-box-trim:trim-both) {
 .error404 .df-error404-copy > :is(.titleL,.textL) {text-box-trim:none}
 .error404 .df-error404-copy > :is(.titleL,.textL) > :is(h1,p) {
  margin:0;
  text-box-trim:trim-both;
  text-box-edge:cap alphabetic;
 }
}
@media(max-width:767px) {
 .error404 .df-error404 .xleb-button-wrapper,
 .error404 .df-error404 .btn {width:100%}
 .error404 .df-error404 .btn {height:44px}
 .error404 .df-error404-art {align-items:flex-end}
 .error404 .df-error404-art .svg-container {width:100%;max-width:299px}
}