.mix-your-bauhaus{--myb-text: #1C1C1C;--myb-muted: #4A4A4A;--myb-subtle: #5E5E5C;--myb-border: #DDDDDD;--myb-ease: cubic-bezier(.22, 1, .36, 1);position:relative;display:flex;flex-direction:column;gap:20px;font-family:Montserrat,var(--text-font-family),sans-serif;font-size:14px;color:var(--myb-text)}.mix-your-bauhaus [hidden]{display:none!important}.mix-your-bauhaus button:not(.button){font-family:inherit;color:inherit;-webkit-tap-highlight-color:transparent}.mix-your-bauhaus :is(.myb__slot,.myb__swatch,.myb__combo,.myb__remove):focus-visible{outline:2px solid var(--myb-text);outline-offset:2px}.mix-your-bauhaus:not(.is-ready) .myb__body{min-height:520px}.mix-your-bauhaus[data-fields="1"]:not(.is-ready) .myb__body{min-height:400px}.mix-your-bauhaus .myb__body{display:flex;flex-direction:column;gap:20px}.mix-your-bauhaus .myb__head{display:flex;flex-direction:column;gap:6px}.mix-your-bauhaus .myb__title{margin:0;font-family:var(--heading-font-family);font-size:21px;font-weight:400;letter-spacing:.1em;line-height:1.1;text-transform:uppercase;white-space:nowrap;color:var(--myb-text)}.mix-your-bauhaus .myb__glyph{display:inline-block;vertical-align:baseline}.mix-your-bauhaus .myb__glyph--bar{width:.12em;height:.75em;margin:0 .22em 0 .12em;background:#dcb011}.mix-your-bauhaus .myb__glyph--circle{width:.765em;height:.765em;margin:0 .12em 0 0;border-radius:50%;background:#c1192b}.mix-your-bauhaus .myb__glyph--triangle{width:.825em;height:.75em;margin:0 .1em 0 0;background:#0058bc;clip-path:polygon(50% 0,100% 100%,0 100%)}.mix-your-bauhaus .myb__gap{display:inline-block;width:.3em}@media screen and (min-width:1000px){.mix-your-bauhaus .myb__title{font-size:25px}}.mix-your-bauhaus .myb__subline{margin:0;font-size:14px;color:var(--myb-muted)}.mix-your-bauhaus .myb__slots{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:4px}.mix-your-bauhaus .myb__slot{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:4px;min-width:0;height:116px;padding:10px 5px;background:#fff;border:1px solid var(--myb-border);border-radius:0;cursor:pointer}.mix-your-bauhaus .myb__slot.is-active{padding:9px 4px;border:2px solid var(--myb-text)}.mix-your-bauhaus .myb__slot.is-active:after{content:"";position:absolute;left:50%;bottom:-9px;transform:translate(-50%);border-left:8px solid transparent;border-right:8px solid transparent;border-top:8px solid var(--myb-text)}.mix-your-bauhaus .myb__slot-label{font-size:10px;font-weight:600;letter-spacing:.14em;text-transform:uppercase}.mix-your-bauhaus .myb__dot{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;background-color:#fff;background-size:cover;background-position:center;box-shadow:inset 0 0 0 1px #1c1c1c24;font-size:13px;font-weight:600;color:var(--myb-muted)}.mix-your-bauhaus .myb__slot.is-empty .myb__dot{background-image:repeating-linear-gradient(45deg,#fff 0 4px,#ededed 4px 5px)}.mix-your-bauhaus .myb__slot-name{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:500}.mix-your-bauhaus .myb__slot.is-empty .myb__slot-name{font-weight:400;color:var(--myb-subtle)}.mix-your-bauhaus .myb__slot-position{margin-top:-4px;font-size:10px;color:var(--myb-subtle)}.mix-your-bauhaus .myb__picker{display:flex;flex-direction:column;gap:10px}.mix-your-bauhaus .myb__prompt-row{min-height:20px;font-size:13px;font-weight:600}.mix-your-bauhaus .myb__palette{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));row-gap:6px}.mix-your-bauhaus .myb__swatch{position:relative;display:flex;align-items:center;justify-content:center;width:100%;min-width:0;height:48px;padding:0;background:none;border:0;cursor:pointer}.mix-your-bauhaus .myb__swatch-circle{display:block;width:38px;height:38px;border-radius:50%;background-color:#fff;background-size:cover;background-position:center;box-shadow:inset 0 0 0 1px #1c1c1c24;transition:box-shadow .15s var(--myb-ease)}.mix-your-bauhaus .myb__swatch.is-current .myb__swatch-circle{box-shadow:0 0 0 2px #fff,0 0 0 4px var(--myb-text)}.mix-your-bauhaus .myb__swatch-count{position:absolute;top:0;right:0;min-width:16px;height:16px;padding:0 3px;box-sizing:border-box;border-radius:999px;background:var(--myb-text);color:#fff;font-size:9px;font-weight:600;line-height:16px;text-align:center}.mix-your-bauhaus .myb__tip{position:absolute;bottom:calc(100% + 4px);left:50%;transform:translate(-50%);z-index:4;padding:5px 9px;border-radius:4px;background:var(--myb-text);color:#fff;font-size:11px;font-weight:500;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .12s}.mix-your-bauhaus .myb__swatch:nth-child(8n+1) .myb__tip,.mix-your-bauhaus .myb__swatch:nth-child(8n+2) .myb__tip{left:0;transform:none}.mix-your-bauhaus .myb__swatch:nth-child(8n) .myb__tip,.mix-your-bauhaus .myb__swatch:nth-child(8n+7) .myb__tip{left:auto;right:0;transform:none}.mix-your-bauhaus .myb__swatch:focus-visible .myb__tip,.mix-your-bauhaus .myb__swatch.is-tip .myb__tip{opacity:1}@media(hover:hover){.mix-your-bauhaus .myb__swatch:hover .myb__tip{opacity:1}}.mix-your-bauhaus .myb__open{margin:-8px 0 0;font-size:13px;color:var(--myb-muted)}.mix-your-bauhaus .myb__ideas{display:flex;flex-direction:column;gap:12px}.mix-your-bauhaus .myb__ideas-label{font-size:13px;font-weight:600;white-space:nowrap}.mix-your-bauhaus .myb__surprise{flex:none;height:44px;gap:8px;white-space:nowrap;scroll-snap-align:start}.mix-your-bauhaus .myb__combos{display:flex;gap:8px;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:none;margin:0 -2px;padding:2px}.mix-your-bauhaus .myb__combos::-webkit-scrollbar{display:none}.mix-your-bauhaus .myb__combo{flex:none;display:inline-flex;align-items:center;gap:10px;height:44px;padding:0 16px 0 12px;background:#fff;border:1px solid var(--myb-border);border-radius:2px;font-size:14px;font-weight:400;cursor:pointer;scroll-snap-align:start}.mix-your-bauhaus .myb__combo.is-active{border-color:var(--myb-text)}.mix-your-bauhaus .myb__combo-dots{display:flex;align-items:center}.mix-your-bauhaus .myb__combo-dot{display:block;width:14px;height:14px;border-radius:50%;box-shadow:0 0 0 1.5px #fff,inset 0 0 0 1px #1c1c1c24}.mix-your-bauhaus .myb__combo-dot+.myb__combo-dot{margin-left:-3px}.mix-your-bauhaus .myb__summary-wrap{display:flex;flex-direction:column;gap:8px;padding-top:16px;border-top:1px solid var(--myb-border)}.mix-your-bauhaus .myb__summary-title{font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase}.mix-your-bauhaus .myb__summary{display:flex;flex-wrap:wrap;align-items:center;row-gap:4px}.mix-your-bauhaus .myb__summary-item{display:inline-flex;align-items:center;gap:6px;min-height:32px}.mix-your-bauhaus .myb__summary-num{font-weight:600}.mix-your-bauhaus .myb__summary-name.is-open{font-style:italic;color:var(--myb-subtle)}.mix-your-bauhaus .myb__summary-sep{padding:0 8px;color:#7a7a78}.mix-your-bauhaus .myb__remove{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;margin-left:-4px;padding:0;background:none;border:0;color:var(--myb-muted);cursor:pointer}.mix-your-bauhaus .myb__counter{display:flex;align-items:center;gap:10px;margin:4px 0 0;font-size:13px}.mix-your-bauhaus .myb__counter.is-complete{font-weight:600}.mix-your-bauhaus .myb__sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.mix-your-bauhaus .myb__mini{position:fixed;top:calc(var(--sticky-area-height, 0px) + 10px);left:50%;z-index:6;display:flex;align-items:center;gap:12px;padding:6px 16px 6px 6px;background:#fff;border-radius:999px;box-shadow:0 8px 24px #1c1c1c29;pointer-events:none;opacity:0;visibility:hidden;transform:translate(-50%,-16px);transition:opacity .25s var(--myb-ease),transform .25s var(--myb-ease),visibility 0s linear .25s}.mix-your-bauhaus .myb__mini.is-visible{opacity:1;visibility:visible;transform:translate(-50%);transition:opacity .25s var(--myb-ease),transform .25s var(--myb-ease)}.mix-your-bauhaus .myb__mini-image{flex:none;width:56px;height:56px;overflow:hidden;border-radius:50%;background:#f4f1ea}.mix-your-bauhaus .myb__mini-image img{display:block;width:100%;height:100%;object-fit:cover}.mix-your-bauhaus .myb__mini-info{display:flex;flex-direction:column;gap:4px}.mix-your-bauhaus .myb__mini-label{font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.mix-your-bauhaus .myb__mini-dots{display:flex;gap:5px}.mix-your-bauhaus .myb__mini-dot{display:flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:50%;background-size:cover;background-position:center;box-shadow:inset 0 0 0 1px #1c1c1c2e;font-size:9px;font-weight:600;color:var(--myb-muted)}.mix-your-bauhaus .myb__mini-dot.is-empty{background-image:repeating-linear-gradient(45deg,#fff 0 3px,#ededed 3px 4px)}.mix-your-bauhaus .myb__mini-dot.is-active{box-shadow:0 0 0 1.5px #fff,0 0 0 3px var(--myb-text)}@media screen and (min-width:1000px){.mix-your-bauhaus .myb__mini{display:none}}.mix-your-bauhaus .myb__confetti{position:absolute;width:0;height:0;pointer-events:none;z-index:5}.mix-your-bauhaus .myb__confetti-piece{position:absolute;width:8px;height:8px;animation:myb-confetti .85s var(--myb-ease) forwards}.mix-your-bauhaus .myb__confetti-piece--circle{border-radius:50%;background:#c1192b}.mix-your-bauhaus .myb__confetti-piece--square{background:#dcb011}.mix-your-bauhaus .myb__confetti-piece--dot{width:7px;height:7px;border-radius:50%;box-shadow:inset 0 0 0 1px #1c1c1c1f}.mix-your-bauhaus .myb__confetti-piece--triangle{width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:9px solid #0058BC}@keyframes myb-confetti{0%{transform:translate(0) rotate(0);opacity:1}to{transform:translate(var(--dx),var(--dy)) rotate(var(--rot));opacity:0}}@media(prefers-reduced-motion:reduce){.mix-your-bauhaus *,.mix-your-bauhaus .myb__mini{transition:none!important;animation:none!important}}@media screen and (max-width:999px){.mix-your-bauhaus .myb__slot{height:112px}.mix-your-bauhaus .myb__swatch-circle{width:34px;height:34px}}.product-gallery__media:has(>.myb-preview){position:relative}.myb-preview{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;display:block;background:#f7f7f7;font-family:Montserrat,var(--text-font-family),sans-serif}.myb-preview[hidden]{display:none}.myb-stage{position:relative;display:block;width:100%;height:100%;overflow:hidden}.myb-stage__base{display:block;width:100%;height:100%;object-fit:cover}.myb-stage__layer{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.myb-stage__layer[hidden]{display:none}.myb-stage__layer--color{mix-blend-mode:multiply;transition:background-color .25s ease-out}.myb-stage__layer--color.is-empty{background:repeating-linear-gradient(45deg,#1c1c1c47 0 2px,#ffffffe6 2px 7px)}.myb-stage__pearl{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;pointer-events:none}.myb-stage__pearl[hidden]{display:none}.myb-stage__shade,.myb-stage__gloss{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;pointer-events:none}.myb-stage__shade{mix-blend-mode:multiply}.myb-stage__gloss{mix-blend-mode:screen}.myb-stage__shade[hidden],.myb-stage__gloss[hidden]{display:none}.myb-stage__leader{position:absolute;z-index:2;height:1px;margin-top:-.5px;background:#1c1c1c80;transform-origin:0 50%;pointer-events:none;transition:opacity .2s}.myb-stage__leader.is-hidden{opacity:0}.myb-stage__badge{position:absolute;z-index:3;display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:0;border-radius:50%;background:#fff;color:#1c1c1c;font:600 14px Montserrat,var(--text-font-family),sans-serif;box-shadow:0 2px 10px #1c1c1c2e;transform:translate(-50%,-50%);cursor:pointer;transition:transform .2s,opacity .2s,background-color .2s,color .2s}.myb-stage__badge.is-active{background:#1c1c1c;color:#fff;box-shadow:0 2px 10px #1c1c1c2e,0 0 0 4px #ffffffd9}.myb-stage__badge.is-hidden{opacity:0;pointer-events:none;transform:translate(-50%,-50%) scale(.6)}.myb-stage__chip{position:absolute;left:16px;bottom:16px;z-index:2;display:inline-flex;align-items:center;gap:8px;height:36px;padding:0 14px 0 4px;border:1px solid #DDDDDD;border-radius:999px;background:#fff;color:#1c1c1c;font:600 12px Montserrat,var(--text-font-family),sans-serif;cursor:pointer}.myb-stage__chip.is-active{border:1.5px solid #1C1C1C}.myb-stage__chip-dot{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background-size:cover;background-position:center;box-shadow:inset 0 0 0 1px #1c1c1c24;font-size:12px;color:transparent}.myb-stage__chip-dot.is-empty{background-image:repeating-linear-gradient(45deg,#fff 0 4px,#ededed 4px 5px);color:#4a4a4a}.myb-stage__badge:focus-visible,.myb-stage__chip:focus-visible{outline:2px solid #1C1C1C;outline-offset:2px}.myb-stage.is-wobbling{animation:myb-wobble .72s cubic-bezier(.22,1,.36,1)}@keyframes myb-wobble{0%{transform:rotate(0) scale(1)}18%{transform:rotate(-5deg) scale(.97)}42%{transform:rotate(4deg) scale(1.03)}66%{transform:rotate(-2deg) scale(1)}to{transform:rotate(0) scale(1)}}@media screen and (max-width:999px){.myb-stage__badge{width:30px;height:30px;font-size:12px}}@media(prefers-reduced-motion:reduce){.myb-stage,.myb-stage *{transition:none!important;animation:none!important}}
/*# sourceMappingURL=/cdn/shop/t/94/assets/mix-your-bauhaus.css.map */