.gio-photo-focus,.gio-photo-focus *{box-sizing:border-box}.gio-photo-focus{position:fixed;z-index:2147483647;left:0;top:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:16px;background:#10171c99;font-family:Arial,sans-serif;font-size:16px;line-height:1.4;color:#202725;isolation:isolate;overscroll-behavior:contain;-webkit-text-size-adjust:100%}.gio-photo-focus .gio-pf-panel{display:flex;flex-direction:column;width:min(980px,100%);height:100%;max-height:960px;min-height:0;background:#fff;border-radius:18px;overflow:hidden;box-shadow:0 16px 64px #0004}.gio-photo-focus .gio-pf-header{display:flex;align-items:center;justify-content:space-between;flex:0 0 auto;gap:10px;padding:8px 16px;border-bottom:1px solid #e7ebe8}.gio-photo-focus h2{font-size:18px;line-height:1.3;margin:0;font-weight:700;color:inherit;overflow-wrap:anywhere}.gio-photo-focus button{appearance:none;-webkit-appearance:none;display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:44px;min-height:44px;margin:0;padding:8px 12px;border:1px solid #ccd5d0;border-radius:9px;background:#fff;color:#202725;font:inherit;font-size:15px;line-height:1.2;letter-spacing:normal;text-transform:none;cursor:pointer;touch-action:manipulation;box-shadow:none;flex-shrink:0}.gio-photo-focus button:hover{background:#f0f4f1}.gio-photo-focus button:focus-visible,.gio-photo-focus input:focus-visible,.gio-photo-focus summary:focus-visible,.gio-photo-focus canvas:focus-visible{outline:3px solid #22774f;outline-offset:2px}.gio-photo-focus button:disabled{opacity:.45;cursor:default}.gio-photo-focus .gio-pf-cancel{border-color:transparent}.gio-photo-focus .gio-pf-main{display:flex;flex-direction:column;flex:1 1 0;min-height:0;overflow:hidden}.gio-photo-focus .gio-pf-stage{flex:1 1 0;min-height:64px;min-width:0;position:relative;overflow:hidden;background:#edf0ee;display:flex;align-items:center;justify-content:center;padding:12px}.gio-photo-focus .gio-pf-frame{position:relative;flex:0 0 auto;max-width:100%;max-height:100%;box-shadow:0 0 0 1px #1d322529,0 4px 18px #112a1c16;line-height:0}.gio-photo-focus canvas{display:block;max-width:100%;max-height:100%;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;cursor:grab;background:transparent}.gio-photo-focus canvas:active{cursor:grabbing}.gio-photo-focus .gio-pf-controls{flex:0 0 auto;max-height:190px;overflow:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:8px 16px;border-top:1px solid #e1e6e2;scrollbar-gutter:stable}.gio-photo-focus .gio-pf-zoom-row{display:flex;align-items:center;gap:9px;min-height:44px}.gio-photo-focus .gio-pf-zoom-row label{font-size:13px;flex-shrink:0}.gio-photo-focus input[type=range]{display:block;flex:1 1 0;min-width:36px;width:auto;height:44px;padding:0;margin:0;accent-color:#146b46;touch-action:pan-y;border:0;box-shadow:none;background:transparent}.gio-photo-focus output{width:42px;text-align:right;font-size:13px;font-variant-numeric:tabular-nums;flex-shrink:0}.gio-photo-focus .gio-pf-actions{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:4px}.gio-photo-focus .gio-pf-actions button{flex:1 1 0}.gio-photo-focus .gio-pf-nudge{border:0;margin:4px 0 0;padding:0;font-size:13px}.gio-photo-focus summary{cursor:pointer;min-height:36px;padding:8px 0;list-style-position:inside}.gio-photo-focus .gio-pf-nudge-buttons{display:flex;gap:8px;justify-content:center;padding-bottom:6px}.gio-photo-focus .gio-pf-nudge-buttons button{flex:1 1 0;font-size:22px;max-width:76px}.gio-photo-focus .gio-pf-footer{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 16px;padding-bottom:max(10px,env(safe-area-inset-bottom));border-top:1px solid #e7ebe8;background:#fff}.gio-photo-focus .gio-pf-hint{margin:0;font-size:12px;color:#56645c;line-height:1.35;max-width:280px}.gio-photo-focus .gio-pf-done{background:#146b46;border-color:#146b46;color:#fff;font-weight:700;min-width:112px}.gio-photo-focus .gio-pf-done:hover{background:#105638}.gio-photo-focus .gio-pf-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.gio-photo-focus.gio-pf-compact .gio-pf-header{padding-top:2px;padding-bottom:2px}.gio-photo-focus.gio-pf-compact .gio-pf-controls{max-height:94px;padding-top:0;padding-bottom:0}.gio-photo-focus.gio-pf-compact .gio-pf-stage{min-height:24px;padding:6px}.gio-photo-focus.gio-pf-compact .gio-pf-footer{padding-top:4px;padding-bottom:max(4px,env(safe-area-inset-bottom))}.gio-photo-focus.gio-pf-landscape{padding:0}.gio-photo-focus.gio-pf-landscape .gio-pf-panel{width:100%;max-height:none;border-radius:0}.gio-photo-focus.gio-pf-landscape .gio-pf-main{flex-direction:row}.gio-photo-focus.gio-pf-landscape .gio-pf-controls{flex:0 0 252px;width:252px;max-height:none;border-top:0;border-left:1px solid #e1e6e2;padding:4px 10px}.gio-photo-focus.gio-pf-landscape .gio-pf-zoom-row{gap:5px}.gio-photo-focus.gio-pf-landscape .gio-pf-zoom-row label{display:none}@media(max-width:699px){.gio-photo-focus{padding:0}.gio-photo-focus .gio-pf-panel{max-height:none;width:100%;border-radius:0}.gio-photo-focus .gio-pf-header{padding-top:max(8px,env(safe-area-inset-top));padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}.gio-photo-focus .gio-pf-stage{padding:12px}.gio-photo-focus .gio-pf-controls{padding:4px 12px;max-height:168px}.gio-photo-focus .gio-pf-footer{padding-left:12px;padding-right:12px}.gio-photo-focus .gio-pf-zoom-row{gap:6px}.gio-photo-focus .gio-pf-zoom-row label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}}@media(max-height:500px)and (min-width:560px){.gio-photo-focus{padding:0}.gio-photo-focus .gio-pf-panel{width:100%;max-height:none;border-radius:0}.gio-photo-focus .gio-pf-main{flex-direction:row}.gio-photo-focus .gio-pf-stage{min-height:40px;padding:8px}.gio-photo-focus .gio-pf-controls{flex:0 0 252px;width:252px;max-height:none;border-top:0;border-left:1px solid #e1e6e2;padding:4px 10px}.gio-photo-focus .gio-pf-zoom-row{gap:5px}.gio-photo-focus .gio-pf-zoom-row label{display:none}.gio-photo-focus .gio-pf-header{padding-top:4px;padding-bottom:4px}.gio-photo-focus .gio-pf-footer{padding-top:5px;padding-bottom:max(5px,env(safe-area-inset-bottom))}}@media(max-height:420px)and (max-width:559px){.gio-photo-focus .gio-pf-header{padding-top:2px;padding-bottom:2px}.gio-photo-focus .gio-pf-controls{max-height:94px;padding-top:0;padding-bottom:0}.gio-photo-focus .gio-pf-stage{min-height:24px;padding:6px}.gio-photo-focus .gio-pf-footer{padding-top:4px;padding-bottom:max(4px,env(safe-area-inset-bottom))}.gio-photo-focus .gio-pf-hint{font-size:11px}}input.gio-photo-zoom-range[type=range]{-webkit-appearance:none;appearance:none;box-sizing:border-box;height:44px;min-height:44px;padding:0;margin:0;border:0;border-radius:0;box-shadow:none;background:linear-gradient(#c9d5ce,#c9d5ce) center / calc(100% - 20px) 4px no-repeat;cursor:pointer;touch-action:pan-y}input.gio-photo-zoom-range[type=range]::-webkit-slider-runnable-track{height:4px;border:0;border-radius:2px;background:transparent;box-shadow:none}input.gio-photo-zoom-range[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;box-sizing:border-box;width:20px;height:20px;margin-top:-8px;border:0;border-radius:50%;background:#195e49;box-shadow:0 0 0 1px #ffffffe6}input.gio-photo-zoom-range[type=range]::-moz-range-track{height:4px;border:0;border-radius:2px;background:transparent;box-shadow:none}input.gio-photo-zoom-range[type=range]::-moz-range-progress{height:4px;border:0;background:transparent}input.gio-photo-zoom-range[type=range]::-moz-range-thumb{box-sizing:border-box;width:20px;height:20px;border:0;border-radius:50%;background:#195e49;box-shadow:0 0 0 1px #ffffffe6}input.gio-photo-zoom-range[type=range]:focus-visible{outline:2px solid #195e49;outline-offset:2px;border-radius:10px}input.gio-photo-zoom-range[type=range]:disabled{cursor:default;opacity:.45}
/*# sourceMappingURL=/cdn/shop/t/240/assets/gio-photo-focus.css.map */