.main-recipe{margin-top:48px;background:var(--color-beige-040)}@media(min-width:768px){.main-recipe{margin-top:96px}}.main-recipe__inner{padding:32px 16px}@media(min-width:768px){.main-recipe__inner{max-width:1792px;margin:96px auto 0;padding:64px}}.main-recipe__head{display:flex;align-items:center;justify-content:space-between}.main-recipe__head h2{font:var(--typo-inter-heading-4);color:var(--color-gray-100)}.main-recipe__head a{display:inline-flex;align-items:center;gap:2px}.main-recipe__head a span{font:var(--typo-inter-title-3);color:var(--color-gray-100)}.main-recipe-tabs{margin:16px -16px 0}@media(min-width:768px){.main-recipe-tabs{margin:24px -64px 0}}.main-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){.main-recipe-tabs ul{gap:16px;padding:0 64px}}.main-recipe-tabs ul::-webkit-scrollbar{display:none}.main-recipe-tabs button{display:block;width:auto;height:auto;border:none;border-radius:0;padding:0}.main-recipe-tabs .main-recipe-tabs__icon-wrapper{display:flex;align-items:center;justify-content:center;width:56px;height:56px;background:var(--color-gray-000);border-radius:16px}@media(min-width:768px){.main-recipe-tabs .main-recipe-tabs__icon-wrapper{width:80px;height:80px}}.main-recipe-tabs .main-recipe-tabs__icon{width:24px;height:24px}@media(min-width:768px){.main-recipe-tabs .main-recipe-tabs__icon{width:36px;height:36px}}.main-recipe-tabs .main-recipe-tabs__icon--active{display:none}.main-recipe-tabs .main-recipe-tabs__label{display:block;margin-top:4px;width:56px;white-space:normal;word-break:keep-all;color:var(--color-gray-064);text-transform:capitalize}@media(min-width:768px){.main-recipe-tabs .main-recipe-tabs__label{width:80px}}.main-recipe-tabs button.s-active .main-recipe-tabs__label{color:var(--color-gray-100)}.main-recipe-tabs button.s-active .main-recipe-tabs__icon-wrapper{background:var(--color-gray-000);border:1px solid var(--color-green-100)}.main-recipe-tabs button.s-active .main-recipe-tabs__icon{display:none}.main-recipe-tabs button.s-active .main-recipe-tabs__icon--active{display:block}.main-recipe-list{position:relative}.main-recipe-list .swiper-container{overflow:hidden;margin-top:16px;margin-left:-16px;margin-right:-16px;padding:0 16px}@media(min-width:768px){.main-recipe-list .swiper-container{margin-top:32px;margin-left:0;margin-right:0;padding:0}}.main-recipe-list .main-recipe-list__thumb{position:relative;width:100%;height:100%;aspect-ratio:1/1}.main-recipe-list .main-recipe-list__thumb video,.main-recipe-list .main-recipe-list__thumb img{width:100%;height:100%;object-fit:cover;object-position:center}.main-recipe-list__contents{min-height:112px;padding:16px;color:var(--color-gray-100);background:var(--color-gray-000);box-sizing:border-box}@media(min-width:768px){.main-recipe-list__contents{min-height:134px;padding:24px 20px}}.main-recipe-list__title{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;text-overflow:ellipsis;white-space:normal}.main-recipe-list__hashtag{display:flex;flex-wrap:wrap;gap:4px 8px;margin-top:8px;max-height:36px;overflow:hidden}@media(min-width:768px){.main-recipe-list__hashtag{max-height:38px}}.main-recipe-list__hashtag span{font:var(--typo-inter-caption-1);color:var(--color-gray-064)}.main-recipe__controller{display:none}@media(min-width:768px){.main-recipe__controller{display:block}}.main-recipe__controller button{position:absolute;top:50%;transform:translateY(-50%);z-index:10;height:auto;border:0;border-radius:0;padding:0}.main-recipe__controller-prev{left:-40px}.main-recipe__controller-next{right:-40px}
/*# sourceMappingURL=/cdn/shop/t/24/assets/hurom-main-recipe.css.map */