.sentio-mask{position:relative;display:block;overflow:hidden;-webkit-mask:var(--sentio-mask) center / 100% 100% no-repeat;mask:var(--sentio-mask) center / 100% 100% no-repeat}.sentio-mask>img,.sentio-mask>picture,.sentio-mask>picture>img,.sentio-mask>video{display:block;width:100%;height:100%;object-fit:cover}.sentio-mask--arch{--sentio-mask: url(ui-mask-arch.svg);aspect-ratio:4 / 5.2}.sentio-mask--bud-arch{--sentio-mask: url(ui-mask-bud-arch.svg);aspect-ratio:4 / 5.2}.sentio-mask--flower-arch{--sentio-mask: url(ui-mask-flower-arch.svg);aspect-ratio:4 / 5.2}.sentio-mask--leaf{--sentio-mask: url(ui-mask-leaf.svg);--mask-ratio: 5 / 7;aspect-ratio:5 / 7}.sentio-mask--leaf-pair{--sentio-mask: url(ui-mask-leaf-pair.svg);--mask-ratio: 13 / 12;aspect-ratio:13 / 12}.sentio-mask--flower{--sentio-mask: url(ui-mask-flower.svg);--mask-ratio: 1;aspect-ratio:1}.sentio-mask--pebble{--sentio-mask: url(ui-mask-pebble.svg);aspect-ratio:4 / 5.2}.sentio-mask--leaf-corner{--sentio-mask: url(ui-mask-leaf-corner.svg);--mask-ratio: 4 / 5;aspect-ratio:4 / 5}.sentio-mask--full-petals{--sentio-mask: url(ui-mask-full-petals.svg);--mask-ratio: 1151 / 1176;aspect-ratio:1151 / 1176}.sentio-mask--soft-rosette{--sentio-mask: url(ui-mask-soft-rosette.svg);--mask-ratio: 1;aspect-ratio:1}.sentio-mask--leaf-corner-roundel{--sentio-mask: url(ui-mask-leaf-corner-roundel.svg);--mask-ratio: 1;aspect-ratio:1}.sentio-mask--four-petal-cloud{--sentio-mask: url(ui-mask-four-petal-cloud.svg);--mask-ratio: 1;aspect-ratio:1}.sentio-mask--botanical-cushion{--sentio-mask: url(ui-mask-botanical-cushion.svg);--mask-ratio: 1;aspect-ratio:1}.sentio-mask--petal-diamond{--sentio-mask: url(ui-mask-petal-diamond.svg);--mask-ratio: 1;aspect-ratio:1}.sentio-mask--eight-petal-bloom{--sentio-mask: url(ui-mask-eight-petal-bloom.svg);--mask-ratio: 1;aspect-ratio:1}.sentio-mask--lotus-roundel{--sentio-mask: url(ui-mask-lotus-roundel.svg);--mask-ratio: 1;aspect-ratio:1}.sentio-mask--scalloped-camellia{--sentio-mask: url(ui-mask-scalloped-camellia.svg);--mask-ratio: 1;aspect-ratio:1}.sentio-mask--cloud-medallion{--sentio-mask: url(ui-mask-cloud-medallion.svg);--mask-ratio: 1;aspect-ratio:1}.sentio-mask--four-petal-bloom{--sentio-mask: url(ui-mask-four-petal-bloom.svg);--mask-ratio: 1;aspect-ratio:1}.sentio-mask--lotus-bud{--sentio-mask: url(ui-mask-lotus-bud.svg);--mask-ratio: 1;aspect-ratio:1}.sentio-mask--rounded-daisy{--sentio-mask: url(ui-mask-rounded-daisy.svg);--mask-ratio: 1;aspect-ratio:1}.sentio-mask--petal-crown{--sentio-mask: url(ui-mask-petal-crown.svg);--mask-ratio: 1;aspect-ratio:1}.sentio-mask--pointed-petal-ring{--sentio-mask: url(ui-mask-pointed-petal-ring.svg);--mask-ratio: 1;aspect-ratio:1}.sentio-mask--twisted-leaf-oval{--sentio-mask: url(ui-mask-twisted-leaf-oval.svg);--mask-ratio: 1;aspect-ratio:1}.sentio-mask--open-petal-bloom{--sentio-mask: url(ui-mask-open-petal-bloom.svg);--mask-ratio: 1;aspect-ratio:1}.sentio-mask--soft-four-leaf-frame{--sentio-mask: url(ui-mask-soft-four-leaf-frame.svg);--mask-ratio: 1;aspect-ratio:1}.sentio-mask--open-daisy{--sentio-mask: url(ui-mask-open-daisy.svg);--mask-ratio: 1;aspect-ratio:1}.sentio-mask--pointed-bud-wreath{--sentio-mask: url(ui-mask-pointed-bud-wreath.svg);--mask-ratio: 1;aspect-ratio:1}.sentio-mask--curled-leaf-crown{--sentio-mask: url(ui-mask-curled-leaf-crown.svg);--mask-ratio: 1;aspect-ratio:1}.sentio-mask--four-wave-frame{--sentio-mask: url(ui-mask-four-wave-frame.svg);--mask-ratio: 1;aspect-ratio:1}.sentio-mask--soft{--sentio-mask: none;aspect-ratio:4 / 5;border-radius:clamp(1.6rem,2.4vw,2.4rem)}.sentio-mask--plate{background:var(--sentio-paper-deep, #f3ecdf)}.sentio-mask--plate>img{object-fit:contain;padding:8%;box-sizing:border-box;mix-blend-mode:multiply}.has-mask-grain:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:url(ui-grain.svg);opacity:var(--mask-grain-opacity, .22);mix-blend-mode:overlay;pointer-events:none}.has-dreamy-shadow{--shadow-shape: url(ui-mask-arch.svg);position:relative;isolation:isolate}.has-dreamy-shadow:after{content:"";position:absolute;z-index:-1;top:-15rem;right:-15rem;bottom:-15rem;left:-15rem;pointer-events:none;background:var(--shadow-shape) center / calc(100% - 30rem) calc(100% - 30rem) no-repeat;transform:translate(4rem,1.6rem);filter:blur(28px);opacity:calc(.24 * var(--dreamy-shadow-opacity, 1))}.sentio-arch-card{--arch-card-pad: 2.4rem;--arch-card-gap: 1.6rem;--arch-card-bg: rgb(var(--color-background));--arch-card-foot: 2.8rem;container-type:inline-size;position:relative;isolation:isolate;padding:var(--arch-card-pad);filter:drop-shadow(0 1.6rem 2.4rem rgb(40 40 30 / .1))}.sentio-arch-card:before,.sentio-arch-card:after{--r: calc(50cqw + var(--arch-card-pad));content:"";position:absolute;z-index:-1;inset-block:0;inset-inline-start:0;width:calc(2 * var(--r));background:var(--arch-card-bg);border-radius:var(--r) var(--r) var(--arch-card-foot) var(--arch-card-foot)}.sentio-arch-card:after{display:none}.sentio-arch-card--pair:before,.sentio-arch-card--pair:after{--r: calc((100cqw - var(--arch-card-gap)) / 4 + var(--arch-card-pad))}.sentio-arch-card--pair:before{border-end-end-radius:0}.sentio-arch-card--pair:after{display:block;inset-inline-start:auto;inset-inline-end:0;border-end-start-radius:0}.image-wash{--wash-seam: 46%;position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(to top,color-mix(in oklab,var(--wash) 88%,transparent) 12%,transparent var(--wash-seam));-webkit-mask:linear-gradient(to top,#000 calc(var(--wash-seam) - 26%),rgb(0 0 0 / .55) calc(var(--wash-seam) - 10%),transparent var(--wash-seam));mask:linear-gradient(to top,#000 calc(var(--wash-seam) - 26%),rgb(0 0 0 / .55) calc(var(--wash-seam) - 10%),transparent var(--wash-seam))}@supports (backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px)){.image-wash{background:linear-gradient(to top,rgb(24 16 10 / .3) 10%,rgb(24 16 10 / .1) calc(var(--wash-seam) - 14%),transparent var(--wash-seam));-webkit-backdrop-filter:blur(2rem) saturate(1.6) brightness(.74);backdrop-filter:blur(2rem) saturate(1.6) brightness(.74)}}.image-wash:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:url(ui-grain.svg);opacity:.5;mix-blend-mode:overlay}.image-wash--full{--wash-seam: 62%}.icon-file{display:block;inline-size:1.25em;block-size:1.25em;background:currentColor;-webkit-mask:var(--icon-file) center / contain no-repeat;mask:var(--icon-file) center / contain no-repeat}
/*# sourceMappingURL=/cdn/shop/t/36/assets/ui-masks.css.map */
