.folder-gallery{grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;gap:clamp(.25rem,1.2vw,1rem);width:100%;padding-block:2.4rem 1rem;display:grid}.folder-variant{opacity:.72;justify-items:center;gap:.85rem;min-width:0;transition:opacity .28s,transform .42s cubic-bezier(.16,1,.3,1);display:grid}.folder-variant--graphite{transform:translateY(1.8rem)}.folder-variant--amber{transform:translateY(-1.1rem)}.folder-variant--pearl{transform:translateY(1rem)}.folder-variant:is(:hover,:focus-within),.folder-variant.is-selected{opacity:1}.folder-variant.is-selected{transform:translateY(-1.45rem)}.folder-variant__name{color:#f1f0ea6e;letter-spacing:.05em;text-transform:uppercase;align-items:center;gap:.45rem;font-family:SFMono-Regular,Cascadia Code,Roboto Mono,monospace;font-size:.52rem;transition:color .22s;display:inline-flex}.folder-variant__name b{color:#dca250;font:inherit}.folder-variant.is-selected .folder-variant__name,.folder-variant:focus-within .folder-variant__name{color:#f1f0ea}.folder-gallery .folder{--folder-width:clamp(10.5rem, 14vw, 14.5rem)}.theme-options{gap:.28rem;margin-top:.9rem;display:grid}.theme-option{color:#f1f0ea73;text-align:left;cursor:pointer;background:0 0;border-radius:.55rem;grid-template-columns:auto 1fr;align-items:center;gap:.65rem;min-height:2.45rem;padding:.5rem .55rem;font-size:.62rem;transition:color .18s,background .18s,transform .15s;display:grid}.theme-option:hover,.theme-option:focus-visible,.theme-option.is-active{color:#f1f0ea;background:#ffffff0d}.theme-option:active{transform:translateY(1px)scale(.98)}.theme-swatch{border:1px solid #ffffff2e;border-radius:50%;width:.85rem;height:.85rem}.theme-swatch--amber{background:#e9a33c}.theme-swatch--graphite{background:#292a28}.theme-swatch--pearl{background:#e6e7e3}.docs-section code:not(.install-block code),.usage-steps code{color:#edc68d;font-family:SFMono-Regular,Cascadia Code,Roboto Mono,monospace;font-size:.92em}.preview-frame.is-inspecting,.preview-frame.is-inspecting .folder{cursor:crosshair}.preview-frame.is-inspecting .folder-variant,.preview-frame.is-inspecting .folder__object,.preview-frame.is-inspecting .folder__front,.preview-frame.is-inspecting .folder__front:after,.preview-frame.is-inspecting .paper{transition:none!important}.preview-frame.is-inspecting .folder:is(:hover,:focus,:active) .folder__object{transform:translate(0,0)rotateX(.001deg)}.preview-frame.is-inspecting .folder:is(:hover,:focus,:active) .paper--rear{opacity:.92;transform:translate3d(-52%,-5%,2px)rotate(-2deg)scale(.94)}.preview-frame.is-inspecting .folder:is(:hover,:focus,:active) .paper--left{transform:translate(-82%)rotate(-8deg)scale(.96)}.preview-frame.is-inspecting .folder:is(:hover,:focus,:active) .paper--right{transform:translate3d(-20%,0,1px)rotate(9deg)scale(.96)}.preview-frame.is-inspecting .folder:is(:hover,:focus,:active) .folder__front{transform:translateZ(7px)rotateX(.001deg)}.preview-frame.is-inspecting .folder:is(:hover,:focus,:active) .folder__front:after{transform:translate(-120%)skew(-12deg)}@media (width<=920px){.folder-gallery .folder{--folder-width:clamp(9.25rem, 19vw, 11.8rem)}}@media (width<=780px){.folder-gallery .folder{--folder-width:clamp(9rem, 23vw, 11.5rem)}}@media (width<=540px){.folder-gallery{grid-template-columns:1fr;gap:2.5rem;padding-block:3rem 2rem}.folder-gallery .folder{--folder-width:min(72vw, 19rem)}.folder-variant,.folder-variant--graphite,.folder-variant--amber,.folder-variant--pearl,.folder-variant.is-selected{transform:none}}