.wpa-test-msg{background: #d1ecf1 !important; border: 1px solid #bee5eb !important; border-radius: 5px !important;color: #0c5460 !important; font-size: 14px !important; padding:.75rem 1.25rem !important; font-family: Arial !important; margin-top:5px !important;}
span.wpa-button{ display: inline-block !important; padding-top: 5px !important; color: #fff !important;background-color: #6c757d !important;border-color: #6c757d !important; padding: 5px 10px !important; border-radius: 5px !important; margin-top:5px !important;  cursor: pointer !important; }
#altEmail_container, .altEmail_container{position:absolute !important; overflow: hidden !important; display: inline !important; height:1px !important; width: 1px !important;z-index:-1000 !important;}a {
text-decoration-thickness: 1px !important;
text-underline-offset: .1em;
} :where(.wp-site-blocks *:focus) {
outline-width: 2px;
outline-style: solid;
} .wp-block-navigation .wp-block-navigation-submenu .wp-block-navigation-item:not(:last-child) {
margin-bottom: 3px;
} .wp-block-navigation .wp-block-navigation-item .wp-block-navigation-item__content {
outline-offset: 4px;
} .wp-block-navigation .wp-block-navigation-item ul.wp-block-navigation__submenu-container .wp-block-navigation-item__content {
outline-offset: 0;
} h1, h2, h3, h4, h5, h6, blockquote, caption, figcaption, p {
text-wrap: pretty;
} .more-link {
display: block;
}a {
text-decoration-thickness: 1px !important;
text-underline-offset: .1em;
} :where(.wp-site-blocks *:focus) {
outline-width: 2px;
outline-style: solid;
} .wp-block-navigation .wp-block-navigation-submenu .wp-block-navigation-item:not(:last-child) {
margin-bottom: 3px;
} .wp-block-navigation .wp-block-navigation-item .wp-block-navigation-item__content {
outline-offset: 4px;
} .wp-block-navigation .wp-block-navigation-item ul.wp-block-navigation__submenu-container .wp-block-navigation-item__content {
outline-offset: 0;
} h1, h2, h3, h4, h5, h6, blockquote, caption, figcaption, p {
text-wrap: pretty;
} .more-link {
display: block;
}@import url(https://use.typekit.net/jgt8ncl.css);
body {
background-image: url(https://www.ampc.bzh/wp-content/themes/twentytwentyfive-child/assets/background-noise.jpg); font-family: segoe-ui, sans-serif; 
color:#4C555B;
}
.glass { background: linear-gradient(132deg, rgba(255,255,255,0.6) 0%, rgba(255,255,255,0.1) 100%) no-repeat padding-box;
box-shadow: 7px 9px 11px rgba(0, 0, 0, 0.29);
border: 2px solid rgba(255, 255, 255, 0.6);
backdrop-filter: blur(50px);
-webkit-backdrop-filter: blur(50px);
}
.wp-block-navigation-item{
font-family: manifold-cf, sans-serif;
} .wp-block-button__link { text-align: left;
font-family: Segoe UI, sans-serif;
letter-spacing: 2px;
color: #5A5A5A;
text-transform: uppercase;
opacity: 1; padding: 15px;
background: linear-gradient(132deg, #ffffff 0%, #ffffff0d 100%) no-repeat padding-box;
background-color: transparent;
box-shadow: 7px 9px 11px rgba(0, 0, 0, 0.29);
border: 2px solid rgba(255, 255, 255, 0.6);
backdrop-filter: blur(50px);
-webkit-backdrop-filter: blur(50px);
position: relative; outline: 1px solid rgba(255,255,255,1);
outline-offset: 0;
text-shadow: none;
transition:
outline-offset 1250ms cubic-bezier(0.19,1,0.22,1),
outline-color 1250ms cubic-bezier(0.19,1,0.22,1),
box-shadow 1250ms cubic-bezier(0.19,1,0.22,1);
}
.wp-block-button__link:hover{
color: #fff;
padding: 15px;
background: linear-gradient(132deg, #00009E 0%, #00009E 100%) no-repeat padding-box;
background-color: transparent;
box-shadow: 7px 9px 11px rgba(0, 0, 0, 0.29);
border: 2px solid rgb(0, 0, 158) ;
backdrop-filter: blur(50px);
-webkit-backdrop-filter: blur(50px);
outline-color: rgba(255,255,255,0);
outline-offset: 15px;
text-shadow: 1px 1px 2px #427388;
} .cta-domaines-accueil {
position: fixed;
display: flex;
flex-direction: column;
align-items:flex-start ;
margin: 5vw 50px;
z-index: 9999;
}
ul.cta-domaines-accueil > li > a {
text-align: left;
font-family: Segoe UI, sans-serif;
font-weight: 200;
letter-spacing: 2px;
color: #4C555B;
text-transform: uppercase;
opacity: 1;
margin-bottom: 5px;
padding: 15px;
background: linear-gradient(132deg, #ffffff 50%, #ffffff0d 100%) no-repeat padding-box;
background-color: transparent;
box-shadow: 7px 9px 11px rgba(0, 0, 0, 0.29);
border: 1px solid rgba(255, 255, 255, 0.6);
backdrop-filter: blur(50px);
-webkit-backdrop-filter: blur(50px);
transition: transform 900ms ease;    
}
ul.cta-domaines-accueil > li > a:hover {
text-decoration: none;
transform: translateX(50px);
transition: transform 300ms ease;  
}
ul.cta-domaines-accueil > li{
opacity:0;
}  .nav-desktop{ display:flex; }
.nav-mobile{ display:none; } @media (max-width: 1080px){
.nav-desktop{ display:none !important; }
.nav-mobile{ display:block; }
}
@media (max-width: 1080px){ .nav-mobile{
padding: 8px 10px;
} .nav-mobile .wp-block-navigation__container{
display: flex;
padding: 5px 0px ;
flex-wrap:nowrap;
gap: 8px;
overflow-x: scroll;
overflow-y: hidden;
-webkit-overflow-scrolling: touch;
scrollbar-width: none;
} .nav-mobile{ position: relative; }
.nav-mobile::before,
.nav-mobile::after{
content:"";
position:absolute; top:0; bottom:0; width:18px; pointer-events:none;
}
.nav-mobile::before{
position: fixed;
left:0;
background: linear-gradient(to right, rgba(255,255,255,1), rgba(255,255,255,0));
}
.nav-mobile::after{
right:0;
background: linear-gradient(to left, rgba(255,255,255,1), rgba(255,255,255,0));
position: fixed;
} 
.nav-mobile .wp-block-navigation__container::-webkit-scrollbar{ display:none; } .nav-mobile .wp-block-navigation-item__content{
padding: 10px 12px;
text-decoration: none;
text-transform: uppercase;
letter-spacing: .9px;
font: 600 11px/1 "Segoe UI", system-ui, sans-serif;
color: #334155;
white-space: nowrap; 
animation: nav-nudge 1200ms ease 1500ms 1 both;
background: linear-gradient(132deg, #ffffff 50%, #ffffff0d 100%) no-repeat padding-box;
background-color: transparent;
box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.29);
border: 1px solid rgba(255, 255, 255, 0.6);
backdrop-filter: blur(50px);
-webkit-backdrop-filter: blur(50px);
transition: transform 600ms ease;    
}
.nav-mobile .wp-block-navigation-item__content:hover,
.nav-mobile .wp-block-navigation-item__content:active{
background:#fff;
border-color: rgba(0,0,0,.12);
}
@keyframes nav-nudge{
0%{ transform: translateX(0); }
50%{ transform: translateX(-20px); } 100%{ transform: translateX(0); }
}
} .form-photo {
opacity: 0;
background-image:
linear-gradient(rgba(255,255,255,0), rgba(255,255,255,0.5)),
url(https://www.ampc.bzh/wp-content/themes/twentytwentyfive-child/assets/stichelbaut.png);
background-repeat: no-repeat, no-repeat;
background-position: center, right center; background-size: cover, 850px auto; }
#wpforms-submit-303{
position: absolute;
right:20%; text-align: left;
font-family: Segoe UI, sans-serif;
letter-spacing: 2px;
color: #5A5A5A;
text-transform: uppercase;
opacity: 1; background: linear-gradient(132deg, #ffffff 0%, #ffffff0d 100%) no-repeat padding-box;
background-color: transparent;
box-shadow: 7px 9px 11px rgba(0, 0, 0, 0.29);
border-radius: 0px;
backdrop-filter: blur(50px);
-webkit-backdrop-filter: blur(50px);
} 
#wpforms-submit-303:hover{
color: #fff;
background: linear-gradient(132deg, #00009E 0%, #00009E 100%) no-repeat padding-box;
background-color: transparent;
box-shadow: 7px 9px 11px rgba(0, 0, 0, 0.29);
border-radius: 0px;
backdrop-filter: blur(50px);
-webkit-backdrop-filter: blur(50px);
} 
#wpforms-303-field_2, #wpforms-303-field_1 , #wpforms-303-field_3 {
width: 80%;
background: linear-gradient(132deg, #ffffff 0%, #ffffff0d 100%) no-repeat padding-box;
background-color: transparent;
box-shadow: 7px 9px 11px rgba(0, 0, 0, 0.29);
border: 2px solid rgba(255, 255, 255, 0.6);
backdrop-filter: blur(50px);
-webkit-backdrop-filter: blur(50px);
}
#wpforms-303-field_3{
min-height: 200px;
}
.h1-referents {
text-align: left;
font: normal normal 300 241px/289px Manifold CF;
letter-spacing: 24.1px;
color: #4C555B;
text-transform: uppercase;
opacity: 0.17;
}
.h2-referents{
text-align: left;
font: normal normal bold 97px/116px Barlow;
letter-spacing: 9.7px;
color: #4C555B;
text-transform: uppercase;
opacity: 1;
}
.text-scroll {
text-align: left;
font: normal normal 300 19px/23px Manifold CF;
letter-spacing: 1.9px;
color: #4C555B;
text-transform: uppercase;
opacity: 1;
} .image-slide > img {
width:100%;
}
.image-slide{
width: 100%;
}
.slider{ display: flex;
gap: 0;
max-width: none;
overflow-x: auto; scroll-snap-type: x mandatory; -webkit-overflow-scrolling: touch;
scroll-behavior: smooth;
padding: 0;
}
.slide{
width: 100%;
flex: 0 0 100%;
scroll-snap-align: start; position: relative;
overflow: hidden;
} .wp-block-navigation__responsive-container-open {
padding :15px;
background: linear-gradient(132deg, #ffffff 0%, #ffffff0d 100%) no-repeat padding-box;
border: 2px solid rgba(255, 255, 255, 0.6);
box-shadow: 7px 9px 11px rgba(0, 0, 0, 0.29);
backdrop-filter: blur(50px);
-webkit-backdrop-filter: blur(50px);
}
.social {
border-left : 1px solid #4C555B;
padding-left:10px;
}
.social a {
margin-left:10px;
} .social-footer {
padding-left:10px;
text-align: right;
}
.social-footer a {
padding-right: 10px;
}
.credits {
color: #747A7F;
opacity: 1;
}
.h3-footer{
text-align: left;
font-weight :bold;
font-family: manifold-cf, sans-serif;
font-size: 12px;
letter-spacing: 1px;
color: #747A7F;
text-transform: uppercase;
}
.text-footer {
text-align: left;
color: #747A7F;
font-size:12px;
}
.footer-wp{
display: flex;
align-items: baseline;
justify-content: space-between;
} .wp-block-navigation__responsive-container-close {
left: 0;
}
.wp-block-navigation__responsive-container.gsap-closing{
display: block !important;
visibility: visible !important;
opacity: 1 !important;
} .wp-block-navigation__responsive-container {
background: linear-gradient(132deg, rgba(255,255,255,0.6) 0%, rgba(255,255,255,0.1) 100%) no-repeat padding-box;
box-shadow: 7px 9px 11px rgba(0, 0, 0, 0.29);
border: 2px solid rgba(255, 255, 255, 0.8);
backdrop-filter: blur(20px);
-webkit-backdrop-filter: blur(20px);
} .fixed-menu {
position:fixed;
margin-left: 0px;;
}
.menu-referents a{
background: transparent linear-gradient(108deg, var(--unnamed-color-ffffff) 0%, #FFFFFFDB 61%, #FFFFFFD9 100%) 0% 0% no-repeat padding-box;
background: transparent linear-gradient(108deg, #FFFFFF 0%, #FFFFFFDB 61%, #FFFFFFD9 100%) 0% 0% no-repeat padding-box;
box-shadow: 5px 5px 11px #0000004A;
opacity: 0.67;
backdrop-filter: blur(50px);
-webkit-backdrop-filter: blur(50px);
} .breadcrumb {
font-size: var(--text-sm);
font-family: manifold-cF, sans-serif;
letter-spacing: 2.5px;
text-transform: uppercase;
color: #C3CED5;
}
.breadcrumb a {
text-decoration: none;
font-family: manifold-cF, sans-serif;
letter-spacing: 2.5px;
text-transform: uppercase;
color: #C3CED5;
}
.breadcrumb a:hover {
text-decoration: none;
}
.breadcrumb span {
color: #C3CED5;
font-weight: 500;
} .h1-domaine {
text-align: left;
font-family: Barlow, sans-serif;
font-weight: bold;
font-size: 97px;
letter-spacing: 9.7px;
color: #4C555B;
text-transform: uppercase;
opacity: 0;
}
.h2-domaine{
transform: translate(-55px,105px);
text-align: left;
font-family: manifold-cF, sans-serif;
font-weight: light;
font-size: 240px;
letter-spacing: 24.1px;
color: #4C555B;
text-transform: uppercase;
opacity: 0;
will-change: transform, opacity;
}
.logo-attente{
opacity:0;
}
.h3-domaines{
text-align: left;
font-family: Barlow, sans-serif;
font-weight: bold;
font-size: 35px;
letter-spacing: 7px;
color: #00009E;
text-transform: uppercase;
opacity: 1;
}
.h4-domaine p{
text-align: left;
font-family: manifold-cf, sans-serif;
font-weight: bold;
font-size: 30px;
letter-spacing: 0px;
color: #4C555B;
}
.image-domaine {
opacity: 0;
}
.contain-image {
margin-left :15vw;
height: 460px;
}
.wp-block-post-navigation-link{
font-family: manifold-cf, sans-serif;
color: #00009E;
} .h1-article {
text-align: left;
font-family: Barlow, sans-serif;
font-weight: bold;
font-size: 48px;
letter-spacing: 3px;
color: #4C555B;
text-transform: uppercase;
opacity: 1;
}
.contain-image-article {
height: 460px;
}
.side-articles{
padding: 1vw 2.5vw;
background: linear-gradient(132deg, rgba(255,255,255,0.6) 0%, rgba(255,255,255,0.1) 100%) no-repeat padding-box;
box-shadow:0 10px 24px rgba(0,0,0,.08);
border: 2px solid rgba(255, 255, 255, 0.6);
backdrop-filter: blur(50px);
-webkit-backdrop-filter: blur(50px);
}
.meta-article{
font-family: manifold-cf, sans-serif;
text-transform: uppercase;
font-size: 15px;
color: #00009E;
}
.more-article-side{
display:flex;
}
.wp-block-latest-posts__post-title{
font-family: barlow, sans-serif;
font-weight: 400;
font-size: 27px;
letter-spacing: 3px;
text-transform: uppercase;
text-decoration: none;
}
.wp-block-latest-posts__post-excerpt{
font-family: 'Segoe UI',sans-serif;
font-size: 18px;
}
.wp-block-latest-posts__read-more{
display: block;
} .membres-grid{
--gap: 1.5rem;
--shadow: 0 10px 24px rgba(0,0,0,.08);
display: grid;
gap: var(--gap);
grid-template-columns: repeat(3, minmax(0, 1fr));
padding: 0; margin: 0; list-style: none;
opacity:0; 
} .membres-grid.is-filtering .membre-card:hover{
transform: none;
}
.membre-card.is-exiting{
opacity: 0;
transform: translateY(10px); }
.membre-card.is-entering{
opacity: 0;
transform: translateY(10px);
}
.membre-card.is-entering.is-in{
opacity: 1;
transform: none;
}
@media (max-width: 980px){ .membres-grid{grid-template-columns: repeat(2, minmax(0,1fr));} }
@media (max-width: 560px){ .membres-grid{grid-template-columns: 1fr;} }
.membre-card{
display:block;
transition:
transform .40s ease,
opacity   .30s ease; }
.membre-card:hover{
transform: scale(1.1);
transition:transform .2s ease;
}
.membre-card__link{display:block; text-decoration: none !important; color: inherit;}
.membre-card__media{
aspect-ratio: 1 / 1;
background: linear-gradient(132deg, rgba(255,255,255,0.6) 0%, rgba(255,255,255,0.1) 100%) no-repeat padding-box;
box-shadow:0 10px 24px rgba(0,0,0,.08);
border: 2px solid rgba(255, 255, 255, 0.6);
backdrop-filter: blur(50px);
-webkit-backdrop-filter: blur(50px);
display:flex; 
align-items:center; 
justify-content:center;
overflow:hidden;
}
.membre-card__img{max-width:50%; height:auto; display:block;}
.membre-card__placeholder{width:60%; height:60%; background:#eaeef3;}
.membre-card__text{margin-top:.6rem}
.membre-card__title{font-weight:700;}
.membre-card__sector{
text-transform: uppercase;
font-family: manifold-cf, sans-serif;
font-size: 15px;
letter-spacing: 2px;
color: #00009E; 
}
.membre-card__sector-link {text-decoration: none !important;}
.membre-filters, .article-filters{
opacity:0;
display:flex; 
align-items:center; 
justify-content:center;
margin: 55px 0px;
}
.membre-filter, .article-filter {
text-transform: uppercase;
padding: 0vw 0.5vw;
font-family: manifold-cf, sans-serif;
border: 0; background: transparent; cursor: pointer;
border-right: 1px solid #4C555B; 
font-weight: 200;
font-size: 15px; 
letter-spacing: .04em;
text-transform: uppercase;
color: #4C555B; 
}
.membre-filter.is-active, .article-filter.is-active {color: #00009E;} .actus-grid.is-filtering .actu-card:hover{
transform: none;
}
.actu-card.is-exiting{
opacity: 0;
transform: translateY(10px); }
.actu-card.is-entering.is-in{
opacity: 1;
transform: none;
}
.actu-card{
display:block; 
transition:
transform .40s ease,
opacity   .30s ease;
transform-origin: center center;
}
.actu-card.is-entering{
opacity: 0;
transform: translateY(10px);
}
.actu-card:hover{
transform: scale(1.1);
transition:transform .2s ease;
}
.actu-card.is-hidden{opacity:.15;}
.actu-card__link{display:block; text-decoration:none; color:inherit;}
.actu-card__media{
aspect-ratio: 16 / 10;
overflow:hidden;
box-shadow:0 12px 24px rgba(0,0,0,.08);
}
.actu-card__img{width:100%; height:100%; object-fit:cover; display:block;}
.actu-card__placeholder{width:100%; height:100%; background:#eaeef3;}
.actu-card__body{
padding:1rem 1rem 1.1rem;
border: 2px solid rgba(255, 255, 255, 0.6);
box-shadow:0 2px 10px rgba(0,0,0,.05);
background: linear-gradient(132deg, rgba(255,255,255,0.6) 0%, rgba(255,255,255,0.1) 100%) no-repeat padding-box;
}
.actu-card__meta{font-size: 15px; opacity:.7; margin-bottom:.4rem;}
.actu-card__title{font-family: 'Segoe UI', sans-serif ; font-size: 25px; font-weight:700; margin:.1rem 0 .4rem;}
.actu-card__excerpt{font-size:14px; opacity:.85; margin:0 0 1rem; line-height: 1,5rem;}
.actu-card__terms{
font-size:18px;
font-family: manifold-cf, sans-serif;
text-transform:uppercase; letter-spacing:.05em; color:#00009E;
}
.actu-card__term-link{color:inherit; text-decoration:none;}
.actu-card__term-link:hover{text-decoration:underline;} .actus-grid{
--gap: 1.5rem;
display:grid; gap:var(--gap);
grid-template-columns:repeat(4,minmax(0,1fr));
padding:0; margin:0; list-style:none;
opacity:0;
} @media (max-width:980px){
.actus-grid{grid-template-columns:repeat(1,minmax(0,1fr)) !important;} 
.membres-grid{grid-template-columns: repeat(2, minmax(0px, 1fr)) !important;} 
.h2-domaine{
font-size: 57px;
letter-spacing: 0px;
transform: translate(0px, 25px);
}
.h1-domaine{
font-size: 30px;
letter-spacing: 2px;
}
.h3-domaines{
font-size: 25px;
letter-spacing: 3px;
}
.contain-image {
margin-top: 2vh;
margin-left: 8vw;
height: 460px;
}
.membre-filter, .article-filter{
font-size: 15px;
padding: 0px 7px;
} 
.membre-filters, .article-filters{
display:inline-block;
margin: 25px 0px;
} 
div.wp-block-column:nth-child(2){
display: none;
}
.social-footer {
text-align: left;
}
.form-photo{
padding: 0vw 8vw !important;
background-size: cover, 250px auto;
}
.formulaire{
margin: 0;
padding: 0;
}
}
@media (max-width:560px){ 
.actus-grid{grid-template-columns:1fr;}
}    #aurora-overlay{
position: fixed !important;
inset: 0 !important;
display: block !important;
min-height: 0 !important;
transform: none !important;
pointer-events: none !important;
} #aurora-overlay.is-fg{
z-index: 999999;
backdrop-filter: blur(8px);
-webkit-backdrop-filter: blur(8px);
}
#aurora-overlay.is-leaving{ opacity: 0; transform: translateY(-6px) !important; }
#aurora-overlay.is-bg{
z-index: 0; opacity: 1;
transform: none !important;
} .wp-site-blocks{ position: relative; z-index: 1; }
.acet-aurora-wrap.is-fg{
position: fixed; inset: 0;
z-index: 999999;
pointer-events: none;
transition: opacity .45s ease, transform .45s ease;
transform: none; backdrop-filter: blur(8px);
-webkit-backdrop-filter: blur(8px);
} .acet-aurora-wrap.is-leaving{
opacity: 0;
transform: translateY(-6px);
} .acet-aurora-wrap.is-bg{
z-index: 0;
}   .acet-progress-circle{
position: absolute; left: 50%; top: calc(50% + 56px);
transform: translateX(-50%);
width: 96px; height: 96px;
display: grid; place-items: center;
pointer-events: none;
}
.acet-progress-circle svg{
width: 100%; height: 100%;
transform: rotate(-90deg); }
.acet-progress-circle .track{
fill: none;
stroke: rgba(255,255,255,.35);
stroke-width: 6;
}
.acet-progress-circle .fill{
fill: none;
stroke: #00009E; stroke-width: 1;
stroke-linecap: round;
stroke-dasharray: 283; stroke-dashoffset: 283; transition: stroke-dashoffset .35s ease;
filter: drop-shadow(0 1px 4px rgba(0,0,0,.15));
}
.acet-progress-circle .label{
position: absolute;
font-family: manifold-cf,sans-serif;
color: rgba(0,0,0,.7);
text-shadow: 0 1px 0 rgba(255,255,255,.35);
} .acet-aurora-wrap.is-bg .acet-progress-circle{ display: none; } @media (prefers-color-scheme: dark){
.acet-progress-circle .track{ stroke: rgba(255,255,255,.18); }
.acet-progress-circle .label{ color: rgba(255,255,255,.9); text-shadow: none; }
}
@media (prefers-reduced-motion: reduce){
.acet-aurora-wrap{ transition: none !important; }
.acet-progress-circle .fill{ transition: none !important; }
}  .acet-aurora{
--alpha: .20; --blur1: 18px; --blur2: 22px; --sx1: 260%; --sy1: 180%; --sx2: 300%; --sy2: 190%; } .acet-aurora-wrap{
position: relative;
display: flex;
min-height: 100vh; flex-direction: column;
align-items: center;
justify-content: center;
background-color: #fafafa; color: #0f172a; overflow: hidden;
transform: translateY(-20px);
} .acet-aurora-wrap.is-dark{
background-color: #0a0a0a; color: #fafafa;
} .acet-aurora {
position: absolute;
inset: 0;
overflow: hidden; --blue-300: #93c5fd;
--blue-400: #60a5fa;
--blue-500: #3b82f6;
--indigo-300: #a5b4fc;
--violet-200: #ddd6fe;
--black: #000;
--white: #fff;
--transparent: transparent; --aurora: repeating-linear-gradient(
100deg,
var(--blue-500) 10%,
var(--indigo-300) 15%,
var(--blue-300) 20%,
var(--violet-200) 25%,
var(--blue-400) 30%
);
--dark-gradient: repeating-linear-gradient(
100deg,
var(--black) 0%,
var(--black) 7%,
var(--transparent) 10%,
var(--transparent) 12%,
var(--black) 16%
);
--white-gradient: repeating-linear-gradient(
100deg,
var(--white) 0%,
var(--white) 7%,
var(--transparent) 10%,
var(--transparent) 12%,
var(--white) 16%
);
}
.acet-aurora-layer{
pointer-events: none;
position: absolute;
inset: -10px;  background-image: var(--white-gradient), var(--aurora);
background-size: 300%, 200%; background-position: 50% 50%, 50% 50%; opacity: .25; filter: blur(10px) invert(1); will-change: transform;
} .acet-aurora-wrap.is-dark .acet-aurora-layer{
background-image: var(--dark-gradient), var(--aurora);
filter: blur(10px) invert(0);
} .acet-aurora-layer::after{
content: "";
position: absolute;
inset: 0;
background-image: var(--white-gradient), var(--aurora); background-size: 200%, 100%; background-attachment: fixed; mix-blend-mode: difference; animation: aurora 60s linear infinite; } .acet-aurora-wrap.is-dark .acet-aurora-layer::after{
background-image: var(--dark-gradient), var(--aurora);
} .acet-aurora-layer.has-radial{
-webkit-mask-image: radial-gradient(ellipse at 100% 0%, black 10%, transparent 70%);
mask-image: radial-gradient(ellipse at 100% 0%, black 10%, transparent 70%);
} @keyframes aurora{
from{
background-position:
50% 50%,
50% 50%;
}
to{
background-position:
350% 50%,
350% 50%;
}
}
.acet-slot{
width:100%;
} @media (prefers-reduced-motion: reduce){
.acet-aurora-layer::after{ animation: none !important; }
}