@layer seed-components{.seed-image-frame__root{border-radius:inherit;isolation:isolate;--seed-image-frame-safe-area-left-base:0px;--seed-image-frame-safe-area-left-sm:var(--seed-image-frame-safe-area-left-base,initial);--seed-image-frame-safe-area-left-md:var(--seed-image-frame-safe-area-left-sm,initial);--seed-image-frame-safe-area-left-lg:var(--seed-image-frame-safe-area-left-md,initial);--seed-image-frame-safe-area-left-xl:var(--seed-image-frame-safe-area-left-lg,initial);--seed-image-frame-safe-area-left:var(--seed-image-frame-safe-area-left-base,initial);--seed-image-frame-safe-area-right-base:0px;--seed-image-frame-safe-area-right-sm:var(--seed-image-frame-safe-area-right-base,initial);--seed-image-frame-safe-area-right-md:var(--seed-image-frame-safe-area-right-sm,initial);--seed-image-frame-safe-area-right-lg:var(--seed-image-frame-safe-area-right-md,initial);--seed-image-frame-safe-area-right-xl:var(--seed-image-frame-safe-area-right-lg,initial);--seed-image-frame-safe-area-right:var(--seed-image-frame-safe-area-right-base,initial);position:relative;overflow:hidden}.seed-image-frame__content{object-fit:cover;border-radius:inherit;width:100%;height:100%;display:block}.seed-image-frame__content[data-loading-state=error],.seed-image-frame__content:is([hidden],[data-hidden]){display:none}.seed-image-frame__content:not([data-loading-state=loaded]){pointer-events:none}.seed-image-frame__fallback{z-index:-1;width:100%;height:100%;position:absolute;inset:0}.seed-image-frame__fallback[data-loading-state=loaded]{display:none}.seed-image-frame__root--stroke_true:after{content:"";pointer-events:none;border-radius:inherit;box-shadow:inset 0 0 0 1px var(--seed-color-stroke-neutral-subtle);position:absolute;inset:0}@media (width>=480px){.seed-image-frame__root{--seed-image-frame-safe-area-left:var(--seed-image-frame-safe-area-left-sm,initial);--seed-image-frame-safe-area-right:var(--seed-image-frame-safe-area-right-sm,initial)}}@media (width>=768px){.seed-image-frame__root{--seed-image-frame-safe-area-left:var(--seed-image-frame-safe-area-left-md,initial);--seed-image-frame-safe-area-right:var(--seed-image-frame-safe-area-right-md,initial)}}@media (width>=1280px){.seed-image-frame__root{--seed-image-frame-safe-area-left:var(--seed-image-frame-safe-area-left-lg,initial);--seed-image-frame-safe-area-right:var(--seed-image-frame-safe-area-right-lg,initial)}}@media (width>=1440px){.seed-image-frame__root{--seed-image-frame-safe-area-left:var(--seed-image-frame-safe-area-left-xl,initial);--seed-image-frame-safe-area-right:var(--seed-image-frame-safe-area-right-xl,initial)}}.seed-image-frame-icon{color:var(--seed-color-palette-static-white);justify-content:center;align-items:center;display:inline-flex}.seed-image-frame-indicator{box-sizing:border-box;background-color:var(--seed-color-palette-static-black-alpha-800);color:var(--seed-color-palette-static-white);border-radius:var(--seed-radius-full);padding-inline:var(--seed-dimension-x1_5);padding-block:var(--seed-dimension-x0_5);font-size:var(--seed-font-size-t1);line-height:var(--seed-line-height-t1);font-weight:var(--seed-font-weight-medium);justify-content:center;align-items:center;display:inline-flex}.seed-image-frame-reaction-button__root{box-sizing:border-box;cursor:pointer;width:var(--seed-dimension-x6);height:var(--seed-dimension-x6);background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:inline-flex;position:relative}.seed-image-frame-reaction-button__root:is(:active,[data-active]){scale:var(--seed-feedback-scale)}.seed-image-frame-reaction-button__root{transition:scale var(--seed-duration-pressed-scale) var(--seed-timing-function-pressed-scale)}.seed-image-frame-reaction-button__root:before{content:"";inset:calc((var(--seed-dimension-x10) - var(--seed-dimension-x6)) / 2 * -1);outline:var(--seed-dimension-x0_5) solid transparent;outline-offset:calc(var(--seed-dimension-x0_5) * -1);transition:outline-color var(--seed-duration-d3) var(--seed-timing-function-easing);position:absolute}.seed-image-frame-reaction-button__root:is(:focus,[data-focus]){outline:none}.seed-image-frame-reaction-button__root:is(:focus-visible,[data-focus-visible]):before{border-radius:var(--seed-radius-r1);outline:var(--seed-dimension-x0_5) solid var(--seed-color-stroke-focus-ring);outline-offset:calc(var(--seed-dimension-x0_5) * -1)}.seed-image-frame-reaction-button__fillIcon{width:var(--seed-dimension-x6);height:var(--seed-dimension-x6);pointer-events:none;margin:auto;position:absolute;inset:0}.seed-image-frame-reaction-button__lineIcon{width:var(--seed-dimension-x6);height:var(--seed-dimension-x6);color:var(--seed-color-palette-static-white);pointer-events:none;filter:drop-shadow(0 2px 2px #00000026);margin:auto;position:absolute;inset:0}}
