.document-folder,.document-folder *,.document-folder :before,.document-folder :after{box-sizing:border-box}.document-folder{--document-folder-width:clamp(17rem, 31vw, 22rem);--document-folder-height:calc(var(--document-folder-width) * 1.18);--document-folder-green:#063f35;--document-folder-green-dark:#03372f;--document-folder-green-light:#0c4b40;--document-folder-paper:#f4f0df;--document-folder-ease:cubic-bezier(.16, 1, .3, 1);--postage-width:calc(var(--document-folder-width) * .67);--postage-height:calc(var(--postage-width) * 1.27);width:calc(var(--document-folder-width) * 1.72);height:calc(var(--document-folder-height) * 1.27);perspective:72rem;-webkit-tap-highlight-color:transparent;border-radius:1rem;outline:0;place-items:center;display:grid;position:relative}.document-folder:focus-visible{outline-offset:.55rem;outline:1px solid #063f3575}.document-folder__scene{width:var(--document-folder-width);height:var(--document-folder-height);filter:drop-shadow(0 1.6rem 1.4rem #122b251f);isolation:isolate;transform-style:preserve-3d;display:block;position:relative}.document-folder__back,.document-folder__panel,.document-folder__pocket{background:var(--document-folder-green);display:block;position:absolute}.document-folder__back{z-index:1;border:1px solid #ffffff12;border-radius:.38rem;inset:0;overflow:hidden;box-shadow:inset 0 1px #ffffff12,inset 0 -2.4rem 4rem #0018141f}.document-folder__back:before{content:"";background:#0015122e;width:1px;position:absolute;inset:0 50% 0 auto;box-shadow:1px 0 #ffffff08}.document-folder__pocket{z-index:2;background:linear-gradient(180deg, #ffffff05, transparent 32%), var(--document-folder-green-dark);border:1px solid #ffffff0d;border-radius:.45rem .45rem .18rem .18rem;height:43%;bottom:4.5%;left:4.5%;right:4.5%;box-shadow:0 -.55rem 1.4rem #00191524,inset 0 1px #ffffff0a}.document-folder__panel{z-index:5;backface-visibility:hidden;background:radial-gradient(circle at 50% 42%, #ffffff05, transparent 45%), linear-gradient(145deg, var(--document-folder-green-light), var(--document-folder-green-dark));width:50.2%;transition:transform .76s var(--document-folder-ease), box-shadow .56s ease;will-change:transform;border-block:1px solid #ffffff0f;top:0;bottom:0;overflow:hidden;box-shadow:inset 0 1px #ffffff0f}.document-folder__panel--left{clip-path:polygon(0 0,100% 1.6%,100% 98.4%,0 100%);transform-origin:100%;border-left:1px solid #ffffff12;border-radius:.42rem 0 0 .42rem;left:0}.document-folder__panel--right{clip-path:polygon(0 1.6%,100% 0,100% 100%,0 98.4%);transform-origin:0;border-right:1px solid #ffffff12;border-radius:0 .42rem .42rem 0;right:0}.document-folder__panel:after{content:"";background:#07352e;border:1px solid #bcdccf6b;border-radius:50%;width:.38rem;height:.38rem;position:absolute;top:51%;box-shadow:inset 0 0 0 1px #00141152}.document-folder__panel--left:after{left:.55rem}.document-folder__panel--right:after{right:.55rem}.document-folder:is(:hover,:focus-within) .document-folder__panel--left{transform:translate(-66%)rotateY(-18deg);box-shadow:inset -1rem 0 2.2rem #001b171f,.45rem .7rem 1.1rem #001f1a14}.document-folder:is(:hover,:focus-within) .document-folder__panel--right{transform:translate(66%)rotateY(18deg);box-shadow:inset 1rem 0 2.2rem #001b171f,-.45rem .7rem 1.1rem #001f1a14}.document-folder__mark{color:#eef4e8;width:.92rem;height:.92rem;display:block;position:absolute;top:.9rem;left:.9rem}.document-folder__mark:before,.document-folder__mark:after{content:"";background:currentColor;border-radius:999px;height:.12rem;position:absolute;inset:45% 0 auto;transform:rotate(45deg)}.document-folder__mark:after{transform:rotate(-45deg)}.document-folder__mark i,.document-folder__mark i:after{content:"";border:.1rem solid;border-radius:50%;width:.3rem;height:.72rem;display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-92%)}.document-folder__mark i:after{transform-origin:50% 0;transform:translate(-50%,-8%)rotate(180deg)}.document-folder__meta{color:#eff6eec7;font-family:SFMono-Regular,Cascadia Code,Roboto Mono,monospace;font-size:calc(var(--document-folder-width) * .026);letter-spacing:-.035em;gap:.16rem;line-height:1.2;display:grid;position:absolute;bottom:.88rem;left:.82rem}.document-folder__meta small{color:#eff6ee80;font:inherit}.document-folder__index{color:#eff6ee57;font-family:SFMono-Regular,Cascadia Code,Roboto Mono,monospace;font-size:calc(var(--document-folder-width) * .022);position:absolute;bottom:.85rem;right:.78rem}.postage-stack{z-index:4;width:var(--postage-width);height:var(--postage-height);opacity:0;pointer-events:none;transform-origin:50%;transition:opacity .18s ease, transform .88s var(--document-folder-ease);will-change:transform;display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-12%)scale(.48)}.document-folder:is(:hover,:focus-within) .postage-stack{opacity:1;pointer-events:auto;transition-delay:.1s;transform:translate(-50%,-55%)scale(.61)}.postage{background:var(--document-folder-paper);color:#263b37;width:100%;height:100%;font:inherit;text-align:left;cursor:pointer;clip-path:polygon(2% 0,5% 2%,8% 0,11% 2%,14% 0,17% 2%,20% 0,23% 2%,26% 0,29% 2%,32% 0,35% 2%,38% 0,41% 2%,44% 0,47% 2%,50% 0,53% 2%,56% 0,59% 2%,62% 0,65% 2%,68% 0,71% 2%,74% 0,77% 2%,80% 0,83% 2%,86% 0,89% 2%,92% 0,95% 2%,98% 0,100% 3%,98% 6%,100% 9%,98% 12%,100% 15%,98% 18%,100% 21%,98% 24%,100% 27%,98% 30%,100% 33%,98% 36%,100% 39%,98% 42%,100% 45%,98% 48%,100% 51%,98% 54%,100% 57%,98% 60%,100% 63%,98% 66%,100% 69%,98% 72%,100% 75%,98% 78%,100% 81%,98% 84%,100% 87%,98% 90%,100% 93%,98% 96%,100% 100%,96% 98%,92% 100%,88% 98%,84% 100%,80% 98%,76% 100%,72% 98%,68% 100%,64% 98%,60% 100%,56% 98%,52% 100%,48% 98%,44% 100%,40% 98%,36% 100%,32% 98%,28% 100%,24% 98%,20% 100%,16% 98%,12% 100%,8% 98%,4% 100%,0 97%,2% 94%,0 91%,2% 88%,0 85%,2% 82%,0 79%,2% 76%,0 73%,2% 70%,0 67%,2% 64%,0 61%,2% 58%,0 55%,2% 52%,0 49%,2% 46%,0 43%,2% 40%,0 37%,2% 34%,0 31%,2% 28%,0 25%,2% 22%,0 19%,2% 16%,0 13%,2% 10%,0 7%,2% 4%,0 2%);transition:transform .62s var(--document-folder-ease), filter .42s ease, box-shadow .42s ease;will-change:transform;border:0;outline:0;margin:0;padding:.62rem;display:block;position:absolute;inset:0;overflow:hidden;box-shadow:0 1rem 1.6rem -1rem #001d196b}.postage:focus-visible{filter:brightness(1.04)saturate(1.06)}.postage--rear{z-index:1;background:#eadfbd;transform:translate(.9rem,-.18rem)rotate(4deg)}.postage--front{z-index:2;transform:translate(-.18rem)rotate(-1.2deg)}.document-folder:has(.postage:is(:hover,:focus-visible)) .document-folder__panel{transition-delay:.22s;transform:translate(0,0)rotateY(0);box-shadow:inset 0 1px #ffffff0f}.document-folder:has(.postage:is(:hover,:focus-visible)) .postage-stack{z-index:7;transition-delay:0s;transform:translate(-50%,-52%)scale(.96)}.postage-stack:has(.postage--rear:is(:hover,:focus-visible)) .postage--rear{transform:translate(4.35rem,.62rem)rotate(10deg);box-shadow:0 1.2rem 2rem -1rem #001d1973}.postage__field{background:radial-gradient(circle at 38% 35%,#ffffffb8,#0000 34%),linear-gradient(145deg,#f8f4e7,#e9e4d3);border:1px solid #2f3d381f;width:100%;height:100%;display:block;position:relative;overflow:hidden}.postage--rear .postage__field{background:repeating-radial-gradient(at 50% 118%,#0000 0 .7rem,#e9f6e2cc .74rem .84rem,#0000 .88rem 1.2rem),linear-gradient(155deg,#f0894c 0 20%,#f2d268 20% 31%,#2c8e87 31% 100%);border-color:#ffffff57}.postage__vertical{color:#263a45;font-family:Georgia,Times New Roman,serif;font-size:calc(var(--postage-width) * .105);letter-spacing:.06em;writing-mode:vertical-rl;line-height:1.08;position:absolute;top:.85rem;right:.72rem}.postage__country,.postage__value{color:#36463f;font-family:SFMono-Regular,Cascadia Code,Roboto Mono,monospace;font-size:calc(var(--postage-width) * .063);letter-spacing:.04em;position:absolute;bottom:.62rem;right:.72rem}.postage__country{left:.66rem;right:auto}.postage__bird{aspect-ratio:1.35;background:radial-gradient(circle at 78% 23%,#1e2931 0 5%,#0000 5.8%),radial-gradient(circle at 72% 21%,#f3eadd 0 19%,#0000 20%),linear-gradient(150deg,#737b83,#e7e3d7 54% 77%,#777f85 78%);border-radius:58% 44% 48% 55%;width:34%;display:block;position:absolute;top:52%;left:38%;transform:rotate(-9deg);box-shadow:inset -.65rem -.15rem #525c6229}.postage__bird:before{content:"";border-block:.18rem solid #0000;border-left:.48rem solid #b16a58;position:absolute;top:25%;right:-16%}.postage__bird:after{content:"";transform-origin:100%;background:#66746d;border-radius:999px;width:88%;height:.1rem;position:absolute;bottom:-23%;right:58%;transform:rotate(-18deg);box-shadow:.8rem .15rem 0 -.02rem #66746d,1.45rem -.12rem 0 -.02rem #66746d}.postage__island-title{z-index:2;color:#20314a;font-family:Impact,Haettenschweiler,Arial Narrow Bold,sans-serif;font-size:calc(var(--postage-width) * .15);letter-spacing:-.035em;text-shadow:.08rem .08rem #f7dd9d,-.06rem -.06rem #f7dd9d;line-height:.86;display:block;position:absolute;top:.8rem;left:.5rem;transform:rotate(-5deg)}.postage__island-mark{clip-path:polygon(42% 0,75% 10%,65% 30%,100% 46%,72% 61%,86% 100%,42% 79%,0 92%,14% 55%,0 33%,30% 25%);background:#123f50;border-radius:70% 30% 58% 42%;width:2.2rem;height:3.4rem;display:block;position:absolute;bottom:1rem;right:1rem;transform:rotate(17deg)}@media (width<=560px){.document-folder{--document-folder-width:min(57vw, 18rem);width:min(100%, calc(var(--document-folder-width) * 1.62))}.postage-stack:has(.postage--rear:is(:hover,:focus-visible)) .postage--rear{transform:translate(2.8rem,.5rem)rotate(9deg)}}@media (prefers-reduced-motion:reduce){.document-folder__panel,.postage-stack,.postage{transition-duration:.01ms;transition-delay:0s!important}}