.fp-color{display:block;--fp-ink: #141414;--fp-muted: #7a756c;--fp-line: #e4e2dd;--fp-ease: cubic-bezier(.22, .8, .24, 1);background:var(--fp-color-bg, #fff);color:var(--fp-ink);padding:clamp(40px,6vw,88px) 0}.fp-color__inner{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:center;gap:clamp(24px,5vw,80px)}.fp-color__stage{position:relative;aspect-ratio:3 / 4;max-height:78vh;width:100%;margin-inline:auto}.fp-color__shot{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transform:translateY(14px) scale(.97);transform-origin:50% 4%;transition:opacity .45s var(--fp-ease),transform .6s var(--fp-ease);pointer-events:none}.fp-color__shot.is-active{opacity:1;transform:none}.fp-color__shot.is-active.is-swinging{animation:fp-color-swing .9s var(--fp-ease)}.fp-color__shot img{width:100%;height:100%;object-fit:contain;display:block}@keyframes fp-color-swing{0%{transform:rotate(0)}30%{transform:rotate(2.4deg)}60%{transform:rotate(-1.4deg)}to{transform:rotate(0)}}.fp-color__panel{max-width:440px}.fp-color__eyebrow{margin:0 0 10px;font-size:12px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--fp-muted)}.fp-color__title{margin:0 0 6px;font-size:clamp(28px,3.4vw,44px);line-height:1.05;text-transform:uppercase;letter-spacing:.01em;text-wrap:balance}.fp-color__price{margin:0 0 28px;font-size:18px;font-variant-numeric:tabular-nums}.fp-color__group{margin-bottom:24px}.fp-color__label{margin:0 0 10px;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--fp-muted)}.fp-color__label span{color:var(--fp-ink)}.fp-color__swatches{display:flex;flex-wrap:wrap;gap:12px}.fp-color__swatch{-webkit-appearance:none;appearance:none;width:38px;height:38px;border-radius:50%;border:0;padding:0;cursor:pointer;background:var(--swatch);box-shadow:inset 0 0 0 1px #00000024,0 0 0 0 var(--fp-ink);transition:box-shadow .25s var(--fp-ease),transform .25s var(--fp-ease);position:relative}.fp-color__swatch:hover{transform:scale(1.08)}.fp-color__swatch.is-active{box-shadow:inset 0 0 0 1px #00000024,0 0 0 3px #fff,0 0 0 4px var(--fp-ink)}.fp-color__swatch:focus-visible{outline:2px solid var(--fp-ink);outline-offset:5px}.fp-color__swatch.is-soldout:after{content:"";position:absolute;left:50%;top:4px;bottom:4px;width:1.5px;background:#ffffffd9;box-shadow:0 0 0 .5px #0000004d;transform:translate(-50%) rotate(45deg)}.fp-color__sizes{display:flex;flex-wrap:wrap;gap:8px}.fp-color__sizes[hidden]{display:none}.fp-color__size{-webkit-appearance:none;appearance:none;min-width:52px;padding:10px 14px;border:1px solid var(--fp-line);border-radius:999px;background:#fff;color:var(--fp-ink);font:inherit;font-size:14px;cursor:pointer;transition:border-color .2s,background .2s,color .2s}.fp-color__size:hover:not(:disabled){border-color:var(--fp-ink)}.fp-color__size.is-active{background:var(--fp-ink);border-color:var(--fp-ink);color:#fff}.fp-color__size:disabled{color:#b5b1aa;text-decoration:line-through;cursor:not-allowed}.fp-color__add{width:100%;padding:16px 24px;border:0;border-radius:999px;background:var(--fp-ink);color:#fff;font:inherit;font-size:13px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;cursor:pointer;transition:opacity .2s}.fp-color__add:disabled{opacity:.35;cursor:not-allowed}.fp-color__actions{display:grid;gap:10px}.fp-color__add--secondary{background:transparent;color:var(--fp-ink);box-shadow:inset 0 0 0 1px var(--fp-ink)}.fp-color__add--secondary:not(:disabled):hover{background:var(--fp-ink);color:#fff}.fp-color__buy:not(:disabled):hover{opacity:.85}.fp-color__more{display:inline-block;margin-top:16px;font-size:13px;color:var(--fp-ink);text-underline-offset:4px}@media(max-width:749px){.fp-color__inner{grid-template-columns:1fr}.fp-color__stage{max-width:78vw}.fp-color__panel{max-width:none}}@media(prefers-reduced-motion:reduce){.fp-color__shot{transition:opacity .2s;transform:none}.fp-color__shot.is-active.is-swinging{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/flagpost-color-picker.css.map */