.vframe{position:relative;--vf-shadow: var(--vframe-shadow, 35 25 15)}.vframe__shadow,.vframe__lifted{position:absolute;top:6%;right:6%;bottom:6%;left:6%;border-radius:2px}.vframe__shadow{--c: cos(var(--rot, 0deg));--s: sin(var(--rot, 0deg));box-shadow:calc(6px * var(--c) + 12px * var(--s)) calc(12px * var(--c) - 6px * var(--s)) 24px 21px rgb(var(--vf-shadow) / .15),calc(15px * var(--c) + 30px * var(--s)) calc(30px * var(--c) - 15px * var(--s)) 51px 12px rgb(var(--vf-shadow) / .15)}.vframe__lifted{display:none;opacity:0;box-shadow:9px 20px 26px 14px rgb(var(--vf-shadow) / .15),17px 36px 52px 10px rgb(var(--vf-shadow) / .17)}.vframe__body{position:relative;padding:var(--vf-pt, 0) var(--vf-pr, 0) var(--vf-pb, 0) var(--vf-pl, 0)}.vframe__photo{position:relative;aspect-ratio:var(--vf-ratio, 1);overflow:hidden;background:#24201b}.vframe__media{display:block;width:100%;height:100%;object-fit:cover;transition:filter .5s ease}.vframe__photo:before,.vframe__photo:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;border-radius:inherit;transition:opacity .5s ease}.vframe__glare{position:absolute;top:-50%;right:-50%;bottom:-50%;left:-50%;z-index:2;pointer-events:none;background:radial-gradient(ellipse 16% 10% at 48% 49%,rgb(255 255 255 / calc(.12 * var(--film-gloss, 1))),rgb(255 255 255 / calc(.07 * var(--film-gloss, 1))) 40%,rgb(255 255 255 / calc(.02 * var(--film-gloss, 1))) 75%,#fff0),radial-gradient(ellipse 40% 24% at 50% 50%,rgb(255 255 255 / calc(.2 * var(--film-gloss, 1))),rgb(255 255 255 / calc(.17 * var(--film-gloss, 1))) 20%,rgb(255 255 255 / calc(.11 * var(--film-gloss, 1))) 40%,rgb(255 255 255 / calc(.06 * var(--film-gloss, 1))) 58%,rgb(255 255 255 / calc(.025 * var(--film-gloss, 1))) 74%,rgb(255 255 255 / calc(.008 * var(--film-gloss, 1))) 88%,#fff0),linear-gradient(#fff0 30%,rgb(255 255 255 / calc(.035 * var(--film-gloss, 1))),#fff0 70%);transform:translate(-6%,-6%) rotate(-28deg);opacity:.65;transition:opacity .5s ease}.vframe__wear{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;border-radius:inherit;pointer-events:none;background:linear-gradient(var(--bend-a, 90deg),rgb(255 255 255 / calc(var(--bend, 0) * .2 * var(--film-curl, 1))),rgb(255 255 255 / 0) 32%,rgb(60 40 20 / 0) 60%,rgb(60 40 20 / calc(var(--bend, 0) * .14 * var(--film-curl, 1))));box-shadow:inset 0 0 0 1px #785f3c0d,inset 0 0 7px #785f3c0d;transition:opacity .5s ease}.vframe__wear:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:var(--vframe-grain, none);opacity:var(--film-grain, 1)}.vframe__shade{display:none;position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;border-radius:inherit;pointer-events:none}.vframe--polaroid .vframe__body{border-radius:1.5px;background-color:#fff;background-image:linear-gradient(140deg,rgb(var(--vf-shadow) / 0) 45%,rgb(var(--vf-shadow) / .04)),var(--vframe-paper, none);background-size:auto,160px 160px;box-shadow:inset 1px 1px #ffffffb3,inset -.5px -.5px rgb(var(--vf-shadow) / .1),0 0 0 .5px rgb(var(--vf-shadow) / .14)}.vframe--polaroid .vframe__photo{border-radius:1.5px}.vframe--polaroid .vframe__media{filter:saturate(var(--film-saturate, 1)) contrast(var(--film-contrast, 1)) sepia(var(--film-warmth, .1))}.vframe--polaroid .vframe__photo:after{background:radial-gradient(ellipse 24% 2.6% at var(--chem-x, 30%) 0%,rgb(255 236 205 / calc(.3 * var(--film-edge, 1))),rgb(255 236 205 / 0) 100%),radial-gradient(ellipse 14% 1.8% at var(--chem2-x, 72%) 0%,rgb(70 45 20 / calc(.22 * var(--film-edge, 1))),rgb(70 45 20 / 0) 100%),linear-gradient(rgb(40 25 10 / calc(.08 * var(--film-edge, 1))),#28190a00 2.2%),radial-gradient(ellipse 75% 75% at 50% 46%,#0000 58%,rgb(25 15 5 / calc(var(--vignette, .24) * var(--film-vignette, .5)))),linear-gradient(rgb(var(--cast, 255 168 92) / calc(var(--cast-a, .04) * var(--film-cast, 1.5))),rgb(var(--cast, 255 168 92) / calc(var(--cast-a, .04) * var(--film-cast, 1.5)))),linear-gradient(rgb(250 242 230 / calc(var(--fade, .05) * var(--film-fade, 0))),rgb(250 242 230 / calc(var(--fade, .05) * var(--film-fade, 0))));box-shadow:inset 1px 1px 1.5px #00000029,inset 0 0 0 .5px #00000014}.vframe--deckle .vframe__body{padding:0}.vframe__cut{position:relative;padding:var(--vf-pt) var(--vf-pr) var(--vf-pb) var(--vf-pl);background:#f9f7f2 linear-gradient(140deg,#fffefb,#f3f0e8);--r: 2.2px;--d: 6.5px;-webkit-mask:radial-gradient(circle var(--r) at 50% 0,#0000 96%,#000) 50% 0 / var(--d) 100% repeat-x,radial-gradient(circle var(--r) at 50% 100%,#0000 96%,#000) 50% 100% / var(--d) 100% repeat-x,radial-gradient(circle var(--r) at 0 50%,#0000 96%,#000) 0 50% / 100% var(--d) repeat-y,radial-gradient(circle var(--r) at 100% 50%,#0000 96%,#000) 100% 50% / 100% var(--d) repeat-y;-webkit-mask-composite:source-in;mask:radial-gradient(circle var(--r) at 50% 0,#0000 96%,#000) 50% 0 / var(--d) 100% repeat-x,radial-gradient(circle var(--r) at 50% 100%,#0000 96%,#000) 50% 100% / var(--d) 100% repeat-x,radial-gradient(circle var(--r) at 0 50%,#0000 96%,#000) 0 50% / 100% var(--d) repeat-y,radial-gradient(circle var(--r) at 100% 50%,#0000 96%,#000) 100% 50% / 100% var(--d) repeat-y;mask-composite:intersect}.vframe--deckle .vframe__media{filter:saturate(.91) contrast(.95) sepia(.08) brightness(1.02)}.vframe--deckle .vframe__photo:after{background:linear-gradient(#ffecd60d,#ffe2c80a),linear-gradient(#40281c05,#40281c05)}.vframe--deckle .vframe__glare{opacity:.5}.vframe--deckle .vframe__wear{opacity:.7}.vframe__date{position:absolute;right:7.5%;bottom:2.6%;z-index:5;font:600 8.5px/1 Helvetica Neue,Arial,sans-serif;letter-spacing:.14em;color:#f2efe8;text-shadow:-.6px -.6px 0 rgb(255 255 255 / .9),.6px .6px 0 rgb(80 60 40 / .28)}.vframe--film .vframe__body{background:#0d0c0b;box-shadow:inset 1px 1px #ffffff14}.vframe--film .vframe__photo{-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cfilter id='f' x='-5%25' y='-5%25' width='110%25' height='110%25'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.1 0.8' numOctaves='2' seed='7'/%3E%3CfeDisplacementMap in='SourceGraphic' scale='0.9' xChannelSelector='R' yChannelSelector='G'/%3E%3C/filter%3E%3Crect x='0.5' y='0.5' width='99' height='99' fill='black' filter='url(%23f)'/%3E%3C/svg%3E") center / 100% 100% no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cfilter id='f' x='-5%25' y='-5%25' width='110%25' height='110%25'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.1 0.8' numOctaves='2' seed='7'/%3E%3CfeDisplacementMap in='SourceGraphic' scale='0.9' xChannelSelector='R' yChannelSelector='G'/%3E%3C/filter%3E%3Crect x='0.5' y='0.5' width='99' height='99' fill='black' filter='url(%23f)'/%3E%3C/svg%3E") center / 100% 100% no-repeat}.vframe--film .vframe__media{filter:saturate(.95) contrast(1.06)}.vframe--film .vframe__glare{opacity:.45}.vframe--film .vframe__wear{background:none;opacity:.6}.vframe__edge{position:absolute;left:6%;right:6%;z-index:5;display:flex;justify-content:space-between;font:600 6.5px/1 Helvetica Neue,Arial,sans-serif;letter-spacing:.22em;color:#ffd696c7;white-space:nowrap}.vframe__edge--top{top:var(--vf-edge-top, 3%);translate:0 -50%}.vframe__edge--bottom{bottom:var(--vf-edge-bottom, 3%);translate:0 50%}.vframe--glossy .vframe__body{border-radius:3.5%;overflow:hidden;background:#fff}.vframe--glossy .vframe__media{filter:saturate(1.1) contrast(1.05) sepia(.06)}.vframe--glossy .vframe__wear{opacity:.6}.vframe__stamp{position:absolute;right:8%;bottom:6%;z-index:5;white-space:pre;font:700 11px/1 ui-monospace,SF Mono,Menlo,monospace;letter-spacing:.08em;color:#ff9a3c;text-shadow:0 0 2px rgb(255 120 30 / .9),0 0 6px rgb(255 100 20 / .5);opacity:.9;transition:opacity .5s ease}.vframe--slide .vframe__body{aspect-ratio:1;padding:0;border-radius:4.5%;background:#efe9dc linear-gradient(150deg,#f6f1e6,#e7dfcf);box-shadow:inset 0 0 0 .5px #78644640,inset 1px 1px #ffffffb3}.vframe--slide .vframe__photo{position:absolute;left:50%;top:50%;width:72%;translate:-50% -50%;border-radius:3%/4.5%;box-shadow:0 0 0 3px #111,0 0 0 4px #6e5a3c59,-1px -1px 0 4.5px #ffffff73}.vframe--slide.is-portrait .vframe__photo{width:auto;height:72%;border-radius:4.5%/3%}.vframe--slide .vframe__media{filter:saturate(1.22) contrast(1.12) brightness(1.06)}.vframe--slide .vframe__photo:after{background:radial-gradient(110% 100% at 50% 50%,#ffffff0f,#0000 55%,#140a0047)}.vframe--slide .vframe__glare{display:none}.vframe--slide .vframe__wear{background:none;opacity:.5}.vframe__label{position:absolute;left:0;right:0;z-index:5;text-align:center;font:700 7px/1 Helvetica Neue,Arial,sans-serif;letter-spacing:.3em;color:#b2402c}.vframe__label--top{top:6.5%}.vframe__label--bottom{bottom:6%;letter-spacing:.2em;font-weight:600;color:#5d5245}.vframe__number{position:absolute;left:5%;top:50%;z-index:5;translate:0 -50%;writing-mode:vertical-rl;rotate:180deg;font:700 8px/1 ui-monospace,Menlo,monospace;color:#3d3730;opacity:.75}.vframe--camcorder .vframe__body{border-radius:9%/5%;background:linear-gradient(160deg,#3a3633,#1d1b19 60%);box-shadow:inset 1px 1px #ffffff1f,inset -1px -1px #00000080}.vframe--camcorder .vframe__photo{border-radius:7%/5%;background:#000}.vframe--camcorder.is-wide .vframe__body{border-radius:7%/12%}.vframe--camcorder.is-wide .vframe__photo{border-radius:5%/8%}.vframe--camcorder .vframe__media{filter:saturate(1.15) contrast(1.08)}.vframe--camcorder .vframe__photo:before{background:repeating-linear-gradient(to bottom,#0000 0 2px,#00000029 2px 3px),radial-gradient(120% 100% at 50% 40%,#ffffff12,#0000 50%,#00000073)}.vframe--camcorder .vframe__glare{opacity:.4}.vframe--camcorder .vframe__wear{display:none}.vframe__osd{position:absolute;top:6%;right:7%;bottom:6%;left:7%;z-index:5;pointer-events:none;display:grid;grid-template-columns:1fr auto;align-content:space-between;font:700 11px/1.1 ui-monospace,SF Mono,Menlo,monospace;letter-spacing:.06em;color:#fff;text-shadow:1px 1px 0 #000,-1px 0 0 rgb(255 0 80 / .35),1px 0 0 rgb(0 200 255 / .35);transition:opacity .5s ease}.vframe__osd span:nth-child(2n){text-align:right}.vframe--super8 .vframe__body{background:linear-gradient(90deg,#22170e,#2b1d12 30%,#20160d);box-shadow:inset 0 0 0 1px #ffdcb40d,inset 1px 1px #ffe6c814}.vframe--super8 .vframe__photo{border-radius:6%/4.5%;background:#000}.vframe--super8 .vframe__media{filter:saturate(.9) contrast(1.1) sepia(.22) brightness(1.04)}.vframe--super8 .vframe__photo:after{background:var(--vframe-grain, none),radial-gradient(110% 90% at 50% 45%,#ffe6be14,#0000 55%,#140a0080)}.vframe--super8 .vframe__glare,.vframe--super8 .vframe__wear{display:none}.vframe__hole{position:absolute;left:calc(var(--vf-pl) * .34);width:calc(var(--vf-pl) * .36);top:50%;height:9%;translate:0 -50%;border-radius:22%/14%;background:var(--vframe-table, rgb(250 250 250));box-shadow:inset .5px .5px 1px #00000059}@media(prefers-reduced-motion:no-preference){.vframe--super8 .vframe__media{animation:vframe-weave .42s steps(1) infinite}.vframe--super8 .vframe__photo:after{animation:vframe-flicker .18s steps(1) infinite}}@keyframes vframe-weave{0%{transform:translate(0) scale(1.02)}25%{transform:translate(.5px,-.6px) scale(1.02)}50%{transform:translate(-.4px,.4px) scale(1.02)}75%{transform:translate(.2px,.8px) scale(1.02)}}@keyframes vframe-flicker{0%{background-position:0 0,0 0}33%{background-position:31px 17px,0 0}66%{background-position:-23px 41px,0 0}}.is-zoomed .vframe__media{filter:none;animation:none}.is-zoomed .vframe__photo:before,.is-zoomed .vframe__photo:after,.is-zoomed .vframe__glare,.is-zoomed .vframe__wear,.is-zoomed .vframe__shade,.is-zoomed .vframe__osd,.is-zoomed .vframe__stamp{opacity:0;animation:none}
/*# sourceMappingURL=/cdn/shop/t/29/assets/vintage-frames.css.map */