:root{--fp-frame-color: #1f1c1a;--fp-mount-color: #f3ecdc;--fp-mount-width: 8cqmin;--fp-wall-color: #d9d3c9;--fp-bevel: .5cqmin;--fp-grain-light: rgba(255, 255, 255, .05);--fp-grain-dark: rgba(0, 0, 0, .35);--fp-frame-width: 3.4cqmin;--fp-wall-gap: 7cqmin;--fp-fade: .45s}.framed{--fp-inset: calc(var(--fp-wall-gap) + var(--fp-frame-width) + var(--fp-mount-width) + var(--fp-bevel));container-type:size;display:grid;place-items:center;overflow:hidden;background-color:var(--fp-wall-color)}.framed--landscape{--fp-ratio: calc(1027 / 770)}.framed--portrait{--fp-ratio: calc(770 / 1027)}.framed--square{--fp-ratio: 1}.framed--wall-plain{background-image:radial-gradient(ellipse 120% 90% at 50% 0%,#ffffff38,#fff0 70%)}.framed--wall-textured{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 .4 -.16'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='600' height='600'%3E%3Cfilter id='m'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.012' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .5 -.15'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23m)'/%3E%3C/svg%3E"),radial-gradient(ellipse 120% 90% at 50% 0%,#fff3,#fff0 70%),linear-gradient(to bottom,#0000,#0000000f);background-size:180px 180px,600px 600px,100% 100%,100% 100%}.framed--wall-none{--fp-wall-color: #ffffff}.framed__frame{position:relative;display:block;padding:var(--fp-frame-width);background:linear-gradient(to bottom,#fff3,#fff0 40%,#0000 60%,#00000040) top / 100% var(--fp-frame-width) no-repeat,linear-gradient(to bottom,#ffffff14,#0000 40%,#0000001a 60%,#00000059) bottom / 100% var(--fp-frame-width) no-repeat,repeating-linear-gradient(0deg,var(--fp-grain-light) 0 1px,transparent 1px 5px),repeating-linear-gradient(0deg,var(--fp-grain-dark) 0 1px,transparent 1px 7px,var(--fp-grain-dark) 7px 9px,transparent 9px 13px),repeating-linear-gradient(0deg,transparent 0 3px,var(--fp-grain-light) 3px 4px,transparent 4px 17px),var(--fp-frame-color);box-shadow:0 0 0 1px #00000038,0 .3cqmin .6cqmin #00000038,0 1.4cqmin 3cqmin #00000042}.framed__frame:before,.framed__frame:after{content:"";position:absolute;top:0;bottom:0;width:var(--fp-frame-width);pointer-events:none;background:linear-gradient(var(--fp-stile-dir),rgba(255,255,255,.16),rgba(255,255,255,0) 40%,rgba(0,0,0,0) 60%,rgba(0,0,0,.28)),repeating-linear-gradient(90deg,var(--fp-grain-light) 0 1px,transparent 1px 5px),repeating-linear-gradient(90deg,var(--fp-grain-dark) 0 1px,transparent 1px 7px,var(--fp-grain-dark) 7px 9px,transparent 9px 13px),repeating-linear-gradient(90deg,transparent 0 3px,var(--fp-grain-light) 3px 4px,transparent 4px 17px),var(--fp-frame-color)}.framed__frame:before{--fp-stile-dir: to right;left:0;clip-path:polygon(0 0,100% var(--fp-frame-width),100% calc(100% - var(--fp-frame-width)),0 100%)}.framed__frame:after{--fp-stile-dir: to left;right:0;clip-path:polygon(0 var(--fp-frame-width),100% 0,100% 100%,0 calc(100% - var(--fp-frame-width)));filter:brightness(.9)}.framed__mount{position:relative;display:block;padding:var(--fp-mount-width);background:linear-gradient(to bottom,#ffffff2e,#00000008),var(--fp-mount-color);box-shadow:inset 0 .5cqmin .9cqmin #0000004d,inset 0 0 0 1px #0000002e}.framed__mount:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(115deg,#fff0 38%,#ffffff12 46%,#fff0 58%)}.framed__window{position:relative;display:block;border:var(--fp-bevel) solid;border-color:rgba(0,0,0,.1) rgba(255,255,255,.4) rgba(255,255,255,.75) rgba(0,0,0,.05);background-color:#fffdf8}.framed__window:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;box-shadow:inset 0 .35cqmin .6cqmin #00000047,inset 0 0 0 1px #0000001f}.framed .framed__img{position:static;display:block;width:max(0px,min(calc(100cqw - 2 * var(--fp-inset)),calc((100cqh - 2 * var(--fp-inset)) * var(--fp-ratio))));max-width:none;max-height:none;height:auto;aspect-ratio:var(--fp-ratio);object-fit:fill;opacity:1;transform:none}.framed--card{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;display:none;opacity:0;transition:opacity var(--fp-fade) ease;pointer-events:none}@media(hover:hover)and (pointer:fine){.framed--card{display:grid}.product-item__image-wrapper:hover .framed--card,.product-item__image-wrapper:focus-visible .framed--card{opacity:1}}.framed-preview-block{margin-top:16px}.framed-preview-block:not(:last-child){margin-bottom:16px}.framed-preview-block__button{display:inline-flex;align-items:center;justify-content:center;gap:10px}.framed-preview-block__button svg{width:20px;height:20px;flex:none}html.framed-modal-lock{overflow:hidden}.framed-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:16px;visibility:hidden;opacity:0;transition:opacity .25s ease,visibility 0s linear .25s}.framed-modal.is-open{visibility:visible;opacity:1;transition:opacity .25s ease}.framed-modal__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0009}.framed-modal__dialog{position:relative;display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;width:min(1000px,100%);height:min(100%,940px);overflow:hidden;overscroll-behavior:contain;background:#fff;border-radius:4px;box-shadow:0 10px 40px #0000004d}.framed-modal__header{display:flex;align-items:center;gap:12px;padding:12px 12px 12px 68px;border-bottom:1px solid rgba(0,0,0,.08)}.framed-modal__title{flex:1 1 auto;margin:0;font-size:16px;line-height:1.3;text-align:center}.framed-modal__close{flex:none;display:grid;place-items:center;width:44px;height:44px;padding:0;color:currentColor;background:none;border:0;border-radius:3px;cursor:pointer}.framed-modal__close svg{width:18px;height:18px}.framed-modal__close:focus-visible{outline:2px solid currentColor;outline-offset:2px}.framed-modal__caption{order:1;margin:0;padding:12px 20px 4px;font-size:16px;font-weight:700;text-decoration:underline;line-height:1.4;text-align:center}.framed-modal__stage{order:2;min-height:0}.framed-modal__actions{order:3;padding:16px 20px 20px}.framed--modal{width:100%;height:100%;--fp-wall-gap: 4cqmin}@media(max-width:640px){.framed-modal{align-items:flex-end;padding:0}.framed-modal__dialog{grid-template-rows:none;height:auto;max-height:calc(100% - 24px);overflow-y:auto;border-radius:12px 12px 0 0;padding-bottom:env(safe-area-inset-bottom)}.framed--modal{height:auto;max-height:60vh;max-height:60dvh}.framed--modal.framed--landscape{aspect-ratio:6 / 5}.framed--modal.framed--portrait{aspect-ratio:5 / 6}.framed--modal.framed--square{aspect-ratio:1}}@media(min-width:641px)and (max-height:500px){.framed-modal{padding:8px}.framed-modal__dialog{grid-template-columns:minmax(0,1fr) minmax(220px,35%);grid-template-rows:auto auto minmax(0,1fr);grid-template-areas:"stage header" "stage caption" "stage actions";height:100%}.framed-modal__header{grid-area:header;border-bottom:0;padding-left:20px}.framed-modal__title{text-align:left}.framed-modal__caption{grid-area:caption;text-align:left}.framed-modal__stage{grid-area:stage}.framed-modal__actions{grid-area:actions;align-self:end}}@media(prefers-reduced-motion:reduce){.framed--card,.framed-modal,.framed-modal.is-open{transition:none}}.framed-card-button{position:absolute;top:28px;right:28px;z-index:3;display:none}@media(hover:none),(pointer:coarse){.framed-card-button{display:block}}.framed-card-button__button{position:relative;display:grid;place-items:center;width:36px;height:36px;padding:0;color:#000;background:#ffffffeb;border:0;border-radius:50%;box-shadow:0 1px 4px #00000040;cursor:pointer}.framed-card-button__button:before{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px}.framed-card-button__button svg{width:20px;height:20px}.framed-card-button__button:focus-visible{outline:2px solid #000;outline-offset:2px}
/*# sourceMappingURL=/cdn/shop/t/9/assets/framed-preview.css.map */