.ugcSlider{transition:.3s ease all;overflow:hidden}.ugcSlider .ugcSlider__wrapper{padding:64px 0 84px}@media screen and (max-width: 640px){.ugcSlider .ugcSlider__wrapper{padding:48px 0}}.ugcSlider .ugcSlider__wrapper .ugcSlider__item{width:calc((100vw - 384px)/3.2);margin-left:48px;margin-right:48px;position:relative}@media screen and (max-width: 1279px){.ugcSlider .ugcSlider__wrapper .ugcSlider__item{width:calc((100vw - 128px)/3.2);margin-left:16px;margin-right:16px}}@media screen and (max-width: 640px){.ugcSlider .ugcSlider__wrapper .ugcSlider__item{width:calc((100vw - 128px)/.95);margin-right:0}}.ugcSlider .ugcSlider__wrapper .ugcSlider__item:last-child{margin-right:0}@media screen and (max-width: 640px){.ugcSlider .ugcSlider__wrapper .ugcSlider__item:last-child{margin-right:16px}}.ugcSlider .ugcSlider__wrapper .ugcSlider__item.ugcSlider__item--hover:hover .ugcSlider__itemListIcon span{max-width:280px;line-height:0;opacity:1;padding-left:8px;transition:padding-left .3s cubic-bezier(.215,.61,.355,1) 0s,opacity .3s cubic-bezier(.215,.61,.355,1) .2s,max-width .3s cubic-bezier(.215,.61,.355,1) 0s}.ugcSlider .ugcSlider__wrapper .ugcSlider__item .ugcSlider__itemListIcon--openView{cursor:pointer}.ugcSlider .ugcSlider__wrapper .ugcSlider__item .ugcSlider__itemWrapper{position:relative}.ugcSlider .ugcSlider__wrapper .ugcSlider__item img,.ugcSlider .ugcSlider__wrapper .ugcSlider__item video{object-fit:cover;display:block;width:100%}.ugcSlider .ugcSlider__wrapper .ugcSlider__item p{font-size:20px;font-family:Kessler-Regular;color:#000;margin-top:16px}.ugcSlider .ugcSlider__wrapper .ugcSlider__title{letter-spacing:.48px;color:#000;font-family:Kessler-Regular;margin:0;line-height:normal;font-size:32px;padding:0 calc((100vw - 384px)/32 + 83px)}@media screen and (max-width: 1279px){.ugcSlider .ugcSlider__wrapper .ugcSlider__title{letter-spacing:.36px;font-size:24px;padding:0 24px}}.ugcSlider .ugcSlider__wrapper .ugcSlider__progress{display:block;height:2px;border-radius:.52vw;overflow:hidden;background-color:silver;background-image:linear-gradient(to right,#000,#000);background-repeat:no-repeat;background-size:0 100%;transition:background-size .35s ease;margin:64px 120px 0}@media screen and (max-width: 1279px){.ugcSlider .ugcSlider__wrapper .ugcSlider__progress{margin:40px 16px 0}}.ugcSlider .ugcSlider__wrapper .ugcSlider__itemList{position:absolute;bottom:24px;left:24px;pointer-events:none}@media screen and (max-width: 768px){.ugcSlider .ugcSlider__wrapper .ugcSlider__itemList{left:16px;bottom:16px;z-index:1}}.ugcSlider .ugcSlider__wrapper .ugcSlider__itemList.ugcSlider__itemList--active .ugcSlider__itemProducts{visibility:visible;opacity:1}.ugcSlider .ugcSlider__wrapper .ugcSlider__itemList.ugcSlider__itemList--active .ugcSlider__itemListIcon span{max-width:280px;line-height:0;opacity:1;padding-left:8px;transition:padding-left .3s cubic-bezier(.215,.61,.355,1) 0s,opacity .3s cubic-bezier(.215,.61,.355,1) .2s,max-width .3s cubic-bezier(.215,.61,.355,1) 0s}.ugcSlider .ugcSlider__wrapper .ugcSlider__itemProductsOverlap{background-image:linear-gradient(to bottom,#fff0,#fff);height:40px;position:absolute;bottom:56px;width:100%;left:0;border-bottom-left-radius:4px}.ugcSlider .ugcSlider__wrapper .ugcSlider__itemListIcon{background-color:#333c;padding:12px 13px;width:max-content;display:flex;border-radius:100px;align-items:center;font-size:12px;color:#fff;font-family:GT-America;cursor:pointer;pointer-events:all}@media screen and (min-width: 769px){.ugcSlider .ugcSlider__wrapper .ugcSlider__itemListIcon:hover span{max-width:280px;line-height:0;opacity:1;padding-left:8px;transition:padding-left .3s cubic-bezier(.215,.61,.355,1) 0s,opacity .3s cubic-bezier(.215,.61,.355,1) .2s,max-width .3s cubic-bezier(.215,.61,.355,1) 0s}}.ugcSlider .ugcSlider__wrapper .ugcSlider__itemListIcon span{opacity:0;max-width:0;line-height:0;transition:padding-left .3s cubic-bezier(.215,.61,.355,1) .2s,opacity .3s cubic-bezier(.215,.61,.355,1) 0s,max-width .3s cubic-bezier(.215,.61,.355,1) .2s}.ugcSlider .ugcSlider__wrapper .ugcSlider__itemListIcon svg{width:14px;height:16px;fill:#fff}.ugcSlider .ugcSlider__wrapper .ugcSlider__itemListIcon svg path{fill:#fff}.ugcSlider .ugcSlider__wrapper .ugcSlider__itemProduct{display:grid;grid-template-areas:"image content";grid-template-columns:60px minmax(0,max-content);margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid #c4c4c4;grid-gap:0 12px}.ugcSlider .ugcSlider__wrapper .ugcSlider__itemProduct:last-of-type{border-bottom:0;margin-bottom:0}.ugcSlider .ugcSlider__wrapper .ugcSlider__itemProduct .ugcSlider__itemProductContent{grid-area:content}.ugcSlider .ugcSlider__wrapper .ugcSlider__itemProduct img{width:60px;height:80px;grid-area:image}.ugcSlider .ugcSlider__wrapper .ugcSlider__itemProduct .ugcSlider__itemProductTitle{display:flex;gap:0 5px;margin-bottom:4px;color:#000;font-size:12px;font-family:GT-America}.ugcSlider .ugcSlider__wrapper .ugcSlider__itemProduct .ugcSlider__itemProductTitle p{color:#000;font-size:12px;font-family:GT-America;margin:0}.ugcSlider .ugcSlider__wrapper .ugcSlider__itemProduct .ugcSlider__itemProductTitle span{font-family:GT-America;font-size:12px;color:#666}.ugcSlider .ugcSlider__wrapper .ugcSlider__itemProduct .ugcSlider__itemProductPrice{font-family:GT-America-Condensed;font-size:1rem;color:#000;margin:0}.ugcSlider .ugcSlider__wrapper .ugcSlider__itemProduct .ugcSlider__itemProductPrice.ugcSlider__itemProductPriceCompare{color:#b43a3a;margin-right:5px}.ugcSlider .ugcSlider__wrapper .ugcSlider__itemProduct .ugcSlider__itemProductPrice.ugcSlider__itemProductPriceCompare span{text-decoration:line-through;color:#000;margin-left:5px}.ugcSlider .ugcSlider__wrapper .ugcSlider__itemProducts{width:280px;background-color:#fff;border-radius:4px;padding:20px 16px 0;overflow-y:auto;max-height:282px;visibility:hidden;opacity:0;margin-bottom:16px;transition:.3s ease all;pointer-events:all}.ugcSlider .ugcSlider__wrapper .ugcSlider__itemProducts.ugcSlider__itemProducts--active{visibility:visible;opacity:1}
/*# sourceMappingURL=/cdn/shop/t/1184/assets/ugc-slider.scss.css.map */