.fp{--in: 10px;--m: .75;--pw: 40;--ph: 27;--mx: 2.25;--my: 1.75;--cx: 0;--cy: 0;--cw: 1;--ch: 1;width:100%}.fp[data-size=small]{--pw: 28;--ph: 22;--mx: 2;--my: 2}.fp__stage{position:relative;width:100%;aspect-ratio:1;display:flex;align-items:center;justify-content:center;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.fp__frame{position:relative;flex:none;width:calc((var(--pw) + var(--m) * 2) * var(--in));height:calc((var(--ph) + var(--m) * 2) * var(--in));padding:calc(var(--m) * var(--in));box-sizing:border-box;background:linear-gradient(135deg,#d9bf7a,#b8973f 18%,#e6cf8c 34%,#c6a44f 52%,#f0dc9c,#b3903a,#d6ba73);box-shadow:inset 0 0 0 1px #fff5d28c,inset 0 0 0 calc(var(--m) * var(--in) * .35) #0000000f,0 18px 36px -12px #2d221280,0 5px 12px #2d221240;transition:transform .45s cubic-bezier(.4,0,.2,1),width .3s,height .3s;transform-origin:center}.fp[data-rot="1"] .fp__frame{transform:rotate(90deg)}.fp__glass{position:relative;width:100%;height:100%;overflow:hidden;background:#f4efe2;box-shadow:inset 0 0 0 1px #3c280a73,inset 0 2px 6px #00000040;touch-action:pan-y}.fp__paper{position:absolute;top:0;right:0;bottom:0;left:0;background:#f6f1e4;overflow:hidden}.fp .fp__paper .fp__map{position:absolute;max-width:none;pointer-events:none;width:calc(100% / var(--cw));height:calc(100% / var(--ch));left:calc(-100% * var(--cx) / var(--cw));top:calc(-100% * var(--cy) / var(--ch))}.fp__glass:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(160deg,#ffffff1a,#fff0 38%)}.fp__mat{position:absolute;top:0;right:0;bottom:0;left:0;box-sizing:border-box;pointer-events:none;border-style:solid;border-color:#f7f4ec;border-width:calc(var(--my) * var(--in)) calc(var(--mx) * var(--in));opacity:0;transition:opacity .3s;box-shadow:inset 0 0 0 calc(var(--in) * .06) #e9e4d6,inset 0 0 0 calc(var(--in) * .09) #fbfaf6,inset 1px 2px 3px #00000038}.fp[data-mat="1"] .fp__mat{opacity:1}.fp__label{position:absolute;left:50%;bottom:8px;transform:translate(-50%);background:#33291bc7;color:#f3ecd9;font-size:.64rem;letter-spacing:.18em;text-transform:uppercase;padding:.45em .9em;white-space:nowrap;pointer-events:none}.fp__controls{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:12px}.fp__btn{background:var(--color-bg);border:1px solid var(--color-line);color:var(--color-ink);font:inherit;font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;padding:.6em 1em;cursor:pointer;min-height:40px}.fp__btn[aria-pressed=true]{border-color:var(--color-accent);color:var(--color-accent);box-shadow:inset 0 0 0 1px var(--color-accent)}.fp__btn--icon{min-width:40px;padding:.4em .7em;font-size:1rem;letter-spacing:0}.fp__zoomrow{display:flex;align-items:center;gap:8px;justify-content:center;margin-top:10px}.fp__zoomrow label{font-size:.66rem;letter-spacing:.18em;text-transform:uppercase;color:var(--color-ink-soft)}.fp__zoomrow input[type=range]{width:min(220px,50vw);accent-color:var(--color-accent)}.fp__note{font-size:.8rem;color:var(--color-ink-soft);text-align:center;margin:.6em 0 0}.fp__hint{font-size:.78rem;color:var(--color-ink-soft);text-align:center;margin:.5em 0 0}.fp__hint--touch{display:none}@media(hover:none),(pointer:coarse){.fp__hint--mouse{display:none}.fp__hint--touch{display:block}}.fp__lens{position:fixed;z-index:40;border-radius:50%;overflow:hidden;pointer-events:none;display:none;border:3px solid #c9ab5c;box-shadow:0 12px 34px -8px #0009,inset 0 0 0 1px #ffffff80;background:#f6f1e4}.fp__lens canvas{display:block}.fp__lens-zoom{position:absolute;left:50%;bottom:10px;transform:translate(-50%);background:#33291bc7;color:#f3ecd9;font-size:.66rem;letter-spacing:.14em;padding:.3em .7em;border-radius:999px}.fp[data-magnifier="1"] .fp__glass{cursor:zoom-in}.fp.is-pinned .fp__glass{cursor:crosshair}.fp.is-magnifying .fp__lens{display:block}.fp__explorer{border:0;padding:0;width:100vw;height:100vh;max-width:100vw;max-height:100vh;background:#e9e2d0;overscroll-behavior:contain}.fp__explorer::backdrop{background:#261e12b3}.fp__explorer canvas{display:block;touch-action:none;cursor:grab;user-select:none;-webkit-user-select:none}.fp__explorer canvas:active{cursor:grabbing}.fp__ex-bar{position:fixed;top:12px;right:12px;display:flex;gap:8px;align-items:center;z-index:2}.fp__ex-bar .fp__btn{background:#f3ecd9f0}.fp__ex-zoom{font-size:.7rem;letter-spacing:.14em;background:#33291bcc;color:#f3ecd9;padding:.55em .9em;border-radius:999px}.fp__ex-hint{position:fixed;left:50%;bottom:14px;transform:translate(-50%);background:#33291bcc;color:#f3ecd9;font-size:.66rem;letter-spacing:.16em;text-transform:uppercase;padding:.5em 1em;pointer-events:none;text-align:center;max-width:92vw;box-sizing:border-box}
/*# sourceMappingURL=/cdn/shop/t/53/assets/frame-preview.css.map */