.combo{--combo-coral: 244, 118, 93;--combo-tile: #f7f2ee;--combo-line: #ece3dc;display:block;margin:2rem 0}.combo__card{display:flex;flex-direction:column;gap:1.2rem;padding:1.6rem;background:#fff;border:.1rem solid var(--combo-line);border-radius:1.6rem}.combo__head{order:1}.combo__progress{order:2}.combo__bar{order:3}.combo__box-label{order:4}.combo__slots{order:5}.combo__list{order:6}.combo__hint{order:7}.combo__form{order:8}.combo__head{display:flex;align-items:center;justify-content:space-between;gap:1rem}.combo__heading{margin:0;font-family:var(--font-heading-family);font-weight:var(--font-heading-weight);font-size:2rem;line-height:1.2}.combo__surprise{display:inline-flex;align-items:center;gap:.6rem;min-height:4rem;padding:0 1.4rem;border:.1rem solid rgb(var(--color-foreground));border-radius:4rem;background:none;color:rgb(var(--color-foreground));font:inherit;font-size:1.3rem;font-weight:700;white-space:nowrap;cursor:pointer}.combo__surprise .misu-icon{width:1.6rem;height:1.6rem}.combo__progress{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;margin-bottom:-.4rem}.combo__step,.combo__count{margin:0;font-size:1.3rem;font-weight:700;line-height:1.3}.combo__count{flex-shrink:0}.combo__bar{display:block;height:.6rem;border-radius:1rem;background:var(--combo-line);overflow:hidden}.combo__bar span{display:block;width:0;height:100%;border-radius:inherit;background:rgb(var(--combo-coral));transition:width .3s ease}.combo.is-complete .combo__bar span{background:#2f9e6b}.combo__box-label{display:none;margin:0;font-size:1.1rem;font-weight:700;letter-spacing:.08rem;text-transform:uppercase;color:rgba(var(--color-foreground),.7)}.combo__slots{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:.8rem;margin:0}.combo__slot{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.6rem;min-height:9.6rem;padding:.8rem .4rem;border:.1rem dashed rgba(var(--combo-coral),.45);border-radius:1.2rem;background:#fdf8f4;text-align:center}.combo__slot.is-filled{border-style:solid;border-color:rgba(var(--combo-coral),.7);background:#fff}.combo__slot-media{position:relative;display:grid;place-items:center;width:4rem;height:4rem;border-radius:.8rem;background:#fff;color:rgba(var(--color-foreground),.45);overflow:hidden}.combo__slot.is-filled .combo__slot-media{width:5.2rem;height:5.2rem}.combo__slot-plus .misu-icon{width:1.8rem;height:1.8rem}.combo__slot-number{display:none;font-weight:700}.combo__slot.is-filled .combo__slot-plus,.combo__slot.is-filled .combo__slot-number{display:none}.combo__slot-image{width:100%;height:100%;object-fit:cover}.combo__slot-text{display:flex;flex-direction:column;min-width:0;max-width:100%}.combo__slot-title{font-size:1.2rem;font-weight:700;line-height:1.25;color:rgba(var(--color-foreground),.6)}.combo__slot.is-filled .combo__slot-title{color:rgb(var(--color-foreground))}.combo__slot-name{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.combo__slot.is-filled .combo__slot-empty,.combo__slot-empty--wide{display:none}.combo__slot-variant{font-size:1.1rem;color:rgba(var(--color-foreground),.65);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.combo__slot-variant:empty{display:none}.combo__slot-remove{position:absolute;top:-.6rem;right:-.6rem;display:grid;place-items:center;width:3.2rem;height:3.2rem;padding:0;border:.2rem solid #fff;border-radius:50%;background:rgb(var(--color-foreground));color:#fff;cursor:pointer}.combo__slot-remove[hidden]{display:none}.combo__slot-remove .misu-icon{width:1.4rem;height:1.4rem}.combo__list{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 1.6rem) / 2.7);gap:.8rem;margin:0 -1.6rem;padding:1rem 1.6rem .8rem;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:1.6rem;scrollbar-width:thin;scrollbar-color:rgba(var(--combo-coral),.6) transparent}.combo__item{scroll-snap-align:start}.combo__product{position:relative;display:flex;flex-direction:column;align-items:center;width:100%;height:100%;padding:0;border:0;background:none;color:rgb(var(--color-foreground));font:inherit;text-align:center;cursor:pointer;-webkit-tap-highlight-color:transparent}.combo__badge{position:absolute;top:-.8rem;left:50%;z-index:1;transform:translate(-50%);padding:.2rem .8rem;border-radius:.6rem;background:#b8915a;color:#fff;font-size:.9rem;font-weight:700;letter-spacing:.05rem;line-height:1.5;text-transform:uppercase;white-space:nowrap}.combo__media{position:relative;display:block;width:100%;aspect-ratio:1 / 1;border:.1rem solid var(--combo-line);border-radius:1.2rem;background:var(--combo-tile);overflow:hidden;transition:border-color .2s ease,box-shadow .2s ease}.combo__product.is-picked .combo__media{border-color:rgb(var(--combo-coral));box-shadow:0 0 0 .1rem rgb(var(--combo-coral))}.combo__image{width:100%;height:100%;object-fit:cover}.combo__picked{position:absolute;top:.5rem;right:.5rem;display:grid;place-items:center;min-width:2.4rem;height:2.4rem;padding:0 .5rem;border-radius:2rem;background:rgb(var(--combo-coral));color:#fff;font-size:1.2rem;font-weight:700}.combo__picked[hidden]{display:none}.combo__title{display:-webkit-box;margin-top:.6rem;font-size:1.25rem;font-weight:700;line-height:1.25;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.combo__hint{margin:-.4rem 0 0;font-size:1.2rem;color:rgba(var(--color-foreground),.65)}.combo__card .combo__form{margin:.4rem 0 0}.combo__card .combo__submit{margin-bottom:0}.combo__form .product-form__error-message-wrapper{margin-bottom:1rem}.combo__submit{--color-button: var(--combo-coral);--color-button-text: 255, 255, 255;min-height:5rem;border-radius:4rem;font-size:1.6rem;font-weight:700}.combo__submit.is-incomplete{--color-button: 246, 185, 173}.combo__card .combo__submit:after,.combo__card .combo__submit:not([disabled]):hover:after{box-shadow:none}.combo__dialog:focus,.combo__dialog:focus-visible{outline:none;box-shadow:none}.combo__trust{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem;margin:1.2rem 0 0}.combo__trust li{display:flex;flex-direction:column;align-items:center;gap:.6rem;padding:1.2rem .6rem;border-radius:1.2rem;background:var(--combo-tile);font-size:1.2rem;font-weight:700;line-height:1.3;text-align:center}.combo__trust .misu-icon{width:2rem;height:2rem}.combo__dialog{position:fixed;inset:auto 0 0;width:100%;max-width:100%;max-height:80dvh;margin:0;padding:1.6rem 1.6rem calc(1.6rem + env(safe-area-inset-bottom));border:0;border-radius:1.6rem 1.6rem 0 0;background:#fff;color:rgb(var(--color-foreground));overflow-y:auto}.combo__dialog::backdrop{background:#00000073}.combo__dialog-head{display:flex;align-items:center;justify-content:space-between;gap:1rem}.combo__dialog-title{margin:0;font-size:1.7rem;font-weight:700}.combo__dialog-close{display:grid;place-items:center;flex-shrink:0;width:4.4rem;height:4.4rem;margin-right:-1rem;padding:0;border:0;background:none;color:inherit;cursor:pointer}.combo__dialog-close .icon{width:1.6rem;height:1.6rem}.combo__dialog-text{margin:0 0 1.2rem;font-size:1.3rem;color:rgba(var(--color-foreground),.7)}.combo__options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem;margin:0}.combo__option{display:flex;flex-direction:column;align-items:center;gap:.6rem;width:100%;min-height:4.4rem;padding:.8rem;border:.1rem solid var(--combo-line);border-radius:1.2rem;background:var(--combo-tile);color:inherit;font:inherit;font-size:1.3rem;font-weight:700;line-height:1.25;cursor:pointer}.combo__option-image{width:100%;height:auto;aspect-ratio:1 / 1;border-radius:.8rem;object-fit:cover}.combo__slot.is-new{animation:combo-pop .35s ease}.is-nudged{animation:combo-nudge .35s ease}@keyframes combo-pop{0%{transform:scale(.9)}60%{transform:scale(1.04)}to{transform:scale(1)}}@keyframes combo-nudge{0%,to{transform:translate(0)}25%{transform:translate(-.4rem)}75%{transform:translate(.4rem)}}@media(hover:hover){.combo__product:hover .combo__media{border-color:rgba(var(--combo-coral),.6)}}.combo__product:focus-visible,.combo__option:focus-visible,.combo__surprise:focus-visible,.combo__slot-remove:focus-visible{outline:.2rem solid rgb(var(--color-foreground));outline-offset:.2rem}@media screen and (min-width:750px){.combo__dialog{top:0;right:0;bottom:0;left:0;max-width:48rem;margin:auto;border-radius:1.6rem;padding-bottom:1.6rem}.combo__options{grid-template-columns:repeat(4,minmax(0,1fr))}}@media screen and (min-width:990px){.combo__card{padding:2rem}.combo__heading{font-size:2.2rem}.combo__list{order:4}.combo__box-label{order:5;display:block}.combo__slots{order:6}.combo__hint{display:none}.combo__list{grid-auto-flow:row;grid-template-columns:repeat(5,minmax(0,1fr));grid-auto-columns:auto;row-gap:2rem;margin:0;padding:1rem 0 0;overflow:visible}.combo__slots{margin-top:-.4rem}}@media(prefers-reduced-motion:reduce){.combo__bar span,.combo__media{transition:none}}.combo-gallery{display:block}@media screen and (max-width:749px){.combo-gallery{margin-bottom:1.5rem}}.combo-gallery__main{position:relative}.combo-gallery__track{display:flex;margin:0;border-radius:1.6rem;background:#f7f2ee;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none}.combo-gallery__track::-webkit-scrollbar{display:none}.combo-gallery__slide{flex:0 0 100%;aspect-ratio:1 / 1;scroll-snap-align:start}.combo-gallery__image{display:block;width:100%;height:100%;object-fit:cover}.combo-gallery__arrow{position:absolute;top:50%;display:grid;place-items:center;width:4.4rem;height:4.4rem;padding:0;border:0;border-radius:50%;background:#fff;color:rgb(var(--color-foreground));box-shadow:0 .2rem .8rem #0000001f;transform:translateY(-50%);cursor:pointer}.combo-gallery__arrow--prev{left:1.2rem}.combo-gallery__arrow--next{right:1.2rem}.combo-gallery__arrow .icon{width:1.2rem;height:1.2rem}.combo-gallery__arrow--prev .icon{transform:rotate(90deg)}.combo-gallery__arrow--next .icon{transform:rotate(-90deg)}.combo-gallery__counter{position:absolute;right:1.2rem;bottom:1.2rem;padding:.3rem 1rem;border-radius:2rem;background:#402020bf;color:#fff;font-size:1.2rem;font-weight:700}.combo-gallery__thumbs{display:flex;gap:.8rem;margin:.6rem 0 0;padding:.4rem;overflow-x:auto;scroll-padding-left:.4rem;scrollbar-width:none}.combo-gallery__thumbs::-webkit-scrollbar{display:none}.combo-gallery__thumbs li{flex:0 0 calc(22% - .6rem)}.combo-gallery__thumb{display:block;width:100%;aspect-ratio:1 / 1;padding:0;border:.1rem solid transparent;border-radius:.8rem;background:#f7f2ee;overflow:hidden;cursor:pointer;transition:opacity .1s ease}.combo-gallery__thumb img{display:block;width:100%;height:100%;object-fit:cover}.combo-gallery__thumb[aria-current=true]{border-color:rgb(var(--color-base-accent-1));box-shadow:0 0 0 .2rem rgb(var(--color-base-accent-1))}@media screen and (max-width:749px){.combo-gallery__thumb:not([aria-current=true]){opacity:.6}}@media screen and (min-width:750px){.combo-gallery__thumbs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;margin:1rem 0 0}.combo-gallery__thumb{display:block;width:100%;aspect-ratio:1 / 1;padding:0;border:.2rem solid transparent;border-radius:1.2rem;background:#f7f2ee;overflow:hidden;cursor:pointer}.combo-gallery__thumb[aria-current=true]{border-color:rgb(var(--color-foreground))}.combo-gallery__thumb img{display:block;width:100%;height:100%;object-fit:cover}}.combo-gallery__arrow:focus-visible,.combo-gallery__thumb:focus-visible{outline:.2rem solid rgb(var(--color-foreground));outline-offset:.2rem}@media screen and (min-width:990px){.combo-gallery{position:relative;display:grid;grid-template-columns:8rem minmax(0,1fr);gap:1.2rem;align-items:start}.combo-gallery__main{grid-column:2;grid-row:1}.combo-gallery__arrow,.combo-gallery__counter{display:none}.combo-gallery__thumbs{position:absolute;top:0;bottom:0;left:0;display:flex;flex-direction:column;gap:1rem;width:8rem;margin:0;padding:.3rem;overflow-y:auto}.combo-gallery__thumbs{scrollbar-width:none}.combo-gallery__thumbs::-webkit-scrollbar{display:none}.combo-gallery__thumbs li{flex:0 0 auto}.combo-gallery__thumb{border:.1rem solid transparent;border-radius:.8rem}.combo-gallery__thumb[aria-current=true]{border-color:rgb(var(--color-base-accent-1));box-shadow:0 0 0 .2rem rgb(var(--color-base-accent-1))}.combo-gallery__thumb:hover{opacity:.7}}@media screen and (max-width:749px){.product.product--combo .product__title h1{font-size:calc(var(--font-heading-scale) * 2.2rem)}.product.product--combo .price--large .price-item--sale,.product.product--combo .price--large .price__regular .price-item--regular{font-size:2.8rem}.combo__heading{font-size:1.7rem}.combo__surprise{min-height:3.6rem;padding:0 1.2rem;font-size:1.2rem}.combo__step,.combo__count{font-size:1.2rem}.combo__slot-title{font-size:1.1rem}.combo__title{font-size:1.15rem}.combo__hint{font-size:1.1rem}.combo__submit{font-size:1.5rem}.combo__trust li{font-size:1.1rem}}.product.product--combo .product__text.caption-with-letter-spacing+.product__title{margin-top:1rem}.product.product--combo .product__overview{margin-bottom:0}.product.product--combo .product__overview+.product__card{margin-top:0;padding-top:0;border-top:0}.product.product--combo .product__overview .product__description{padding-bottom:1.5rem}.product.product--combo .product__accordion{border-top:.1rem solid rgba(var(--color-foreground),.1);border-bottom:0}.product.product--combo .product__accordion:last-of-type{border-bottom:.1rem solid rgba(var(--color-foreground),.1)}.product.product--combo .product__accordion summary{padding:1rem 0}.product.product--combo .product__accordion .accordion__title{font-family:var(--font-body-family);font-size:1.5rem;font-weight:700;letter-spacing:normal;color:rgba(var(--color-foreground),.75)}.product.product--combo .product__accordion .accordion__content{padding:0 0 1.5rem}@media screen and (min-width:990px){.product.product--combo .product__media-wrapper{align-self:stretch}.product.product--combo combo-gallery{position:sticky;top:calc(var(--header-height, 0px) + 2rem)}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/component-combo-builder.css.map */