.project-ambience-section{position:relative;z-index:30}.project-ambience{position:fixed;right:2.4rem;bottom:2.4rem;z-index:30;display:flex;flex-direction:column-reverse;align-items:flex-end;gap:1rem;font-family:var(--project-font-body)}.project-ambience__dock{position:relative;display:flex;align-items:stretch;gap:1px;background:var(--project-rule-soft);border-radius:999px;padding:1px;box-shadow:0 2px 8px #16281a1a,0 14px 40px #16281a29;overflow:hidden}.project-ambience__toggle,.project-ambience__info{border:0;background:#fffffff0;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);color:var(--project-canopy);cursor:pointer;font-family:inherit;transition:background-color .25s ease,color .25s ease}.project-ambience__toggle{display:inline-flex;align-items:center;gap:1rem;padding:1.3rem 2rem 1.3rem 1.6rem;border-radius:999px 0 0 999px;font-size:1.35rem;font-weight:700}.project-ambience__toggle:hover,.project-ambience__info:hover,.project-ambience.is-playing .project-ambience__toggle{background:var(--project-canopy);color:var(--project-leaf)}.project-ambience__info{display:inline-flex;align-items:center;justify-content:center;width:4.6rem;border-radius:0 999px 999px 0}.project-ambience__info svg{width:1.8rem;height:1.8rem}.project-ambience.is-inviting .project-ambience__dock:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:999px;border:2px solid var(--project-green-bright);animation:project-ambience-ring 2.6s ease-out infinite;pointer-events:none}@keyframes project-ambience-ring{0%{transform:scale(1);opacity:.7}70%{transform:scale(1.16);opacity:0}to{transform:scale(1.16);opacity:0}}.project-ambience__bars{display:inline-flex;align-items:flex-end;gap:3px;height:1.6rem;width:1.8rem}.project-ambience__bars i{flex:1;height:25%;background:var(--project-green-bright);border-radius:1px;transform-origin:bottom;transition:height .3s var(--project-ease),background-color .25s ease}.project-ambience__toggle:hover .project-ambience__bars i,.project-ambience.is-playing .project-ambience__bars i{background:var(--project-leaf)}.project-ambience.is-playing .project-ambience__bars i{animation:project-ambience-bar 1.1s ease-in-out infinite}.project-ambience.is-playing .project-ambience__bars i:nth-child(1){animation-delay:-.9s}.project-ambience.is-playing .project-ambience__bars i:nth-child(2){animation-delay:-.5s}.project-ambience.is-playing .project-ambience__bars i:nth-child(3){animation-delay:-.2s}.project-ambience.is-playing .project-ambience__bars i:nth-child(4){animation-delay:-.7s}@keyframes project-ambience-bar{0%,to{height:22%}50%{height:100%}}.project-ambience.is-loading .project-ambience__bars i{animation:project-ambience-pulse 1.2s ease-in-out infinite}@keyframes project-ambience-pulse{0%,to{opacity:.3}50%{opacity:1}}.project-ambience__panel{max-width:34rem;padding:1.8rem 2rem;border-radius:1.6rem;background:#fffffff7;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid var(--project-rule-soft);box-shadow:0 2px 8px #16281a14,0 18px 48px #16281a29}.project-ambience__panel[hidden]{display:none}.project-ambience__panel-heading{font-size:1.05rem;font-weight:700;text-transform:uppercase;letter-spacing:.16em;color:var(--project-green-bright);margin:0 0 .8rem}.project-ambience__panel-credit{font-size:1.25rem;line-height:1.62;color:var(--project-ink-dim)}.project-ambience__panel-credit p{margin:0 0 .6rem}.project-ambience__panel-credit p:last-child{margin-bottom:0}.project-ambience__panel-credit a{color:var(--project-green);text-decoration:underline;text-underline-offset:2px}.project-ambience__panel-credit a:hover,.project-ambience__panel-credit a:focus-visible{color:var(--project-canopy)}@media screen and (max-width:749px){.project-ambience{right:1.6rem;bottom:1.6rem}.project-ambience__toggle{padding:1.2rem 1.4rem}.project-ambience__label{display:none}.project-ambience.is-inviting .project-ambience__toggle{padding:1.2rem 1.8rem 1.2rem 1.4rem}.project-ambience.is-inviting .project-ambience__label{display:inline;font-size:1.25rem}.project-ambience__panel{max-width:calc(100vw - 3.2rem)}}@media(prefers-reduced-motion:reduce){.project-ambience .project-ambience__bars i{animation:none;height:55%}.project-ambience.is-inviting .project-ambience__dock:after{animation:none;opacity:.5}}
/*# sourceMappingURL=/cdn/shop/t/1/assets/section-project-ambience.css.map */