.image-with-tabs{width:100%;max-width:var(--image-with-tabs-max-width, 1600px);margin:0 auto;padding-left:20px;padding-right:20px}.xo-collapse__content{padding:2.9rem!important}.xo-collapse__trigger-title{opacity:1!important;color:#225648!important}@media(min-width:769px){.image-with-tabs{padding-left:100px;padding-right:100px}}.image-with-tabs__container{width:100%}.image-with-tabs__heading{font-family:var(--font-heading-family);font-weight:var(--font-heading-weight);color:#225648;text-align:center;word-break:break-word;word-wrap:break-word;margin:0 0 2rem;font-size:clamp(25px,2.5vw,40px);line-height:1.2;opacity:1}.image-with-tabs__image-wrap{max-width:var(--image-with-tabs-image-width, 90%);margin:80px auto}@media(min-width:768px){.image-with-tabs__image-wrap{margin-bottom:3rem}}.image-with-tabs__image-wrap .xo-image,.image-with-tabs__image-wrap .xo-image img,.image-with-tabs__image{width:100%;height:auto;display:block;object-fit:contain}.image-with-tabs__image-wrap .xo-image{--xo-ratio-percent: auto}.image-with-tabs__media-layout{display:grid;grid-template-columns:minmax(120px,1fr) auto minmax(120px,1fr);grid-template-areas:"top-left media top-right" "bottom-left media bottom-right";align-items:center;column-gap:1rem;row-gap:0;margin:80px auto}.image-with-tabs__media-main{grid-area:media;display:flex;justify-content:center;align-items:center}.image-with-tabs__media-main .image-with-tabs__image-wrap,.image-with-tabs__media-main .image-with-tabs__cup-wrap{margin:0}.image-with-tabs__cup-wrap{width:100%;display:flex;justify-content:center}.image-with-tabs__cup{position:relative;width:var(--image-tabs-cup-width, 180px);max-width:100%;height:var(--image-tabs-cup-width, 180px)}.image-with-tabs__cup-fill-clip{position:absolute;left:16%;bottom:8%;width:51%;height:63%;overflow:hidden;border-radius:0 0 30px 30px;z-index:0}.image-with-tabs__cup-fill{position:absolute;left:0;right:0;bottom:0;height:100%;transform:scaleY(var(--cup-fill, 0));transform-origin:bottom center;will-change:transform}.image-with-tabs__cup-fill-inner{display:block;width:100%;height:100%;background:var(--image-tabs-cup-liquid, #8b4513);border-radius:0}.image-with-tabs__cup-outline{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;display:flex;align-items:center;justify-content:center;pointer-events:none}.image-with-tabs__cup-svg{width:100%;height:100%;color:#225648}.image-with-tabs__cup-image,.image-with-tabs__cup-image .xo-image,.image-with-tabs__cup-image .xo-image img{width:100%;height:100%;object-fit:contain}.image-with-tabs__cup2-wrap{width:100%;display:flex;justify-content:center;margin-bottom:0}.image-with-tabs__media-main .image-with-tabs__cup2-wrap{margin-bottom:0}.image-with-tabs__cup2{position:relative;width:var(--image-tabs-cup-width, 180px);max-width:100%}.image-with-tabs__cup2-image{position:relative;z-index:1}.image-with-tabs__cup2-image .xo-image,.image-with-tabs__cup2-image .xo-image img,.image-with-tabs__cup2-image-asset{width:100%;height:auto;display:block;object-fit:contain}.image-with-tabs__cup2-liquid-mask{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;overflow:hidden;pointer-events:none;-webkit-mask-image:var(--image-tabs-cup-fill-mask);mask-image:var(--image-tabs-cup-fill-mask);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain}.image-with-tabs__cup2-liquid{position:absolute;top:0;right:0;bottom:0;left:0;transform:scaleY(var(--cup-fill, 0));transform-origin:bottom center;will-change:transform}.image-with-tabs__cup2-liquid-inner{display:block;width:100%;height:100%;background:var(--image-tabs-cup-liquid, #8b4513);opacity:var(--image-tabs-cup-opacity, .7)}.image-with-tabs__cup2-fallback{width:var(--image-tabs-cup-width, 180px);height:calc(var(--image-tabs-cup-width, 180px) * 1.34);border-radius:999px;border:2px solid rgba(34,86,72,.25)}.image-with-tabs__badge{width:clamp(160px,14vw,200px);aspect-ratio:1 / 1;background-image:var(--image-with-tabs-badge-icon);background-size:contain;background-repeat:no-repeat;background-position:center;display:flex;align-items:center;justify-content:center;text-align:center;color:#225648;justify-self:center}.image-with-tabs__badge--top-left{grid-area:top-left}.image-with-tabs__badge--top-right{grid-area:top-right}.image-with-tabs__badge--bottom-left{grid-area:bottom-left}.image-with-tabs__badge--bottom-right{grid-area:bottom-right}.image-with-tabs__badge-inner{width:70%;height:70%;position:relative;line-height:1}.image-with-tabs__badge-curves{position:absolute;right:0;bottom:0;left:0;top:5px;width:100%;height:100%;overflow:visible}.image-with-tabs__badge-middle{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:space-between;font-size:clamp(20px,3.2vw,36px);font-family:New-Spirit,sans-serif;font-weight:700;width:75%}.image-with-tabs__badge-dot{width:.12em;height:.12em;border-radius:999px;background:currentColor;flex:0 0 auto}.image-with-tabs__badge-middle-unit{font-size:18px}.image-with-tabs__badge-top-path,.image-with-tabs__badge-bottom-path{fill:currentColor;font-size:clamp(10px,.95vw,12px);letter-spacing:.5px}.image-with-tabs__tabs{display:flex;flex-direction:column;gap:0}.image-with-tabs__tab-item{border-bottom:1px solid #225648}@media(max-width:991px){.image-with-tabs__media-layout{grid-template-columns:1fr 1fr;grid-template-areas:"media media" "top-left top-right" "bottom-left bottom-right";margin:40px auto}.image-with-tabs__badge-middle{align-items:center}}
/*# sourceMappingURL=/cdn/shop/t/43/assets/section-image-with-tabs.css.map */