.docs-frame{isolation:isolate;position:relative;overflow:hidden}.docs-frame img{display:block}.docs-frame--glass{background:linear-gradient(135deg,#ea580c24,#ffffff8c 45%,#1c19170d);border:1px solid #1c191712;border-radius:14px;box-shadow:inset 0 1px #ffffffe6,0 1px 2px #1c19170a,0 12px 32px -12px #1c19171f}.docs-frame--frosted{border:1px solid #ffffffb3;border-radius:20px;box-shadow:0 1px 2px #1c19170a,0 12px 32px -14px #1c191729}.docs-frame--frosted:before{content:"";z-index:-2;background:radial-gradient(60% 70% at 15% 20%,#fb923c73,#0000 70%),radial-gradient(55% 65% at 90% 85%,#ea580c4d,#0000 70%),radial-gradient(50% 60% at 80% 10%,#fde68a66,#0000 70%),#fafaf9;position:absolute;inset:0}.docs-frame--frosted:after{content:"";z-index:-1;background:#ffffff59;position:absolute;inset:0}.docs-frame--shot.docs-frame--glass{padding:6px}.docs-frame--shot.docs-frame--frosted{padding:12px}.docs-frame--shot img{border-radius:8px;box-shadow:0 1px 3px #1c191714}.docs-frame--frosted.docs-frame--shot img{box-shadow:0 10px 30px -10px #7c2d1259}@media (max-width:639px){.docs-frame--shot.docs-frame--glass{padding:4px}.docs-frame--shot.docs-frame--frosted{padding:8px}.docs-frame--frosted{border-radius:16px}}.dark .docs-frame--glass{background:linear-gradient(135deg,#ea580c38,#ffffff0a 45%,#ffffff05);border-color:#ffffff17;box-shadow:inset 0 1px #ffffff14,0 12px 32px -12px #0009}.dark .docs-frame--frosted{border-color:#ffffff14}.dark .docs-frame--frosted:before{background:radial-gradient(60% 70% at 15% 20%,#ea580c59,#0000 70%),radial-gradient(55% 65% at 90% 85%,#c2410c4d,#0000 70%),#1c1917}.dark .docs-frame--frosted:after{background:#0c0a0959}.dark .docs-frame--shot img{box-shadow:none}.docs-zoomable.docs-frame{transition:border-color .15s ease-out,box-shadow .2s ease-out,transform .2s cubic-bezier(.23,1,.32,1)}.docs-zoom-hint{border:1px solid rgb(var(--color-brand-black) / .12);background:rgb(var(--color-surface-card) / .92);width:28px;height:28px;color:rgb(var(--color-text-primary));box-shadow:0 2px 6px rgb(var(--color-brand-black) / .1);opacity:0;pointer-events:none;border-radius:9999px;justify-content:center;align-items:center;transition:opacity .15s ease-out,transform .2s cubic-bezier(.23,1,.32,1);display:flex;position:absolute;top:12px;right:12px;transform:scale(.9)}@media (hover:hover) and (pointer:fine){.docs-zoomable.docs-frame:hover{box-shadow:inset 0 1px 0 #fff9, 0 2px 4px rgb(var(--color-brand-black) / .05), 0 18px 40px -14px rgb(var(--color-brand-black) / .22)}.docs-zoomable:hover .docs-zoom-hint,.docs-zoomable:focus-visible .docs-zoom-hint{opacity:1;transform:none}.dark .docs-zoomable.docs-frame:hover{box-shadow:inset 0 1px #ffffff0f,0 18px 40px -14px #0009}}@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.docs-zoomable.docs-frame:hover{transform:translateY(-2px)}}