.zs-farm-modal{position:fixed;top:0;right:0;bottom:0;left:0;margin:auto;padding:0;border:0;background:transparent;color:inherit;width:100%;height:100%;max-width:none;max-height:none;overflow:hidden}.zs-farm-modal::backdrop{background:#0e090df5}.zs-farm-modal[open]{display:grid;place-items:center}.zs-farm-modal__shell{width:min(100%,520px);height:100dvh;max-height:100dvh;position:relative;overflow:hidden;background:#111}.zs-farm-modal__shell .zs-viewfinder{height:100%;width:100%}.zs-farm-modal__shell .zs-viewfinder__track{height:100dvh!important;overscroll-behavior:contain}.zs-farm-modal__shell .zs-viewfinder__media{height:calc(100dvh - 98px)!important;min-height:calc(100dvh - 98px)!important}.zs-farm-modal__close{position:absolute;z-index:35;top:max(14px,env(safe-area-inset-top));right:max(12px,env(safe-area-inset-right));width:42px;height:42px;border:0;border-radius:50%;background:#000000ad;color:#fff;font-size:32px;line-height:1;cursor:pointer}.zs-farm-modal__preview{position:absolute;top:0;right:0;bottom:0;left:0;z-index:25;background:#fff;color:#3f2c34;overflow-y:auto;overscroll-behavior:contain;padding:13px 22px calc(26px + env(safe-area-inset-bottom))}.zs-farm-modal__back{border:0;background:#f9d9d9;border-radius:24px;padding:9px 16px;color:#3f2c34;cursor:pointer;margin-bottom:22px}.zs-farm-modal__preview-content{max-width:460px;margin:0 auto}.zs-farm-modal__preview-content img{display:block;width:100%;max-height:46dvh;object-fit:contain;border-radius:12px;background:#faf7f7}.zs-farm-modal__preview-content h2{font-size:2.4rem;line-height:1.2;margin:18px 0 8px}.zs-farm-modal__preview-content p{font-size:1.5rem;line-height:1.5}.zs-farm-modal__preview-content .zs-modal-price{font-size:1.8rem;font-weight:600}.zs-farm-modal__preview-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}.zs-farm-modal__preview-actions button,.zs-farm-modal__preview-actions a{border:1px solid #60434b;border-radius:7px;padding:13px 18px;font-size:1.4rem;text-decoration:none;color:#3f2c34;background:#fff;cursor:pointer}.zs-farm-modal__preview-actions button{background:#f9d9d9}.zs-farm-modal__preview-actions button:disabled{opacity:.5;cursor:not-allowed}.zs-farm-modal__hint{font-size:1.2rem;opacity:.7;margin:10px 0}@media(min-width:750px){.zs-farm-modal__shell{height:min(94dvh,920px);max-height:94dvh;border-radius:16px}.zs-farm-modal__shell .zs-viewfinder__track{height:100%!important}.zs-farm-modal__shell .zs-viewfinder__media{height:calc(min(94dvh,920px) - 98px)!important;min-height:calc(min(94dvh,920px) - 98px)!important}.zs-farm-modal__preview{inset:3dvh max(calc((100vw - 520px)/2),0px);border-radius:16px}}.zs-farm-modal__shell .zs-viewfinder{position:relative;z-index:1;will-change:transform;touch-action:pan-y}.zs-farm-modal__preview{left:0;right:0;top:0;bottom:0;z-index:25;display:block;transform:translate3d(100%,0,0);will-change:transform;touch-action:pan-y}.zs-farm-modal__preview[hidden]{display:none!important}@media(min-width:750px){.zs-farm-modal__preview{top:0;right:0;bottom:0;left:0;border-radius:0}}.zs-farm-modal__back{background:#ffeaf3;color:#7a5866;border:0}.zs-farm-modal__back:hover{background:#f7dce8}.zs-farm-modal__preview-actions a,.zs-farm-modal__preview-actions button{border:1px solid #d5b6c3;border-radius:9px;color:#7a5866;background:#fff8fb}.zs-farm-modal__preview-actions button{background:#ffeaf3}.zs-farm-modal__preview-actions a:hover,.zs-farm-modal__preview-actions button:hover{background:#f7dce8}.zs-farm-modal__preview-actions button:disabled{opacity:.5}.zs-farm-modal img,.zs-farm-modal video{-webkit-user-drag:none;user-select:none;-webkit-user-select:none}@media(hover:hover)and (pointer:fine){.zs-farm-modal__shell .zs-viewfinder__media,.zs-farm-modal__preview-content img{cursor:grab}.zs-farm-modal__shell .zs-viewfinder__media:active,.zs-farm-modal__preview-content img:active{cursor:grabbing}}.zs-farm-modal__identity{position:absolute;z-index:12;top:18px;left:14px;display:flex;align-items:center;gap:10px;max-width:calc(100% - 92px);pointer-events:none;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.42);font-family:inherit}.zs-farm-modal__identity-avatar{display:flex;align-items:center;justify-content:center;flex:0 0 40px;width:40px;height:40px;border-radius:50%;border:2px solid #f5a8bf;background:#fff;overflow:hidden;box-shadow:0 1px 3px #00000029;box-sizing:content-box}.zs-farm-modal__identity-avatar img{display:block;width:34px;height:34px;object-fit:contain}.zs-farm-modal__identity-fallback{font-size:25px;color:#bd8796;text-shadow:none}.zs-farm-modal__identity-copy{display:flex;flex-direction:column;gap:2px;min-width:0;line-height:1.15}.zs-farm-modal__identity-copy strong{font-size:14px;font-weight:650;letter-spacing:.01em;white-space:nowrap}.zs-farm-modal__identity-copy>span{font-size:12px;font-weight:400;opacity:.9}.zs-farm-modal__shell .zs-viewfinder__media>.zs-farm-modal__identity{width:max-content;height:auto;max-width:calc(100% - 92px);top:13px;left:14px;right:auto;bottom:auto;display:flex;align-items:center}.zs-farm-modal__identity-avatar img{width:34px;height:34px;max-width:34px;max-height:34px;object-fit:contain;object-position:center}.zs-farm-modal__preview-identity{display:flex;align-items:center;gap:10px;margin:0 0 18px;color:#3f2c34;font-family:inherit}.zs-farm-modal__preview-avatar{display:flex;align-items:center;justify-content:center;flex:0 0 40px;width:40px;height:40px;border:2px solid #f5a8bf;border-radius:50%;background:#fff;overflow:hidden;box-sizing:content-box;box-shadow:0 1px 3px #0000001a}.zs-farm-modal__preview-avatar img{display:block;width:34px;height:34px;max-width:34px;max-height:34px;object-fit:contain;object-position:center}.zs-farm-modal__preview-identity-copy{display:flex;flex-direction:column;gap:2px;line-height:1.15}.zs-farm-modal__preview-identity-copy strong{font-size:14px;font-weight:650;letter-spacing:.01em}.zs-farm-modal__preview-identity-copy>span{font-size:12px;opacity:.8}.zs-farm-modal__shell .zs-viewfinder{transform:none!important;transition:none!important;position:relative;z-index:1}.zs-farm-modal__shell .zs-farm-modal__preview{position:absolute;top:0;right:0;bottom:0;left:0;z-index:25;width:100%;height:100%;box-sizing:border-box;overscroll-behavior:contain;backface-visibility:hidden}.zs-farm-modal__shell{overflow:hidden;isolation:isolate}.zs-farm-modal__shell{overflow:hidden;clip-path:inset(0 round 0px);contain:paint;isolation:isolate}.zs-farm-modal__shell>.zs-farm-modal__preview{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;max-width:100%;max-height:100%;box-sizing:border-box;overflow-x:hidden;overflow-y:auto;z-index:25}@media(min-width:750px){.zs-farm-modal__shell{clip-path:inset(0 round 16px)}}.zs-farm-modal__shell>.zs-farm-modal__preview{padding-top:84px}.zs-farm-modal__shell .zs-farm-modal__preview .zs-farm-modal__back{position:absolute;top:64px;right:12px;left:auto;z-index:3;margin:0;padding:9px 13px;font-size:13px;line-height:1.25;white-space:nowrap;border-radius:20px}.zs-farm-modal__shell .zs-farm-modal__preview .zs-farm-modal__preview-identity{margin-bottom:20px}@media(min-width:750px){.zs-farm-modal__shell>.zs-farm-modal__preview{padding-top:84px}}.zs-farm-modal__shell>.zs-farm-modal__close[hidden]{display:none!important}@media(min-width:750px){.zs-farm-modal__shell>.zs-farm-modal__preview{padding:20px 14px 26px!important}.zs-farm-modal__shell>.zs-farm-modal__preview .zs-farm-modal__preview-identity{margin:0 0 18px!important;min-height:44px}.zs-farm-modal__shell>.zs-farm-modal__preview .zs-farm-modal__back{top:64px;right:14px}.zs-farm-modal__shell>.zs-farm-modal__preview .zs-farm-modal__preview-content{max-width:none;margin:0;width:100%}}@media(min-width:750px){.zs-farm-modal__shell>.zs-farm-modal__preview .zs-farm-modal__back{position:absolute!important;top:14px!important;right:14px!important;left:auto!important;margin:0!important;z-index:4!important}}@media(max-width:749px){.zs-farm-modal__shell>.zs-farm-modal__preview{padding-top:120px!important;padding-left:14px!important;padding-right:14px!important}.zs-farm-modal__shell>.zs-farm-modal__preview .zs-farm-modal__preview-identity{margin-bottom:20px}}@media(max-width:749px){.zs-farm-modal__shell>.zs-farm-modal__preview.is-mobile-drawer{left:auto!important;right:0!important;top:auto!important;bottom:98px!important;width:52%!important;height:min(58dvh,520px)!important;padding:12px!important;border-radius:18px 0 0 18px!important;overflow-y:auto!important;box-shadow:-12px 4px 30px #00000038;z-index:28!important;background:#fff;touch-action:pan-x!important}.zs-farm-modal__shell>.zs-farm-modal__preview.is-mobile-drawer .zs-farm-modal__preview-identity{margin:0 0 10px!important;gap:7px}.zs-farm-modal__shell>.zs-farm-modal__preview.is-mobile-drawer .zs-farm-modal__preview-avatar{width:32px;height:32px;flex-basis:32px}.zs-farm-modal__shell>.zs-farm-modal__preview.is-mobile-drawer .zs-farm-modal__preview-avatar img{width:27px;height:27px}.zs-farm-modal__shell>.zs-farm-modal__preview.is-mobile-drawer .zs-farm-modal__preview-identity-copy strong{font-size:11px}.zs-farm-modal__shell>.zs-farm-modal__preview.is-mobile-drawer .zs-farm-modal__preview-identity-copy>span{font-size:10px}.zs-farm-modal__shell>.zs-farm-modal__preview.is-mobile-drawer .zs-farm-modal__back{display:none!important}.zs-farm-modal__shell>.zs-farm-modal__preview.is-mobile-drawer .zs-farm-modal__preview-content{width:100%;margin:0}.zs-farm-modal__shell>.zs-farm-modal__preview.is-mobile-drawer .zs-farm-modal__preview-content img{width:100%;max-height:27dvh;object-fit:cover;border-radius:11px}.zs-farm-modal__shell>.zs-farm-modal__preview.is-mobile-drawer .zs-farm-modal__preview-content h2{font-size:1.65rem;line-height:1.12;margin:11px 0 6px}.zs-farm-modal__shell>.zs-farm-modal__preview.is-mobile-drawer .zs-farm-modal__preview-content p{font-size:1.15rem;line-height:1.35;margin:6px 0}.zs-farm-modal__shell>.zs-farm-modal__preview.is-mobile-drawer .zs-farm-modal__preview-actions{gap:7px;margin-top:10px}.zs-farm-modal__shell>.zs-farm-modal__preview.is-mobile-drawer .zs-farm-modal__preview-actions a,.zs-farm-modal__shell>.zs-farm-modal__preview.is-mobile-drawer .zs-farm-modal__preview-actions button{padding:9px 10px;font-size:1.1rem}}@media(max-width:749px){.zs-farm-modal__shell>.zs-farm-modal__preview.is-mobile-drawer .zs-farm-modal__preview-identity{display:none!important}.zs-farm-modal__shell>.zs-farm-modal__preview.is-mobile-drawer{display:flex!important;flex-direction:column;overflow:hidden!important}.zs-farm-modal__shell>.zs-farm-modal__preview.is-mobile-drawer .zs-farm-modal__preview-content{display:flex;flex-direction:column;min-height:0;height:100%;overflow:hidden}.zs-farm-modal__shell>.zs-farm-modal__preview.is-mobile-drawer .zs-farm-modal__preview-content>img{flex:0 0 auto;max-height:25dvh}.zs-farm-modal__shell>.zs-farm-modal__preview.is-mobile-drawer .zs-farm-modal__preview-actions{margin-top:auto!important;padding-top:10px;flex:0 0 auto;background:#fff}.zs-farm-modal__shell>.zs-farm-modal__preview.is-mobile-drawer .zs-farm-modal__preview-actions a,.zs-farm-modal__shell>.zs-farm-modal__preview.is-mobile-drawer .zs-farm-modal__preview-actions button{display:flex;align-items:center;justify-content:center;min-height:38px}}@media(max-width:749px){.zs-farm-modal__shell>.zs-farm-modal__preview.is-mobile-drawer{width:calc(100% - 28px)!important;height:calc((100% - 98px)/2)!important;max-height:none!important;bottom:98px!important;border-radius:18px 0 0 18px!important}.zs-farm-modal__shell>.zs-farm-modal__preview.is-mobile-drawer .zs-farm-modal__preview-content>img{max-height:20dvh}}@media(max-width:749px){.zs-farm-modal__shell>.zs-farm-modal__preview.is-mobile-drawer{overflow-y:auto!important;overflow-x:hidden!important;overscroll-behavior-y:contain!important;-webkit-overflow-scrolling:touch;touch-action:pan-y pan-x!important}.zs-farm-modal__shell>.zs-farm-modal__preview.is-mobile-drawer .zs-farm-modal__preview-content{height:auto!important;min-height:100%;overflow:visible!important}.zs-farm-modal__shell>.zs-farm-modal__preview.is-mobile-drawer .zs-farm-modal__preview-actions{margin-top:12px!important}}@media(max-width:749px){.zs-farm-modal__shell>.zs-farm-modal__preview.is-mobile-drawer .zs-farm-modal__preview-actions{display:flex!important;flex-wrap:nowrap!important;justify-content:flex-start;align-items:center;gap:7px!important;padding-top:8px!important;margin-top:10px!important}.zs-farm-modal__shell>.zs-farm-modal__preview.is-mobile-drawer .zs-farm-modal__preview-actions a,.zs-farm-modal__shell>.zs-farm-modal__preview.is-mobile-drawer .zs-farm-modal__preview-actions button{flex:0 0 auto!important;width:auto!important;min-width:0!important;min-height:32px!important;padding:6px 11px!important;border-radius:999px!important;font-size:11px!important;line-height:1!important;white-space:nowrap}}@media(max-width:749px){.zs-farm-modal__shell>.zs-farm-modal__preview.is-mobile-drawer{height:calc((100% - 98px)*.65)!important}}@media(max-width:749px){.zs-farm-modal__shell .zs-viewfinder [data-zsv-destination]{display:none!important}}@media(max-width:749px){.zs-farm-modal__shell .zs-viewfinder__item:has([data-zsv-destination]) .zs-viewfinder__media:after{content:"\2039";position:absolute;z-index:14;right:8px;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:27px;height:38px;border-radius:999px;background:#140e114d;color:#ffffffc7;font-family:Arial,sans-serif;font-size:30px;font-weight:300;line-height:1;text-shadow:0 1px 2px rgba(0,0,0,.22);pointer-events:none;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}}@media(max-width:749px){.zs-farm-modal__shell>.zs-farm-modal__preview.is-mobile-drawer{height:calc((100% - 98px)*.8125)!important}}@media(max-width:749px){.zs-farm-modal__shell>.zs-farm-modal__preview.is-mobile-drawer .zs-farm-modal__preview-content>img{width:100%!important;height:auto!important;aspect-ratio:4/3!important;max-height:none!important;object-fit:cover!important;object-position:center!important;flex:0 0 auto!important;border-radius:12px!important}}@media(max-width:749px){.zs-farm-modal__shell>.zs-farm-modal__preview.is-mobile-drawer .zs-farm-modal__preview-content h2{font-size:1.45rem!important;line-height:1.35!important;font-weight:400!important}.zs-farm-modal__shell>.zs-farm-modal__preview.is-mobile-drawer .zs-farm-modal__preview-content p{font-size:1.45rem!important;line-height:1.35!important;font-weight:400!important}.zs-farm-modal__shell>.zs-farm-modal__preview.is-mobile-drawer .zs-farm-modal__preview-content .zs-modal-price{font-size:1.45rem!important;line-height:1.35!important;font-weight:600!important}}
/*# sourceMappingURL=/cdn/shop/t/70/assets/zs-viewfinder-modal.css.map */