.docs-frame{position:relative;isolation:isolate;overflow:hidden}.docs-frame img{display:block}.docs-frame--glass{border-radius:14px;background:linear-gradient(135deg,rgba(234,88,12,.14),hsla(0,0%,100%,.55) 45%,rgba(28,25,23,.05));border:1px solid rgba(28,25,23,.07);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.9),0 1px 2px rgba(28,25,23,.04),0 12px 32px -12px rgba(28,25,23,.12)}.docs-frame--frosted{border-radius:20px;border:1px solid hsla(0,0%,100%,.7);box-shadow:0 1px 2px rgba(28,25,23,.04),0 12px 32px -14px rgba(28,25,23,.16)}.docs-frame--frosted:before{content:"";position:absolute;inset:0;z-index:-2;background:radial-gradient(60% 70% at 15% 20%,rgba(251,146,60,.45),transparent 70%),radial-gradient(55% 65% at 90% 85%,rgba(234,88,12,.3),transparent 70%),radial-gradient(50% 60% at 80% 10%,hsla(48,97%,77%,.4),transparent 70%),#fafaf9}.docs-frame--frosted:after{content:"";position:absolute;inset:0;z-index:-1;background:hsla(0,0%,100%,.35)}.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 rgba(28,25,23,.08)}.docs-frame--frosted.docs-frame--shot img{box-shadow:0 10px 30px -10px rgba(124,45,18,.35)}@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,rgba(234,88,12,.22),hsla(0,0%,100%,.04) 45%,hsla(0,0%,100%,.02));border-color:hsla(0,0%,100%,.09);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.08),0 12px 32px -12px rgba(0,0,0,.6)}.dark .docs-frame--frosted{border-color:hsla(0,0%,100%,.08)}.dark .docs-frame--frosted:before{background:radial-gradient(60% 70% at 15% 20%,rgba(234,88,12,.35),transparent 70%),radial-gradient(55% 65% at 90% 85%,rgba(194,65,12,.3),transparent 70%),#1c1917}.dark .docs-frame--frosted:after{background:rgba(12,10,9,.35)}.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{position:absolute;right:12px;top:12px;display:flex;height:28px;width:28px;align-items:center;justify-content:center;border-radius:9999px;border:1px solid rgb(var(--color-brand-black)/.12);background:rgb(var(--color-surface-card)/.92);color:rgb(var(--color-text-primary));box-shadow:0 2px 6px rgb(var(--color-brand-black)/.1);opacity:0;transform:scale(.9);transition:opacity .15s ease-out,transform .2s cubic-bezier(.23,1,.32,1);pointer-events:none}@media (hover:hover) and (pointer:fine){.docs-zoomable.docs-frame:hover{box-shadow:inset 0 1px 0 hsla(0,0%,100%,.6),0 2px 4px rgb(var(--color-brand-black)/.05),0 18px 40px -14px rgb(var(--color-brand-black)/.22)}.docs-zoomable:focus-visible .docs-zoom-hint,.docs-zoomable:hover .docs-zoom-hint{opacity:1;transform:none}.dark .docs-zoomable.docs-frame:hover{box-shadow:inset 0 1px 0 hsla(0,0%,100%,.06),0 18px 40px -14px rgba(0,0,0,.6)}}@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.docs-zoomable.docs-frame:hover{transform:translateY(-2px)}}