.color-palette-picker{--palette-accent: #b12424;--palette-accent-2: #c9a26a;--palette-accent-3: #1f5eb0;--palette-accent-4: #566c42;--palette-text: #20242c;--palette-surface: #ffffff;--palette-border: rgba(32, 36, 44, .1);--palette-shadow: 0 12px 28px rgba(15, 23, 42, .08);--selected-color: #d5d8de;width:100%}.color-palette-picker__button{position:relative;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:1rem;width:100%;border:1px solid rgba(23,88,194,.08);border-radius:18px;padding:1rem 1.05rem;color:var(--palette-text);background:linear-gradient(90deg,rgba(18,25,37,.03),transparent 18%),linear-gradient(180deg,#fff,#fcfbf9);box-shadow:var(--palette-shadow);cursor:pointer;text-align:left;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.color-palette-picker__button:hover,.color-palette-picker__button:focus-visible{transform:translateY(-1px);border-color:#1758c229;box-shadow:0 16px 34px #0f172a1f}.color-palette-picker__icon{width:2.9rem;height:2.9rem;min-width:2.9rem;border-radius:16px;display:grid;place-items:center;color:#fff;background:radial-gradient(circle at 28% 30%,var(--palette-accent-2) 0 18%,transparent 19%),radial-gradient(circle at 68% 28%,var(--palette-accent) 0 17%,transparent 18%),radial-gradient(circle at 72% 65%,var(--palette-accent-3) 0 18%,transparent 19%),radial-gradient(circle at 34% 72%,var(--palette-accent-4) 0 16%,transparent 17%),linear-gradient(145deg,#263246,#111826);box-shadow:inset 0 1px 1px #ffffff2e,0 6px 14px #0f172a1f}.color-palette-picker__copy{min-width:0}.color-palette-picker__eyebrow{display:block;font-size:.68rem;letter-spacing:.22em;text-transform:uppercase;color:#20242c7a;margin-bottom:.26rem}.color-palette-picker__title{display:block;font-size:.98rem;font-weight:700;letter-spacing:.01em;line-height:1.15}.color-palette-picker__meta{display:flex;align-items:center;gap:.8rem;min-width:0}.color-palette-picker__sample-panel{position:relative;display:inline-flex;gap:.42rem;align-items:center;padding:.44rem .5rem;border-radius:14px;background:linear-gradient(180deg,#fffffff5,#f3eee7eb);border:1px solid rgba(32,36,44,.1);box-shadow:inset 0 1px #ffffffb3}.color-palette-picker__sample-window{width:1.1rem;height:2.35rem;border-radius:12px;border:1px solid rgba(22,24,31,.12);background:#1d24301f;box-shadow:inset 0 0 0 1px #ffffff2e,inset 0 -10px 18px #00000014}.color-palette-picker__sample-window--ambient{background:linear-gradient(180deg,#c9a26ae6,#845e3ee6)}.color-palette-picker__sample-window--selected{width:1.5rem;background:var(--selected-color)}.color-palette-picker__sample-stitch{position:absolute;left:.42rem;right:.42rem;bottom:.3rem;height:2px;border-radius:999px;background:repeating-linear-gradient(90deg,rgba(32,36,44,.55) 0 7px,transparent 7px 12px)}.color-palette-picker__selected-chip{width:.9rem;height:.9rem;border-radius:999px;border:1px solid rgba(17,24,38,.12);background:var(--chip-color, #d5d8de)}.color-palette-picker__selected-wrap{min-width:0}.color-palette-picker__selected-caption{display:block;margin-bottom:.12rem;font-size:.67rem;letter-spacing:.16em;text-transform:uppercase;color:#20242c73}.color-palette-picker__selected{font-size:.88rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:16ch}.color-palette-picker__caret{width:2rem;height:2rem;border-radius:999px;display:grid;place-items:center;background:#1758c212;color:#1758c2}.color-palette-picker__modal[hidden]{display:none}.color-palette-picker__modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2147483000;isolation:isolate}.color-palette-picker__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at top left,rgba(239,182,79,.15),transparent 32%),radial-gradient(circle at top right,rgba(31,111,178,.16),transparent 28%),#0c1018ad;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.color-palette-picker__panel{position:relative;z-index:1;width:min(1120px,calc(100vw - 2rem));max-height:calc(100vh - 2rem);margin:1rem auto;padding:clamp(1rem,2vw,1.4rem);border-radius:28px;overflow:hidden;background:linear-gradient(180deg,#fffffff5,#f8f4edf0);box-shadow:0 40px 80px #080f1c59;display:grid;grid-template-rows:auto auto 1fr}.color-palette-picker__header{display:flex;align-items:start;justify-content:space-between;gap:1rem;margin-bottom:.85rem}.color-palette-picker__heading{margin:0;font-size:clamp(1.3rem,3vw,2rem);line-height:1;letter-spacing:.02em}.color-palette-picker__subheading{margin:.45rem 0 0;color:#1d2430ad;font-size:.98rem}.color-palette-picker__close{-webkit-appearance:none;appearance:none;border:0;width:2.9rem;height:2.9rem;border-radius:999px;display:grid;place-items:center;background:#11182612;color:var(--palette-text);cursor:pointer}.color-palette-picker__summary{display:flex;flex-wrap:wrap;align-items:center;gap:.65rem;padding:.9rem 1rem;border:1px solid rgba(29,36,48,.08);border-radius:18px;background:#ffffffc7;margin-bottom:1rem}.color-palette-picker__summary-label{font-size:.78rem;text-transform:uppercase;letter-spacing:.16em;color:#1d24308c}.color-palette-picker__summary-name{font-size:1rem;font-weight:700}.color-palette-picker__grid{overflow:auto;padding-right:.2rem;display:grid;grid-template-columns:repeat(auto-fill,minmax(168px,1fr));gap:.8rem}.color-palette-picker__swatch{-webkit-appearance:none;appearance:none;border:1px solid rgba(29,36,48,.12);border-radius:22px;background:#ffffffe6;padding:.75rem;display:grid;gap:.65rem;text-align:left;cursor:pointer;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.color-palette-picker__swatch:hover,.color-palette-picker__swatch:focus-visible{transform:translateY(-1px);border-color:#1d24303d;box-shadow:0 14px 28px #1018281f}.color-palette-picker__swatch.is-selected{border-color:#1d243080;box-shadow:0 16px 36px #10182829}.color-palette-picker__swatch-media{position:relative;aspect-ratio:1 / 1;border-radius:0;overflow:hidden;background:linear-gradient(145deg,#fffc,#eee8dfe6);border:1px solid rgba(29,36,48,.08);box-shadow:inset 0 0 0 4px #0d0f14}.color-palette-picker__swatch-media img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block}.color-palette-picker__fallback{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;background:var(--fallback-color, linear-gradient(135deg, #ddd, #bbb))}.color-palette-picker__check{position:absolute;right:.6rem;top:.6rem;width:1.8rem;height:1.8rem;border-radius:999px;display:grid;place-items:center;background:#111826c7;color:#fff;opacity:0;transform:scale(.88);transition:opacity .14s ease,transform .14s ease;z-index:2}.color-palette-picker__swatch.is-selected .color-palette-picker__check{opacity:1;transform:scale(1)}.color-palette-picker__swatch-name{font-size:.94rem;font-weight:700;line-height:1.2}.color-palette-picker__swatch-code{font-size:.8rem;color:#1d243099}.color-palette-picker__swatch-price{display:block;margin-top:.28rem;font-size:.95rem;font-weight:800;color:#1758c2;line-height:1.15}.color-palette-picker__swatch-price--base{color:#1d243085}.color-palette-picker__empty{font-size:.95rem;color:#1d2430ad;padding:1rem 0}body.color-palette-picker-open{overflow:hidden}@media(max-width:749px){.color-palette-picker__button{grid-template-columns:auto 1fr;row-gap:.75rem}.color-palette-picker__caret{display:none}.color-palette-picker__meta{grid-column:1 / -1;justify-content:space-between}.color-palette-picker__sample-window{height:2rem}.color-palette-picker__panel{width:calc(100vw - 1rem);max-height:calc(100vh - 1rem);margin:.5rem auto;border-radius:24px}.color-palette-picker__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem}.color-palette-picker__swatch{padding:.65rem}}.color-palette-picker{--palette-text: #20242c;--palette-border: rgba(32, 36, 44, .1);--palette-shadow: 0 10px 24px rgba(15, 23, 42, .08)}.color-palette-picker__button{grid-template-columns:minmax(0,1fr) auto auto;gap:.9rem;border:1px solid rgba(23,88,194,.14);border-radius:12px;padding:.9rem 1rem;background:#fff;box-shadow:0 14px 28px #0f172a1a}.color-palette-picker__button:hover,.color-palette-picker__button:focus-visible{border-color:#1758c229;box-shadow:0 18px 34px #0f172a24}.color-palette-picker__launcher-copy{min-width:0}.color-palette-picker__eyebrow{font-size:.72rem;letter-spacing:normal;text-transform:none;color:#20242c8a;margin-bottom:.2rem}.color-palette-picker__selected-wrap{min-width:0;display:block}.color-palette-picker__selected{display:block;font-size:1.02rem;font-weight:700;line-height:1.15;max-width:22ch}.color-palette-picker__launcher-link{display:block;margin-top:.42rem;font-size:1rem;font-weight:700;line-height:1.15;color:#1c6a43}.color-palette-picker__launcher-price{display:block;margin-top:.34rem;font-size:.96rem;font-weight:700;line-height:1.15;color:#1758c2}.color-palette-picker__launcher-preview{display:inline-flex;align-items:center}.color-palette-picker__launcher-swatch{position:relative;width:3.25rem;height:3.25rem;border-radius:0;overflow:hidden;border:1px solid rgba(32,36,44,.1);background:linear-gradient(145deg,#ffffffd1,#ebe7e0f0);box-shadow:inset 0 0 0 1px #ffffff38}.color-palette-picker__launcher-fallback{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.color-palette-picker__launcher-swatch img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block;z-index:2}.color-palette-picker__launcher-fallback{background:var(--selected-color);z-index:1}.color-palette-picker__caret{width:2.2rem;height:2.2rem;background:#20242c0a;color:#20242cb3}@media(max-width:749px){.color-palette-picker__button{grid-template-columns:minmax(0,1fr) auto}.color-palette-picker__launcher-preview{grid-column:1 / -1;order:3}.color-palette-picker__launcher-swatch{width:100%;height:3.25rem}.color-palette-picker__caret{justify-self:end}}.color-palette-picker{max-width:420px}.color-palette-picker__button{min-height:6.9rem;padding:1.2rem 1.15rem;gap:1rem}.color-palette-picker__eyebrow{font-size:.86rem;margin-bottom:.32rem}.color-palette-picker__selected{font-size:1.3rem;line-height:1.12;max-width:24ch}.color-palette-picker__launcher-link{margin-top:.38rem;font-size:.9rem;font-weight:700}.color-palette-picker__launcher-swatch{width:4.1rem;height:4.1rem;border-radius:0}.color-palette-picker__caret{width:2.45rem;height:2.45rem}@media(max-width:749px){.color-palette-picker__button{min-height:0;padding:1.08rem 1rem}.color-palette-picker__selected{font-size:1.15rem;max-width:none}.color-palette-picker__launcher-link{font-size:.96rem}.color-palette-picker__launcher-price{font-size:.92rem}.color-palette-picker__launcher-swatch{width:100%;height:4.4rem}.color-palette-picker__launcher-preview{width:auto;justify-content:flex-start}.color-palette-picker__launcher-swatch{width:3.8rem;height:3.8rem}}
/*# sourceMappingURL=/cdn/shop/t/23/assets/shopify-color-palette.css.map */