.quick-login-onetap{position:fixed;top:calc(var(--header-bottom, 60px) + 20px);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:opacity .3s cubic-bezier(.4,0,.2,1),transform .3s cubic-bezier(.4,0,.2,1),visibility .3s,top .15s ease-out;pointer-events:none}.quick-login-onetap.is-visible{opacity:1;visibility:visible;transform:translate(0) translateY(0) scale(1);pointer-events:auto}.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;padding-left:22px;white-space:nowrap}.quick-login-btn:last-child{margin-bottom:8px}.quick-login-btn:hover{background:#ff9000}.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:#ff9000}.quick-login-btn--apple{background:#333}.quick-login-btn--apple:hover{background:#ff9000}.quick-login-btn--apple .quick-login-icon{color:#fff}.quick-login-btn--meta{background:#333}.quick-login-btn--meta:hover{background:#ff9000}.quick-login-more-wrapper{position:relative;width:100%}.quick-login-btn--more{background:#505050;position:relative}.quick-login-btn--more:hover,.quick-login-btn--more.active{background:#ff9000}.quick-login-icon--small{width:16px;height:16px}.quick-login-more-text{margin-left:6px}.quick-login-dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;background:#404040;border-radius:2px;box-shadow:0 4px 12px #0000004d;padding:8px;z-index:10000;animation:quickLoginFadeIn .2s ease-out}@keyframes quickLoginFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.quick-login-more-wrapper{position:static}.quick-login-dropdown{position:static;margin-top:8px;box-shadow:none;background:transparent;padding:0;animation:quickLoginSlideDown .3s ease-out}@keyframes quickLoginSlideDown{0%{opacity:0;max-height:0;overflow:hidden}to{opacity:1;max-height:500px}}}.quick-login-dropdown .quick-login-btn{margin-bottom:0}.apple-login-option{display:flex;flex-direction:column;gap:8px}.apple-login-hint{font-size:11px;color:#ff9000;background:#ff90001a;border-left:3px solid #ff9000;padding:8px 10px;margin:0;line-height:1.4;border-radius:2px;display:flex;align-items:flex-start}.apple-login-hint svg{flex-shrink:0;margin-top:2px}.apple-login-hint span{flex:1;display:inline}.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;transition:transform .2s ease,background-color .2s ease}.quick-login-btn:hover,.quick-login-btn:active{background:#ff9000!important}.quick-login-btn:active{transform:scale(.98);transition:transform .1s ease}.quick-login-btn{transition:transform .2s ease,background-color .2s ease}.quick-login-btn-content{display:flex;align-items:center;justify-content:flex-start;width:180px;padding-left:22px;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:#ff9000!important}.quick-login-btn--apple{background:#333!important;color:#e0e0e0!important}.quick-login-btn--apple:hover{background:#ff9000!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:#ff9000!important}.quick-login-more-wrapper{width:100%}.quick-login-btn--more{width:100%;height:44px;background:#505050!important}.quick-login-btn--more:hover,.quick-login-btn--more:active{background:#ff9000!important}.quick-login-dropdown{position:static;margin-top:12px;background:transparent;border-radius:0;box-shadow:none;padding:0;z-index:auto;max-height:none;overflow-y:visible}.apple-login-option{display:flex;flex-direction:column;gap:12px;background:transparent}.apple-login-option .quick-login-btn{margin-bottom:0;width:100%}.apple-login-hint{font-size:11px;color:#ff9000;background:#ff900026;border-left:3px solid #ff9000;padding:10px 12px;line-height:1.5;word-break:break-word;border-radius:2px;margin:0}.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;padding-left:20px}.quick-login-icon{height:18px;margin-right:8px}.quick-login-btn--more{height:36px}.quick-login-dropdown{position:static;margin-top:10px;padding:0;max-height:none}.apple-login-option{gap:10px}.apple-login-hint{font-size:11px;padding:8px 10px}.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/19/assets/quick-login-onetap.css.map */