#ss-intro-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:99999;background:#010408;overflow:hidden;display:flex;align-items:center;justify-content:center}#ss-intro-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%!important;height:100%!important;display:block}.ss-intro-skip{position:absolute;top:1.8rem;right:2rem;z-index:10;display:flex;align-items:center;gap:.5rem;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);color:#ffffff8c;font-family:Josefin Sans,Helvetica Neue,sans-serif;font-size:.68rem;letter-spacing:.2em;text-transform:uppercase;padding:.65rem 1.4rem;border-radius:9999px;cursor:pointer;transition:background .25s,color .25s;opacity:0;animation:ssIntroFadeUp .5s 2s ease forwards;border:none}.ss-intro-skip:hover{background:#ffffff1f;color:#fff}.ss-intro-skip svg{width:12px;height:12px}.ss-intro-phase{position:absolute;bottom:3.2rem;left:50%;transform:translate(-50%);font-family:Josefin Sans,Helvetica Neue,sans-serif;font-size:.62rem;letter-spacing:.4em;text-transform:uppercase;color:#ffffff61;white-space:nowrap;z-index:10;transition:opacity .6s;pointer-events:none}.ss-intro-progress{position:absolute;bottom:0;left:0;right:0;height:2px;background:#ffffff0d;z-index:10}.ss-intro-progress-fill{height:100%;width:0%;background:linear-gradient(90deg,#00c8ff,#00e5ff);border-radius:1px;transition:width .12s linear}.ss-intro-logo-layer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:12;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none;opacity:0;transition:opacity .9s ease}.ss-intro-logo-layer.visible{opacity:1}.ss-intro-logo-glyph{width:76px;height:76px;margin-bottom:1.8rem;transform:scale(.4);opacity:0;transition:transform 1.1s cubic-bezier(.175,.885,.32,1.275),opacity 1s ease}.ss-intro-logo-layer.visible .ss-intro-logo-glyph{transform:scale(1);opacity:1}.ss-intro-brand-name{font-family:Josefin Sans,Helvetica Neue,sans-serif;font-size:clamp(2.4rem,7vw,5rem);font-weight:200;letter-spacing:.28em;text-transform:uppercase;color:#fff;transform:translateY(30px);opacity:0;transition:transform 1s ease .35s,opacity 1s ease .35s}.ss-intro-logo-layer.visible .ss-intro-brand-name{transform:none;opacity:1}.ss-intro-brand-name .accent{background:linear-gradient(130deg,#00c8ff,#00e5ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.ss-intro-tagline{font-family:Josefin Sans,Helvetica Neue,sans-serif;font-size:.68rem;letter-spacing:.55em;text-transform:uppercase;color:#00c8ff;margin-top:.75rem;transform:translateY(20px);opacity:0;transition:transform .8s ease .75s,opacity .8s ease .75s}.ss-intro-logo-layer.visible .ss-intro-tagline{transform:none;opacity:1}.ss-intro-flash{position:absolute;top:0;right:0;bottom:0;left:0;z-index:20;background:#fff;opacity:0;pointer-events:none;transition:opacity 1.2s ease}.ss-intro-flash.on{opacity:1}@keyframes ssIntroFadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/splashysound-intro.css.map */