.quick-login-onetap{position:fixed;top:calc(var(--header-height, 100px) + 16px);right:24px;transform:translate(10px) translateY(0) scale(1);z-index:9999;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif;opacity:0;visibility:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);pointer-events:none;will-change:transform,opacity}.quick-login-onetap.is-visible{opacity:1;visibility:visible;transform:translate(0) translateY(0) scale(1);pointer-events:auto}.quick-login-onetap.scroll-follow{transition:transform .4s cubic-bezier(.25,.1,.25,1)}.quick-login-container{width:300px;background:#404040;border-radius:2px;padding:16px 24px;box-shadow:0 4px 16px #0006;position:relative;color:#e0e0e0}.quick-login-close{position:absolute;top:12px;right:12px;background:none;border:none;color:#999;cursor:pointer;padding:4px;border-radius:4px;transition:color .2s ease;z-index:1}.quick-login-close:hover{color:#fff;background:#ffffff1a}.quick-login-header{margin:0 0 8px;text-align:left}.quick-login-title{font-size:16px;font-weight:600;color:#e0e0e0;margin:0 0 6px;line-height:1.2}.quick-login-subtitle{font-size:13px;color:#b0b0b0;margin:0 0 10px;font-weight:400}.quick-login-buttons{margin:0}.quick-login-btn{display:flex;align-items:center;justify-content:center;width:252px;height:32px;padding:0 16px;margin-bottom:8px;background:#505050;border:none;border-radius:2px;color:#e0e0e0;font-size:12px;font-weight:500;cursor:pointer;transition:background-color .2s ease;position:relative}.quick-login-btn-content{display:flex;align-items:center;justify-content:flex-start;width:180px;white-space:nowrap}.quick-login-btn:last-child{margin-bottom:8px}.quick-login-btn:hover{background:#606060}.quick-login-icon{margin-right:10px;height:18px;width:auto;flex-shrink:0;vertical-align:middle}.quick-login-btn-content span{line-height:1;vertical-align:middle}.quick-login-btn--google{background:#333}.quick-login-btn--google:hover{background:#404040}.quick-login-btn--apple{background:#333}.quick-login-btn--apple:hover{background:#404040}.quick-login-btn--apple .quick-login-icon{color:#fff}.quick-login-btn--meta{background:#333}.quick-login-btn--meta:hover{background:#404040}.quick-login-footer{margin:0}.quick-login-disclaimer{font-size:11px;color:#999;line-height:1.4;margin:0;font-weight:400}.quick-login-link{color:#e0e0e0;text-decoration:underline;text-decoration-color:#999;transition:text-decoration-color .2s ease}.quick-login-link:hover{text-decoration-color:#e0e0e0}.quick-login-btn.loading{opacity:.7;pointer-events:none}.quick-login-btn.loading:after{content:"";position:absolute;right:20px;top:0;bottom:0;margin:auto;width:16px;height:16px;border:2px solid currentColor;border-top-color:transparent;border-radius:50%;animation:spin .8s linear infinite;z-index:1}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 768px){.quick-login-onetap{top:auto;bottom:0;left:0;right:0;transform:translateY(100%);transition:transform .4s cubic-bezier(.4,0,.2,1),opacity .3s ease;padding-bottom:env(safe-area-inset-bottom,0)}.quick-login-onetap.is-visible{transform:translateY(0)}.quick-login-container{width:100%;max-width:500px;margin:0 auto;border-radius:2px 2px 0 0;padding:20px 24px 24px;padding-bottom:calc(24px + env(safe-area-inset-bottom,0));background:#404040!important;color:#e0e0e0!important;box-shadow:0 -4px 24px #0006}.quick-login-container:before{content:"";position:absolute;top:8px;left:50%;transform:translate(-50%);width:36px;height:4px;background:#666;border-radius:2px}.quick-login-close{top:16px;right:16px;color:#999}.quick-login-close:hover{background:#ffffff1a;color:#fff}.quick-login-title{font-size:18px;color:#e0e0e0!important;margin-top:8px}.quick-login-subtitle{font-size:14px;color:#b0b0b0!important;margin-bottom:16px}.quick-login-btn{width:100%;height:44px;padding:0 16px;font-size:14px;background:#505050!important;border:none!important;color:#e0e0e0!important;margin-bottom:12px;border-radius:2px;-webkit-tap-highlight-color:rgba(255,255,255,.1);touch-action:manipulation}.quick-login-btn:hover,.quick-login-btn:active{background:#606060!important}.quick-login-btn:active{transform:scale(.98);transition:transform .1s ease}.quick-login-btn-content{display:flex;align-items:center;justify-content:flex-start;width:180px;margin:0 auto}.quick-login-icon{margin-right:10px;height:20px;flex-shrink:0;position:static}.quick-login-btn--google{background:#333!important}.quick-login-btn--google:hover{background:#404040!important}.quick-login-btn--apple{background:#333!important;color:#e0e0e0!important}.quick-login-btn--apple:hover{background:#404040!important}.quick-login-btn--apple .quick-login-icon{color:#e0e0e0}.quick-login-btn--meta{background:#333!important;color:#e0e0e0!important}.quick-login-btn--meta:hover{background:#404040!important}.quick-login-disclaimer{font-size:12px;color:#999!important;text-align:center;line-height:1.5;margin-top:8px}.quick-login-link{color:#e0e0e0!important;text-decoration:underline;text-decoration-color:#999}.quick-login-link:hover{text-decoration-color:#e0e0e0}}@media (max-width: 480px){.quick-login-onetap{bottom:0;transform:translateY(100%)}.quick-login-onetap.is-visible{transform:translateY(0)}.quick-login-container{padding:16px 20px 20px;border-radius:2px 2px 0 0}.quick-login-container:before{top:6px;width:32px;height:3px}.quick-login-close{top:12px;right:12px}.quick-login-title{font-size:16px;margin-top:6px}.quick-login-subtitle{font-size:13px;margin-bottom:14px}.quick-login-btn{height:36px;font-size:13px;margin-bottom:10px;border-radius:2px}.quick-login-btn-content{width:160px}.quick-login-icon{height:18px;margin-right:8px}.quick-login-disclaimer{font-size:11px;margin-top:6px}}@media (max-width: 768px){.quick-login-onetap.is-visible:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:#0006;z-index:-1;animation:fadeIn .3s ease}}@keyframes slideInFromRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes slideInFromBottom{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.quick-login-onetap.auto-show{animation:slideInFromRight .4s cubic-bezier(.4,0,.2,1) forwards}@media (max-width: 768px){.quick-login-onetap.auto-show{animation:slideInFromBottom .4s cubic-bezier(.4,0,.2,1) forwards}}@media (prefers-contrast: high){.quick-login-container{border:2px solid white}.quick-login-btn{border:1px solid #666}}.quick-login-onetap,.quick-login-container{backface-visibility:hidden;-webkit-backface-visibility:hidden;transform-style:preserve-3d;-webkit-transform-style:preserve-3d}.quick-login-onetap.parallax-active{will-change:transform,opacity;contain:layout style paint}@media (prefers-reduced-motion: reduce){.quick-login-onetap{transition:none}.quick-login-onetap.auto-show{animation:none}.quick-login-btn.loading:after{animation:none}.quick-login-onetap.parallax-active{transform:translate(0) translateY(0) scale(1)!important;opacity:1!important;transition:none!important}.quick-login-onetap.scroll-follow{transition:none!important}}.quick-login-close:focus,.quick-login-btn:focus,.quick-login-link:focus{outline:2px solid #4285f4;outline-offset:2px}.quick-login-btn--google[data-hidden-in-app=true]{display:none!important;margin:0!important;height:0!important;padding:0!important}.quick-login-onetap.in-app-browser .quick-login-btn--apple{margin-top:0}.quick-login-onetap.in-app-browser .quick-login-header:after{content:""}
/*# sourceMappingURL=/cdn/shop/t/51/assets/quick-login-onetap.css.map */