:root{--atmo-color:rgba(0, 0, 0, 1);--atmo-logo:none;--atmo-logo-size:120px;--atmo-logo-opacity:0.85;--atmo-in-ms:280ms;--atmo-out-ms:360ms;--atmo-ease:cubic-bezier(0.2, 0.8, 0.2, 1)}html.atmo-cover::before,html.atmo-cover::after{content:"";position:fixed;inset:0;pointer-events:none}html.atmo-cover::before{z-index:2147483646;background:var(--atmo-color);opacity:0;-webkit-clip-path:circle(0% at 50% 50%);clip-path:circle(0% at 50% 50%);transition:clip-path var(--atmo-in-ms) var(--atmo-ease),-webkit-clip-path var(--atmo-in-ms) var(--atmo-ease),opacity 180ms ease;will-change:clip-path,opacity}html.atmo-cover::after{z-index:2147483647;background-image:var(--atmo-logo);background-repeat:no-repeat;background-position:center;background-size:var(--atmo-logo-size);opacity:0;transition:opacity 180ms ease}html.atmo-cover.atmo-cover--in::before,html.atmo-cover.atmo-cover--hold::before{opacity:1;-webkit-clip-path:circle(150% at 50% 50%);clip-path:circle(150% at 50% 50%)}html.atmo-cover.atmo-cover--in::after,html.atmo-cover.atmo-cover--hold::after{opacity:var(--atmo-logo-opacity)}html.atmo-cover.atmo-cover--out::before{opacity:0;-webkit-clip-path:circle(0% at 50% 50%);clip-path:circle(0% at 50% 50%);transition:clip-path var(--atmo-out-ms) var(--atmo-ease),-webkit-clip-path var(--atmo-out-ms) var(--atmo-ease),opacity 160ms ease}html.atmo-cover.atmo-cover--out::after{opacity:0}