.taped-photo{--photo-focus:50% 50%;box-sizing:border-box;--polaroid-edge:clamp(.75rem, .5rem + 1vw, 1.25rem);--polaroid-band:clamp(4.25rem, 3.4rem + 2.6vw, 5.5rem);padding:var(--polaroid-edge) var(--polaroid-edge) 0;position:relative}.taped-photo[data-focus=left]{--photo-focus:20% 50%}.taped-photo[data-focus=right]{--photo-focus:80% 50%}.taped-photo[data-focus=top]{--photo-focus:50% 20%}.taped-photo[data-focus=bottom]{--photo-focus:50% 80%}.taped-photo__frame{position:relative;overflow:clip}.taped-photo__frame:after{content:"";pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #00000014,inset 0 0 .875rem #0003;box-shadow:inset 0 0 0 1px lab(0% 0 0/.08),inset 0 0 .875rem lab(0% 0 0/.2)}.taped-photo__frame picture{display:contents}.taped-photo__image{object-fit:cover;object-position:var(--photo-focus);block-size:auto;inline-size:100%;display:block}.taped-photo[data-aspect=landscape] .taped-photo__frame{aspect-ratio:36/25}.taped-photo[data-aspect=square] .taped-photo__frame{aspect-ratio:1}.taped-photo:not([data-aspect=native]) .taped-photo__image{block-size:100%;position:absolute;inset:0}.taped-photo[data-zoom=close] .taped-photo__image{transform-origin:var(--photo-focus);transform:scale(1.4)}.taped-photo__tape{background-color:var(--color-tape);block-size:var(--size-tape-height);border-radius:var(--radius-paper);inline-size:var(--size-tape-width);transform:translateX(-50%) rotate(calc(var(--tilt-e) * -1));z-index:1;position:absolute;inset-block-start:calc(var(--size-tape-height) / -2);inset-inline-start:50%}.taped-photo__caption-row{box-sizing:border-box;align-items:center;gap:var(--space-2) var(--space-4);min-block-size:var(--polaroid-band);padding-block:var(--space-2);text-align:center;flex-wrap:wrap;justify-content:center;display:flex}.taped-photo[data-caption-size=large] .taped-photo__caption-row{text-align:start;justify-content:space-between}.taped-photo__caption{color:var(--scene-accent);font-size:var(--text-hand-caption);margin:0}.taped-photo[data-caption-size=large] .taped-photo__caption{font-size:var(--text-hand-heading)}
.torn-panel{filter:var(--paper-drop,var(--shadow-drop-light));transform:rotate(var(--paper-tilt,0deg))}.torn-panel__paper{--paper-ground:var(--color-plate);background-color:var(--paper-ground);color:var(--scene-fg);padding:var(--space-paper-pad)}.torn-panel[data-paper=tint] .torn-panel__paper{--paper-ground:var(--color-tint)}.torn-panel[data-paper=slip] .torn-panel__paper{--paper-ground:var(--color-slip)}.torn-panel[data-variant=receipt] .torn-panel__paper{clip-path:polygon(0 0, 100% 0, 100% calc(100% - var(--receipt-tooth)), 96% 100%, 92% calc(100% - var(--receipt-tooth)), 88% 100%, 84% calc(100% - var(--receipt-tooth)), 80% 100%, 76% calc(100% - var(--receipt-tooth)), 72% 100%, 68% calc(100% - var(--receipt-tooth)), 64% 100%, 60% calc(100% - var(--receipt-tooth)), 56% 100%, 52% calc(100% - var(--receipt-tooth)), 48% 100%, 44% calc(100% - var(--receipt-tooth)), 40% 100%, 36% calc(100% - var(--receipt-tooth)), 32% 100%, 28% calc(100% - var(--receipt-tooth)), 24% 100%, 20% calc(100% - var(--receipt-tooth)), 16% 100%, 12% calc(100% - var(--receipt-tooth)), 8% 100%, 4% calc(100% - var(--receipt-tooth)), 0 100%);padding-block-end:calc(var(--space-paper-pad) + var(--receipt-tooth))}.torn-panel[data-variant=torn] .torn-panel__paper{clip-path:polygon(0 0, calc(100% - var(--torn-depth) * .4) 0, 100% 3%, calc(100% - var(--torn-depth) * .7) 7%, calc(100% - var(--torn-depth) * .2) 12%, calc(100% - var(--torn-depth)) 17%, calc(100% - var(--torn-depth) * .5) 23%, 100% 28%, calc(100% - var(--torn-depth) * .8) 34%, calc(100% - var(--torn-depth) * .3) 40%, calc(100% - var(--torn-depth) * .9) 46%, 100% 52%, calc(100% - var(--torn-depth) * .6) 58%, calc(100% - var(--torn-depth) * .1) 64%, calc(100% - var(--torn-depth) * .75) 70%, calc(100% - var(--torn-depth) * .35) 76%, 100% 82%, calc(100% - var(--torn-depth) * .85) 88%, calc(100% - var(--torn-depth) * .45) 94%, calc(100% - var(--torn-depth) * .9) 100%, 0 100%);padding-inline-end:calc(var(--space-paper-pad) + var(--torn-depth))}@media (max-width:47.9375rem){.torn-panel{filter:var(--paper-drop-compact,var(--shadow-drop-light-compact))}.torn-panel[data-variant=receipt] .torn-panel__paper{clip-path:polygon(0 0, 100% 0, 100% calc(100% - var(--receipt-tooth-compact)), 94% 100%, 88% calc(100% - var(--receipt-tooth-compact)), 82% 100%, 76% calc(100% - var(--receipt-tooth-compact)), 70% 100%, 64% calc(100% - var(--receipt-tooth-compact)), 58% 100%, 52% calc(100% - var(--receipt-tooth-compact)), 46% 100%, 40% calc(100% - var(--receipt-tooth-compact)), 34% 100%, 28% calc(100% - var(--receipt-tooth-compact)), 22% 100%, 16% calc(100% - var(--receipt-tooth-compact)), 10% 100%, 4% calc(100% - var(--receipt-tooth-compact)), 0 100%);padding-block-end:calc(var(--space-paper-pad) + var(--receipt-tooth-compact))}}