.bb-frame{border-radius:var(--mantine-radius-default);isolation:isolate;height:100%;position:relative}.bb-frame-fx{aspect-ratio:var(--bb-frame-aspect,3 / 4);pointer-events:none;z-index:3;border-radius:var(--mantine-radius-default) var(--mantine-radius-default) 0 0;position:absolute;top:0;left:0;right:0;overflow:hidden}.bb-frame-deco{pointer-events:none;z-index:4;position:absolute}.bb-frame:not([data-animate]),.bb-frame:not([data-animate]):before,.bb-frame:not([data-animate]) .bb-frame-fx *,.bb-frame:not([data-animate]) .bb-frame-deco,.bb-frame:not([data-animate]) .bb-frame-deco:after,.bb-frame:not([data-animate]) .bb-frame-deco *{animation-play-state:paused!important}@media (prefers-reduced-motion:reduce){.bb-frame,.bb-frame:before,.bb-frame .bb-frame-fx *,.bb-frame .bb-frame-deco,.bb-frame .bb-frame-deco:after,.bb-frame .bb-frame-deco *{animation:none!important}.bb-fx-p{display:none}}.bb-frame-lace:before,.bb-frame-polaroid:before,.bb-frame-gold:before,.bb-frame-easter:before,.bb-frame-summer:before{content:"";inset:calc(-1 * var(--bb-frame-edge));border-radius:calc(var(--mantine-radius-default) + var(--bb-frame-edge));z-index:-1;position:absolute}.bb-frame-glow:before,.bb-frame-neon:before,.bb-frame-sankthans:before,.bb-frame-lucia:before{content:"";border-radius:inherit;z-index:-1;opacity:0;position:absolute;inset:0}.bb-frame-detail-button{transition:background-color .12s}.bb-frame-detail-button:hover,.bb-frame-detail-button:focus-visible{background-color:var(--mantine-color-default-hover)}.bb-frame-simple{box-shadow:0 0 0 3px var(--mantine-primary-color-filled)}.bb-frame-lace{--bb-frame-edge:7px}.bb-frame-lace:before{background:radial-gradient(circle, color-mix(in srgb, var(--mantine-primary-color-filled) 30%, transparent) 1.6px, transparent 2.2px) 0 0 / 7px 7px, #fff;box-shadow:0 0 0 1px #f3d4df,0 2px 8px #0000001f}.bb-frame-polaroid{--bb-frame-edge:8px;transform:rotate(-1.6deg)}.bb-frame-polaroid:before{background:#fffdf8;border-radius:3px;bottom:-14px;box-shadow:0 6px 18px #0000002e}.bb-frame-vip{box-shadow:0 0 0 3px #1c1418,0 0 0 5px #c8a14a}.bb-frame-glow{box-shadow:0 0 0 2px var(--mantine-primary-color-filled)}.bb-frame-glow:before{box-shadow:0 0 22px 5px color-mix(in srgb, var(--mantine-primary-color-filled) 60%, transparent);animation:2.4s ease-in-out infinite alternate bb-frame-fade}.bb-frame-neon{box-shadow:0 0 0 2px #ff4fd8}.bb-frame-neon:before{opacity:.7;animation:4s ease-in-out infinite alternate bb-frame-fade;box-shadow:0 0 14px 2px #ff4fd8,inset 0 0 10px #ff4fd866}.bb-frame-hearts{box-shadow:0 0 0 2px #ff6b9a}.bb-frame-glitter{box-shadow:0 0 0 2px #e9c46a,0 0 10px #e9c46a99}.bb-frame-gold{--bb-frame-edge:5px}.bb-frame-gold:before{background:linear-gradient(110deg,#8a6a24,#f3dc8b 25%,#b98f35 45%,#fff2c2 55%,#a07a2c 75%,#e8c96b)}.bb-frame-gems{box-shadow:0 0 0 2px #74c0fc,0 0 10px #38bdf873}.bb-frame-newyear{box-shadow:0 0 0 3px #1a1440,0 0 0 5px #e0bd6a}.bb-frame-winter{box-shadow:0 0 0 3px #a5d8ff}.bb-frame-valentine{box-shadow:0 0 0 3px #ff3d7f}.bb-frame-fastelavn{box-shadow:0 0 0 3px #ff922b}.bb-frame-spring{box-shadow:0 0 0 3px #8ccf6b}.bb-frame-easter{--bb-frame-edge:6px}.bb-frame-easter:before{background:repeating-linear-gradient(45deg,#ffe066 0 10px,#fff3bf 10px 20px)}.bb-frame-summer{--bb-frame-edge:5px}.bb-frame-summer:before{background:linear-gradient(#ffd43b,#ff922b 55%,#4dabf7 56%,#1c7ed6)}.bb-frame-sankthans{box-shadow:0 0 0 3px #e8590c}.bb-frame-sankthans:before{animation:1.6s ease-in-out infinite alternate bb-frame-fade;box-shadow:0 0 18px 3px #e8590c8c}.bb-frame-midsommar{box-shadow:0 0 0 3px #f5c542}.bb-frame-autumn{box-shadow:0 0 0 3px #c2410c}.bb-frame-halloween{box-shadow:0 0 0 3px #fd7e14,0 0 0 5px #2b1a2f}.bb-frame-blackweek{box-shadow:0 0 0 3px #0b0b0b,0 0 0 5px #c8a14a}.bb-frame-christmas{box-shadow:0 0 0 3px #c92a2a,0 0 0 5px #2b8a3e}.bb-frame-lucia{box-shadow:0 0 0 3px #fff3bf}.bb-frame-lucia:before{animation:2s ease-in-out infinite alternate bb-frame-fade;box-shadow:0 0 18px 4px #ffd43b99}.bb-fx-col{width:0;height:100%;position:absolute;top:0}.bb-fx-col>*{position:absolute;left:-6px}.bb-fx-fall{animation:linear infinite bb-fx-fall}.bb-fx-fall>*{top:0}.bb-fx-rise{animation:ease-in infinite bb-fx-rise}.bb-fx-rise>*{bottom:0}.bb-fx-row{width:100%;height:0;animation:linear infinite bb-fx-across;position:absolute;left:0}.bb-fx-row>*{position:absolute;top:0;left:-24px}.bb-fx-snow{background:#fff;border-radius:50%;width:6px;height:6px;display:block;box-shadow:0 0 4px #ffffffe6,0 0 1px #0000004d}.bb-fx-confetti{border-radius:1px;width:6px;height:10px;animation:1.3s linear infinite bb-fx-spin;display:block}.bb-fx-petal{background:#ffc9de;border-radius:60% 0;width:10px;height:7px;animation:3s linear infinite bb-fx-spin;display:block}.bb-fx-leaf{color:#d9480f;animation:4s linear infinite bb-fx-spin;display:block}.bb-fx-heart{color:#ff4d88;filter:drop-shadow(0 0 2px #ffffffb3);display:block}.bb-fx-ember{background:#ffb347;border-radius:50%;width:4px;height:4px;display:block;box-shadow:0 0 6px #ff7b00}.bb-fx-ghost{animation:ease-in infinite bb-fx-ghost}.bb-fx-ghost>*{bottom:0;left:-13px}.bb-fx-ghost-body{filter:drop-shadow(0 0 4px #fffc);animation:1.4s ease-in-out infinite alternate bb-fx-wobble;display:block}.bb-fx-sparkle{color:#fff;filter:drop-shadow(0 0 3px #e0bd6a);animation:ease-in-out infinite bb-fx-twinkle;position:absolute}.bb-fx-bat{color:#2b1a2f;animation:.5s ease-in-out infinite alternate bb-fx-flap;display:block}.bb-fx-burst{width:0;height:0;position:absolute}.bb-fx-burst>i{border-radius:50%;width:4px;height:4px;animation:ease-out infinite bb-fx-burst;position:absolute;top:-2px;left:-2px}.bb-frame-tape{background:#f0e1aad9;width:64px;height:18px;margin-left:-32px;top:-9px;left:50%;transform:rotate(-3deg)}.bb-frame-label{font:700 12px/1.4 var(--mantine-font-family);letter-spacing:.12em;white-space:nowrap;color:#c8a14a;background:#1c1418;border-radius:999px;padding:2px 12px;position:absolute;bottom:8px;left:50%;transform:translate(-50%);box-shadow:0 0 0 1px #c8a14a,0 2px 6px #00000059}.bb-frame-gem{filter:drop-shadow(0 0 3px #7dd3fcf2)drop-shadow(0 1px 1px #0c4a6e59);animation:2.6s ease-in-out infinite bb-frame-gem;display:flex}.bb-frame-shine{inset:calc(-1 * var(--bb-frame-edge,0px));border-radius:calc(var(--mantine-radius-default) + var(--bb-frame-edge,0px));z-index:-1;overflow:hidden}.bb-frame-shine:after{content:"";background:linear-gradient(100deg,#0000,#ffffffd9,#0000);width:40%;animation:4s linear infinite bb-frame-shine;position:absolute;top:0;bottom:0;left:0}.bb-frame-wire{height:12px;display:flex;top:-10px;left:0;right:0}.bb-frame-bulb{border-radius:45% 45% 50% 50%/40% 40% 60% 60%;width:8px;height:11px;margin-left:-4px;animation:1.6s step-end infinite bb-frame-blink;top:1px}.bb-frame-bulb:before{content:"";background:#1e5631;border-radius:1px;width:5px;height:4px;position:absolute;top:-3px;left:1.5px}.bb-frame-glint{z-index:5;opacity:0;animation:24s linear infinite bb-frame-glint;inset:0}.bb-frame-glint>span{filter:drop-shadow(0 0 2px #ffd43b)drop-shadow(0 0 6px #ffc400d9);animation:9s linear infinite bb-fx-spin;display:flex;position:absolute;top:-18px;left:-18px}.bb-frame-sun{background:radial-gradient(circle, #ffe066 0 36%, transparent 37%), repeating-conic-gradient(#ffd43b 0 10deg, transparent 10deg 30deg);border-radius:50%;width:56px;height:56px;animation:14s linear infinite bb-fx-spin;position:absolute;bottom:2px;right:-14px}.bb-frame-waves{opacity:.85;background:radial-gradient(circle at 10px -4px,#0000 12px,#4dabf7 13px) 0 0/20px 16px repeat-x;width:200%;height:16px;animation:3s linear infinite bb-frame-waves;position:absolute;bottom:0;left:0}.bb-frame-candle{background:#fffaf0;border-radius:1px;width:5px;height:12px;margin-left:-2px;top:-9px;box-shadow:0 0 0 1px #0000001f}.bb-frame-flame{transform-origin:50% 100%;background:radial-gradient(circle at 50% 70%,#fff3bf,#ffa94d 60%,#0000 70%);border-radius:50% 50% 40% 40%;width:7px;height:11px;margin-left:-3px;animation:.9s ease-in-out infinite alternate bb-frame-flicker;top:-20px}.bb-frame-flower{transform-origin:50% 100%;margin-left:-8px;animation:3s ease-in-out infinite alternate bb-frame-sway;top:-10px}.bb-frame-flake{color:#d0ebff;filter:drop-shadow(0 0 2px #00000059);animation:10s linear infinite bb-fx-spin;position:absolute}.bb-frame-fir{display:flex;position:absolute;bottom:-4px}.bb-frame-fir-sway{transform-origin:10% 90%;animation:3.4s ease-in-out infinite alternate bb-frame-fir;display:flex;position:relative}.bb-frame-fir-heart{color:#e03131;filter:drop-shadow(0 1px 1px #00000059);animation:1.6s ease-in-out infinite bb-frame-heartbeat;display:flex;position:absolute;bottom:16px;left:15px}.bb-frame-spider{animation:4s ease-in-out infinite bb-frame-dangle;position:absolute;top:0;right:10%}.bb-frame-spider:before{content:"";background:#ffffffb3;width:1px;height:400px;position:absolute;bottom:100%;left:50%}.bb-frame-chick{width:100%;height:0;animation:9s linear infinite bb-frame-walk;position:absolute;bottom:4px;left:0}.bb-frame-chick>*{position:absolute;bottom:0;left:-28px}.bb-frame-egg{animation:1.8s ease-in-out infinite bb-frame-hop;position:absolute;bottom:4px}@keyframes bb-frame-fade{to{opacity:1}}@keyframes bb-frame-gem{0%,to{transform:rotate(-10deg)scale(1)}50%{transform:rotate(10deg)scale(1.15)}}@keyframes bb-frame-shine{0%{transform:translate(-120%)}to{transform:translate(320%)}}@keyframes bb-frame-blink{50%{opacity:.35}}@keyframes bb-frame-waves{to{transform:translate(-50%)}}@keyframes bb-frame-flicker{to{opacity:.8;transform:scale(1.15,.85)}}@keyframes bb-frame-sway{to{transform:rotate(14deg)}}@keyframes bb-frame-glint{0%{transform:translate(var(--ax), var(--ay));opacity:0}2.5%{opacity:1}5%{transform:translate(var(--ax), var(--ay));opacity:0}5.1%{transform:translate(var(--bx), var(--by))}38%{transform:translate(var(--bx), var(--by));opacity:0}40.5%{opacity:1}43%{transform:translate(var(--bx), var(--by));opacity:0}43.1%{transform:translate(var(--cx), var(--cy))}72%{transform:translate(var(--cx), var(--cy));opacity:0}74.5%{opacity:1}77%{transform:translate(var(--cx), var(--cy));opacity:0}77.1%{transform:translate(var(--ax), var(--ay))}to{transform:translate(var(--ax), var(--ay));opacity:0}}@keyframes bb-frame-fir{0%{transform:rotate(-3deg)}to{transform:rotate(4deg)}}@keyframes bb-frame-heartbeat{0%,60%,to{transform:scale(1)}15%{transform:scale(1.2)}30%{transform:scale(1.05)}45%{transform:scale(1.15)}}@keyframes bb-frame-dangle{0%,to{transform:translateY(4px)}50%{transform:translateY(56px)}}@keyframes bb-frame-walk{0%{transform:translate(0)scaleX(1)}48%{transform:translate(calc(100% + 28px))scaleX(1)}50%{transform:translate(calc(100% + 28px))scaleX(-1)}98%{transform:translate(0)scaleX(-1)}to{transform:translate(0)scaleX(1)}}@keyframes bb-frame-hop{50%{transform:translateY(-6px)rotate(-8deg)}}@keyframes bb-fx-fall{0%{transform:translateY(-6%)}to{transform:translateY(100%)}}@keyframes bb-fx-rise{0%{opacity:0;transform:translateY(6%)}15%{opacity:1}to{opacity:0;transform:translateY(-85%)}}@keyframes bb-fx-ghost{0%{opacity:0;transform:translateY(12%)}15%{opacity:.95}70%{opacity:.8}to{transform:translate(var(--bb-ghost-drift,0px), var(--bb-ghost-rise,-70%));opacity:0}}@keyframes bb-fx-wobble{0%{transform:translate(-3px)rotate(-6deg)}to{transform:translate(3px)rotate(6deg)}}@keyframes bb-fx-across{0%{transform:translate(0)}to{transform:translate(calc(100% + 48px))}}@keyframes bb-fx-spin{to{transform:rotate(360deg)}}@keyframes bb-fx-twinkle{0%,to{opacity:0;transform:scale(.2)rotate(0)}50%{opacity:1;transform:scale(1.1)rotate(45deg)}}@keyframes bb-fx-flap{to{transform:scaleY(.6)}}@keyframes bb-fx-burst{0%,8%{transform:rotate(var(--bb-angle)) translateX(0);opacity:0}12%{opacity:1}55%{transform:rotate(var(--bb-angle)) translateX(34px);opacity:1}70%,to{transform:rotate(var(--bb-angle)) translateX(40px);opacity:0}}