.maki-customizer{--maki-border: #222;--maki-bg: #faf9f7;font-family:inherit;color:var(--maki-border);background:var(--maki-bg)}.maki-customizer__inner{max-width:1200px;margin:0 auto;padding:40px 24px 80px}.maki-customizer__title{font-size:28px;margin:0 0 8px}.maki-customizer__lead{margin:0 0 32px;opacity:.75}.maki-customizer__layout{display:grid;grid-template-columns:1.2fr 1fr;gap:48px;align-items:start}@media(max-width:860px){.maki-customizer__layout{grid-template-columns:1fr}}.maki-yarn-group{margin-bottom:32px}.maki-yarn-group__title{font-size:16px;margin:0 0 12px}.maki-yarn-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}@media(max-width:600px){.maki-yarn-grid{grid-template-columns:repeat(3,1fr)}}.maki-yarn-thumb{border:2px solid transparent;background:#fff;border-radius:8px;padding:6px;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:6px;font-size:11px;color:inherit}.maki-yarn-thumb__img{width:100%;aspect-ratio:4 / 3;background-size:cover;background-position:center;border-radius:4px;background-color:#eee}.maki-yarn-thumb__img--more{display:flex;align-items:center;justify-content:center;font-size:20px;color:#999}.maki-yarn-thumb.is-selected{border-color:var(--maki-border)}.maki-selected-box{border:1px solid #ccc;border-radius:10px;padding:16px 20px;margin-top:12px}.maki-selected-box h3{margin:0 0 12px;font-size:14px}.maki-selected-box__row{display:flex;align-items:center;gap:16px}.maki-selected-box__item{flex:1;display:flex;flex-direction:column;gap:8px;font-size:13px}.maki-selected-box__swatch{display:block;width:100%;height:48px;border-radius:6px;background-size:cover;background-position:center;background-color:#eee}.maki-selected-box__times{font-size:18px;opacity:.5}.maki-customizer__right{text-align:center;position:sticky;top:24px}.maki-preview__title{font-size:16px;margin:0 0 16px}.maki-hat-shape{position:relative;width:100%;max-width:340px;aspect-ratio:1069 / 1472;margin:0 auto 24px}.maki-hat-shape__yarns{position:absolute;top:0;right:0;bottom:0;left:0;-webkit-mask-image:var(--maki-mask-url);mask-image:var(--maki-mask-url);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain}.maki-hat-shape__fill{position:absolute;left:0;right:0;background-size:cover;background-position:center;background-color:#e5e5e5;transition:background-image .2s ease}.maki-hat-shape__fill--top{top:0;height:45.6%}.maki-hat-shape__fill--bottom{bottom:0;height:54.4%}.maki-hat-shape__outline{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;pointer-events:none}.maki-btn{display:block;width:100%;max-width:340px;margin:10px auto 0;padding:14px 20px;border-radius:8px;border:1px solid var(--maki-border);font-size:14px;cursor:pointer;background:#fff}.maki-btn--primary{background:var(--maki-border);color:#fff}.maki-btn--primary:disabled{opacity:.4;cursor:not-allowed}.maki-btn--ghost{background:transparent}.maki-preview__note{font-size:11px;opacity:.6;margin-top:12px}.maki-preview__status{font-size:13px;min-height:18px;margin-top:8px}.maki-modal[hidden]{display:none}.maki-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:999;display:flex;align-items:center;justify-content:center}.maki-modal__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000080}.maki-modal__content{position:relative;background:#fff;border-radius:12px;width:90%;max-width:640px;max-height:80vh;overflow-y:auto;padding:20px}.maki-modal__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.maki-modal__close{border:none;background:none;font-size:18px;cursor:pointer}.maki-modal__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}@media(max-width:500px){.maki-modal__grid{grid-template-columns:repeat(3,1fr)}}
/*# sourceMappingURL=/cdn/shop/t/1/assets/maki-hat-customizer.css.map */