/*
 * The page frame: wrapper, grid, offsets, focus rings.
 *
 * Edit this file. It is served as it is — nothing compiles it, and the
 * order it loads in is set in resources/css/order.php.
 */

body,
html {
  overscroll-behavior-y:none;
}

img {
  object-fit:cover;
}

app-cookies-agreement:not(:defined) {
  display:none;
}

.js-focus-visible :focus:not(.focus-visible) {
  outline:none;
}

:focus {
  outline-color:currentColor;
}

.focus-visible.js-focus-visible,
.js-focus-visible .focus-visible {
  outline:1px solid currentColor;
  outline-offset:2px;
}

:focus-visible {
  outline:1px solid currentColor;
  outline-offset:2px;
}

.main {
  display:flex;
  flex:1 1 auto;
  flex-direction:column;
}

.visually-hidden {
  clip:rect(0 0 0 0);
  border:0;
  -webkit-clip-path:inset(50%);
  clip-path:inset(50%);
  height:1px!important;
  margin:0!important;
  overflow:hidden!important;
  padding:0!important;
  position:absolute!important;
  white-space:nowrap;
  width:1px!important;
}

.wrapper {
  display:block;
  margin-left:auto;
  margin-right:auto;
  width:calc(100vw - var(--scrollbar-width, 0));
}

.pointer-events-none {
  pointer-events:none!important;
}

.pointer-events-auto {
  pointer-events:auto!important;
}

.button,
.button--white,
.flex-center,
.slide-button .slide-btn__hover-elem,
.slide-button .slide-btn__inner {
  align-items:center;
  display:flex;
  justify-content:center;
}

.flex-col,
.form-message-popup {
  display:flex;
  flex-direction:column;
}