.munchief .chaos-banner{position:relative;background-color:var(--color-card-bg)}.munchief .chaos-banner__inner{position:relative}.munchief .chaos-banner__media{position:relative;width:100%;aspect-ratio:935 / 589;overflow:hidden}.munchief .chaos-banner__media img{position:absolute;left:0;top:-15%;width:100%;height:130%;display:block;object-fit:cover}.munchief .chaos-banner__content{position:absolute;z-index:2;top:9%;left:50%;transform:translate(-50%) translateY(var(--chaos-drift, 0%));display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);width:min(80%,460px);text-align:center}.munchief .chaos-banner__heading{margin:0;font-size:clamp(18px,3.6vw,40px);line-height:var(--lh-tight);letter-spacing:0}@media(min-width:1025px){.munchief .chaos-banner__heading{font-size:var(--fs-display-heading-desktop)}}.munchief .chaos-banner__text{margin:0;max-width:380px;font-family:var(--font-body);font-weight:var(--fw-bold);font-size:clamp(10px,1.3vw,15px);line-height:var(--lh-normal);color:var(--color-ink)}.munchief .chaos-banner .btn--pill{padding:clamp(6px,2.2vw,var(--space-sm)) clamp(16px,6vw,var(--space-lg));font-size:clamp(11px,3vw,var(--fs-btn))}.munchief .chaos-banner .btn--icon-circle{width:clamp(30px,9vw,48px);height:clamp(30px,9vw,48px)}.munchief .chaos-banner .btn--icon-circle svg{width:40%;height:40%}.munchief .chaos-banner__art{display:none;position:relative;width:100%;aspect-ratio:390 / 384;overflow:hidden}.munchief .chaos-banner__can{position:absolute;display:block;height:auto}.munchief .chaos-banner__can--daily{left:.5%;bottom:-7.46%;width:29.72%;transform:rotate(-11.92deg)}.munchief .chaos-banner__can--zen{right:.4%;bottom:-7.24%;width:29.72%;transform:rotate(11.92deg)}.munchief .chaos-banner__can--float{right:22.68%;bottom:-3.68%;width:25.2%;transform:rotate(3.54deg)}.munchief .chaos-banner__can--anchor{right:45.87%;top:45.24%;width:26.62%;transform:rotate(-3.24deg)}.munchief .chaos-banner__cloud{position:absolute;display:flex;align-items:center;justify-content:center;background-repeat:no-repeat;background-position:center;background-size:100% 100%;font-family:var(--font-ui);font-weight:600;font-size:3.1vw;line-height:1.1;letter-spacing:-.06em;text-align:center;color:var(--color-promise-ink)}@media(min-width:390px){.munchief .chaos-banner__cloud{font-size:12px}}.munchief .chaos-banner__cloud--theanine{left:3.33%;top:35.2%;width:31.51%;aspect-ratio:123 / 99;transform:rotate(-5.07deg);background-image:var(--cloud-theanine)}.munchief .chaos-banner__cloud--tyrosine{left:.26%;top:7.81%;width:36.41%;aspect-ratio:142 / 115;transform:rotate(-3.98deg);background-image:var(--cloud-tyrosine)}.munchief .chaos-banner__cloud--ginseng{left:59.49%;top:0;width:40%;aspect-ratio:156 / 131;transform:rotate(5.15deg);background-image:var(--cloud-ginseng);color:var(--color-white)}.munchief .chaos-banner__cloud--vitb{left:54.87%;top:31.25%;width:40.77%;aspect-ratio:159 / 141;transform:rotate(14.29deg);background-image:var(--cloud-vitb)}.munchief .chaos-banner__scallop{position:absolute;left:0;bottom:0;width:100%;height:12.24%;background-image:radial-gradient(circle at 50% 100%,var(--color-yellow-bright) 68px,transparent 68px);background-size:130px 100%;background-repeat:repeat-x;background-position:bottom center}@media(max-width:640px){.munchief .chaos-banner{padding-top:var(--space-2xl)}.munchief .chaos-banner__media{display:none}.munchief .chaos-banner__art{display:block}.munchief .chaos-banner__content{position:static;transform:translateY(var(--chaos-drift, 0%));width:auto;max-width:none;gap:var(--space-sm);padding-inline:var(--container-padding);margin-bottom:var(--space-xl)}.munchief .chaos-banner__heading{font-size:clamp(34px,12.3vw,48px);line-height:.9}.munchief .chaos-banner__text{max-width:313px;font-size:14px;line-height:1.4;letter-spacing:-.2px}.munchief .chaos-banner .btn--pill{height:50px;min-width:123px;padding:0 23.5px;font-size:13.7px}.munchief .chaos-banner .btn--icon-circle{width:50px;height:50px}.munchief .chaos-banner .btn--icon-circle svg{width:20px;height:20px}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/munchief-chaos-banner.css.map */