.mavo-native-option{display:none!important}.mavo-palette--4 .mavo-palette__tiles{display:grid;grid-template-columns:repeat(2,1.35rem);gap:.2rem;padding:.15rem;border-radius:.5rem;background:#ddd7cd}.mavo-palette--4 .mavo-palette__tile{width:1.35rem;height:1.35rem;border-radius:.25rem;box-shadow:inset 0 0 0 .1rem #0000000f}.mavo-palette--4 .mavo-palette__tile+.mavo-palette__tile{margin-left:0}.mavo-palettes{margin-bottom:2rem}@media screen and (max-width:749px){.mavo-palettes{contain:inline-size}.mavo-palettes__list{display:flex;gap:.8rem;margin:0 -1.5rem;padding:.3rem 1.5rem .8rem;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding:0 1.5rem;scrollbar-width:none;-webkit-overflow-scrolling:touch}.mavo-palettes__list::-webkit-scrollbar{display:none}.mavo-palettes__list .mavo-palette{flex:0 0 auto;width:auto;max-width:21rem;scroll-snap-align:start}}.mavo-designer{margin:0 0 2.4rem;scroll-margin-top:2rem}.mavo-designer__head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.8rem 1.6rem}.mavo-designer__title{margin:0;font-size:1.5rem;font-weight:600;letter-spacing:.04rem;color:rgb(var(--color-foreground))}.mavo-count__switch{display:inline-flex;padding:.3rem;border-radius:1.2rem;background:rgba(var(--color-foreground),.06)}.mavo-count__option{min-width:8.4rem;min-height:3.8rem;padding:0 1.2rem;border:0;border-radius:.9rem;background:transparent;color:rgb(var(--color-foreground));font:inherit;font-size:1.3rem;font-weight:600;letter-spacing:.02rem;cursor:pointer;transition:background-color .2s ease,color .2s ease,box-shadow .2s ease}.mavo-count__option.is-active{background:#014cc9;color:#f6f1ed;box-shadow:0 .4rem 1rem -.6rem #014cc9b3}.mavo-count__option:focus-visible{outline:.2rem solid #014cc9;outline-offset:.2rem}.mavo-count__hint{margin:.6rem 0 0;font-size:1.3rem;color:rgba(var(--color-foreground),.75)}@media screen and (max-width:749px){.mavo-count__switch{display:flex;width:100%}.mavo-count__option{flex:1 1 0;min-width:0;padding:0 .6rem}}.mavo-designer .mavo-mosaic{margin:1.2rem 0 0;padding:1.4rem 1.2rem 1.1rem;border-radius:1.4rem;background:rgba(var(--color-foreground),.04)}.mavo-designer .mavo-mosaic__coasters{justify-content:center;gap:1.4rem;margin:0}.mavo-designer .mavo-mosaic__coaster{width:min(15.5rem,46%)}.mavo-mosaic__tile--3,.mavo-mosaic__tile--4{background-color:rgba(var(--color-foreground),.1)}.mavo-mosaic__tile--3{background-image:var(--mavo-tile-3);--mavo-size: var(--mavo-tile-3-size);--mavo-pos: var(--mavo-tile-3-pos)}.mavo-mosaic__tile--4{background-image:var(--mavo-tile-4);--mavo-size: var(--mavo-tile-4-size);--mavo-pos: var(--mavo-tile-4-pos)}.mavo-mode-1 .mavo-mosaic__tile{cursor:default}.mavo-mosaic__bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.6rem 1.2rem;margin-top:1.1rem}.mavo-designer .mavo-mosaic__hint{flex:1 1 16rem;margin:0;font-size:1.25rem;line-height:1.35}.mavo-link{display:inline-flex;flex:none;align-items:center;gap:.5rem;min-height:3.6rem;padding:0 1.3rem;border:.1rem solid rgba(1,76,201,.35);border-radius:99rem;background:rgb(var(--color-background));color:#014cc9;font:inherit;font-size:1.3rem;font-weight:600;letter-spacing:.02rem;cursor:pointer;transition:background-color .2s ease,border-color .2s ease}.mavo-link:hover{border-color:#014cc9;background:#014cc90f}.mavo-link:focus-visible{outline:.2rem solid #014cc9;outline-offset:.2rem}.mavo-slots{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;margin-top:1.6rem}.mavo-slot{display:flex;align-items:center;gap:.9rem;min-width:0;min-height:5.2rem;padding:.7rem 1rem;border:.1rem solid rgba(var(--color-foreground),.18);border-radius:1.2rem;background:rgb(var(--color-background));color:rgb(var(--color-foreground));font:inherit;text-align:left;cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease}.mavo-slot[hidden]{display:none}.mavo-slot:hover{border-color:rgba(var(--color-foreground),.45)}.mavo-slot.is-active{border-color:#014cc9;box-shadow:0 0 0 .1rem #014cc9,0 .6rem 1.4rem -1rem #014cc999}.mavo-slot:focus-visible{outline:.2rem solid #014cc9;outline-offset:.2rem}.mavo-slot__dot{flex:none;width:3rem;height:3rem;border-radius:.7rem;background:rgba(var(--color-foreground),.08);box-shadow:inset 0 0 0 .1rem #0000001a,inset 0 -.3rem .6rem #00000014}.mavo-slot.is-empty .mavo-slot__dot{background:transparent!important;border:.15rem dashed rgba(var(--color-foreground),.35);box-shadow:none}.mavo-slot__text{display:flex;flex-direction:column;min-width:0;line-height:1.25}.mavo-slot__label{font-size:1.05rem;font-weight:600;letter-spacing:.08rem;text-transform:uppercase;color:rgba(var(--color-foreground),.55)}.mavo-slot.is-active .mavo-slot__label{color:#014cc9}.mavo-slot__name{font-size:1.4rem;font-weight:600;letter-spacing:.02rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mavo-slot.is-empty .mavo-slot__name{font-weight:400;color:rgba(var(--color-foreground),.55)}.mavo-colors__prompt{margin:1.4rem 0 1rem;font-size:1.25rem;line-height:1.35;color:rgba(var(--color-foreground),.65)}.mavo-colors__prompt strong{font-size:1.4rem;font-weight:600;color:rgb(var(--color-foreground))}.mavo-colors{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:1.2rem .4rem}.mavo-color{display:flex;flex-direction:column;align-items:center;gap:.5rem;min-width:0;padding:.4rem 0 0;border:0;background:none;color:rgb(var(--color-foreground));font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}.mavo-color__dot{position:relative;display:block;width:100%;max-width:4.8rem;aspect-ratio:1 / 1;border-radius:.9rem;background-color:rgba(var(--color-foreground),.08);background-size:var(--mavo-size, cover);background-position:var(--mavo-pos, center);background-repeat:no-repeat;box-shadow:inset 0 0 0 .1rem #0000001a,inset 0 -.3rem .6rem #00000014;transition:transform .15s ease,box-shadow .15s ease}.mavo-color:hover .mavo-color__dot{transform:translateY(-.15rem)}.mavo-color.is-used .mavo-color__dot{box-shadow:0 0 0 .2rem rgb(var(--color-background)),0 0 0 .35rem rgba(var(--color-foreground),.35),inset 0 -.3rem .6rem #00000014}.mavo-color.is-current .mavo-color__dot{box-shadow:0 0 0 .2rem rgb(var(--color-background)),0 0 0 .45rem #014cc9,inset 0 -.3rem .6rem #00000014}.mavo-color:focus-visible{outline:none}.mavo-color:focus-visible .mavo-color__dot{outline:.2rem solid #014cc9;outline-offset:.6rem}.mavo-color__name{max-width:100%;font-size:1.1rem;line-height:1.2;letter-spacing:0;text-align:center;overflow-wrap:anywhere;color:rgba(var(--color-foreground),.8)}.mavo-color.is-current .mavo-color__name{font-weight:600;color:rgb(var(--color-foreground))}.mavo-color__badges{position:absolute;top:-.7rem;right:-.7rem;display:flex;gap:.2rem;pointer-events:none}.mavo-color__badge{display:flex;align-items:center;justify-content:center;min-width:1.9rem;height:1.9rem;padding:0 .45rem;border-radius:99rem;background:#014cc9;color:#f6f1ed;font-size:1.1rem;font-weight:700;letter-spacing:0;line-height:1;box-shadow:0 0 0 .2rem rgb(var(--color-background))}@media screen and (min-width:750px){.mavo-colors{gap:1.4rem .6rem}}.mavo-designer__error{margin:1.2rem 0 0;padding:1rem 1.2rem;border-radius:1rem;background:#b41e1e14;color:#9b1c1c;font-size:1.3rem}.mavo-designer__note{margin:1.4rem 0 0;font-size:1.2rem;line-height:1.4;color:rgba(var(--color-foreground),.7)}.mavo-mode-4 .shopify-payment-button,.mavo-props .shopify-payment-button{display:none!important}.mavo-designer__note--finished{padding:1.1rem 1.3rem;border-radius:1.2rem;background:#014cc912;color:rgb(var(--color-foreground));font-size:1.3rem}.mavo-designer__note--finished strong{color:#014cc9;font-weight:600}@media(prefers-reduced-motion:reduce){.mavo-color__dot,.mavo-slot,.mavo-count__option{transition:none}}.mavo-stage{display:none}.mavo-colors-selected .mavo-stage{display:block}.mavo-stage{position:relative;width:100%;aspect-ratio:1 / 1;max-height:78vh;margin:0 0 1.5rem;border-radius:1.2rem;overflow:hidden;background:radial-gradient(ellipse at 50% 42%,#fffaf2,#f3ece1 55%,#e6dccd)}.mavo-stage__canvas{position:absolute;top:0;right:0;bottom:0;left:0;touch-action:none;overscroll-behavior:contain;-webkit-user-select:none;user-select:none;cursor:grab}.mavo-stage__canvas:active{cursor:grabbing}.mavo-stage__canvas canvas{display:block;width:100%;height:100%;outline:none}.mavo-stage__loading{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;margin:0;font-size:1.4rem;color:#1212128c}.mavo-stage__hint{position:absolute;top:1.2rem;left:50%;transform:translate(-50%);width:max-content;max-width:calc(100% - 2.4rem);margin:0;padding:.5rem 1.3rem;border-radius:99rem;background:#ffffffe0;box-shadow:0 .3rem 1rem -.6rem #00000059;font-size:1.2rem;line-height:1.35;letter-spacing:.02rem;color:#121212bf;text-align:center;pointer-events:none}.mavo-stage__hint-tap{font-weight:600;color:#014cc9}.mavo-mode-1 .mavo-stage__hint-tap{display:none}.mavo-stage__bar{position:absolute;left:0;right:0;bottom:1rem;display:flex;flex-wrap:wrap;justify-content:center;gap:.6rem;padding:0 1rem;pointer-events:none}.mavo-stage__group{display:inline-flex;padding:.25rem;border-radius:1.1rem;background:#ffffffd9;box-shadow:0 .4rem 1.2rem -.8rem #0006;pointer-events:auto}.mavo-stage__btn{min-width:3.4rem;min-height:3.4rem;padding:0 1.1rem;border:0;border-radius:.85rem;background:transparent;color:#121212;font:inherit;font-size:1.25rem;font-weight:600;letter-spacing:.02rem;cursor:pointer}.mavo-stage__btn.is-active{background:#014cc9;color:#f6f1ed}.mavo-stage__btn:focus-visible{outline:.2rem solid #014cc9;outline-offset:.15rem}@media screen and (max-width:749px){.mavo-stage{aspect-ratio:6 / 5;max-height:58vh;border-radius:1rem;margin-bottom:1rem}}@media screen and (min-width:990px){.page-width:has(.product [data-mavo-designer]){max-width:120rem}.product:has([data-mavo-designer]):not(.product--no-media){align-items:flex-start;flex-wrap:nowrap}.product:has([data-mavo-designer]):not(.product--no-media) .product__media-wrapper{position:sticky;top:2rem;align-self:flex-start;width:calc(46% - var(--grid-desktop-horizontal-spacing) / 2);max-width:46%;max-height:calc(100vh - 4rem);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:rgba(18,18,18,.2) transparent;transition:top .25s ease,max-height .25s ease}.product:has([data-mavo-designer]):not(.product--no-media) .product__info-wrapper{width:calc(54% - var(--grid-desktop-horizontal-spacing) / 2);max-width:54%;padding-left:4rem}body:has(.shopify-section-header-sticky:not(.shopify-section-header-hidden)) .product:has([data-mavo-designer]) .product__media-wrapper{top:15.5rem;max-height:calc(100vh - 17.5rem)}.mavo-colors-selected .product:has([data-mavo-designer]) .product__media-list,.mavo-colors-selected .product:has([data-mavo-designer]) .slider-buttons{display:none!important}.product:has([data-mavo-designer]) .mavo-stage{max-height:calc(100vh - 17.5rem);margin-bottom:0}.product .mavo-palettes__list{grid-template-columns:repeat(2,minmax(0,1fr))}.product .mavo-colors{grid-template-columns:repeat(auto-fill,minmax(7.4rem,1fr))}}
/*# sourceMappingURL=/cdn/shop/t/18/assets/mavo-designer.css.map */