.section-password .background-image-container {
  background: #000;
}

@supports (mask-image: linear-gradient(#fff, #fff)) {
  .section-password .background-image-container img {
    mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20100%20100%22%20preserveAspectRatio%3D%22none%22%3E%3Cpolygon%20fill%3D%22white%22%20points%3D%220%2C82%204%2C87%208%2C89%2012%2C95%2016%2C97%2020%2C102%2024%2C106%2028%2C111%2032%2C113%2036%2C119%2040%2C121%2044%2C126%2048%2C130%2052%2C135%2056%2C137%2060%2C143%2064%2C145%2068%2C150%2072%2C154%2076%2C159%2080%2C161%2084%2C167%2088%2C169%2092%2C174%2096%2C178%20100%2C183%20100%2C100%200%2C100%22%2F%3E%3C%2Fsvg%3E"),
      url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20100%20100%22%20preserveAspectRatio%3D%22none%22%3E%3Cpolygon%20fill%3D%22white%22%20points%3D%220%2C57%204%2C59%208%2C65%2012%2C67%2016%2C72%2020%2C76%2024%2C81%2028%2C83%2032%2C89%2036%2C91%2040%2C96%2044%2C100%2048%2C105%2052%2C107%2056%2C113%2060%2C115%2064%2C120%2068%2C124%2072%2C129%2076%2C131%2080%2C137%2084%2C139%2088%2C144%2092%2C148%2096%2C153%20100%2C155%20100%2C100%200%2C100%22%2F%3E%3C%2Fsvg%3E"),
      url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20100%20100%22%20preserveAspectRatio%3D%22none%22%3E%3Cpolygon%20fill%3D%22white%22%20points%3D%220%2C29%204%2C35%208%2C37%2012%2C42%2016%2C46%2020%2C51%2024%2C53%2028%2C59%2032%2C61%2036%2C66%2040%2C70%2044%2C75%2048%2C77%2052%2C83%2056%2C85%2060%2C90%2064%2C94%2068%2C99%2072%2C101%2076%2C107%2080%2C109%2084%2C114%2088%2C118%2092%2C123%2096%2C125%20100%2C131%20100%2C100%200%2C100%22%2F%3E%3C%2Fsvg%3E"),
      url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20100%20100%22%20preserveAspectRatio%3D%22none%22%3E%3Cpolygon%20fill%3D%22white%22%20points%3D%220%2C5%204%2C7%208%2C12%2012%2C16%2016%2C21%2020%2C23%2024%2C29%2028%2C31%2032%2C36%2036%2C40%2040%2C45%2044%2C47%2048%2C53%2052%2C55%2056%2C60%2060%2C64%2064%2C69%2068%2C71%2072%2C77%2076%2C79%2080%2C84%2084%2C88%2088%2C93%2092%2C95%2096%2C101%20100%2C103%20100%2C100%200%2C100%22%2F%3E%3C%2Fsvg%3E"),
      url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20100%20100%22%20preserveAspectRatio%3D%22none%22%3E%3Cpolygon%20fill%3D%22white%22%20points%3D%220%2C-23%204%2C-18%208%2C-14%2012%2C-9%2016%2C-7%2020%2C-1%2024%2C1%2028%2C6%2032%2C10%2036%2C15%2040%2C17%2044%2C23%2048%2C25%2052%2C30%2056%2C34%2060%2C39%2064%2C41%2068%2C47%2072%2C49%2076%2C54%2080%2C58%2084%2C63%2088%2C65%2092%2C71%2096%2C73%20100%2C78%20100%2C100%200%2C100%22%2F%3E%3C%2Fsvg%3E"),
      url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20100%20100%22%20preserveAspectRatio%3D%22none%22%3E%3Cpolygon%20fill%3D%22white%22%20points%3D%220%2C-48%204%2C-44%208%2C-39%2012%2C-37%2016%2C-31%2020%2C-29%2024%2C-24%2028%2C-20%2032%2C-15%2036%2C-13%2040%2C-7%2044%2C-5%2048%2C0%2052%2C4%2056%2C9%2060%2C11%2064%2C17%2068%2C19%2072%2C24%2076%2C28%2080%2C33%2084%2C35%2088%2C41%2092%2C43%2096%2C48%20100%2C52%20100%2C100%200%2C100%22%2F%3E%3C%2Fsvg%3E"),
      url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20100%20100%22%20preserveAspectRatio%3D%22none%22%3E%3Cpolygon%20fill%3D%22white%22%20points%3D%220%2C-74%204%2C-69%208%2C-67%2012%2C-61%2016%2C-59%2020%2C-54%2024%2C-50%2028%2C-45%2032%2C-43%2036%2C-37%2040%2C-35%2044%2C-30%2048%2C-26%2052%2C-21%2056%2C-19%2060%2C-13%2064%2C-11%2068%2C-6%2072%2C-2%2076%2C3%2080%2C5%2084%2C11%2088%2C13%2092%2C18%2096%2C22%20100%2C27%20100%2C100%200%2C100%22%2F%3E%3C%2Fsvg%3E"),
      url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20100%20100%22%20preserveAspectRatio%3D%22none%22%3E%3Cpolygon%20fill%3D%22white%22%20points%3D%220%2C-111%204%2C-109%208%2C-103%2012%2C-101%2016%2C-96%2020%2C-92%2024%2C-87%2028%2C-85%2032%2C-79%2036%2C-77%2040%2C-72%2044%2C-68%2048%2C-63%2052%2C-61%2056%2C-55%2060%2C-53%2064%2C-48%2068%2C-44%2072%2C-39%2076%2C-37%2080%2C-31%2084%2C-29%2088%2C-24%2092%2C-20%2096%2C-15%20100%2C-13%20100%2C100%200%2C100%22%2F%3E%3C%2Fsvg%3E");
    mask-repeat: no-repeat;
    mask-size: 100% 100%;
    mask-position: -100vw 100vh, -100vw 100vh, -100vw 100vh, -100vw 100vh, -100vw 100vh, -100vw 100vh, -100vw 100vh, -100vw 100vh;
    animation: atelier-pinceladas-diagonais 4.2s linear both;
  }
}

@keyframes atelier-pinceladas-diagonais {
  0% { mask-position: -100vw 100vh, -100vw 100vh, -100vw 100vh, -100vw 100vh, -100vw 100vh, -100vw 100vh, -100vw 100vh, -100vw 100vh; }
  14% { mask-position: 0 0, -100vw 100vh, -100vw 100vh, -100vw 100vh, -100vw 100vh, -100vw 100vh, -100vw 100vh, -100vw 100vh; }
  26% { mask-position: 0 0, 0 0, -100vw 100vh, -100vw 100vh, -100vw 100vh, -100vw 100vh, -100vw 100vh, -100vw 100vh; }
  38% { mask-position: 0 0, 0 0, 0 0, -100vw 100vh, -100vw 100vh, -100vw 100vh, -100vw 100vh, -100vw 100vh; }
  50% { mask-position: 0 0, 0 0, 0 0, 0 0, -100vw 100vh, -100vw 100vh, -100vw 100vh, -100vw 100vh; }
  62% { mask-position: 0 0, 0 0, 0 0, 0 0, 0 0, -100vw 100vh, -100vw 100vh, -100vw 100vh; }
  74% { mask-position: 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, -100vw 100vh, -100vw 100vh; }
  86% { mask-position: 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, -100vw 100vh; }
  100% { mask-position: 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0; }
}

@media (prefers-reduced-motion: reduce) {
  .section-password .background-image-container img {
    animation: none;
    mask-image: none;
  }
}

.atelier-access__close {
  display: flex !important;
  align-items: center;
  justify-content: center;
  width: 44px !important;
  height: 44px !important;
  min-width: 44px !important;
  min-height: 44px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.atelier-access__close::before,
.atelier-access__close::after {
  display: none !important;
}

.atelier-access__close .svg-wrapper {
  width: 14px !important;
  height: 14px !important;
}

.atelier-access__background {
  animation: none !important;
  mask-image: none !important;
  -webkit-mask-image: none !important;
}

.atelier-access__close,
.atelier-access__close:focus,
.atelier-access__close:focus-visible {
  border-radius: 50% !important;
}