.recipe{background:var(--main-background-color);color:var(--main-information-color)}.recipe__body{padding:var(--desktop-top-padding) 0 var(--desktop-bottom-padding)}@media(max-width:989px){.recipe__body{padding:var(--mobile-top-padding) 0 var(--mobile-bottom-padding)}}.recipe__title-wrap .heading-h2{color:var(--main-information-color);text-align:center}.recipe__body-wrap{position:relative}.recipe__left{width:16.25rem;position:absolute;top:calc(-1 * var(--space-36));left:var(--space-12)}.recipe__right{width:17.875rem;position:absolute;top:calc(-1 * var(--space-84));right:calc(var(--space-10) + -1.2375rem)}.recipe__part{padding-top:var(--space-40)}.recipe__text{width:auto}.recipe__list-wrap .swiper{padding-bottom:.375rem;margin-bottom:-.375rem}.recipe__text-wrap{display:inline-block;padding:calc(var(--space-16) + .125rem) calc(var(--space-16) + .1875rem) var(--space-20) calc(var(--space-16) + .1875rem);text-align:center;border-radius:var(--radius-pill);background:var(--surface-7);min-width:9.8125rem}.recipe__text .tablinks.active .recipe__text-wrap{background:var(--surface-2);box-shadow:var(--shadow-sticker);cursor:pointer}@media(min-width:750px){.recipe__text .tablinks:hover .recipe__text-wrap{background:var(--surface-2);box-shadow:var(--shadow-sticker);cursor:pointer}}.recipe__list-wrap .swiper:has(.swiper-scrollbar-lock) .swiper-wrapper{justify-content:center}.recipe__list-wrap .swiper:has(.swiper-scrollbar-lock) .swiper-wrapper .swiper-slide:last-child{margin-right:0!important}.recipe__list-wrap .swiper:not(.swiper-initialized) .swiper-wrapper{justify-content:center}.recipe__list-wrap .swiper .swiper-scrollbar{display:none}.recipe__item{padding-top:var(--space-56)}.recipe__loop-wrap .swiper{padding:0px var(--space-56) var(--space-8) var(--space-56);margin:0px calc(-1 * var(--space-56)) calc(-1 * var(--space-8)) calc(-1 * var(--space-56))}.recipe__block{width:20rem;cursor:pointer;height:auto;box-shadow:var(--shadow-sticker);border-radius:var(--radius-md);background:var(--primary-cream);padding:var(--space-16) var(--space-16) calc(var(--space-20) + .1875rem) var(--space-16)}.recipe__block-wrap{display:flex;flex-direction:column;grid-gap:var(--space-24)}.recipe__both-wrap,.recipe__image{position:relative}.recipe__image-wrap{position:relative;padding-bottom:152.78%}.recipe__image-wrap img,.recipe__image-wrap video{width:100%;position:absolute;object-fit:cover;top:0;left:0;bottom:0;right:0;height:100%;border-radius:.75rem}.recipe__info-wrap{text-box:trim-both cap alphabetic;min-height:1.0625rem}.recipe__media{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;transition:all .2s linear}.recipe__media-wrap{position:relative;padding-bottom:152.78%}.recipe__media-wrap img,.recipe__media-wrap video{width:100%;position:absolute;object-fit:cover;top:0;left:0;bottom:0;right:0;height:100%;border-radius:.75rem}.recipe__button{position:absolute;bottom:0;left:50%;transform:translate(-50%);padding:var(--space-32) var(--space-28);width:100%;opacity:0;transition:all .2s linear}.recipe__button-wrap .button{min-width:100%}@media(min-width:750px){.recipe__block:hover{background:var(--surface-2)}.recipe__block:hover .recipe__media,.recipe__block:hover .recipe__button{opacity:1}}.recipe__drawer-overlay{left:0;top:0;width:100%;height:100%;background:rgb(var(--backdrop-color-rgb) / var(--backdrop-opacity));animation:var(--animation-speed) var(--animation-easing) forwards;position:fixed;z-index:111;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s ease,visibility .2s ease}.recipe__drawer-is-open{overflow:hidden}.recipe__drawer-is-open .recipe__drawer-overlay{opacity:1;visibility:visible;pointer-events:auto}.recipe__drawer{width:37.5rem;height:100%;border-radius:var(--radius-md) 0 0 var(--radius-md);background:var(--primary-cream);position:fixed;top:0;right:-37.5rem;z-index:112;padding:0;transition:all .3s ease-in-out}.recipe__drawer.open{right:0}.recipe__drawer-wrap{position:relative;height:100%}.recipe__side{padding:var(--space-24) var(--space-32)}.recipe__side-wrap{display:flex;align-items:center;justify-content:space-between;gap:var(--space-8)}.recipe__side-wrap-title{width:calc(100% - var(--space-40))}.recipe__side-wrap-title-wrap{text-box:trim-both cap alphabetic;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.recipe__side-wrap-close{width:var(--space-32);cursor:pointer}.recipe__side-wrap-close svg{width:100%;height:auto}.recipe__boxs{height:calc(100% - 80px)}.recipe__boxs-wrap{padding:0 var(--space-32) var(--space-64) var(--space-32)}.recipe__boxs-wrap-media-wrap{position:relative;padding-bottom:111.942%}.recipe__boxs-wrap-media-wrap img,.recipe__boxs-wrap-media-wrap video{width:100%;position:absolute;object-fit:cover;top:0;left:0;bottom:0;right:0;height:100%;border-radius:.75rem}.recipe__boxs-wrap-media-icon{position:absolute;width:var(--space-40);bottom:var(--space-16);right:var(--space-16);cursor:pointer}.recipe__boxs-wrap-detail{padding-top:var(--space-32)}.recipe__boxs-wrap-detail-wrap{display:flex;flex-direction:column;grid-gap:var(--space-16)}.recipe__boxs-wrap-detail-wrap-text{text-box:trim-both cap alphabetic;font-weight:var(--font-weight-black)}.recipe__boxs-wrap-detail-wrap-info{color:var(--text-1)}.recipe__boxs-wrap-detail-wrap-info ul{padding:0;margin:0;list-style:none}.recipe__boxs-wrap-detail-wrap-info ul li{padding-left:var(--space-28);position:relative}.recipe__boxs-wrap-detail-wrap-info ul li:after{content:"";position:absolute;top:50%;left:var(--space-12);transform:translateY(-50%);width:var(--space-4);height:var(--space-4);background:var(--text-1)}.recipe__boxs-wrap-detail-wrap-info ol{padding:0px 0px 0px var(--space-28);margin:0}.recipe__boxs-wrap-detail-wrap-info ol li{padding:0}.recipe__boxs-wrap-item{margin-top:var(--space-52);border-radius:var(--radius-sm);background:var(--surface-2);padding:var(--space-24) calc(var(--space-24) + .125rem) calc(var(--space-16) + .0625rem) calc(var(--space-24) + .125rem)}.recipe__boxs-wrap-item-wrap{display:flex}.recipe__boxs-wrap-image{width:12.9375rem}.recipe__boxs-wrap-image-wrap{position:relative;padding-bottom:100%}.recipe__boxs-wrap-image-wrap img,.recipe__boxs-wrap-image-wrap video{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:contain}.recipe__boxs-wrap-item-wrap-part{width:calc(100% - 12.9375rem);padding:var(--space-16) 0 0 calc(var(--space-40) + .1875rem)}.recipe__boxs-wrap-item-wrap-part-wrap-text{color:var(--color-pink)}.recipe__boxs-wrap-item-wrap-part-wrap-info{text-box:trim-both cap alphabetic;padding-top:var(--space-12);color:var(--text-1);line-height:var(--line-height-ui);letter-spacing:var(--letter-spacing-tight)}.recipe__boxs-wrap-item-wrap-part-wrap-link{padding-top:var(--space-24)}.recipe__boxs-wrap-item-wrap-part-wrap-link .button{min-width:13.5rem}.recipe__boxs-wrap-loop{padding-top:var(--space-48)}.recipe__boxs-wrap-loop-wrap{display:flex;align-items:center;justify-content:center;grid-gap:var(--space-28)}.recipe__boxs-wrap-loop-wrap-image img,.recipe__boxs-wrap-loop-wrap-image video{width:100%;height:8.8125rem}@media(max-width:749px){.recipe__left,.recipe__right{display:none}.recipe__title-wrap{max-width:335px;margin:auto}.recipe__title-wrap .heading-h2{text-wrap:inherit}.recipe__part{padding-top:var(--space-32)}.recipe__list-wrap .swiper{padding:0px var(--space-20) var(--space-8) var(--space-20);margin:0px calc(-1 * var(--space-20)) calc(-1 * var(--space-8)) calc(-1 * var(--space-20))}.recipe__list-wrap .swiper .swiper-wrapper{justify-content:flex-start}.recipe__item{padding-top:var(--space-32)}.recipe__loop-wrap .swiper{padding:0px var(--space-20) var(--space-8) var(--space-20);margin:0px calc(-1 * var(--space-20)) calc(-1 * var(--space-8)) calc(-1 * var(--space-20))}.recipe__block{width:18.5rem;padding:var(--space-16) var(--space-16) var(--space-24) var(--space-16)}.recipe__block-wrap{grid-gap:var(--space-20)}.recipe__image{opacity:0}.recipe__media{opacity:1}.recipe__info-wrap{font-size:var(--font-size-title-3)}.recipe__drawer{width:100%;top:auto;bottom:-100vh;right:auto;max-height:calc(100vh - 32px);height:100vh;border-radius:var(--radius-md) var(--radius-md) 0 0;left:0}.recipe__drawer.open{right:auto;bottom:0}.recipe__side{padding:var(--space-24) var(--space-20) var(--space-16) var(--space-20)}.recipe__side-wrap-title{width:calc(100% - var(--space-32))}.recipe__side-wrap-close{width:var(--space-24)}.recipe__boxs{height:calc(100% - 64px)}.recipe__boxs-wrap{padding:0 var(--space-20) var(--space-32) var(--space-20)}.recipe__boxs-wrap-media-wrap{padding-bottom:148.06%}.recipe__boxs-wrap-media-wrap img,.recipe__boxs-wrap-media-wrap video{border-radius:var(--radius-md)}.recipe__boxs-wrap-item{margin-top:var(--space-32);border-radius:.626875rem;padding:var(--space-16) var(--space-16) var(--space-20) var(--space-16)}.recipe__boxs-wrap-image{width:5.5rem}.recipe__boxs-wrap-item-wrap-part{width:calc(100% - 5.5rem);padding:var(--space-4) 0 0 calc(var(--space-16) + .1875rem)}.recipe__boxs-wrap-item-wrap-part-wrap-text{color:inherit}.recipe__boxs-wrap-item-wrap-part-wrap-info{color:var(--text-1)}.recipe__boxs-wrap-item-wrap-part-wrap-link.show--desktop{display:none}.recipe__boxs-wrap-item-wrap-part-wrap-link{display:flex;align-items:center;justify-content:center;padding:var(--space-4) var(--space-8) 0 var(--space-8)}.recipe__boxs-wrap-item-wrap-part-wrap-link .button{min-width:100%}.recipe__boxs-wrap-loop{padding-top:var(--space-32)}.recipe__boxs-wrap-loop-wrap{grid-gap:var(--space-12)}.recipe__boxs-wrap-loop-wrap-image img,.recipe__boxs-wrap-loop-wrap-image video{width:100%;height:6.1875rem}}@media(min-width:750px)and (max-width:989px){.recipe__left{width:9rem;top:calc(-1 * var(--space-16));left:0}.recipe__right{width:9rem;top:calc(-1 * var(--space-36));right:0}.recipe__item{padding-top:var(--space-48)}.recipe__loop-wrap .swiper{padding:0px var(--space-20) var(--space-8) var(--space-20);margin:0px calc(-1 * var(--space-20)) calc(-1 * var(--space-8)) calc(-1 * var(--space-20))}.recipe__block{width:18rem}.recipe__drawer{width:30rem}.recipe__boxs-wrap{padding:0 var(--space-32) var(--space-32) var(--space-32)}.recipe__boxs-wrap-item{margin-top:var(--space-32);padding:var(--space-16)}.recipe__boxs-wrap-image{width:8rem}.recipe__boxs-wrap-item-wrap-part{width:calc(100% - 8rem);padding:0 0 0 var(--space-20)}.recipe__boxs-wrap-loop{padding-top:var(--space-32)}.recipe__boxs-wrap-loop-wrap{grid-gap:var(--space-16)}.recipe__boxs-wrap-loop-wrap-image img,.recipe__boxs-wrap-loop-wrap-image video{height:7rem}}@media(min-width:990px)and (max-width:1439px){.recipe__left{width:14rem;top:-26px;left:0}.recipe__right{width:14rem;right:0}.recipe__loop-wrap .swiper{padding:0px var(--space-20) var(--space-8) var(--space-20);margin:0px calc(-1 * var(--space-20)) calc(-1 * var(--space-8)) calc(-1 * var(--space-20))}}
/*# sourceMappingURL=/cdn/shop/t/80/assets/index-object-tabs-recipe.css.map */