@layer molecules{.uo-photo-block{position:relative;isolation:isolate;display:block;margin:0;--uo-photo-block-offset-distance: var(--uo-space-8)}.uo-photo-block--offset-br{padding-right:var(--uo-photo-block-offset-distance);padding-bottom:var(--uo-photo-block-offset-distance)}.uo-photo-block--offset-bl{padding-left:var(--uo-photo-block-offset-distance);padding-bottom:var(--uo-photo-block-offset-distance)}.uo-photo-block--offset-tr{padding-top:var(--uo-photo-block-offset-distance);padding-right:var(--uo-photo-block-offset-distance)}.uo-photo-block--offset-tl{padding-top:var(--uo-photo-block-offset-distance);padding-left:var(--uo-photo-block-offset-distance)}.uo-photo-block--base{--uo-photo-block-offset-color: var(--uo-color-moss)}.uo-photo-block--peek{padding-top:var(--uo-photo-block-offset-distance);padding-left:var(--uo-photo-block-offset-distance);--uo-photo-block-offset-distance: var(--uo-space-10);--uo-photo-block-offset-color: var(--uo-color-pacific)}.uo-photo-block--peek .uo-photo-block__offset{inset:0 auto auto 0;width:var(--uo-photo-block-peek-size, 60%);aspect-ratio:var(--uo-photo-block-ratio, 1/1)}.uo-photo-block--band,.uo-photo-block--band-right,.uo-photo-block--band-left{--uo-photo-block-offset-inset-y: var(--uo-photo-block-band-inset, 10%);--uo-photo-block-offset-color: var(--uo-color-fern)}.uo-photo-block--band,.uo-photo-block--band-right{padding-right:var(--uo-photo-block-band-peek, 22%)}.uo-photo-block--band-left{padding-left:var(--uo-photo-block-band-peek, 22%)}.uo-photo-block--offset-sm{--uo-photo-block-offset-distance: var(--uo-space-7)}.uo-photo-block--offset-md{--uo-photo-block-offset-distance: var(--uo-space-8)}.uo-photo-block--offset-lg{--uo-photo-block-offset-distance: var(--uo-space-10)}.uo-photo-block--offset-uo-green{--uo-photo-block-offset-color: var(--uo-color-uo-green)}.uo-photo-block--offset-uo-yellow{--uo-photo-block-offset-color: var(--uo-color-uo-yellow)}.uo-photo-block--offset-evergreen{--uo-photo-block-offset-color: var(--uo-color-evergreen)}.uo-photo-block--offset-fern{--uo-photo-block-offset-color: var(--uo-color-fern)}.uo-photo-block--offset-moss{--uo-photo-block-offset-color: var(--uo-color-moss)}.uo-photo-block--offset-pacific{--uo-photo-block-offset-color: var(--uo-color-pacific)}.uo-photo-block--offset-duck-bill{--uo-photo-block-offset-color: var(--uo-color-duck-bill)}.uo-photo-block:has(>.uo-photo-block__photo>.uo-image--ratio-16-9){--uo-photo-block-ratio: 16 / 9}.uo-photo-block:has(>.uo-photo-block__photo>.uo-image--ratio-16-10){--uo-photo-block-ratio: 16 / 10}.uo-photo-block:has(>.uo-photo-block__photo>.uo-image--ratio-8-5){--uo-photo-block-ratio: 8 / 5}.uo-photo-block:has(>.uo-photo-block__photo>.uo-image--ratio-4-3){--uo-photo-block-ratio: 4 / 3}.uo-photo-block:has(>.uo-photo-block__photo>.uo-image--ratio-3-2){--uo-photo-block-ratio: 3 / 2}.uo-photo-block:has(>.uo-photo-block__photo>.uo-image--ratio-1-1){--uo-photo-block-ratio: 1 / 1}.uo-photo-block:has(>.uo-photo-block__photo>.uo-image--ratio-4-5){--uo-photo-block-ratio: 4 / 5}.uo-photo-block:has(>.uo-photo-block__photo>.uo-image--ratio-9-16){--uo-photo-block-ratio: 9 / 16}.uo-photo-block__offset{position:absolute;inset:var(--uo-photo-block-offset-inset-y, 0) var(--uo-photo-block-offset-inset-x, 0);background:var(--uo-photo-block-offset-color, var(--uo-color-fern));z-index:0;pointer-events:none}.uo-photo-block__photo{position:relative;z-index:1;display:block}@media(max-width: 40rem){.uo-photo-block{--uo-photo-block-offset-distance: var(--uo-space-6)}}}

/*# sourceMappingURL=uo-photo-block.css.map */