.support-previews.is-equilibre-framed .support-preview-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:0;overflow:visible}.equilibre-framed-preview{display:block;min-width:0;width:100%;padding:0;border:0;background:transparent;cursor:pointer}.equilibre-framed-preview img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:contain}.equilibre-framed-preview:hover,.equilibre-framed-preview:focus-visible{outline:1px solid var(--ink,#171715);outline-offset:3px}.support-previews.is-equilibre-framed .support-previews-disclaimer{display:none}.equilibre-framed-dialog{position:fixed;top:0;right:0;bottom:0;left:0;box-sizing:border-box;margin:0;padding:clamp(14px,2vw,32px);border:0;width:100vw;height:100vh;height:100dvh;max-width:none;max-height:none;background:#e8e4dc;color:var(--ink,#171715);overflow:hidden}.equilibre-framed-dialog[open]{display:grid;place-items:center}.equilibre-framed-dialog::backdrop{background:#e8e4dc}.equilibre-framed-dialog img{display:block;min-width:0;min-height:0;margin:0;width:100%;height:100%;max-width:none;max-height:none;object-fit:contain;touch-action:pan-y}.equilibre-front-stage,.equilibre-front-crop{display:contents}.equilibre-front-stage.is-front{display:block;position:relative;width:100%;aspect-ratio:4 / 3;overflow:hidden;background:#e8e4dc}.equilibre-front-stage.is-front .equilibre-front-crop{display:block;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:var(--frame-width);aspect-ratio:var(--frame-ratio);overflow:hidden;box-shadow:4px 6px 10px #28221921}.equilibre-front-stage.is-front .equilibre-front-crop img{position:absolute;left:var(--source-left);top:var(--source-top);width:var(--source-width);height:auto;aspect-ratio:auto;max-width:none;object-fit:initial}.equilibre-framed-dialog .equilibre-front-stage.is-front{width:min(100%,calc((100dvh - 64px) * 4 / 3));height:auto}.equilibre-framed-dialog button{position:absolute;z-index:1;display:grid;place-items:center;padding:0;border:0;background:transparent;color:var(--ink,#171715);cursor:pointer}.equilibre-framed-close{top:8px;right:8px;width:44px;height:44px;font:30px/1 Arial,sans-serif}.equilibre-framed-arrow{top:50%;transform:translateY(-50%);width:38px;height:48px}.equilibre-framed-arrow.is-previous{left:0}.equilibre-framed-arrow.is-next{right:0}.equilibre-framed-arrow span{width:0;height:0;border-top:7px solid transparent;border-bottom:7px solid transparent}.equilibre-framed-arrow.is-previous span{border-right:9px solid currentColor}.equilibre-framed-arrow.is-next span{border-left:9px solid currentColor}@media(max-width:600px){.support-previews.is-equilibre-framed .support-preview-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.equilibre-framed-dialog{padding:14px}.equilibre-framed-arrow{width:38px}}.equilibre-framed-navigation{display:contents}.equilibre-framed-counter{display:none}@media(hover:none),(pointer:coarse){.equilibre-framed-dialog[open]{grid-template-rows:minmax(0,1fr) 48px;gap:10px;padding-top:52px}.equilibre-framed-dialog .equilibre-front-stage{display:block;width:100%;height:100%;min-height:0}.equilibre-framed-dialog .equilibre-front-stage.is-front{width:min(100%,calc((100dvh - 128px) * 4 / 3));height:auto;max-height:100%}.equilibre-framed-navigation{display:flex;align-items:center;justify-content:center;gap:12px}.equilibre-framed-navigation .equilibre-framed-arrow{position:static;transform:none;width:48px;height:48px;flex:0 0 48px;touch-action:manipulation}.equilibre-framed-counter{display:block;min-width:48px;text-align:center;font-size:.75rem;letter-spacing:.1em}}@media(hover:none),(pointer:coarse){.support-previews.is-equilibre-framed .support-preview-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}}.equilibre-framed-preview:has(>img[src*=roscoff-reflexion-encadre-32x18-verticale-]){display:grid;place-items:center;aspect-ratio:4 / 3;background:#e8e4dc}.equilibre-framed-preview>img[src*=roscoff-reflexion-encadre-32x18-verticale-]{width:30%;height:auto;aspect-ratio:auto}.equilibre-framed-preview:has(>img[src*=roscoff-reflexion-encadre-48x27-angle-standard-]),.equilibre-framed-preview:has(>img[src*=roscoff-reflexion-encadre-64x36-angle-standard-]),.equilibre-framed-preview:has(>img[src*=roscoff-reflexion-encadre-80x45-angle-standard-]){display:grid;place-items:center;aspect-ratio:4 / 3;background:#e8e4dc}.equilibre-framed-preview>img[src*=roscoff-reflexion-encadre-48x27-angle-standard-],.equilibre-framed-preview>img[src*=roscoff-reflexion-encadre-64x36-angle-standard-],.equilibre-framed-preview>img[src*=roscoff-reflexion-encadre-80x45-angle-standard-]{width:30%;height:auto;aspect-ratio:auto}.equilibre-framed-dialog.is-alu-gallery .equilibre-front-stage{display:block;width:100%;height:100%;min-height:0}.equilibre-framed-dialog.is-alu-gallery .equilibre-front-crop{display:grid;place-items:center;width:100%;height:100%}.equilibre-framed-dialog.is-alu-gallery .alu-dialog-composition{width:min(100%,calc((100dvh - 100px) * 4 / 3));height:min(100%,calc((100vw - 64px)*.75));margin:auto;aspect-ratio:4 / 3}.equilibre-framed-dialog.is-alu-gallery .alu-dialog-composition .support-preview-mount img{object-fit:cover}.support-previews.is-alu-shared .support-preview-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:0;overflow:visible}.support-previews.is-alu-shared .support-preview{min-width:0;flex:initial}@media(max-width:600px){.support-previews.is-alu-shared .support-preview-grid{gap:6px}}@media(max-width:600px){.equilibre-framed-dialog.is-alu-gallery[open]{grid-template-rows:minmax(0,1fr) 48px;gap:10px;padding-top:52px}.equilibre-framed-dialog.is-alu-gallery .equilibre-framed-navigation{display:flex;align-items:center;justify-content:center;gap:12px}.equilibre-framed-dialog.is-alu-gallery .equilibre-framed-navigation .equilibre-framed-arrow{position:static;transform:none;width:48px;height:48px;flex:0 0 48px;touch-action:manipulation}.equilibre-framed-dialog.is-alu-gallery .equilibre-framed-counter{display:block;min-width:48px;text-align:center;font-size:.75rem;letter-spacing:.1em}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/roscoff-equilibre-framed.css.map */