.fp-pdp[data-atelier-a] .fp-cfg__head:has(.fp-colour-preview-open){align-items:center;flex-wrap:wrap}.fp-cfg__head:has(.fp-colour-preview-open) .fp-atelier-current{flex:1;min-width:0}.fp-pdp[data-atelier-a] .fp-colour-preview-open{display:inline-flex;align-items:center;justify-content:center;gap:6px;flex:none;min-height:44px;padding:0;margin-inline-start:auto;border:0;border-radius:0;color:var(--fp-ink);background:transparent;font:400 13px/1.3 var(--fp-sans);cursor:pointer}.fp-colour-preview-open span{text-decoration:underline;text-underline-offset:3px}.fp-colour-preview-open svg{width:18px;height:18px}.fp-colour-preview-open:disabled{opacity:.5;cursor:default}.fp-colour-preview-missing{margin:0 0 10px;color:var(--fp-ink3);font:13px/1.4 var(--fp-sans)}.fp-colour-preview{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;max-width:100vw;height:100dvh;max-height:100dvh;margin:0;border:0;border-radius:0;padding:16px 16px max(16px,env(safe-area-inset-bottom));color:var(--fp-ink);background:var(--fp-paper);font:400 14px/1.4 var(--fp-sans);overflow:auto;overscroll-behavior:contain;box-sizing:border-box}.fp-colour-preview[open]{display:grid;grid-template-rows:auto minmax(160px,1fr) auto auto auto;gap:12px}.fp-colour-preview::backdrop{background:#00000080}.fp-colour-preview__header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.fp-colour-preview__header>div{min-width:0}.fp-colour-preview__header h2{margin:0;color:inherit;font:400 22px/1.3 var(--fp-sans);overflow-wrap:anywhere}.fp-colour-preview__count{display:block;margin-block-start:3px;color:var(--fp-ink3);font-size:12px}.fp-colour-preview button{color:inherit;font-family:var(--fp-sans);cursor:pointer}.fp-colour-preview__close{flex:none;width:44px;height:44px;display:grid;place-items:center;padding:10px;border:0;background:none}.fp-colour-preview__close svg{width:24px;height:24px}.fp-colour-preview__stage{position:relative;min-width:0;min-height:160px;overflow:hidden}.fp-colour-preview__image{position:absolute;top:0;right:0;bottom:0;left:0}.fp-colour-preview__image drag-zoom-wrapper{display:block;width:100%;height:100%;overflow:hidden;touch-action:none}.fp-colour-preview__image img{display:block;width:100%;height:100%;max-width:none;object-fit:contain;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;transform:scale(var(--drag-zoom-scale,1)) translate(var(--drag-zoom-translate-x,0px),var(--drag-zoom-translate-y,0px))}.fp-colour-preview__message{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;pointer-events:none;text-align:center;padding:48px}.fp-colour-preview__message p{margin:0;color:var(--fp-ink2)}.fp-colour-preview__message button{min-height:44px;padding:8px 18px;border:1px solid var(--fp-ink);background:var(--fp-paper);pointer-events:auto}.fp-colour-preview__previous,.fp-colour-preview__next{position:absolute;inset-block-start:50%;transform:translateY(-50%);display:grid;place-items:center;width:44px;height:44px;padding:10px;border:0;border-radius:50%;background:var(--fp-paper)}.fp-colour-preview__previous{inset-inline-start:8px}.fp-colour-preview__next{inset-inline-end:8px}.fp-colour-preview__previous svg,.fp-colour-preview__next svg{width:24px;height:24px}.fp-colour-preview__previous:disabled,.fp-colour-preview__next:disabled{visibility:hidden}.fp-colour-preview:dir(rtl) :is(.fp-colour-preview__previous,.fp-colour-preview__next) svg{transform:scaleX(-1)}.fp-colour-preview__hint{margin:0;text-align:center;color:var(--fp-ink3);font-size:12px}.fp-colour-preview__strip{display:flex;gap:8px;min-width:0;overflow-x:auto;overscroll-behavior-x:contain;padding:4px;scrollbar-width:thin}.fp-colour-preview__thumb{display:flex;flex-direction:column;align-items:center;gap:4px;flex:0 0 52px;min-width:0;padding:0;border:0;background:none}.fp-colour-preview__thumb>i{display:grid;place-items:center;width:52px;height:52px;overflow:hidden;border:2px solid transparent;border-radius:4px;background:var(--fp-paper2);font-style:normal}.fp-colour-preview__thumb img{display:block;width:100%;height:100%;object-fit:cover}.fp-colour-preview__thumb[aria-current=true]>i{border-color:var(--fp-ink)}.fp-colour-preview__thumb>span{width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--fp-ink3);font-size:11px}.fp-colour-preview__thumb[aria-current=true]>span{color:var(--fp-ink)}.fp-colour-preview__thumb[data-unavailable]{opacity:.5}.fp-colour-preview__footer{display:grid;gap:8px}.fp-colour-preview .fp-colour-preview__select{width:100%;min-height:48px;padding:12px;border:1px solid var(--fp-ink);border-radius:0;color:var(--fp-paper);background:var(--fp-ink);font-size:13px;line-height:1.5;letter-spacing:.1em;text-transform:uppercase}.fp-colour-preview .fp-colour-preview__select:disabled{opacity:.45;cursor:default}.fp-colour-preview__footer p{margin:0;color:var(--fp-ink3);font-size:12px;text-align:center;overflow-wrap:anywhere}@media(min-width:768px){.fp-colour-preview{width:min(720px,calc(100vw - 48px));height:min(900px,calc(100dvh - 48px));margin:auto;padding:24px}}@media(max-height:500px)and (orientation:landscape){.fp-colour-preview[open]{grid-template-columns:minmax(0,1fr) 180px;grid-template-rows:auto minmax(100px,1fr) auto}.fp-colour-preview__header{grid-column:1 / -1}.fp-colour-preview__stage{grid-column:1;grid-row:2 / 4;min-height:100px}.fp-colour-preview__hint{display:none}.fp-colour-preview__strip{align-self:start}.fp-colour-preview__footer{align-self:end}}
/*# sourceMappingURL=/cdn/shop/t/59/assets/fivepoint-atelier-colour-preview.css.map */