.liss-surprise-block,.liss-surprise-drawer{--liss-color-bg: var(--color-background, #fafafa);--liss-color-fg: var(--color-foreground, #1a1a1a);--liss-color-border: var(--color-border, #e5e5e5);--liss-color-muted: var(--color-foreground-muted, #6b6b6b);--liss-color-accent: var(--color-accent, #1a1a1a);--liss-color-accent-light: #f5f5f5;--liss-border-width: var(--style-border-width, 1px);--liss-radius: 4px;--liss-radius-lg: 8px;--liss-shadow: 0 4px 24px rgba(0, 0, 0, .12);--liss-transition: .2s ease;font-family:inherit;font-size:14px;line-height:1.5;color:var(--liss-color-fg)}.liss-surprise-block{margin:16px 0}.liss-surprise-trigger{position:relative;display:flex;align-items:flex-start;gap:16px;padding:24px;background-color:var(--liss-color-bg);border:var(--liss-border-width) solid var(--liss-color-border);border-radius:var(--liss-radius);cursor:pointer;transition:all .3s ease}.liss-surprise-trigger:hover{border-color:var(--liss-color-fg)}.liss-surprise-trigger-badge{position:absolute;top:-1px;right:16px;display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background-color:var(--liss-color-fg);color:var(--liss-color-bg);font-size:9px;font-weight:600;letter-spacing:.12em;text-transform:uppercase}.liss-surprise-trigger-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:var(--liss-color-accent-light);border:var(--liss-border-width) solid var(--liss-color-fg);border-radius:50%;color:var(--liss-color-fg);flex-shrink:0}.liss-surprise-trigger-icon svg{width:24px;height:24px;stroke-width:1.5}.liss-surprise-trigger-content{display:flex;flex-direction:column;gap:6px;flex:1;padding-top:4px}.liss-surprise-trigger-title{font-family:var(--font-heading-family, var(--font-body-family));font-weight:500;letter-spacing:.02em;font-size:16px;color:var(--liss-color-fg)}.liss-surprise-trigger-subtitle{font-size:13px;color:var(--liss-color-muted);line-height:1.5}.liss-surprise-trigger-cta{display:inline-flex;align-items:center;gap:6px;margin-top:8px;color:var(--liss-color-fg);font-size:13px;font-weight:600;letter-spacing:.04em;text-decoration:underline;text-underline-offset:3px;transition:opacity .2s ease}.liss-surprise-trigger:hover .liss-surprise-trigger-cta{opacity:.8}.liss-surprise-summary{padding:20px;background-color:var(--liss-color-bg);border:var(--liss-border-width) solid var(--liss-color-border);border-radius:var(--liss-radius)}.liss-surprise-summary[hidden]{display:none}.liss-surprise-summary-header{margin-bottom:16px}.liss-surprise-summary-badge{display:inline-block;padding:4px 10px;background-color:var(--liss-color-fg);color:var(--liss-color-bg);font-size:10px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.liss-surprise-summary-colors{display:flex;gap:12px;margin-bottom:12px}.liss-surprise-color-chip{width:40px;height:40px;border-radius:50%;border:2px solid #fff;box-shadow:0 2px 8px #00000026}.liss-surprise-summary-text{margin:0 0 16px;font-size:14px;color:var(--liss-color-fg)}.liss-surprise-summary-actions{padding-top:12px;border-top:1px solid var(--liss-color-border)}.liss-surprise-link{padding:0;background:none;border:none;color:var(--liss-color-fg);font-size:13px;font-weight:500;text-decoration:underline;text-underline-offset:2px;cursor:pointer;transition:opacity var(--liss-transition)}.liss-surprise-link:hover{opacity:.7}.liss-surprise-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#00000080;z-index:99999;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.liss-surprise-overlay.is-visible{opacity:1;visibility:visible}.liss-surprise-overlay[hidden]{display:block}.liss-surprise-drawer{position:fixed;top:0;right:0;bottom:0;width:100%;max-width:480px;height:100%;height:100dvh;background-color:var(--liss-color-bg);z-index:100000;display:flex;flex-direction:column;transform:translate(100%);transition:transform .3s ease;box-shadow:var(--liss-shadow);overflow:hidden}.liss-surprise-drawer.is-visible{transform:translate(0)}.liss-surprise-drawer[hidden]{display:flex;transform:translate(100%)}.liss-surprise-drawer-inner{display:flex;flex-direction:column;height:100%;width:100%;overflow:hidden}.liss-surprise-drawer-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--liss-color-border);flex-shrink:0}.liss-surprise-drawer-title{margin:0;font-size:20px;font-weight:400;letter-spacing:.02em}.liss-surprise-drawer-close{display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;background:none;border:none;color:var(--liss-color-fg);cursor:pointer;border-radius:50%;transition:background-color var(--liss-transition)}.liss-surprise-drawer-close:hover{background-color:var(--liss-color-border)}.liss-surprise-drawer-body{flex:1 1 auto;overflow-y:auto;overflow-x:hidden;padding:32px 24px;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.liss-surprise-step{display:block}.liss-surprise-step[hidden]{display:none}.liss-surprise-step-intro{text-align:center;margin-bottom:32px}.liss-surprise-step-icon{display:inline-flex;align-items:center;justify-content:center;width:72px;height:72px;margin-bottom:20px;background:var(--liss-color-accent-light);border:var(--liss-border-width) solid var(--liss-color-fg);border-radius:50%;color:var(--liss-color-fg)}.liss-surprise-step-icon svg{width:32px;height:32px}.liss-surprise-step-title{margin:0 0 12px;font-size:24px;font-weight:400;letter-spacing:.02em}.liss-surprise-step-description{margin:0;font-size:15px;line-height:1.6;color:var(--liss-color-muted)}.liss-surprise-step-description em{font-style:italic;color:var(--liss-color-fg)}.liss-surprise-input-wrapper{position:relative;display:flex;align-items:center;background:#f8f8f8;border:2px solid transparent;border-radius:var(--liss-radius);transition:all var(--liss-transition)}.liss-surprise-input-wrapper:focus-within{background:#fff;border-color:var(--liss-color-fg)}.liss-surprise-input-prefix{padding-left:16px;font-size:16px;font-weight:500;color:var(--liss-color-muted)}.liss-surprise-input{flex:1;width:100%;padding:16px 16px 16px 4px;font-size:16px;font-family:inherit;color:var(--liss-color-fg);background:transparent;border:none;outline:none}.liss-surprise-input::placeholder{color:#bbb}.liss-surprise-input-hint{margin:12px 0 0;font-size:12px;color:var(--liss-color-muted);text-align:center}.liss-surprise-input-error{margin:12px 0 0;font-size:13px;color:#c53030;text-align:center}.liss-surprise-input-error[hidden]{display:none}.liss-surprise-privacy{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:24px;padding:12px 16px;background:#fafafa;border-radius:var(--liss-radius);font-size:11px;color:var(--liss-color-muted)}.liss-surprise-privacy svg{flex-shrink:0;color:var(--liss-color-fg)}.liss-surprise-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.liss-surprise-loading-animation{position:relative;width:80px;height:80px;margin-bottom:32px}.liss-surprise-loading-ring{position:absolute;top:0;right:0;bottom:0;left:0;border:2px solid transparent;border-top-color:var(--liss-color-fg);border-radius:50%;animation:surprise-spin 1.2s cubic-bezier(.5,0,.5,1) infinite}.liss-surprise-loading-ring:nth-child(1){animation-delay:-.45s}.liss-surprise-loading-ring:nth-child(2){top:8px;right:8px;bottom:8px;left:8px;animation-delay:-.3s}.liss-surprise-loading-ring:nth-child(3){top:16px;right:16px;bottom:16px;left:16px;animation-delay:-.15s}@keyframes surprise-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.liss-surprise-loading-title{margin:0 0 8px;font-size:20px;font-weight:400}.liss-surprise-loading-subtitle{margin:0;font-size:14px;color:var(--liss-color-muted)}.liss-surprise-postcard{background:linear-gradient(180deg,#fdfcfa,#f8f4ec);border:var(--liss-border-width) solid var(--liss-color-border);border-radius:var(--liss-radius-lg);padding:28px;box-shadow:var(--liss-shadow)}.liss-surprise-postcard-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.liss-surprise-postcard-badge{display:inline-block;padding:6px 12px;background-color:var(--liss-color-fg);color:var(--liss-color-bg);font-size:9px;font-weight:600;letter-spacing:.1em;text-transform:uppercase}.liss-surprise-postcard-for{font-size:13px;color:var(--liss-color-muted)}.liss-surprise-postcard-colors{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:24px}.liss-surprise-postcard-color{text-align:center}.liss-surprise-postcard-color-image{width:100%;aspect-ratio:1;border-radius:var(--liss-radius);background-size:cover;background-position:center;margin-bottom:10px;box-shadow:0 4px 12px #0000001a}.liss-surprise-postcard-color-name{font-size:14px;font-weight:500;letter-spacing:.04em;text-transform:uppercase}.liss-surprise-postcard-reasoning{position:relative;margin-bottom:28px;padding:24px 28px 24px 32px;background-color:#fff;border-left:3px solid var(--liss-color-fg);border-radius:0 var(--liss-radius-lg) var(--liss-radius-lg) 0;font-size:15px;line-height:1.9;color:var(--liss-color-fg);box-shadow:0 2px 12px #0000000f}.liss-surprise-postcard-reasoning b{color:var(--liss-color-fg);font-weight:600}.liss-surprise-postcard-reasoning:before{content:'"';position:absolute;top:12px;left:10px;font-family:Georgia,serif;font-size:40px;line-height:1;color:var(--liss-color-fg);opacity:.2}.liss-surprise-postcard-reasoning:after{content:"";display:none}.liss-surprise-postcard-inspiration{margin-bottom:24px;padding:20px;background-color:#fff;border-radius:var(--liss-radius-lg)}.liss-surprise-postcard-inspiration-label{display:flex;align-items:center;gap:8px;margin-bottom:16px;font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--liss-color-muted)}.liss-surprise-postcard-inspiration-label:before{content:"\2665";font-size:14px}.liss-surprise-postcard-inspiration-label:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,var(--liss-color-border) 0%,transparent 100%)}.liss-surprise-postcard-posts{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.liss-surprise-postcard-post{position:relative;width:100px;height:100px;border-radius:var(--liss-radius);background-color:#e5e5e5;background-size:cover;background-position:center;box-shadow:0 2px 8px #00000014,0 8px 24px #0000000f;transition:transform .3s ease,box-shadow .3s ease;overflow:hidden}.liss-surprise-postcard-post:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border:1px solid rgba(255,255,255,.5);border-radius:var(--liss-radius);pointer-events:none}.liss-surprise-postcard-post:hover{transform:scale(1.05);box-shadow:0 4px 16px #0000001f,0 12px 32px #00000014}.liss-surprise-postcard-post:nth-child(odd){transform:rotate(-2deg)}.liss-surprise-postcard-post:nth-child(2n){transform:rotate(2deg)}.liss-surprise-postcard-post:nth-child(odd):hover{transform:scale(1.05) rotate(-2deg)}.liss-surprise-postcard-post:nth-child(2n):hover{transform:scale(1.05) rotate(2deg)}.liss-surprise-postcard-footer{display:flex;align-items:center;justify-content:space-between;padding-top:16px;border-top:var(--liss-border-width) solid var(--liss-color-border)}.liss-surprise-postcard-brand{font-family:var(--font-heading-family, serif);font-size:18px;font-weight:400;letter-spacing:.2em}.liss-surprise-postcard-tagline{font-size:11px;color:var(--liss-color-muted);font-style:italic}.liss-surprise-share-buttons{display:flex;gap:12px;margin-top:20px}.liss-surprise-share-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;background:#f5f5f5;border:1px solid var(--liss-color-border);border-radius:var(--liss-radius);font-size:13px;font-weight:500;color:var(--liss-color-fg);cursor:pointer;transition:all var(--liss-transition)}.liss-surprise-share-btn:hover{background:#eee}.liss-surprise-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.liss-surprise-error-icon{display:flex;align-items:center;justify-content:center;width:64px;height:64px;margin-bottom:20px;background:#fef2f2;border-radius:50%;color:#c53030}.liss-surprise-error-icon svg{width:32px;height:32px}.liss-surprise-error-title{margin:0 0 8px;font-size:20px;font-weight:400}.liss-surprise-error-message{margin:0 0 24px;font-size:14px;color:var(--liss-color-muted)}.liss-surprise-limit{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.liss-surprise-limit-icon{display:flex;align-items:center;justify-content:center;width:64px;height:64px;margin-bottom:20px;background:linear-gradient(135deg,#fce4ec,#f8bbd9);border-radius:50%;color:#c2185b}.liss-surprise-limit-icon svg{width:32px;height:32px}.liss-surprise-limit-title{margin:0 0 12px;font-size:20px;font-weight:400}.liss-surprise-limit-message{margin:0 0 8px;font-size:14px;color:var(--liss-color-muted);max-width:320px}.liss-surprise-limit-hint{margin:0 0 24px;font-size:12px;color:var(--liss-color-muted);opacity:.8}.liss-surprise-past-matches{display:flex;flex-direction:column;gap:12px;width:100%;max-width:320px;margin:20px 0}.liss-surprise-past-match{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#fff;border:1px solid var(--liss-color-border);border-radius:var(--liss-radius);transition:all .2s ease}.liss-surprise-past-match:hover{border-color:var(--liss-color-fg)}.liss-surprise-past-match-colors{display:flex;gap:4px}.liss-surprise-past-match-chip{width:24px;height:24px;border-radius:50%;border:2px solid #fff;box-shadow:0 1px 3px #00000026}.liss-surprise-past-match-info{flex:1;display:flex;flex-direction:column;text-align:left}.liss-surprise-past-match-name{font-size:14px;font-weight:500}.liss-surprise-past-match-user{font-size:12px;color:var(--liss-color-muted)}.liss-surprise-past-match-select{padding:6px 14px;font-size:12px;font-weight:500;color:#fff;background:var(--liss-color-accent);border:none;border-radius:var(--liss-radius);cursor:pointer;transition:opacity .2s ease}.liss-surprise-past-match-select:hover{opacity:.85}.liss-surprise-drawer-footer{padding:20px 24px;padding-bottom:max(20px,env(safe-area-inset-bottom));border-top:1px solid var(--liss-color-border);background-color:var(--liss-color-bg);flex-shrink:0}.liss-surprise-footer-actions{display:flex;gap:12px}.liss-surprise-footer-actions[hidden]{display:none}.liss-surprise-btn{flex:1;padding:14px 24px;font-size:14px;font-weight:500;font-family:inherit;letter-spacing:.02em;border-radius:var(--liss-radius);cursor:pointer;transition:all var(--liss-transition)}.liss-surprise-btn--outline{background:transparent;color:var(--liss-color-fg);border:1px solid var(--liss-color-fg)}.liss-surprise-btn--outline:hover{background:#f5f5f5}.liss-surprise-btn--primary{background-color:var(--liss-color-fg);color:var(--liss-color-bg);border:var(--liss-border-width) solid var(--liss-color-fg)}.liss-surprise-btn--primary:hover{opacity:.9}.liss-surprise-btn--primary:disabled{opacity:.5;cursor:not-allowed}.liss-surprise-btn--full{width:100%}@media(max-width:480px){.liss-surprise-drawer{max-width:100%}.liss-surprise-drawer-body{padding:24px 20px}.liss-surprise-postcard{padding:20px}.liss-surprise-postcard-colors{gap:12px}.liss-surprise-postcard-reasoning{padding:20px 20px 20px 26px;font-size:14px}.liss-surprise-postcard-reasoning:before{font-size:32px;top:8px;left:6px}.liss-surprise-postcard-post{width:85px;height:85px}.liss-surprise-postcard-inspiration{padding:16px}.liss-surprise-postcard-posts{gap:10px}.liss-surprise-trigger{padding:20px}.liss-surprise-trigger-icon{width:40px;height:40px}.liss-surprise-trigger-icon svg{width:20px;height:20px}}
/*# sourceMappingURL=/cdn/shop/t/21/assets/surprise-block.css.map */