quark-teaser-panel{position:relative;display:block;width:100%;height:100vh;height:100svh;overflow:hidden}.qtp__bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.qtp__bg img{width:100%;height:100%;object-fit:cover;object-position:var(--qtp-bg-pos, center center);display:block}.qtp__bg--placeholder{background:#1a1a1a}.qtp__overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:var(--qtp-overlay, transparent)}.qtp__chrome{position:absolute;top:0;left:0;right:0;z-index:3;display:flex;align-items:center;padding:28px 36px;gap:16px}.qtp__back-cta{display:flex;align-items:center;gap:6px;text-decoration:none;font-size:13px;font-weight:500;letter-spacing:.03em;color:var(--qtp-back-color, #ffffff);opacity:.85;transition:opacity .2s ease;white-space:nowrap;flex-shrink:0;min-width:0}.qtp__back-cta:hover{opacity:1}.qtp__back-cta svg{flex-shrink:0}.qtp__logo{flex:1;display:flex;justify-content:center;align-items:center}.qtp__logo img{width:var(--qtp-logo-width-d, 140px);max-width:100%;height:auto;display:block}.qtp__logo-fallback{font-size:18px;font-weight:700;letter-spacing:.05em;color:#fff;text-transform:uppercase}.qtp__chrome-spacer{flex-shrink:0;min-width:0;visibility:hidden;pointer-events:none}.qtp__content{position:relative;z-index:2;width:100%;height:100%;display:flex;flex-direction:column;justify-content:var(--qtp-v-pos, center);align-items:var(--qtp-h-align, center);padding:100px 48px 48px;box-sizing:border-box;gap:var(--qtp-gap-d, 20px)}.qtp__heading{font-size:var(--qtp-heading-size-d, 56px);font-weight:var(--qtp-heading-weight, 700);color:var(--qtp-heading-color, #ffffff);text-align:var(--qtp-heading-align, center);line-height:1.15;margin:0;max-width:800px}.qtp__heading p,.qtp__heading h1,.qtp__heading h2,.qtp__heading h3{margin:0;font-size:inherit;font-weight:inherit;color:inherit;text-align:inherit;line-height:inherit}.qtp__heading em{font-style:normal;display:inline;font-size:var(--qtp-span-size-d, inherit);font-weight:var(--qtp-span-weight, inherit);letter-spacing:var(--qtp-span-ls, 0px);vertical-align:var(--qtp-span-valign, 0px);padding:var(--qtp-span-pad-v, 5px) calc(var(--qtp-span-pad-h, 18px) - max(0px,var(--qtp-span-ls, 0px))) var(--qtp-span-pad-v, 5px) var(--qtp-span-pad-h, 18px);border-radius:9999px;backdrop-filter:blur(var(--qtp-span-blur, 10px));-webkit-backdrop-filter:blur(var(--qtp-span-blur, 10px));background:var(--qtp-span-bg, rgba(255, 255, 255, .2));border:1px solid rgba(255,255,255,.22);-webkit-box-decoration-break:clone;box-decoration-break:clone}.qtp[data-pill-gradient] .qtp__heading em{backdrop-filter:none;-webkit-backdrop-filter:none;border-color:transparent;background:linear-gradient(120deg,var(--qtp-span-grad1, #7b2ff7) 0%,var(--qtp-span-grad2, #f72f7b) 45%,var(--qtp-span-grad1, #7b2ff7) 100%);background-size:300% 300%;animation:qtpGradFlow 6s ease-in-out infinite}.qtp[data-pill-glow] .qtp__heading em{animation:qtpGlowPulse 2.5s ease-in-out infinite}.qtp[data-pill-gradient][data-pill-glow] .qtp__heading em{animation:qtpGradFlow 6s ease-in-out infinite,qtpGlowPulse 2.5s ease-in-out infinite}@keyframes qtpGradFlow{0%{background-position:0% 50%}25%{background-position:60% 0%}50%{background-position:100% 50%}75%{background-position:40% 100%}to{background-position:0% 50%}}@keyframes qtpGlowPulse{0%,to{box-shadow:0 0 calc(var(--qtp-span-glow-size, 12px) * .5) calc(var(--qtp-span-glow-size, 12px) * .08) var(--qtp-span-glow, #9b4ff7),0 0 calc(var(--qtp-span-glow-size, 12px) * 1.5) calc(var(--qtp-span-glow-size, 12px) * .25) var(--qtp-span-glow-soft, rgba(155, 79, 247, .3))}50%{box-shadow:0 0 var(--qtp-span-glow-size, 12px) calc(var(--qtp-span-glow-size, 12px) * .25) var(--qtp-span-glow, #9b4ff7),0 0 calc(var(--qtp-span-glow-size, 12px) * 3) calc(var(--qtp-span-glow-size, 12px) * .75) var(--qtp-span-glow-soft, rgba(155, 79, 247, .3)),0 0 calc(var(--qtp-span-glow-size, 12px) * 5) calc(var(--qtp-span-glow-size, 12px) * 1.5) var(--qtp-span-glow-softer, rgba(155, 79, 247, .12))}}.qtp__body{font-size:var(--qtp-body-size-d, 17px);font-weight:var(--qtp-body-weight, 400);color:var(--qtp-body-color, rgba(255, 255, 255, .85));text-align:var(--qtp-body-align, center);line-height:1.6;margin:0;max-width:600px}.qtp__body p{margin:0}.qtp__body p+p{margin-top:.75em}.qtp__form-wrap{display:flex;flex-direction:column;align-items:var(--qtp-h-align, center);gap:10px;width:100%;max-width:500px}.qtp__form-label-text{font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--qtp-body-color, rgba(255, 255, 255, .8));text-align:var(--qtp-body-align, center)}.qtp__email-form{display:flex;align-items:center;gap:6px;width:100%;padding:6px 6px 6px 20px;box-sizing:border-box;border-radius:9999px;border:1px solid rgba(255,255,255,var(--qtp-form-glass-border-opacity, .28));backdrop-filter:blur(var(--qtp-form-glass-blur, 14px));-webkit-backdrop-filter:blur(var(--qtp-form-glass-blur, 14px));background:var(--qtp-form-glass-bg, rgba(255, 255, 255, .15));box-shadow:0 4px 32px #00000026,inset 0 1px #ffffff2e}.qtp__email-input{flex:1;min-width:0;border:none;outline:none;padding:12px 0;font-size:15px;font-family:inherit;background:transparent;color:var(--qtp-input-text, #ffffff);-webkit-appearance:none;appearance:none}.qtp__email-input::placeholder{color:var(--qtp-input-placeholder, rgba(255, 255, 255, .5))}.qtp__email-input:focus{outline:none}.qtp__email-submit{flex-shrink:0;border:none;outline:none;cursor:pointer;padding:12px 22px;font-size:14px;font-weight:600;font-family:inherit;letter-spacing:.03em;white-space:nowrap;text-align:center;border-radius:9999px;background:var(--qtp-cta-bg, #ffffff);color:var(--qtp-cta-text, #000000);transition:opacity .2s ease;-webkit-appearance:none;appearance:none}.qtp__email-submit:hover{opacity:.88}.qtp__email-submit:disabled{opacity:.5;cursor:not-allowed}.qtp__email-error{font-size:12px;color:#ff8080;text-align:center;padding:0 4px;display:none}.qtp__email-error[visible]{display:block}quark-teaser-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .3s ease}quark-teaser-modal[open]{opacity:1;pointer-events:auto}quark-teaser-modal[inert]{display:none}.qtp__modal-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000073;cursor:pointer}.qtp__modal-panel{position:relative;border-radius:24px;padding:44px 40px 40px;width:min(480px,calc(100vw - 40px));max-height:calc(100vh - 40px);max-height:calc(100svh - 40px);overflow-y:auto;backdrop-filter:blur(var(--qtp-modal-blur, 18px));-webkit-backdrop-filter:blur(var(--qtp-modal-blur, 18px));background:var(--qtp-modal-bg, rgba(255, 255, 255, .18));color:var(--qtp-modal-text, #ffffff);box-shadow:0 8px 48px #00000047,inset 0 1px #fff3;border:1px solid rgba(255,255,255,.2);transform:translateY(14px);transition:transform .35s cubic-bezier(.16,1,.3,1)}quark-teaser-modal[open] .qtp__modal-panel{transform:translateY(0)}.qtp__modal-close{position:absolute;top:16px;right:16px;background:#ffffff1a;border:none;cursor:pointer;padding:8px;color:inherit;opacity:.75;transition:opacity .2s ease,background .2s ease;line-height:1;display:flex;align-items:center;justify-content:center;border-radius:9999px;width:36px;height:36px}.qtp__modal-close:hover{opacity:1;background:#ffffff2e}.qtp__modal-title{font-size:22px;font-weight:700;margin:0 0 6px;color:inherit;line-height:1.2;padding-right:40px}.qtp__modal-subtitle{font-size:14px;opacity:.72;margin:0 0 28px;line-height:1.5}.qtp__modal-form{display:flex;flex-direction:column;gap:14px}.qtp__modal-field{display:flex;flex-direction:column;gap:6px}.qtp__modal-label{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;opacity:.65;color:inherit;padding-left:16px}.qtp__modal-input{width:100%;border:1px solid rgba(255,255,255,.25);border-radius:9999px;padding:13px 20px;font-size:15px;font-family:inherit;background:#ffffff1f;color:inherit;outline:none;transition:border-color .2s ease,background .2s ease;box-sizing:border-box;-webkit-appearance:none;appearance:none}.qtp__modal-input::placeholder{opacity:.4;color:inherit}.qtp__modal-input:focus{border-color:#fff9;background:#fff3}.qtp__modal-input[type=date]::-webkit-calendar-picker-indicator{filter:invert(1) opacity(.55);cursor:pointer;margin-right:4px}.qtp__modal-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.qtp__modal-submit{width:100%;border:none;border-radius:9999px;padding:15px 24px;font-size:15px;font-weight:700;font-family:inherit;letter-spacing:.03em;cursor:pointer;text-align:center;background:var(--qtp-cta-bg, #ffffff);color:var(--qtp-cta-text-modal, #000000);margin-top:6px;transition:opacity .2s ease;-webkit-appearance:none;appearance:none}.qtp__modal-submit:hover{opacity:.88}.qtp__modal-submit:disabled{opacity:.5;cursor:not-allowed}.qtp__modal-error{font-size:13px;color:#ff8080;text-align:center;padding:2px 0 0;display:none}.qtp__modal-error[visible]{display:block}.qtp__modal-success{text-align:center;padding:12px 0 4px;display:flex;flex-direction:column;align-items:center;gap:14px}.qtp__modal-success-icon{width:var(--qtp-success-icon-size, 56px);height:var(--qtp-success-icon-size, 56px);border-radius:9999px;background:#ffffff2e;border:1px solid rgba(255,255,255,.25);display:flex;align-items:center;justify-content:center;flex-shrink:0}.qtp__modal-success-icon svg{width:52%;height:52%;stroke-width:2.5;color:inherit}.qtp__modal-success-icon-img{width:100%;height:100%;object-fit:contain;border-radius:inherit}.qtp__modal-success-heading{font-size:20px;font-weight:700;margin:0;color:inherit}.qtp__modal-success-body{font-size:15px;opacity:.78;margin:0;line-height:1.5}.qtp__modal-success-close{margin-top:4px;background:#ffffff24;border:1px solid rgba(255,255,255,.3);border-radius:9999px;padding:11px 28px;font-size:14px;font-weight:600;font-family:inherit;cursor:pointer;color:inherit;text-align:center;transition:background .2s ease}.qtp__modal-success-close:hover{background:#ffffff38}.qtp[data-pill-border] .qtp__heading em{display:inline-block;position:relative;isolation:isolate}@property --qtp-border-angle{syntax: "<angle>"; inherits: false; initial-value: 0deg;}.qtp[data-pill-border=tracer] .qtp__heading em:before,.qtp[data-pill-border=dual] .qtp__heading em:before,.qtp[data-pill-border=dual] .qtp__heading em:after,.qtp[data-pill-border=neon] .qtp__heading em:before,.qtp[data-pill-border=prismatic] .qtp__heading em:before{content:"";position:absolute;top:-1.5px;right:-1.5px;bottom:-1.5px;left:-1.5px;border-radius:9999px;padding:1.5px;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.qtp[data-pill-border=tracer] .qtp__heading em:before{background:conic-gradient(from var(--qtp-border-angle),transparent 0%,transparent 65%,var(--qtp-span-glow-softer, rgba(155, 79, 247, .12)) 74%,var(--qtp-span-glow-soft, rgba(155, 79, 247, .3)) 83%,var(--qtp-span-glow, #9b4ff7) 91%,#ffffff 95%,var(--qtp-span-glow, #9b4ff7) 97.5%,transparent 100%);filter:brightness(1.25);animation:qtpBorderSpin 1.8s linear infinite}.qtp[data-pill-border=dual] .qtp__heading em:before{background:conic-gradient(from var(--qtp-border-angle),transparent 0%,transparent 68%,var(--qtp-span-glow-soft, rgba(155, 79, 247, .3)) 80%,var(--qtp-span-glow, #9b4ff7) 92%,#ffffff 95.5%,transparent 100%);animation:qtpBorderSpin 2.2s linear infinite}.qtp[data-pill-border=dual] .qtp__heading em:after{content:"";position:absolute;top:-1.5px;right:-1.5px;bottom:-1.5px;left:-1.5px;border-radius:9999px;padding:1.5px;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;background:conic-gradient(from calc(180deg + var(--qtp-border-angle)),transparent 0%,transparent 68%,var(--qtp-span-glow-soft, rgba(155, 79, 247, .3)) 80%,var(--qtp-span-grad2, var(--qtp-span-glow, #f72f7b)) 92%,#ffffff 95.5%,transparent 100%);animation:qtpBorderSpin 2.2s linear infinite}.qtp[data-pill-border=shimmer] .qtp__heading em:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:9999px;background:linear-gradient(108deg,transparent 18%,rgba(255,255,255,.06) 36%,rgba(255,255,255,.6) 50%,rgba(255,255,255,.06) 64%,transparent 82%);background-size:280% 100%;animation:qtpShimmerSweep 4.5s ease-in-out infinite;pointer-events:none}@keyframes qtpShimmerSweep{0%{background-position:210% center;opacity:0}6%{opacity:1}52%{background-position:-80% center;opacity:0}to{background-position:-80% center;opacity:0}}.qtp[data-pill-border=neon] .qtp__heading em{border-color:transparent;animation:qtpNeonFlicker 5s ease-in-out infinite}.qtp[data-pill-border=neon] .qtp__heading em:before{background:linear-gradient(90deg,var(--qtp-span-grad1, var(--qtp-span-glow, #9b4ff7)),var(--qtp-span-grad2, var(--qtp-span-glow, #f72f7b)),var(--qtp-span-grad1, var(--qtp-span-glow, #9b4ff7)));background-size:200% 100%;animation:qtpNeonShift 3s ease-in-out infinite}@keyframes qtpNeonShift{0%,to{background-position:0% center}50%{background-position:100% center}}@keyframes qtpNeonFlicker{0%,88%,to{filter:drop-shadow(0 0 4px var(--qtp-span-glow, #9b4ff7)) drop-shadow(0 0 14px var(--qtp-span-glow-soft, rgba(155, 79, 247, .4)))}89%{filter:drop-shadow(0 0 2px var(--qtp-span-glow, #9b4ff7)) drop-shadow(0 0 5px var(--qtp-span-glow-softer, rgba(155, 79, 247, .2)))}90%{filter:drop-shadow(0 0 4px var(--qtp-span-glow, #9b4ff7)) drop-shadow(0 0 14px var(--qtp-span-glow-soft, rgba(155, 79, 247, .4)))}91%{filter:drop-shadow(0 0 1px var(--qtp-span-glow, #9b4ff7)) drop-shadow(0 0 2px var(--qtp-span-glow-softer, rgba(155, 79, 247, .1)))}92%{filter:drop-shadow(0 0 4px var(--qtp-span-glow, #9b4ff7)) drop-shadow(0 0 14px var(--qtp-span-glow-soft, rgba(155, 79, 247, .4)))}}.qtp[data-pill-border=prismatic] .qtp__heading em{border-color:transparent}.qtp[data-pill-border=prismatic] .qtp__heading em:before{background:conic-gradient(from var(--qtp-border-angle),hsl(270,100%,68%),hsl(330,100%,68%),hsl(20,100%,68%),hsl(60,100%,62%),hsl(140,100%,55%),hsl(190,100%,58%),hsl(230,100%,68%),hsl(270,100%,68%));filter:brightness(1.15) saturate(1.15);animation:qtpBorderSpin 5s linear infinite}@keyframes qtpBorderSpin{to{--qtp-border-angle: 360deg}}@media screen and (max-width:740px){.qtp__chrome{padding:18px 20px;gap:12px}.qtp__logo img{width:var(--qtp-logo-width-m, 100px)}.qtp__back-cta{font-size:12px}.qtp__content{padding:80px 24px 32px;gap:var(--qtp-gap-m, 16px)}.qtp__heading{font-size:var(--qtp-heading-size-m, 36px)}.qtp__heading em{font-size:var(--qtp-span-size-m, inherit)}.qtp__body{font-size:var(--qtp-body-size-m, 15px)}.qtp__email-form{flex-direction:column;align-items:stretch;padding:12px 14px;gap:10px;border-radius:20px}.qtp__email-input{padding:10px 6px;text-align:center}.qtp__email-input::placeholder{text-align:center}.qtp__email-submit{padding:13px 20px;width:100%}.qtp__modal-panel{padding:36px 24px 28px;border-radius:20px}.qtp__modal-row{grid-template-columns:1fr}.qtp__modal-title{font-size:20px}}
/*# sourceMappingURL=/cdn/shop/t/23/assets/quark-teaser-panel.css.map */