.recipe-wrapper{padding:32px 16px 64px}@media(min-width:768px){.recipe-wrapper{max-width:1336px;margin:0 auto;padding:80px 64px 128px}}.recipe-title{color:var(--color-gray-100)}.recipe-desc{margin:8px 0 0;color:var(--color-gray-100)}@media(min-width:768px){.recipe-desc{margin:12px 0 0}}.recipe-disclaimer{display:flex;align-items:flex-start;gap:4px;margin:8px 0 0;color:var(--color-gray-064)}@media(min-width:768px){.recipe-disclaimer{margin:12px 0 0}}.recipe-disclaimer__icon{display:inline-flex;align-items:center;width:12px;height:15px}@media(min-width:768px){.recipe-disclaimer__icon{height:16px}}.recipe-tabs{margin:32px -16px 0}@media(min-width:768px){.recipe-tabs{margin:64px -64px 0}}.recipe-tabs ul{display:flex;gap:8px;overflow-x:auto;overflow-y:hidden;padding:0 16px;-ms-overflow-style:none;scrollbar-width:none}@media(min-width:768px){.recipe-tabs ul{gap:16px;padding:0 64px}}.recipe-tabs ul::-webkit-scrollbar{display:none}.recipe-tabs button{display:block;width:auto;height:auto;border:none;border-radius:0;padding:0}.recipe-tabs .recipe-tabs__icon-wrapper{display:flex;align-items:center;justify-content:center;width:56px;height:56px;background:var(--color-beige-040);border-radius:16px}@media(min-width:768px){.recipe-tabs .recipe-tabs__icon-wrapper{width:80px;height:80px}}.recipe-tabs .recipe-tabs__icon{width:24px;height:24px}@media(min-width:768px){.recipe-tabs .recipe-tabs__icon{width:36px;height:36px}}.recipe-tabs .recipe-tabs__icon--active{display:none}.recipe-tabs .recipe-tabs__label{display:block;width:56px;white-space:normal;word-break:keep-all;margin-top:4px;color:var(--color-gray-064);text-transform:capitalize}@media(min-width:768px){.recipe-tabs .recipe-tabs__label{width:80px}}.recipe-tabs button.s-active .recipe-tabs__icon-wrapper{background:var(--color-gray-000);border:1px solid var(--color-green-100)}.recipe-tabs button.s-active .recipe-tabs__icon{display:none}.recipe-tabs button.s-active .recipe-tabs__icon--active{display:block}.recipe-filter{position:fixed;top:0;left:0;width:100%;height:100%;z-index:3000;display:none;align-items:center;justify-content:center}.recipe-filter.s-active{display:flex}.recipe-filter .recipe-filter__dim{display:block!important;position:absolute;top:0;left:0;width:100%;height:100%;background:#201e197a;border:0;border-radius:0;padding:0;z-index:110}.recipe-filter .recipe-filter__inner{position:relative;width:100%;max-width:100%;height:100%;max-height:100%;background:var(--color-gray-000);z-index:120;display:flex;flex-direction:column}@media(min-width:768px){.recipe-filter .recipe-filter__inner{max-width:592px;height:calc(100vh - 188px);max-height:894px}}.recipe-filter .recipe-filter__header{display:flex;align-items:center;justify-content:space-between;flex-shrink:0;height:56px;padding:0 16px}@media(min-width:768px){.recipe-filter .recipe-filter__header{height:100px;padding:0 32px}}.recipe-filter .recipe-filter__header button{width:auto;height:auto;border:none;border-radius:0;padding:0}.recipe-filter .recipe-filter__body{overflow-y:auto;flex-grow:1;margin-top:16px;padding:0 16px 32px}@media(min-width:768px){.recipe-filter .recipe-filter__body{margin-top:0;padding:0 32px 32px}}.recipe-filter .recipe-filter__group{border-top:1px solid var(--color-gray-012)}.recipe-filter .recipe-filter__group-title{display:flex;align-items:center;justify-content:space-between;width:100%;height:auto;border:none;border-radius:0;padding:22px 0;background-size:16px;background-repeat:no-repeat;background-position:right center;transition:none}@media(min-width:768px){.recipe-filter .recipe-filter__group-title{padding:22px 0;background-size:24px}}.recipe-filter .recipe-filter__group-title[aria-expanded=true]{background-image:url("data:image/svg+xml,%3csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M10.2852 6L1.71373 6' stroke='%23201E19' stroke-width='0.86' stroke-linecap='round'/%3e%3c/svg%3e")}.recipe-filter .recipe-filter__group-title[aria-expanded=false]{background-image:url("data:image/svg+xml,%3csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M7.99944 2.28613L7.99944 13.7147M13.7137 8.00042L2.28516 8.00042' stroke='%23201E19' stroke-width='1.14' stroke-linecap='round'/%3e%3c/svg%3e")}.recipe-filter .recipe-filter__group-content{overflow:hidden;transition:max-height .3s}.recipe-filter .recipe-filter__group-content[aria-hidden=true]{max-height:0}.recipe-filter .recipe-filter__group ul{display:flex;flex-direction:column;gap:12px;padding-bottom:16px}@media(min-width:768px){.recipe-filter .recipe-filter__group ul{gap:16px;padding-bottom:24px}}.recipe-filter .recipe-filter__group li{display:flex;align-items:center;justify-content:space-between}.recipe-filter .recipe-filter__group .checkbox-item{display:flex;align-items:center;gap:8px}.recipe-filter .recipe-filter__group .checkbox-item label,.recipe-filter .recipe-filter__group .recipe-filter__count{color:var(--color-gray-076)}.recipe-filter .recipe-filter__footer{display:flex;padding:8px 16px calc(8px + env(safe-area-inset-bottom));gap:8px}@media(min-width:768px){.recipe-filter .recipe-filter__footer{padding:16px 32px}}.recipe-filter .recipe-filter__footer .recipe-filter__btn-apply{flex-grow:1}.recipe-toolbar{display:flex;align-items:center;justify-content:space-between;margin-top:16px;height:48px}@media(min-width:768px){.recipe-toolbar{height:60px;margin-top:32px}}.recipe-toolbar__total{display:flex;gap:8px;color:var(--color-gray-100)}.recipe-toolbar__btns{display:flex;align-items:center;gap:16px}.recipe-toolbar button,.recipe-toolbar a{display:flex;align-items:center;gap:8px;width:auto;height:auto;border:none;border-radius:0;padding:0;color:var(--color-gray-100)}.recipe-active-filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}@media(min-width:768px){.recipe-active-filters{margin-bottom:20px}}.recipe-active-filters__btn-clear-all{width:auto;height:auto;border:none;padding:0;text-decoration:underline;color:var(--color-gray-076)}.recipe-list,.recipe-list .recipe-list__sizer{display:block!important}.recipe-list .recipe-list__sizer,.recipe-list .recipe-list__item{width:100%}@media(min-width:768px){.recipe-list .recipe-list__sizer,.recipe-list .recipe-list__item{width:calc((100% - 40px) / 3)}}.recipe-list .recipe-list__item{margin-bottom:32px;border:1px solid var(--color-gray-012);border-radius:16px;overflow:hidden}.recipe-list .recipe-list__thumb{position:relative;aspect-ratio:1/1}.recipe-list .recipe-list__thumb .video-guide__item-video{width:100%;height:100%;position:relative;margin:0}.recipe-list .recipe-list__thumb video,.recipe-list .recipe-list__thumb img{width:100%;height:100%;object-fit:cover}.recipe-list .recipe-list__thumb .video-guide__item-video:not(.play) .video-player{cursor:pointer}.recipe-list .recipe-list__thumb .video-guide__item-video:not(.play):before{content:"";width:100%;height:100%;display:block;position:absolute;top:0;right:0;bottom:0;left:0;background-color:#0000006b;cursor:pointer;pointer-events:none}.recipe-list .recipe-list__thumb .video-guide__item-video.play .video-guide__item-video-button{display:none}.recipe-list .recipe-list__thumb .video-guide__item-video:not(.play) .video-guide__item-video-button{cursor:pointer;pointer-events:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2;width:48px;height:48px;padding:0;border:none;background:transparent}@media(min-width:440px)and (max-width:768px){.recipe-list .recipe-list__thumb .video-guide__item-video:not(.play) .video-guide__item-video-button{width:72px;height:72px}}.recipe-list .recipe-list__thumb-tag{position:absolute;top:8px;left:8px;display:flex;align-items:center;gap:4px;padding:4px 8px;border-radius:8px;background:var(--color-gray-000)}@media(min-width:768px){.recipe-list .recipe-list__thumb-tag{top:12px;left:12px;padding:8px}}.recipe-list .recipe-list__thumb-tag img{width:16px;height:16px}.recipe-list .recipe-list__thumb-tag span{color:var(--color-gray-064)}.recipe-list .recipe-list__contents{display:flex;flex-direction:column;gap:16px;padding:16px 16px 32px}@media(min-width:768px){.recipe-list .recipe-list__contents{gap:20px;padding:20px 20px 48px}}.recipe-list .recipe-list__editor p{margin:0}.recipe-list .recipe-list__editor .editor-box{display:flex;flex-direction:column;gap:20px}.recipe-list .recipe-list__editor .editor-box strong{font:var(--typo-inter-title-3);color:var(--color-gray-064)}.recipe-list .recipe-list__editor .editor-box-first div{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}@media(min-width:768px){.recipe-list .recipe-list__editor .editor-box-first div{gap:6px;margin-top:12px}}.recipe-list .recipe-list__editor .editor-box-first div span{display:inline-flex;align-items:center;justify-content:center;height:28px;padding:0 8px;font:var(--typo-inter-caption-1);color:var(--color-gray-076);border-radius:8px;background:var(--color-beige-040)}@media(min-width:768px){.recipe-list .recipe-list__editor .editor-box-first div span{height:32px}}.recipe-list .recipe-list__editor .editor-box-second{display:flex;flex-direction:column;gap:12px}.recipe-list .recipe-list__editor .editor-box-second ul{display:flex;flex-direction:column;gap:8px;counter-reset:recipe-counter}@media(min-width:768px){.recipe-list .recipe-list__editor .editor-box-second ul{gap:12px}}.recipe-list .recipe-list__editor .editor-box-second li{display:flex;align-items:flex-start;gap:8px;font:var(--typo-inter-info-2);color:var(--color-gray-100)}@media(min-width:768px){.recipe-list .recipe-list__editor .editor-box-second li{gap:12px}}.recipe-list .recipe-list__editor .editor-box-second li:before{counter-increment:recipe-counter;content:counter(recipe-counter);display:inline-flex;width:16px;height:16px;border-radius:4px;flex-shrink:0;align-items:center;justify-content:center;font:var(--typo-inter-caption-2);color:var(--color-gray-064);background:var(--color-beige-040)}@media(min-width:768px){.recipe-list .recipe-list__editor .editor-box-second li:before{width:20px;height:20px}}.recipe-list .recipe-list__editor iframe{width:100%;height:100%;aspect-ratio:16/9}.recipe-list .recipe-list__hashtag{display:flex;flex-wrap:wrap;gap:8px;font:var(--typo-inter-caption-1);color:var(--color-green-150)}.recipe-list-empty{display:none;flex-direction:column;align-items:center;justify-content:center;padding:45px 0}@media(min-width:768px){.recipe-list-empty{padding:150px 0}}.recipe-list-empty.s-empty{display:flex}.recipe-list-empty strong{margin-top:12px}@media(min-width:768px){.recipe-list-empty strong{margin-top:16px}}.recipe-list-empty p{margin:8px 0 0}.recipe-list-empty button{min-width:160px;margin-top:32px}@media(min-width:768px){.recipe-list-empty button{min-width:104px;margin-top:24px}}
/*# sourceMappingURL=/cdn/shop/t/24/assets/recipes.css.map */