fiorpaw-mug-colour-preview{display:block;width:100%;min-width:0;color:#28241f}.fp-mug-preview__image-area{position:relative;aspect-ratio:1;background:#f6f2eb;border-radius:10px;overflow:hidden}.fp-mug-preview [hidden]{display:none!important}.fp-mug-preview__stage{aspect-ratio:1}.fp-mug-preview__static-image{display:block;width:100%;height:100%;object-fit:contain}.fp-mug-preview__sample-badge{position:absolute;bottom:12px;left:12px;padding:5px 10px;border-radius:20px;background:#fffdf9f2;color:#494037;font-size:12px}.fp-mug-preview__thumbs{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 32px)/5);gap:8px;margin-top:12px;overflow-x:auto;overscroll-behavior-inline:contain;padding:3px 2px 8px}.fp-mug-preview__thumbs>button{display:flex;flex-direction:column;align-items:stretch;gap:7px;min-width:0;min-height:44px;padding:5px;border:1px solid #d9d3c9;border-radius:8px;background:#fffdf9;color:#51483f;font:inherit;font-size:12px;line-height:1.35;cursor:pointer;overflow-wrap:anywhere}.fp-mug-preview__thumbs>button[aria-pressed=true]{border:2px solid #574d3f;padding:4px;background:#f5f0e7;color:#28241f}.fp-mug-preview__thumbs>button>img{width:100%;aspect-ratio:1;height:auto;object-fit:cover;border-radius:4px}.fp-mug-preview__thumbs>button>span:last-child{margin:auto 0}.fp-mug-preview__thumbs>button:focus-visible{outline:2px solid #574d3f;outline-offset:3px}.fp-mug-preview__thumbs>button:active{background:#ebe3d6}.fp-mug-preview__story-thumb{display:flex;align-items:center;width:100%;aspect-ratio:1;background:#f6f2eb;border-radius:4px;overflow:hidden}.fp-mug-preview__story-thumb img{width:42%;height:auto}.fp-mug-preview__story-thumb span{width:16%;font-size:13px}.fp-mug-preview__static-note{margin:12px 2px 0;font-size:12px;line-height:1.5;color:#5b564f}.fp-mug-preview__reassurance{margin:12px 2px 0;padding-top:11px;border-top:1px solid #e8e0d5;font-size:13px;line-height:1.5}.fp-mug-preview__story{display:flex;flex-direction:column;justify-content:center;width:100%;aspect-ratio:1;padding:6% 5%;border-radius:10px;background:#f5efe4;text-align:center;overflow:hidden}.fp-mug-preview__story-eyebrow{margin:0 0 2%;font-size:clamp(9px,1vw,12px);font-weight:600;letter-spacing:.1em;color:#696b4d}.fp-mug-preview__story h2{max-width:95%;margin:0 auto;font-size:clamp(22px,2.5vw,34px);line-height:1.15;letter-spacing:-.025em;text-wrap:balance}.fp-mug-preview__transformation{display:grid;grid-template-columns:29% 11% 60%;align-items:center;width:100%;margin:5% 0}.fp-mug-preview__source-photo,.fp-mug-preview__finished{margin:0;min-width:0}.fp-mug-preview__source-photo{align-self:center;transform:rotate(-4deg)}.fp-mug-preview__source-photo img{display:block;width:100%;height:auto;border:5px solid #fff;border-radius:3px;box-shadow:0 4px 12px #50381c1f}.fp-mug-preview__finished img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain;border-radius:8px}.fp-mug-preview__transformation figcaption{margin-top:9px;font-size:clamp(10px,1.1vw,13px);line-height:1.35;font-weight:600}.fp-mug-preview__arrow{display:block;width:100%;color:#747557}.fp-mug-preview__story-summary{max-width:90%;margin:0 auto;font-size:clamp(11px,1.3vw,15px);line-height:1.45;text-wrap:balance}.fp-mug-preview__story-disclosure{max-width:94%;margin:3% auto 0;font-size:10px;line-height:1.4;color:#665e54}.fp-mug-preview[data-preview-state=loading] [data-fp-mug-story-image],.fp-mug-preview[data-preview-state=error] [data-fp-mug-story-image]{visibility:hidden}.fp-mug-preview__hero-button{display:block;width:100%;height:100%;padding:0;border:0;background:transparent;cursor:zoom-in}.fp-mug-preview__hero-image{display:block;width:100%;height:100%;object-fit:contain}.fp-mug-preview__hero-button:disabled{cursor:default}.fp-mug-preview__zoom-icon{position:absolute;right:14px;bottom:14px;display:grid;place-items:center;width:44px;height:44px;border:1px solid #dedbd5;border-radius:50%;background:#fff;color:#28241f}.fp-mug-preview__zoom-icon svg{width:23px;height:23px}.fp-mug-preview__caption{padding:13px 2px 4px}.fp-mug-preview__colour-line{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:6px 14px;font-size:14px;line-height:1.4}.fp-mug-preview__colour-line strong{padding:5px 12px;border:1px solid #dedbd5;border-radius:20px;background:#fbf8f3}.fp-mug-preview__instruction{margin:9px 0 0;font-size:14px;line-height:1.45}.fp-mug-preview__note{margin:7px 0 0;color:#5b564f;font-size:12px;line-height:1.5}.fp-mug-preview__image-status{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;margin:0;padding:28px;background:#f6f2eb;text-align:center;font-size:14px;line-height:1.5}.fp-mug-preview__image-status[hidden]{display:none}.fp-mug-preview[data-preview-state=loading] .fp-mug-preview__hero-image,.fp-mug-preview[data-preview-state=error] .fp-mug-preview__hero-image{visibility:hidden}.fp-mug-preview__compact{display:none}.fp-mug-preview__dialog{width:min(820px,calc(100vw - 32px));max-height:calc(100dvh - 32px);margin:auto;padding:14px;border:1px solid #dedbd5;border-radius:12px;background:#fffdf9;color:#28241f;overflow:auto}.fp-mug-preview__dialog::backdrop{background:#18140fa6}.fp-mug-preview__dialog-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.fp-mug-preview__dialog-header p{margin:0;font-size:14px;line-height:1.45}.fp-mug-preview__close{flex:0 0 44px;width:44px;height:44px;border:1px solid #dedbd5;border-radius:50%;background:#fff;color:#28241f;font:28px/1 sans-serif;cursor:pointer}.fp-mug-preview__dialog>img{display:block;width:100%;height:auto;max-height:calc(100dvh - 176px);object-fit:contain;margin-top:8px;border-radius:8px}.fp-mug-preview__hero-button:focus-visible,.fp-mug-preview__compact:focus-visible,.fp-mug-preview__close:focus-visible{outline:2px solid #28241f;outline-offset:-4px}@media(max-width:749px){.fp-mug-preview__thumbs{grid-auto-columns:calc((100% - 24px)/5);gap:6px;margin:10px 12px 0}.fp-mug-preview__thumbs>button{font-size:10px;padding:4px}.fp-mug-preview__thumbs>button[aria-pressed=true]{padding:3px}.fp-mug-preview__static-note,.fp-mug-preview__reassurance{margin-left:16px;margin-right:16px}.fp-mug-preview__story{padding:5%}.fp-mug-preview__story h2{font-size:clamp(21px,6vw,30px)}.fp-mug-preview__caption{padding:10px 16px 4px}.fp-mug-preview__colour-line,.fp-mug-preview__instruction{font-size:13px}.fp-mug-preview__compact{display:flex;align-items:center;gap:13px;width:100%;min-width:0;margin:2px 0 14px;padding:8px;border:1px solid #dedbd5;border-radius:8px;background:#fbf8f3;color:#28241f;text-align:left;cursor:zoom-in}.fp-mug-preview__compact>img{display:block;width:78px;height:78px;flex:0 0 78px;object-fit:contain;border-radius:5px}.fp-mug-preview__compact-copy{display:grid;gap:3px;min-width:0}.fp-mug-preview__compact-title{color:#5b564f;font-size:12px;line-height:1.4}.fp-mug-preview__compact-copy strong{font-size:15px;line-height:1.3}.fp-mug-preview__compact-hint{color:#5b564f;font-size:11px;line-height:1.4}.fp-mug-preview__compact:disabled{cursor:default}.fp-mug-preview__compact[data-preview-state=loading]>img,.fp-mug-preview__compact[data-preview-state=error]>img{visibility:hidden}.fp-mug-preview__dialog{width:calc(100vw - 20px);max-height:calc(100dvh - 20px);padding:10px}}@media(hover:hover){.fp-mug-preview__thumbs>button:hover{border-color:#574d3f;background:#f5f0e7}.fp-mug-preview__hero-button:not(:disabled):hover .fp-mug-preview__zoom-icon,.fp-mug-preview__compact:not(:disabled):hover,.fp-mug-preview__close:hover{border-color:#74695c;background-color:#f1ebe1}}@media(max-width:360px){.fp-mug-preview__stage{aspect-ratio:auto}.fp-mug-preview__story{aspect-ratio:auto;min-height:360px;padding:20px 14px;overflow:visible}}.fp-mug-preview__compact:not(:disabled):active,.fp-mug-preview__close:active{background-color:#ebe3d6}@media(prefers-reduced-motion:reduce){.fp-mug-preview *,.fp-mug-preview__compact{scroll-behavior:auto;transition:none;animation:none}}
/*# sourceMappingURL=/cdn/shop/t/41/assets/fiorpaw-mug-colour-preview.css.map */