.as-recorder-overlay{position:fixed;top:0;left:0;right:0;bottom:auto;height:100vh;height:100lvh;z-index:10000;font-family:Open Sans,sans-serif;color:#fdfbf7;-webkit-font-smoothing:antialiased;display:none;background-color:#1e1540;background-image:linear-gradient(180deg,#0a081685,#0a081657 28%,#0a081638 55%,#0a081652),var(--as-recorder-bg, none);background-size:cover;background-position:center;background-repeat:no-repeat}.as-recorder-overlay[data-open=true]{display:block}body.as-recorder-active{overflow:hidden}.as-recorder-particles{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none}.as-recorder-particles canvas{pointer-events:none}.as-recorder-view{position:absolute;top:0;left:0;right:0;bottom:auto;height:100vh;height:100dvh;z-index:2;display:none;flex-direction:column;align-items:center;justify-content:flex-start;padding:18px 18px calc(22px + env(safe-area-inset-bottom,0px));padding-top:calc(18px + env(safe-area-inset-top,0px));text-align:center;overflow-y:auto;-webkit-overflow-scrolling:touch}.as-recorder-view[data-active=true]{display:flex}.as-recorder-preamble-inner{margin:auto;max-width:360px;display:flex;flex-direction:column;align-items:center}.as-recorder-preamble-emoji{font-size:48px;margin-bottom:8px}.as-recorder-privacy{font-size:13px;line-height:1.5;color:#fbd484;background:#fbd48414;border:1px solid rgba(251,212,132,.22);border-radius:12px;padding:11px 15px;margin:14px 0 4px;max-width:340px}.as-recorder-privacy strong{color:#ffe4b0}.as-recorder-privacy--subtle{background:none;border:none;color:#ffffff8c;font-size:11.5px;padding:4px 0 0;margin:10px 0 0}.as-recorder-privacy--subtle strong{color:#ffffffbf}.as-recorder-tips{background:var(--as-cream, #FDFBF7);border:1px solid rgba(255,255,255,.06);border-radius:var(--as-radius-xl, 24px);padding:18px 18px 16px;margin:8px 0 4px;max-width:340px;text-align:left;box-shadow:0 12px 32px #00000038}.as-recorder-tips-head{font-family:Fraunces,Times New Roman,serif;font-size:23px;font-weight:500;letter-spacing:-.01em;margin:0 0 8px;text-align:center;color:#2a1e5c}.as-recorder-tip-line{font-size:14.5px;line-height:1.45;margin:6px 0;color:#2a1e5c}.as-recorder-tip-line strong{font-weight:700}.as-recorder-encourage{font-family:Fraunces,Times New Roman,serif;font-size:14.5px;font-style:italic;line-height:1.5;color:#fbd484;margin:12px 0 2px;max-width:320px}.as-recorder-close{position:fixed;top:calc(14px + env(safe-area-inset-top,0px));right:14px;width:40px;height:40px;background:#00000073;color:#fdfbf7;border:none;border-radius:50%;font-size:22px;line-height:1;cursor:pointer;z-index:30;display:flex;align-items:center;justify-content:center;-webkit-tap-highlight-color:transparent;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.as-recorder-title{font-family:Fraunces,Times New Roman,serif;font-size:28px;font-weight:500;letter-spacing:-.02em;margin:8px 0 14px;color:#fdfbf7;text-shadow:0 2px 12px rgba(0,0,0,.3)}.as-recorder-mirror{width:auto;height:clamp(220px,38vh,340px);aspect-ratio:9 / 16;max-width:70vw;border-radius:18px;background:#000;object-fit:cover;transform:scaleX(-1);box-shadow:0 6px 24px #00000080;margin:4px auto 12px}.as-recorder-mirror--pip{position:fixed;top:calc(60px + env(safe-area-inset-top,0px));right:14px;width:72px;max-height:100px;max-width:72px;border-radius:12px;border:2px solid rgba(255,255,255,.4);box-shadow:0 2px 10px #00000080;margin:0;z-index:5;object-fit:cover}.as-recorder-tip{font-size:13.5px;line-height:1.5;opacity:.85;margin:6px 0;max-width:340px}.as-recorder-tip--warning{background:#fbd48414;border:1px solid rgba(251,212,132,.25);padding:10px 14px;border-radius:12px;margin:10px 0;opacity:1;font-weight:500;color:#fbd484}.as-recorder-cta{background:#fbd484;color:#2a1e5c;border:none;padding:14px 32px;border-radius:999px;font-family:Open Sans,sans-serif;font-size:17px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;cursor:pointer;margin-top:14px;min-width:220px;box-shadow:0 4px 16px #fbd4844d;transition:transform .1s ease,background .15s ease;-webkit-tap-highlight-color:transparent}.as-recorder-cta:hover{background:#f5c45a}.as-recorder-cta:active{transform:scale(.97)}.as-recorder-cta--danger{background:#ff3030;color:#fdfbf7;box-shadow:0 4px 20px #ff303066}.as-recorder-cta--danger:hover{background:#e02828}.as-recorder-cta--alt{background:#fdfbf7;color:#2a1e5c;border:none;box-shadow:0 4px 18px #00000038}.as-recorder-cta--alt:hover{background:#fff}.as-recorder-textbtn{background:none;border:none;color:#fdfbf7;text-shadow:0 1px 4px rgba(0,0,0,.45);font-size:13.5px;text-decoration:underline;cursor:pointer;padding:8px;margin-top:10px;-webkit-tap-highlight-color:transparent}.as-recorder-textbtn:hover{color:#fdfbf7}.as-recorder-countdown-num{font-family:Fraunces,Times New Roman,serif;font-size:clamp(120px,32vw,200px);font-weight:700;text-shadow:0 0 60px rgba(255,255,255,.35);line-height:1;color:#fdfbf7;animation:as-recorder-pop .7s ease-out;margin:auto}@keyframes as-recorder-pop{0%{transform:scale(.6);opacity:0}40%{transform:scale(1.12);opacity:1}to{transform:scale(1);opacity:1}}.as-recorder-status{position:fixed;top:calc(14px + env(safe-area-inset-top,0px));left:50%;transform:translate(-50%);display:flex;align-items:center;gap:8px;background:#000000a6;padding:7px 14px;border-radius:999px;font-size:12px;font-weight:700;letter-spacing:1.5px;z-index:6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.as-recorder-rec-dot{width:8px;height:8px;background:#ff3030;border-radius:50%;animation:as-recorder-pulse 1.4s ease-in-out infinite;flex-shrink:0}@keyframes as-recorder-pulse{0%,to{opacity:1;box-shadow:0 0 #ff3030b3}50%{opacity:.5;box-shadow:0 0 0 8px #ff303000}}.as-recorder-rec-time{font-variant-numeric:tabular-nums;font-weight:500;letter-spacing:0}.as-recorder-pre-song{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;padding:90px 18px 110px}.as-recorder-pre-song-msg{font-family:Fraunces,Times New Roman,serif;font-size:clamp(20px,5vw,26px);margin-bottom:6px;text-align:center;color:#fdfbf7}.as-recorder-pre-song-sub{font-size:13.5px;opacity:.75;text-align:center;margin-bottom:22px;max-width:300px;line-height:1.5}.as-recorder-during-song{display:none;flex-direction:column;align-items:center;width:100%;flex:1;padding:90px 0 130px;min-height:0}.as-recorder-during-song[data-active=true]{display:flex}.as-recorder-lyrics{width:100%;max-width:460px;height:100%;max-height:calc(100dvh - 240px);overflow-y:auto;padding:0 28px;font-family:Fraunces,Times New Roman,serif;font-size:clamp(16px,4.2vw,19px);line-height:1.7;text-align:center;white-space:pre-wrap;-webkit-overflow-scrolling:touch;color:#fdfbf7;mask-image:linear-gradient(180deg,transparent 0,#000 32px,#000 calc(100% - 32px),transparent 100%);-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 32px,#000 calc(100% - 32px),transparent 100%)}.as-recorder-song-progress{position:fixed;bottom:calc(90px + env(safe-area-inset-bottom,0px));left:18px;right:18px;display:flex;align-items:center;gap:12px;z-index:4}.as-recorder-song-progress-bar{flex:1;height:3px;background:#ffffff2e;border-radius:999px;overflow:hidden}.as-recorder-song-progress-fill{height:100%;background:#fbd484;width:0%;transition:width .3s linear}.as-recorder-song-time{font-size:11px;opacity:.8;white-space:nowrap;font-variant-numeric:tabular-nums;color:#fdfbf7}.as-recorder-stop{position:fixed;bottom:calc(22px + env(safe-area-inset-bottom,0px));left:50%;transform:translate(-50%);z-index:6}.as-recorder-confirm-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#0a0816cc;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);display:flex;align-items:center;justify-content:center;padding:20px;z-index:20}.as-recorder-confirm-card{background:#fdfbf7;color:#1e1540;padding:26px 22px;border-radius:20px;max-width:340px;width:100%;text-align:center;box-shadow:0 30px 80px #0006}.as-recorder-confirm-emoji{display:block;font-size:34px;line-height:1;margin:0 0 8px}.as-recorder-confirm-card h3{font-family:Fraunces,Times New Roman,serif;font-size:22px;margin:0 0 10px;font-weight:500;letter-spacing:-.02em;color:#2d1b4e}.as-recorder-confirm-card p{font-size:16px;line-height:1.55;margin:0 0 18px;color:#4a3366}@media(max-width:520px){.as-recorder-confirm-card h3{font-size:26px}}.as-recorder-confirm-card .as-recorder-cta{margin-top:0}.as-recorder-confirm-card .as-recorder-textbtn{color:#2a1e5c99;text-shadow:none}.as-recorder-confirm-card .as-recorder-textbtn:hover{color:#2a1e5c}.as-recorder-sub{font-size:14px;line-height:1.5;color:#fffc;max-width:320px;margin:0 auto 10px}.as-recorder-sub--small{font-size:12px;opacity:.7;margin-top:6px}.as-recorder-note{display:block;width:100%;max-width:340px;margin:0 auto 6px;text-align:left}.as-recorder-note-label{font-size:13px;color:#fffc;display:block;margin-bottom:5px}.as-recorder-note-opt{opacity:.6}.as-recorder-note textarea{width:100%;min-height:56px;max-height:110px;resize:vertical;border-radius:12px;border:1px solid rgba(255,255,255,.22);background:#ffffff0f;color:#fdfbf7;padding:10px 12px;font-family:Open Sans,sans-serif;font-size:14px;box-sizing:border-box}.as-recorder-note textarea::placeholder{color:#fff6}.as-recorder-terms{font-size:11.5px;line-height:1.45;color:#ffffffbf;text-shadow:0 1px 3px rgba(0,0,0,.4);max-width:320px;margin:14px auto 2px}.as-recorder-terms a{color:#fdfbf7;text-decoration:underline}.as-recorder-view[data-recorder-view=preview] [data-recorder-keepit]{margin-top:16px}.as-recorder-view[data-recorder-view=interrupted]{justify-content:center}.as-recorder-progress{width:100%;max-width:340px;margin:18px auto 0}.as-recorder-progress-bar{height:6px;background:#ffffff2e;border-radius:999px;overflow:hidden}.as-recorder-progress-fill{height:100%;width:0%;background:#fbd484;border-radius:999px;transition:width .25s ease}.as-recorder-progress-meta{margin-top:8px;font-size:13px;color:#fffc;font-variant-numeric:tabular-nums}.as-recorder-success-icon{width:56px;height:56px;border-radius:50%;background:#fbd484;color:#2a1e5c;display:flex;align-items:center;justify-content:center;margin:4px auto 8px}.as-recorder-success-icon svg{width:28px;height:28px}.as-recorder-promo{background:#fbd4841a;border:1px solid rgba(251,212,132,.3);border-radius:16px;padding:14px 16px;max-width:320px;margin:6px auto 4px}.as-recorder-promo-text{font-size:14px;color:#fdfbf7;margin:0 0 8px}.as-recorder-promo-code{display:inline-flex;align-items:center;gap:8px;background:#fbd484;color:#2a1e5c;border:none;border-radius:10px;padding:10px 18px;font-family:Open Sans,sans-serif;font-size:18px;font-weight:800;letter-spacing:.06em;cursor:pointer;-webkit-tap-highlight-color:transparent}.as-recorder-promo-hint{display:block;font-size:11.5px;color:#fff9;margin-top:7px}.as-recorder-cta--two{line-height:1.2;padding-top:11px;padding-bottom:11px}.as-recorder-cta-main{display:block;font-size:17px;font-weight:800}.as-recorder-cta-sub{display:block;font-size:13px;font-weight:500;opacity:.85;margin-top:3px;letter-spacing:0;text-transform:none}.as-recorder-preview-wrap{position:relative;width:auto;height:clamp(220px,42vh,380px);aspect-ratio:9 / 16;max-width:80vw;margin:8px auto 12px;border-radius:18px;overflow:hidden;background:#000;box-shadow:0 8px 28px #00000080}.as-recorder-preview-video{display:block;width:100%;height:100%;background:#000;object-fit:cover}.as-recorder-preview-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;cursor:pointer;-webkit-tap-highlight-color:transparent;background:linear-gradient(180deg,transparent 60%,rgba(0,0,0,.5) 100%)}.as-recorder-preview-playbtn{width:64px;height:64px;border-radius:50%;background:#0000008c;display:flex;align-items:center;justify-content:center;color:#fdfbf7;pointer-events:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:opacity .25s}.as-recorder-preview-playbtn svg{width:28px;height:28px;display:block}.as-recorder-preview-wrap[data-playing=true] .as-recorder-preview-playbtn{opacity:0}.as-recorder-preview-controls{position:absolute;bottom:0;left:0;right:0;padding:10px 12px 12px;box-sizing:border-box;display:flex;align-items:center;gap:10px;background:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.7) 100%);z-index:2}.as-recorder-preview-time{font-size:11px;font-variant-numeric:tabular-nums;color:#fdfbf7;opacity:.95;white-space:nowrap;min-width:78px}.as-recorder-preview-scrub{flex:1;min-width:0;-webkit-appearance:none;appearance:none;height:3px;background:#ffffff40;border-radius:999px;outline:none;margin:0;cursor:pointer}.as-recorder-preview-scrub::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:13px;height:13px;background:#fbd484;border-radius:50%;cursor:pointer;box-shadow:0 0 0 2px #0006}.as-recorder-preview-scrub::-moz-range-thumb{width:13px;height:13px;background:#fbd484;border-radius:50%;border:none;cursor:pointer}.as-fpStep[hidden]{display:none}.as-fpStep--enter{animation:as-fpStepIn .28s ease-out}@keyframes as-fpStepIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.as-fpRecordCta{background:#fbd484;color:#2a1e5c;border:none;padding:13px 16px;border-radius:999px;font-family:Open Sans,sans-serif;cursor:pointer;width:100%;box-shadow:0 4px 18px #fbd48466;transition:transform .1s ease,background .15s ease;-webkit-tap-highlight-color:transparent;display:block;margin-bottom:10px;line-height:1.25}.as-fpRecordCta:hover{background:#f5c45a}.as-fpRecordCta:active{transform:scale(.97)}.as-fpRecordCta-main{display:block;font-size:clamp(15px,4.6vw,17px);font-weight:800;letter-spacing:.03em;text-transform:uppercase;white-space:nowrap}.as-fpRecordCta-sub{display:block;font-size:13px;font-weight:500;opacity:.85;margin-top:3px;letter-spacing:0;white-space:normal}.as-fpRecordCta--alt{background:transparent;color:#2a1e5c;border:1.5px solid rgba(42,30,92,.28);box-shadow:none}.as-fpRecordCta--alt:hover{background:#2a1e5c0d}.as-fpBack{display:block;width:100%;text-align:left;background:none;border:none;cursor:pointer;color:#2a1e5c8c;font-family:Open Sans,sans-serif;font-weight:600;font-size:13px;padding:2px;margin:0 0 6px;-webkit-tap-highlight-color:transparent}.as-fpBack:hover{color:#2a1e5c}.as-fpModal .as-fpCta,.as-fpModal .as-fpSkip{background:none!important;color:#2a1e5ca6!important;border:none!important;text-decoration:underline!important;font-weight:500!important;font-size:13.5px!important;letter-spacing:0!important;text-transform:none!important;padding:8px!important;box-shadow:none!important;width:auto!important;display:block!important;margin:6px auto 0!important}.as-fpModal .as-fpCta:hover,.as-fpModal .as-fpSkip:hover{color:#2a1e5c!important}#asRecordingLayer{display:none}body.as-recording #asRecordingLayer{display:block}.as-rec-speakpanel{display:none}body.as-rec-speak .as-rec-speakpanel{display:flex;position:fixed;top:0;right:0;bottom:0;left:0;z-index:9991;flex-direction:column;align-items:center;justify-content:center;gap:10px;text-align:center;overflow:hidden;padding:calc(56px + env(safe-area-inset-top,0px)) 18px calc(92px + env(safe-area-inset-bottom,0px))}.as-rec-speakpanel>*{flex-shrink:0}.as-rec-speak-card{max-width:340px;text-align:center}body.as-rec-speak .as-recorder-mirror{flex:0 1 auto;min-height:0;height:38vh;max-height:38vh;width:auto;max-width:62vw;aspect-ratio:9 / 16;margin:0}body.as-rec-speak .as-recorder-cta[data-rec-launch]{animation:as-rec-revealring 2s infinite}@keyframes as-rec-revealring{0%{box-shadow:0 4px 18px #fbd48473,0 0 #fbd4848c}70%{box-shadow:0 4px 18px #fbd48473,0 0 0 16px #fbd48400}to{box-shadow:0 4px 18px #fbd48473,0 0 #fbd48400}}body.as-rec-speak .as-wrap,body.as-rec-speak .as-rec-pip,body.as-recording .as-upsellGrid,body.as-recording .as-footer,body.as-recording .as-actionCard__icons,body.as-recording .as-particles,body.as-recording .as-bgStars,body.as-recording .as-flourish{display:none!important}body.as-recording .as-wrap{padding-top:calc(34px + env(safe-area-inset-top,0px));padding-bottom:calc(96px + env(safe-area-inset-bottom,0px))}body.as-recording .vinyl-wrap{padding:2px 0 6px!important;position:relative}body.as-recording .vinyl{width:min(270px,72vw)!important;height:min(270px,72vw)!important}body.as-recording .vinyl-wrap.playing .vinyl{filter:none!important;box-shadow:none!important;will-change:transform}body.as-recording .vinyl-wrap.playing .aura{display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:min(360px,96vw);height:min(360px,96vw);border-radius:50%;background:radial-gradient(circle,#fbd4846b 34%,#fbd48442 44%,#fbd48414 56%,#fbd48400 66%);z-index:1;pointer-events:none}body.as-recording .as-actionCard{margin-top:26px!important}.as-rec-status{position:fixed;top:calc(14px + env(safe-area-inset-top,0px));left:50%;transform:translate(-50%);display:flex;align-items:center;gap:8px;background:#000000a6;padding:7px 14px;border-radius:999px;font-family:Open Sans,sans-serif;font-size:12px;font-weight:700;letter-spacing:1.5px;color:#fdfbf7;z-index:9993;pointer-events:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.as-rec-dot{width:8px;height:8px;background:#ff3030;border-radius:50%;animation:as-recorder-pulse 1.4s ease-in-out infinite;flex-shrink:0}.as-rec-time{font-variant-numeric:tabular-nums;font-weight:500;letter-spacing:0}.as-rec-pip{position:fixed;top:calc(58px + env(safe-area-inset-top,0px));right:14px;width:70px;height:124px;border-radius:14px;object-fit:cover;transform:scaleX(-1);background:#000;border:2px solid rgba(255,255,255,.45);box-shadow:0 3px 14px #00000080;z-index:9993;pointer-events:none}.as-ugc-recordbtn{width:100%;margin:0 0 4px}.as-ugc-or{display:flex;align-items:center;gap:10px;color:#2d1b4e73;font-size:12px;margin:12px 2px}.as-ugc-or:before,.as-ugc-or:after{content:"";flex:1;height:1px;background:#2d1b4e26}.as-rec-stop-wrap{position:fixed;left:50%;transform:translate(-50%);bottom:calc(22px + env(safe-area-inset-bottom,0px));z-index:9993;pointer-events:auto}.as-rec-stopbtn{display:inline-flex;align-items:center;gap:9px;white-space:nowrap;background:#ff3030;color:#fdfbf7;border:none;padding:13px 26px;border-radius:999px;font-family:Open Sans,sans-serif;font-size:14px;font-weight:800;letter-spacing:.03em;box-shadow:0 4px 20px #ff303073;cursor:pointer;-webkit-tap-highlight-color:transparent}.as-rec-stopbtn:active{transform:scale(.97)}.as-rec-toast{position:fixed;top:calc(56px + env(safe-area-inset-top,0px));left:50%;transform:translate(-50%) translateY(-8px);max-width:min(360px,88vw);z-index:9995;background:#1e1540f2;color:#fdfbf7;border:1px solid rgba(251,212,132,.35);border-radius:14px;padding:10px 16px;font-family:Open Sans,sans-serif;font-size:13.5px;line-height:1.4;text-align:center;box-shadow:0 8px 28px #00000073;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:0;pointer-events:none;transition:opacity .25s ease,transform .25s ease}.as-rec-toast[data-show=true]{opacity:1;transform:translate(-50%) translateY(0)}.as-rec-stopbtn-ic{width:13px;height:13px;border-radius:3px;background:#fdfbf7;flex-shrink:0}.as-rec-stopconfirm{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:none;align-items:center;justify-content:center;padding:20px;background:#0a0816cc;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);pointer-events:auto}
/*# sourceMappingURL=/cdn/shop/t/23/assets/as-ugc-recorder.css.map */