.mix-compose{padding-block:16rem 20rem;margin-inline:1rem;margin-bottom:1rem;background-color:var(--bg-light-grey);border-radius:2rem}@media (max-width: 1025px){.mix-compose{padding-block:8rem;border-radius:1rem}.mix-compose .container{overflow:visible;padding:0 2.2rem}}@media (max-width: 767px){.mix-compose{padding-block:6.4rem 3.2rem}.mix-compose .container{overflow:visible;padding:0 3.2rem}}.mix-compose-wrap{display:block;margin-bottom:16rem;overflow:hidden}@media (min-width: 768px) and (max-width: 1025px){.mix-compose-wrap{margin-bottom:8rem}}@media (max-width: 767px){.mix-compose-wrap{margin-bottom:0}}.mix-compose-thumb{grid-column:1/5;align-self:start;position:relative}@media (max-width: 1025px){.mix-compose-thumb{grid-column:1/-1;display:none}}.mix-compose-thumb:after{content:"";display:block;width:100%;height:0;pointer-events:none;padding-top:67.6056338028%}.mix-compose-thumb-wrap{position:absolute;top:0;right:0;bottom:1px;left:0;border-radius:.5rem;overflow:hidden;transition:transform var(--t)}.mix-compose-thumb-inner{display:flex;flex-direction:column;transition:transform var(--t)}.mix-compose-thumb-item{flex:none;width:100%;height:100%}.mix-compose-content{grid-column:6/-1}@media (max-width: 1025px){.mix-compose-content{grid-column:1/-1}}.mix-compose-title{flex:1}.mix-compose-title-wrap{display:flex;column-gap:3rem;margin-bottom:6.4rem}@media (max-width: 1025px){.mix-compose-title-wrap{display:flex;flex-direction:column;margin-bottom:4rem}}@media (max-width: 1025px){.mix-compose-title-wrap{max-width:52.4rem}}@media (max-width: 767px){.mix-compose-title-wrap{margin-bottom:3.2rem;max-width:unset}}.mix-compose-label{margin-top:1.4rem;width:15rem;flex:none}.mix-compose-label span{line-height:2.1em}@media (max-width: 1025px){.mix-compose-label{margin-top:0;margin-bottom:1.2rem;width:100%}}@media (max-width: 1025px){.mix-compose-list-wrap{overflow:visible}}.mix-compose-list-wrap-pagi{display:none}@media (max-width: 767px){.mix-compose-list-wrap-pagi{grid-column:1/-1;padding-bottom:3.2rem;width:100%;display:flex;align-items:center;position:static;column-gap:.6rem}}.mix-compose-list-wrap-pagi-item{width:.8rem;height:.8rem;border-radius:50%;background-color:var(--cl-black-30);transition:all .4s ease-out}.mix-compose-list-wrap-pagi-item.is-active{background-color:var(--cl-primary)}.mix-compose-list-wrap-scroller{width:100%;margin-top:6rem;margin-inline:auto;overflow:hidden;display:none}@media (min-width: 768px) and (max-width: 1025px){.mix-compose-list-wrap-scroller{display:block;margin-top:4rem}}.mix-compose-list-wrap-scroller-inner{height:1.6rem;background:repeating-linear-gradient(90deg,var(--cl-black-20),var(--cl-black-20) max(.1rem,1px),transparent max(.1rem,1px),transparent .4rem);position:relative;display:flex;align-items:center;justify-content:start}.mix-compose-list-wrap-scroller-thumb{display:flex;align-items:center;justify-content:center;height:100%;width:20.6rem;position:absolute;padding-inline:.3rem;background-color:var(--bg-light-grey);border-image-source:var(--scroller-bg);border-image-slice:0 10.6796116505% fill;border-image-width:0 2.2rem}@media (max-width: 1025px){.mix-compose-list-wrap-scroller-thumb{width:10.3rem;border-image-slice:0 11.6504854369% fill;border-image-width:0 1.2rem}}@media (max-width: 1025px){.mix-compose-list-inner{display:flex;flex-direction:row}}.mix-compose-item{padding:3.2rem 0;position:relative;display:flex;column-gap:3rem}@media (max-width: 1025px){.mix-compose-item{flex-direction:column;background-color:var(--cl-white);padding:3.2rem;border-radius:1rem;height:auto}}@media (max-width: 767px){.mix-compose-item{padding:2.4rem;border-radius:.5rem}}.mix-compose-item .div-line{background-color:var(--cl-black-10);position:absolute;top:0}@media (max-width: 1025px){.mix-compose-item .div-line{display:none}}.mix-compose-item:hover .mix-compose-item-title{color:var(--cl-primary)}.mix-compose-item-title{margin-bottom:1.2rem;color:var(--cl-black);transition:all var(--t)}.mix-compose-item-image{display:none}@media (max-width: 1025px){.mix-compose-item-image{margin-bottom:3.2rem;display:block;width:18.1rem;height:12.2rem;border-radius:.5rem;overflow:hidden}}@media (max-width: 767px){.mix-compose-item-image{width:17.7rem;margin-bottom:2rem;height:12rem}}.mix-compose-item-sub{color:var(--cl-black-80)}@media (max-width: 1025px){.mix-compose-item-sub{display:-webkit-box!important;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}}.mix-compose-item-content{flex:1}@media (min-width: 1025px){.mix-compose-item-content .txt{display:block!important}}.mix-compose-item-content .txt-20{margin-bottom:1.2rem}.mix-compose-item-number{width:15rem;flex:none}@media (max-width: 1025px){.mix-compose-item-number{margin-bottom:2rem}}
/*# sourceMappingURL=/cdn/shop/t/513/assets/sc-mix-compose.css.map */