.sfg{--sfg-primary:rgb(var(--brand));--sfg-radius:var(--radius);--sfg-radius-sm:var(--radius);--sfg-radius-lg:var(--radius);flex-direction:column;gap:12px;width:100%;min-width:0;display:flex}.sfg-stage{gap:12px;width:100%;min-width:0;display:flex;position:relative}.sfg-thumbs{box-sizing:border-box;flex-direction:column;flex:0 0 96px;align-items:center;gap:4px;width:96px;display:flex}.sfg-thumbs-nav{color:#666;cursor:pointer;border-radius:var(--sfg-radius);background:0 0;border:none;flex:none;justify-content:center;align-items:center;width:28px;height:28px;margin:0;padding:0;line-height:0;transition:color .2s,opacity .2s;display:inline-flex}.sfg-thumbs-nav:hover:not(:disabled){color:#111}.sfg-thumbs-nav:disabled,.sfg-thumbs-nav[hidden]{opacity:.25;cursor:default;pointer-events:none}.sfg-thumbs-nav svg{display:block}.sfg-thumbs-rail{overscroll-behavior:contain;scrollbar-width:none;-ms-overflow-style:none;box-sizing:border-box;flex-direction:column;flex:auto;gap:8px;width:100%;min-height:0;padding-block:1px;display:flex;overflow:visible auto}.sfg-thumbs-rail::-webkit-scrollbar{display:none}.sfg-thumb{width:100%;height:auto;aspect-ratio:var(--qt-card-ratio,4 / 4);box-sizing:border-box;cursor:pointer;border-radius:var(--sfg-radius-sm);opacity:1;appearance:none;background:#f8f8f8;border:2px solid #0000;flex:none;margin:0;padding:0;transition:border-color .2s;overflow:hidden}.sfg-thumb:hover{border-color:#ccc}.sfg-thumb.is-active{border-color:var(--sfg-primary)}.sfg-thumb img{-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;pointer-events:none;width:100%;height:100%;display:block}.sfg-main{min-width:0;aspect-ratio:var(--qt-card-ratio,4 / 4);border-radius:var(--sfg-radius-lg);background:#f8f8f8;flex:auto;position:relative;overflow:hidden}.sfg-back{z-index:14;color:#1e293b;min-height:40px;box-shadow:none;cursor:pointer;appearance:none;background:0 0;border:none;border-radius:0;align-items:center;gap:4px;margin:0;padding:0;font-size:14px;font-weight:500;line-height:1;transition:opacity .15s;display:none;position:absolute;inset-block-start:12px;inset-inline-start:12px}.sfg-back:hover{opacity:.75}.sfg-back:focus-visible{outline:2px solid var(--sfg-primary);outline-offset:2px}.sfg-back__icon{flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;line-height:0;display:inline-flex}.sfg-back__icon svg{width:18px;height:18px;display:block}[dir=rtl] .sfg-back__icon svg{transform:scaleX(-1)}.sfg-back__label{white-space:nowrap}@supports not (aspect-ratio:1 / 1){.sfg-main{height:0;padding-bottom:100%}}.sfg-main-empty{color:#9a9a9a;background:#f2f2f2;flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex;position:absolute;inset:0}.sfg-main-empty__icon{opacity:.35;width:64px;height:64px;display:block}.sfg-main-empty__label{text-align:center;padding-inline:16px;font-size:.8125rem;line-height:1.2}.sfg-main-img{-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;-webkit-user-select:none;user-select:none;border-radius:inherit;width:100%;height:100%;display:block;position:absolute;inset:0}.sfg-main-img--fade{z-index:1;opacity:0;transition:opacity .4s}.sfg-main-img--fade.is-in{opacity:1}.sfg-nav,.sfg-dots{display:none}.sfg-dots-inner{-webkit-backdrop-filter:blur(14px);background:#ffffff8c;border:1px solid #ffffffa6;border-radius:999px;justify-content:center;align-items:center;gap:7px;padding:4px 8px;display:inline-flex;box-shadow:0 2px 14px #00000014}.sfg-dot{background:var(--sfg-primary);opacity:.35;cursor:pointer;appearance:none;border:none;border-radius:50%;width:7px;height:7px;margin:0;padding:0;transition:opacity .2s,transform .2s}.sfg-dot.is-active{opacity:1;transform:scale(1.15)}.sfg-dot:focus-visible{outline:2px solid var(--sfg-primary);outline-offset:2px}@media (max-width:768px){.sfg-stage{flex-direction:column;gap:12px;display:flex}.sfg-main{aspect-ratio:var(--qt-card-ratio,4 / 4);border-radius:var(--sfg-radius-lg);background:#f8f8f8;order:1}.sfg-back{min-height:36px;font-size:13px;display:inline-flex;inset-block-start:12px;inset-inline-start:12px}.sfg-track{scroll-snap-type:x mandatory;scroll-behavior:smooth;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;flex-direction:row;align-items:stretch;width:100%;height:100%;display:flex;overflow:auto hidden}.sfg-track::-webkit-scrollbar{display:none}.sfg-slide{scroll-snap-align:start;scroll-snap-stop:normal;flex:0 0 100%;width:100%;height:100%;position:relative}.sfg-slide img{-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;width:100%;height:100%;display:block}.sfg-nav{z-index:12;color:#1e293b;cursor:pointer;background:#ffffffd9;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;margin:0;padding:0;line-height:0;display:inline-flex;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 2px 10px #0000001f}.sfg-nav:disabled{opacity:.35;box-shadow:none;cursor:default}.sfg-nav--prev{inset-inline-start:10px}.sfg-nav--next{inset-inline-end:10px}.sfg-nav svg{flex-shrink:0;display:block}[dir=rtl] .sfg-nav svg{transform:scaleX(-1)}.sfg-dots{z-index:8;pointer-events:none;margin:0;padding:0;display:flex;position:absolute;bottom:12px;left:50%;transform:translate(-50%)}.sfg-dots-inner{pointer-events:auto}.sfg-thumbs{--sfg-m-thumb-gap:8px;--sfg-m-thumb-count:5;align-items:stretch;gap:var(--sfg-m-thumb-gap);box-sizing:border-box;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;flex-flow:row;flex:none;order:2;width:100%;margin-top:0;padding-block:2px;display:flex;overflow:auto hidden}.sfg-thumbs::-webkit-scrollbar{display:none}.sfg-thumbs-nav{display:none}.sfg-thumbs-rail{display:contents}.sfg-thumb{--sfg-m-thumb-w:calc((100% - (var(--sfg-m-thumb-count) - 1) * var(--sfg-m-thumb-gap)) / var(--sfg-m-thumb-count));width:var(--sfg-m-thumb-w);flex:0 0 var(--sfg-m-thumb-w);scroll-snap-align:start;max-width:none}}.sfg-lightbox{z-index:1000;color:#1e293b;background:#fff;grid-template-rows:minmax(72px,18dvh) minmax(0,1fr) minmax(144px,20dvh);width:100%;height:100dvh;animation:.16s ease-out sfg-lightbox-in;display:grid;position:fixed;inset:0;overflow:hidden}.sfg-lightbox__top,.sfg-lightbox__controls{background:#fff}.sfg-lightbox__media{touch-action:pinch-zoom;background:#f8f8f8;justify-content:center;align-items:center;min-width:0;min-height:0;display:flex;overflow:hidden}.sfg-lightbox__image{-o-object-fit:contain;object-fit:contain;-o-object-position:center;object-position:center;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block}.sfg-lightbox__image--from-next{animation:.2s ease-out sfg-lightbox-image-from-next}.sfg-lightbox__image--from-previous{animation:.2s ease-out sfg-lightbox-image-from-previous}[dir=rtl] .sfg-lightbox__image--from-next{animation-name:sfg-lightbox-image-from-previous}[dir=rtl] .sfg-lightbox__image--from-previous{animation-name:sfg-lightbox-image-from-next}.sfg-lightbox__controls{padding:24px 20px calc(24px + env(safe-area-inset-bottom));justify-content:center;align-items:center;gap:24px;display:flex}.sfg-lightbox__control{color:#111827;cursor:pointer;background:#f1f1f1;border:none;border-radius:50%;flex:none;justify-content:center;align-items:center;width:56px;height:56px;padding:0;transition:background-color .14s,opacity .14s,transform .14s;display:inline-flex}.sfg-lightbox__control--close{width:72px;height:72px}.sfg-lightbox__control:hover:not(:disabled){background:#e7e7e7}.sfg-lightbox__control:active:not(:disabled){transform:scale(.96)}.sfg-lightbox__control:disabled{opacity:.35;cursor:default}.sfg-lightbox__control:focus-visible{outline:2px solid rgb(var(--brand));outline-offset:3px}.sfg-lightbox__control svg{width:24px;height:24px}.sfg-lightbox__control--close svg{width:32px;height:32px}[dir=rtl] .sfg-lightbox__control:not(.sfg-lightbox__control--close) svg{transform:scaleX(-1)}@keyframes sfg-lightbox-in{0%{opacity:0}to{opacity:1}}@keyframes sfg-lightbox-image-from-next{0%{opacity:0;transform:translate(32px)}to{opacity:1;transform:translate(0)}}@keyframes sfg-lightbox-image-from-previous{0%{opacity:0;transform:translate(-32px)}to{opacity:1;transform:translate(0)}}@media (prefers-reduced-motion:reduce){.sfg-lightbox,.sfg-lightbox__image{animation:none}}.sfg-thumb{position:relative}.sfg-thumb__play{pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.sfg-play{z-index:10;cursor:pointer;appearance:none;background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;width:100%;height:100%;margin:0;padding:0;display:flex;position:absolute;inset:0}.sfg-play:hover>span:first-child{background:#ffffff6b}.sfg-play__duration{color:#fff;text-shadow:0 1px 2px #00000080;font-variant-numeric:tabular-nums;font-size:.75rem;font-weight:600}.sfg-video{-o-object-fit:contain;object-fit:contain;background:#000;width:100%;height:100%;display:block}