lf-surprise{display:inline-flex;min-width:0}.lf-js lf-surprise:not(:defined) [data-surprise-trigger][hidden]{display:inline-flex!important;visibility:hidden}.lf-surprise__trigger{gap:8px}.lf-surprise__trigger .lf-icon{width:20px;height:20px;flex:none}.lf-surprise__trigger--link{display:inline-flex;align-items:center;min-height:24px;padding:4px 0;border:0;background:none;color:var(--fg);font:600 var(--fs-ui)/1.25 var(--ff-body);text-decoration:underline;text-decoration-color:var(--action-rule);text-decoration-thickness:1.5px;text-underline-offset:.3em;cursor:pointer}.lf-surprise__trigger--link:hover{text-decoration-color:currentColor}.lf-toolbar .lf-surprise__trigger{min-height:44px;padding:0 16px}@media(max-width:479px){.lf-toolbar .lf-surprise__trigger{width:44px;padding:0}.lf-toolbar .lf-surprise__trigger-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}}.lf-surprise--band{display:grid;justify-items:start;gap:28px}.lf-surprise__stack{position:relative;width:236px;height:250px}.lf-surprise__stack-card{position:absolute;top:0;left:calc(var(--i) * 34px);width:150px;padding:8px 8px 24px;background:var(--lf-white);box-shadow:var(--shadow-paper);rotate:calc(-7deg + var(--i) * 6deg);transform-origin:50% 100%}.lf-surprise__stack-card img{width:100%;aspect-ratio:3 / 4;object-fit:cover}.lf-surprise__dialog{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-overlay);display:grid;place-items:center;padding:16px}.lf-surprise__scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--lf-scrim)}.lf-surprise__panel{position:relative;width:min(440px,100%);max-height:calc(100dvh - 32px);overflow-y:auto;overscroll-behavior:contain;padding:16px 22px 24px;border-radius:var(--radius-panel);background:var(--lf-cream-blush);box-shadow:var(--shadow-overlay),var(--shadow-2);color:var(--lf-ink);--focus: var(--lf-ink)}.lf-motion .lf-surprise__dialog:not([hidden]) .lf-surprise__panel{animation:lf-surprise-in var(--dur-slow) var(--ease-out)}.lf-motion .lf-surprise__dialog:not([hidden]) .lf-surprise__scrim{animation:lf-fade-in var(--dur-slow) var(--ease-standard)}@keyframes lf-surprise-in{0%{opacity:0;translate:0 24px}}.lf-surprise__head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.lf-surprise__title{display:inline-flex;align-items:center;gap:10px;font:300 24px/1.1 var(--ff-display);letter-spacing:-.01em}.lf-surprise__title .lf-icon{color:var(--lf-rosewood)}.lf-surprise__close{display:grid;place-items:center;width:44px;height:44px;margin-right:-6px;padding:0;border:0;border-radius:50%;background:none;color:var(--lf-ink);box-shadow:inset 0 0 0 1.5px var(--lf-ink);transition:background-color var(--dur-fast),color var(--dur-fast)}.lf-surprise__close:hover{background:var(--lf-ink);color:var(--lf-cream)}.lf-surprise__polaroid{position:relative;width:min(312px,90%);width:clamp(208px,calc((100dvh - 520px)*.75 + 24px),min(312px,90%));margin:12px auto 0;padding:12px 12px 16px;background:var(--lf-white);box-shadow:var(--shadow-paper);rotate:-2deg}.lf-surprise__photo{position:relative;aspect-ratio:3 / 4;overflow:hidden;background:var(--lf-linen)}.lf-surprise__img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.lf-surprise__badge{position:absolute;top:10px;left:10px;z-index:1}.lf-surprise__polaroid.is-loading .lf-surprise__img{opacity:0}.lf-motion .lf-surprise__polaroid.is-developing{animation:lf-polaroid-in .8s var(--ease-out) both}.lf-motion .lf-surprise__polaroid.is-developing .lf-surprise__img{animation:lf-develop 1.3s var(--ease-out) both}@keyframes lf-polaroid-in{0%{rotate:-7deg;translate:0 12px}}@keyframes lf-develop{0%{opacity:.35;filter:sepia(1) blur(12px) brightness(1.25) contrast(.75)}55%{opacity:.9;filter:sepia(.45) blur(3px) brightness(1.08)}to{opacity:1;filter:none}}.lf-surprise__vendor{margin-top:12px;color:var(--lf-text-2);font:600 var(--fs-hand)/1.1 var(--ff-hand);overflow-wrap:anywhere}.lf-no-hand .lf-surprise__vendor{font:italic 300 20px/1.2 var(--ff-display)}.lf-surprise__name{margin-top:4px;font:300 20px/1.22 var(--ff-display);letter-spacing:0;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.lf-surprise__meta{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:8px 12px;margin-top:2px}.lf-surprise__actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:24px}.lf-surprise__actions .lf-btn{padding:0 14px}@media(max-width:419px){.lf-surprise__actions{grid-template-columns:minmax(0,1fr);gap:8px;margin-top:20px}}.lf-surprise__history{margin-top:20px;padding-top:16px;border-top:1px dashed var(--lf-hairline)}.lf-surprise__history-label{color:var(--lf-text-2);font:600 13.5px/1.3 var(--ff-body)}.lf-surprise__pulls{display:grid;grid-template-columns:repeat(6,minmax(0,52px));gap:8px;margin-top:10px}.lf-surprise__pulls a{display:block;aspect-ratio:3 / 4;overflow:hidden;border-radius:6px;background:var(--lf-linen);box-shadow:inset 0 0 0 1px var(--lf-line)}.lf-surprise__pulls img{width:100%;height:100%;object-fit:cover;transition:scale var(--dur-base) var(--ease-out)}@media(hover:hover)and (pointer:fine){.lf-motion .lf-surprise__pulls a:hover img{scale:1.06}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/component-surprise.css.map */
