/* One geometry drives the sharp inserts and the transmitted artwork. */
.glass-folder{position:relative;display:block;width:var(--folder-size,160px);height:calc(var(--folder-size,160px)/1.232);isolation:isolate;overflow:visible;--glass-blur:9px;--smoke:.16;--rim:.65;--scale:1;pointer-events:none;transform-origin:50% 85%;transition:transform .18s}
.ground-shadow{position:absolute;left:13%;right:13%;bottom:-.5%;height:5%;background:#00000033;border-radius:50%;filter:blur(calc(3px*var(--scale)));z-index:-1}
.rear-shell{position:absolute;z-index:-3;inset:21.5% 6% 2%;border-radius:13% 13% 17% 17%;background:#d6d6d612;border:1px solid #e8e8e818}
.inserts{position:absolute;inset:0;clip-path:inset(-6% -10% 69% -10%)}
.insert{position:absolute;width:70.75%;height:auto;aspect-ratio:1;left:14.31%;top:3.15%;border-radius:10%;object-fit:cover;border:1px solid #ffffff26;box-shadow:0 2px 4px #00000044;transform:rotate(0deg);transform-origin:50% 85%}
.insert-1{z-index:-1;width:68.9%;top:3.35%;left:13%;transform:rotate(6deg);filter:brightness(.9)}
.insert-2{z-index:-2;width:68.3%;top:3.35%;left:17.3%;transform:rotate(-6deg);filter:brightness(.78)}
.glass-pocket{position:absolute;inset:28.8% 0 0;width:100%;height:71.2%;clip-path:url(#pocket-shape);isolation:isolate}
.glass-window{position:absolute;inset:0;mask:url('folder-study-assets/pocket-transmission.png?v=a9cd6ec474') 0 0/100% 100%;-webkit-mask:url('folder-study-assets/pocket-transmission.png?v=a9cd6ec474') 0 0/100% 100%}
.glass-transmission{position:absolute;inset:0;overflow:hidden;filter:url(#folder-refraction-a9cd6ec474)}
.optical-contents{position:absolute;left:0;right:0;top:-40.449438%;height:140.449438%;pointer-events:none;isolation:isolate;filter:blur(calc(var(--glass-blur)*var(--scale))) saturate(1.2) contrast(1.04) brightness(.97)}
.glass-near-field{position:absolute;inset:0;mask-image:linear-gradient(#000000,transparent 27%);-webkit-mask-image:linear-gradient(#000000,transparent 27%)}
.optical-contents.near-contents{filter:blur(calc(var(--glass-blur)*var(--scale)*.45)) saturate(1.2) contrast(1.04) brightness(.97)}
.optical-contents .insert{box-shadow:none;border:0}
.optical-contents .rear-shell{border:0}
.glass-tint{position:absolute;inset:0;background:rgba(12,12,12,var(--smoke));pointer-events:none}
.glass-reflection,.glass-fresnel,.glass-base-reflection,.glass-occlusion{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;object-fit:fill}
.glass-reflection{opacity:calc(var(--rim)*.18)}
.glass-fresnel{opacity:calc(var(--rim)*.55)}
.glass-base-reflection{opacity:calc(var(--rim)*.2)}
.glass-occlusion{opacity:.18}
.arrival-bubble{position:absolute;left:93%;top:30.0816%;transform:translate(-50%,-50%);display:grid;place-items:center;min-width:calc(34px*var(--scale));height:calc(34px*var(--scale));padding:0 calc(10px*var(--scale));border-radius:999px;background:linear-gradient(145deg,#3e3e3ee8,#191919f5);color:var(--text,#e5e5e5);font-size:calc(18px*var(--scale));font-weight:400;font-variant-numeric:tabular-nums;line-height:1;border:1px solid #f4f4f442;box-shadow:0 2px 5px #00000044,inset 0 1px #ffffff08;letter-spacing:-.2px;z-index:5}
.small-folder .insert{border-width:.5px;border-radius:3px;box-shadow:none}
.small-folder .rear-shell{border:0}
.small-folder .glass-transmission{filter:none}
.small-folder .ground-shadow{opacity:.5}
.scene.light .rear-shell{background:#77777720;border:0;filter:blur(calc(.3px*var(--scale)))}
.scene.light .glass-tint{background:linear-gradient(180deg,rgba(44,44,44,calc(var(--smoke)*2.2)),transparent 30%),rgba(50,50,50,calc(var(--smoke)*.1))}
.scene.light .glass-reflection{opacity:var(--rim)}
.scene.light .glass-fresnel{filter:brightness(.25);opacity:calc(var(--rim)*.35)}
.scene.light .glass-base-reflection{opacity:var(--rim)}
.scene.light .glass-occlusion{opacity:1}
.scene.light .ground-shadow{background:#32323218;bottom:-.1%;height:1.5%;filter:blur(calc(.7px*var(--scale)))}
.scene.light .arrival-bubble{background:linear-gradient(145deg,#484848,var(--panel,#242424));border-color:#d1d1d16e}

.arrival-bubble[hidden]{display:none}
.folder-optical-defs{position:absolute;overflow:hidden;pointer-events:none;fill:#000000;stroke:none}.folder-optical-defs path{fill:#000000;stroke:none}