.atelier-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:1000;display:flex;align-items:flex-end;justify-content:center;opacity:0;visibility:hidden;transition:opacity .25s ease,visibility .25s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.atelier-modal-overlay.is-open{opacity:1;visibility:visible}.atelier-modal{background:#695e5f;border-radius:0;width:100%;height:100dvh;display:flex;flex-direction:column;transform:translateY(100%);transition:transform .3s cubic-bezier(.32,.72,0,1)}.atelier-modal-overlay.is-open .atelier-modal{transform:translateY(0)}.atelier-modal__hero{position:relative;height:100%;aspect-ratio:1 / 1;max-height:35dvh;flex-shrink:0;background:#f5ede40d}.atelier-modal__img{width:100%;height:100%;object-fit:cover;display:block;cursor:pointer}.atelier-modal__content-wrap{display:flex;flex-direction:column;flex:1;overflow:hidden;position:relative}.hide-desktop{display:flex}.hide-mobile{display:none}.atelier-modal__close{position:absolute;top:calc(1.5rem + env(safe-area-inset-top,0px));right:calc(1.5rem + env(safe-area-inset-right,0px));width:3.4rem;height:3.4rem;margin:0;z-index:10;background:#695e5fd9;border:.1rem solid rgba(245,237,228,.2);border-radius:50%;cursor:pointer;align-items:center;justify-content:center;box-shadow:0 .4rem 1rem #00000026;-webkit-backdrop-filter:blur(.4rem);backdrop-filter:blur(.4rem);touch-action:manipulation}.atelier-modal__close:before,.atelier-modal__close:after{content:"";position:absolute;width:1.4rem;height:.15rem;background:#f5ede4}.atelier-modal__close:before{transform:rotate(45deg)}.atelier-modal__close:after{transform:rotate(-45deg)}.atelier-modal__head{display:flex;align-items:flex-start;justify-content:space-between;padding:2rem 2rem 0;flex-shrink:0}.atelier-modal__name{font-family:var(--font-heading-family);font-size:2.8rem;font-weight:400;color:#f5ede4;line-height:1.1;margin:0;letter-spacing:.05em}.atelier-modal__tabs{display:flex;border-bottom:.05rem solid rgba(245,237,228,.15);flex-shrink:0;padding:1rem 2rem 0;overflow-x:auto;-webkit-overflow-scrolling:touch}.atelier-modal__tab{font-size:1.2rem;letter-spacing:.2em;text-transform:uppercase;color:#f5ede4;margin:1rem 1.2rem 0 0;display:block;font-family:var(--font-body-family);opacity:.75;background:none;border:none;border-bottom:.2rem solid transparent;padding:.6rem 0;cursor:pointer;transition:color .1s ease,border-color .1s ease;white-space:nowrap;flex-shrink:0}.atelier-modal__tab:hover{color:#f5ede4d9}.atelier-modal__tab.is-active{color:#f5ede4;border-bottom-color:#f5ede4}.atelier-modal__scroll{overflow-y:auto;padding:2rem;flex:1;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.atelier-modal__label{font-size:1.2rem;letter-spacing:.1em;text-transform:uppercase;color:#f5ede4;margin:0 0 .8rem;display:block;font-family:var(--font-body-family);opacity:.75}.atelier-modal__desc{font-family:var(--font-body-family);font-size:1.6rem;color:#f5ede4;line-height:1.6;font-weight:300;margin:0 0 1.5rem}.atelier-modal__desc p{margin:0 0 1rem}.atelier-modal__desc p:last-child{margin-bottom:0}.atelier-modal__cacaos{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.atelier-modal__cacao{display:inline-flex;align-items:center;width:fit-content;max-width:100%;min-width:0;font-size:1.6rem;font-family:var(--font-body-family);padding:.3rem 1rem;border-radius:.4rem;cursor:pointer;border:none;transition:background .15s ease;box-sizing:border-box;color:#f5ede4;background:#f5ede41f;touch-action:manipulation}.atelier-modal__cacao span{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;min-width:0;max-width:100%}.atelier-modal__ingr,.atelier-modal__ingr p{font-size:1.6rem;color:#f5ede4!important;line-height:1.7;margin:0 0 1.2rem;font-family:var(--font-body-family)}.atelier-modal__ingr strong{font-weight:700!important}.atelier-modal__footer{background-color:#695e5f;border-top:.05rem solid rgba(245,237,228,.15);padding:1.4rem 2rem calc(1.4rem + env(safe-area-inset-bottom));flex-shrink:0}@media screen and (min-width:990px){.hide-desktop{display:none!important}.hide-mobile{display:flex!important}.atelier-modal-overlay{align-items:center}.atelier-modal{flex-direction:row;width:900px;max-width:95vw;height:550px;max-height:85vh;border-radius:8px;overflow:hidden;transform:translateY(20px) scale(.98);box-shadow:0 20px 40px #0000004d}.atelier-modal-overlay.is-open .atelier-modal{transform:translateY(0) scale(1)}.atelier-modal__hero{max-height:none;height:100%}.atelier-modal__content-wrap{width:55%}.atelier-modal__head{padding:3rem 3rem 0}.atelier-modal__tabs{padding:1rem 3rem 0}.atelier-modal__scroll{padding:3rem}}
/*# sourceMappingURL=/cdn/shop/t/1/assets/atelier-modal.css.map */