@keyframes _1310ock{0%{opacity:0;transform:scale(.86)}55%{opacity:1}to{opacity:0;transform:scale(1.5)}}
@keyframes _1310ocm{0%,to{opacity:.45}50%{opacity:1}}
@keyframes _1310ocr{0%{background-position:0%}to{background-position:200%}}
._1310oc0{border-radius:var(--radius-lg__hgrr2ff4);isolation:isolate;width:100%;max-width:min(320px,92%);position:relative;overflow:hidden}
._1310oc1{width:100%;position:relative;overflow:hidden}
._1310oc2{padding:11px 12px}
._1310oc3{cursor:zoom-in}
._1310oc4{aspect-ratio:3/4}
._1310oc5{aspect-ratio:3/4}
._1310oc6{min-height:132px}
._1310oc7{filter:blur(20px)saturate(1.35)brightness(1.18);object-fit:cover;width:100%;height:100%;transition:filter .62s,transform .62s;position:absolute;inset:0;transform:scale(1.12)}
._1310oc8{filter:blur()saturate();transform:scale(1)}
._1310oc9{background:linear-gradient(to bottom, color-mix(in srgb, var(--color-surface-sunken__hgrr2fd4) 46%, transparent) 0%, color-mix(in srgb, var(--color-surface-sunken__hgrr2fd4) 62%, transparent) 50%, color-mix(in srgb, var(--color-surface-sunken__hgrr2fd4) 52%, transparent) 100%);pointer-events:none;transition:opacity .62s;position:absolute;inset:0}
._1310oca{color:var(--color-text-primary__hgrr2fd9);opacity:.2;pointer-events:none;display:flex;position:absolute}
._1310ocb{pointer-events:auto;z-index:1;position:relative}
._1310occ{object-fit:cover;width:100%;height:100%}
._1310ocd{flex:1;justify-content:center;align-items:center;display:flex;position:relative}
._1310oce{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:color-mix(in srgb, var(--color-surface-sunken__hgrr2fd4) 74%, transparent);border-radius:var(--radius-md__hgrr2ff3);text-align:center;max-width:calc(100% - 8px);padding:3px 8px}
._1310ocf{align-self:flex-start}
._1310ocg{opacity:0}
._1310och{padding:12px;position:absolute;inset:0}
._1310oci{pointer-events:none}
._1310oci>*{pointer-events:auto}
._1310ocj{filter:grayscale(.7);opacity:.55}
._1310ocl{animation-name:_1310ock;animation-duration:.76s;animation-timing-function:var(--motion-easing-standard__hgrr2fg5);background:radial-gradient(circle, [object Object] 0%, transparent 62%);pointer-events:none;border-radius:50%;position:absolute;inset:18%}
._1310ocn{border-radius:var(--radius-md__hgrr2ff3);object-fit:cover;flex-shrink:0;width:44px;height:44px}
._1310oco{background:color-mix(in srgb, var(--color-surface-sunken__hgrr2fd4) 82%, transparent)}
._1310ocp{border-radius:var(--radius-md__hgrr2ff3);color:inherit;opacity:.65;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;margin-left:auto;transition:opacity .15s;display:flex}
._1310ocp:hover{opacity:1}
._1310ocq{animation-name:_1310ocm;animation-duration:1.6s;animation-iteration-count:infinite}
._1310ocs{background:color-mix(in srgb, var(--color-surface-sunken__hgrr2fd4) 70%, transparent);border-radius:999px;width:min(72%,220px);height:6px;overflow:hidden}
._1310oct{background:linear-gradient(90deg, var(--color-primary-500__hgrr2fb1), color-mix(in srgb, var(--color-primary-500__hgrr2fb1) 55%, white), var(--color-primary-500__hgrr2fb1));background-size:200% 100%;border-radius:999px;height:100%;transition:width .7s ease-out;animation-name:_1310ocr;animation-duration:1.4s;animation-timing-function:linear;animation-iteration-count:infinite}
@media (prefers-reduced-motion:reduce){._1310oc8,._1310ocg{transition:none}._1310ocl{opacity:0;animation-name:none}._1310ocq,._1310oct{animation-name:none}}