.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.ink-bar--product{margin:1.25rem 0 1.5rem;padding:0;border:0;background:transparent}.ink-bar__label--product{display:block;font-weight:600;font-size:.95rem;letter-spacing:.02em;margin-bottom:.75rem;color:rgb(var(--colors-heading, 26 26 26))}.ink-bar__product-picker{display:flex;align-items:center;gap:1.25rem;padding:1rem 1.25rem;border:1px solid rgba(var(--colors-line-and-border, 0 0 0),.12);border-radius:var(--border-radius, 8px);background:rgba(var(--colors-background-secondary, 250 250 250),1)}.dark .ink-bar__product-picker{border-color:rgba(var(--colors-line-and-border, 255 255 255),.12);background:rgba(var(--colors-background-secondary, 40 40 40),1)}.ink-bar__swatch-trigger{position:relative;display:block;flex-shrink:0;cursor:pointer}.ink-bar__swatch--product{display:block;width:64px;height:64px;border-radius:50%;border:2px solid rgba(var(--colors-line-and-border, 0 0 0),.1);box-shadow:inset 0 0 0 1px #ffffff26,0 4px 14px #0000001f;transition:transform .2s ease,box-shadow .2s ease}.ink-bar__swatch-trigger:hover .ink-bar__swatch--product{transform:scale(1.04);box-shadow:inset 0 0 0 1px #ffffff26,0 6px 20px #00000029}.ink-bar__swatch-ring{position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:50%;border:1px dashed rgba(var(--colors-text, 0 0 0),.15);pointer-events:none}.ink-bar__product-meta{flex:1;min-width:0}.ink-bar__picker-btn{display:inline-flex;align-items:center;cursor:pointer;margin-bottom:.35rem}.ink-bar__color-input--hidden{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.ink-bar__picker-btn-text{display:inline-block;padding:.55rem 1.1rem;font-size:.875rem;font-weight:500;letter-spacing:.03em;text-transform:uppercase;border:1px solid rgba(var(--colors-line-and-border, 0 0 0),.2);border-radius:var(--border-radius, 6px);background:rgba(var(--colors-background, 255 255 255),1);color:rgb(var(--colors-text, 26 26 26));transition:background .2s ease,border-color .2s ease}.ink-bar__picker-btn:hover .ink-bar__picker-btn-text{border-color:rgba(var(--colors-text, 0 0 0),.35);background:rgba(var(--colors-background-secondary, 245 245 245),1)}.ink-bar__product-note{margin:0;font-size:.82rem;line-height:1.5;color:rgba(var(--colors-text, 0 0 0),.55)}.ink-bar--product .ink-bar__error{margin-top:.5rem}.ink-mixer-section{padding-top:2.5rem;padding-bottom:3.5rem}.ink-mixer__header{text-align:center;max-width:36rem;margin:0 auto 2.5rem}.ink-mixer__eyebrow{margin:0 0 .5rem;font-size:.75rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:rgba(var(--colors-text, 0 0 0),.5)}.ink-mixer__title{margin:0 0 .75rem;font-size:clamp(1.75rem,4vw,2.5rem);font-weight:500;letter-spacing:.01em;line-height:1.2;color:rgb(var(--colors-heading, 26 26 26))}.ink-mixer__intro{font-size:1rem;line-height:1.65;color:rgba(var(--colors-text, 0 0 0),.65)}.ink-mixer__intro p{margin:0}.ink-mixer__card{max-width:56rem;margin:0 auto;padding:clamp(1.25rem,3vw,2rem);border:1px solid rgba(var(--colors-line-and-border, 0 0 0),.1);border-radius:calc(var(--border-radius, 8px) + 4px);background:rgba(var(--colors-background, 255 255 255),1);box-shadow:0 8px 32px #0000000f}.dark .ink-mixer__card{box-shadow:0 8px 32px #00000040}.ink-mixer__layout{display:grid;grid-template-columns:1fr;gap:2rem}@media(min-width:768px){.ink-mixer__layout{grid-template-columns:1fr 1.1fr;gap:2.5rem;align-items:start}}.ink-mixer__preview-panel{text-align:center}.ink-mixer__preview-frame{position:relative;aspect-ratio:1;max-width:280px;margin:0 auto}.ink-mixer__preview-swatch{position:relative;z-index:1;width:100%;height:100%;border-radius:50%;border:3px solid rgba(var(--colors-line-and-border, 0 0 0),.08);box-shadow:inset 0 -8px 24px #0000001f,inset 0 8px 24px #ffffff1f,0 12px 40px #00000026;transition:background-color .25s ease}.ink-mixer__preview-glow{position:absolute;top:10%;right:10%;bottom:10%;left:10%;border-radius:50%;filter:blur(40px);opacity:.35;z-index:0;transition:background-color .25s ease}.ink-mixer__preview-caption{margin:1rem 0 0;font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;color:rgba(var(--colors-text, 0 0 0),.45)}.ink-mixer__control-label{display:block;font-size:.8rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;margin-bottom:.65rem;color:rgba(var(--colors-text, 0 0 0),.55)}.ink-mixer__control-group{margin-bottom:0}.ink-mixer__control-group--ml{margin-top:1.25rem}.ink-mixer__picker-row{display:flex;align-items:center;gap:.75rem}.ink-mixer__ml-row{display:flex;align-items:center;gap:.65rem;max-width:12rem}.ink-mixer__ml-input{flex:1;min-width:0;padding:.8rem 1rem;font-family:ui-monospace,SF Mono,Menlo,Monaco,Consolas,monospace;font-size:1rem;letter-spacing:.02em;border:1px solid rgba(var(--colors-line-and-border, 0 0 0),.15);border-radius:var(--border-radius, 8px);background:rgba(var(--colors-background-secondary, 250 250 250),1);color:rgb(var(--colors-text, 26 26 26));transition:border-color .2s ease}.ink-mixer__ml-input:focus{outline:none;border-color:rgba(var(--colors-text, 0 0 0),.35)}.ink-mixer__ml-unit{font-size:.9rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:rgba(var(--colors-text, 0 0 0),.5)}.ink-mixer__ml-hint{margin:.45rem 0 0;font-size:.78rem;color:rgba(var(--colors-text, 0 0 0),.45)}.ink-mixer__color-chip{display:block;width:52px;height:52px;flex-shrink:0;border-radius:var(--border-radius, 8px);overflow:hidden;border:1px solid rgba(var(--colors-line-and-border, 0 0 0),.15);cursor:pointer;transition:box-shadow .2s ease}.ink-mixer__color-chip:hover{box-shadow:0 0 0 2px rgba(var(--colors-text, 0 0 0),.12)}.ink-mixer__color-chip .ink-bar__color-input{width:100%;height:100%;padding:0;border:0;cursor:pointer}.ink-mixer__hex-input{flex:1;min-width:0;padding:.8rem 1rem;font-family:ui-monospace,SF Mono,Menlo,Monaco,Consolas,monospace;font-size:.95rem;letter-spacing:.04em;border:1px solid rgba(var(--colors-line-and-border, 0 0 0),.15);border-radius:var(--border-radius, 8px);background:rgba(var(--colors-background-secondary, 250 250 250),1);color:rgb(var(--colors-text, 26 26 26));transition:border-color .2s ease}.ink-mixer__hex-input:focus{outline:none;border-color:rgba(var(--colors-text, 0 0 0),.35)}.ink-mixer__value-card{margin-top:1.25rem;padding:.9rem 1rem;border-radius:var(--border-radius, 8px);background:rgba(var(--colors-background-secondary, 248 248 248),1);border:1px solid rgba(var(--colors-line-and-border, 0 0 0),.06)}.ink-mixer__value-row{display:flex;align-items:center;justify-content:space-between;gap:1rem}.ink-mixer__value-key{font-size:.75rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:rgba(var(--colors-text, 0 0 0),.45)}.ink-mixer__value-val--mono{font-family:ui-monospace,SF Mono,Menlo,Monaco,Consolas,monospace;font-size:1.05rem;letter-spacing:.05em;color:rgb(var(--colors-heading, 26 26 26))}.ink-mixer__cmyk-card{margin-top:1.25rem;padding:1.15rem 1.15rem 1rem;border-radius:var(--border-radius, 8px);border:1px solid rgba(var(--colors-line-and-border, 0 0 0),.08)}.ink-mixer__cmyk-title{margin:0 0 .2rem;font-size:.95rem;font-weight:600;color:rgb(var(--colors-heading, 26 26 26))}.ink-mixer__cmyk-subtitle{margin:0 0 1rem;font-size:.8rem;color:rgba(var(--colors-text, 0 0 0),.5)}.ink-mixer__cmyk-bars{display:flex;flex-direction:column;gap:.65rem}.ink-mixer__cmyk-row{display:grid;grid-template-columns:1.25rem 1fr minmax(4.5rem,auto);align-items:center;gap:.65rem}.ink-mixer__cmyk-label{font-size:.8rem;font-weight:700;color:rgba(var(--colors-text, 0 0 0),.55)}.ink-mixer__cmyk-track{height:8px;border-radius:999px;background:rgba(var(--colors-line-and-border, 0 0 0),.08);overflow:hidden}.ink-mixer__cmyk-fill{height:100%;border-radius:999px;transition:width .3s ease;min-width:0}.ink-mixer__cmyk-fill--c{background:#00a3d9}.ink-mixer__cmyk-fill--m{background:#e4007f}.ink-mixer__cmyk-fill--y{background:#ffed00}.ink-mixer__cmyk-fill--k{background:#1a1a1a}.ink-mixer__cmyk-amounts{display:flex;flex-direction:column;align-items:flex-end;gap:.1rem;min-width:4.5rem}.ink-mixer__cmyk-ml{font-size:.85rem;font-weight:600;font-variant-numeric:tabular-nums;font-family:ui-monospace,SF Mono,Menlo,Monaco,Consolas,monospace;letter-spacing:.01em;color:rgb(var(--colors-heading, 26 26 26));white-space:nowrap}.ink-mixer__cmyk-ml.is-boosted{color:#00a3d9}.ink-mixer__cmyk-row:nth-child(2) .ink-mixer__cmyk-ml.is-boosted{color:#e4007f}.ink-mixer__cmyk-row:nth-child(3) .ink-mixer__cmyk-ml.is-boosted{color:#b59b00}.ink-mixer__cmyk-pct{font-size:.7rem;font-variant-numeric:tabular-nums;text-align:right;color:rgba(var(--colors-text, 0 0 0),.45)}.ink-mixer__cmyk-footer{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:.5rem 1rem;margin:1rem 0 0;padding-top:.85rem;border-top:1px solid rgba(var(--colors-line-and-border, 0 0 0),.08)}.ink-mixer__cmyk-summary{margin:0;font-size:.8rem;font-family:ui-monospace,SF Mono,Menlo,Monaco,Consolas,monospace;letter-spacing:.03em;color:rgba(var(--colors-text, 0 0 0),.55)}.ink-mixer__cmyk-summary span:before{content:"C, M, Y, K \2014  ";font-family:inherit;letter-spacing:.05em;text-transform:uppercase;font-size:.7rem;color:rgba(var(--colors-text, 0 0 0),.4)}.ink-mixer__cmyk-total{margin:0;font-size:.8rem;color:rgba(var(--colors-text, 0 0 0),.55)}.ink-mixer__cmyk-total strong{font-family:ui-monospace,SF Mono,Menlo,Monaco,Consolas,monospace;font-weight:600;color:rgb(var(--colors-heading, 26 26 26));margin-left:.35rem}.ink-mixer__cmyk-boost{margin:.65rem 0 0;font-size:.75rem;line-height:1.45;color:rgba(var(--colors-text, 0 0 0),.5)}.ink-mixer__cmyk-boost:empty{display:none}.ink-mixer__note{margin:1.25rem 0 0;padding:.85rem 1rem;font-size:.82rem;line-height:1.55;border-radius:var(--border-radius, 8px);background:rgba(var(--colors-background-secondary, 248 248 248),1);color:rgba(var(--colors-text, 0 0 0),.6);border-left:3px solid rgba(var(--colors-text, 0 0 0),.15)}.ink-bar__error{margin-top:.5rem;font-size:.85rem;color:rgb(var(--color-error, 176 0 32));display:none}.ink-bar__error.is-visible{display:block}
/*# sourceMappingURL=/cdn/shop/t/6/assets/ink-bar.css.map */