.cofo-top-pickup{background-color:#f5f5f5;padding-top:40px;padding-bottom:40px}@media print,screen and (min-width:769px){.cofo-top-pickup{padding-top:56px;padding-bottom:56px}}.cofo-top-pickup .pickup__slider{position:relative;overflow:hidden}@media print,screen and (min-width:769px){.cofo-top-pickup .pickup__slider{border-radius:8px}}@media screen and (max-width:768px){.cofo-top-pickup .pickup__slider{width:auto;margin:0 -20px}}.cofo-top-pickup .pickup__slider .pickup-image{position:relative;overflow:hidden;width:100%;height:0;padding-top:100%}@media print,screen and (min-width:769px){.cofo-top-pickup .pickup__slider .pickup-image{height:0;padding-top:56.2745098039%}}.cofo-top-pickup .pickup__slider .swiper-wrapper{position:absolute;top:0;right:0;bottom:0;left:0}.cofo-top-pickup .pickup__slider .swiper-slide{display:flex;justify-content:center;align-items:center;width:100%;height:100%;transition:transform 1s,opacity 1s;opacity:0;overflow:hidden}.cofo-top-pickup .pickup__slider .swiper-slide .pc,.cofo-top-pickup .pickup__slider .swiper-slide .sp{width:100%;height:100%}.cofo-top-pickup .pickup__slider .swiper-slide img{width:100%;height:100%;object-fit:cover;display:block;transform:translateY(-20px);transition:transform 3s cubic-bezier(.19,1,.22,1)}.cofo-top-pickup .pickup__slider .swiper-slide.swiper-slide-active img{transform:translateY(0)}.cofo-top-pickup .pickup__overlay{display:flex;justify-content:space-between;align-items:flex-end;padding:18px 0 0}@media print,screen and (min-width:769px){.cofo-top-pickup .pickup__overlay{position:absolute;bottom:0;left:0;right:0;z-index:10;padding:36px 44px;background:linear-gradient(0deg,#0009,#00000040,#0000)}}.cofo-top-pickup .pickup__tag,.cofo-top-pickup .pickup__title,.cofo-top-pickup .view-more-link,.cofo-top-pickup .pickup-custom-pagination{opacity:0;transform:translateY(16px);transition:opacity .7s ease,transform .7s ease}.cofo-top-pickup .pickup__title{transition-delay:.15s}.cofo-top-pickup .view-more-link{transition-delay:.3s}.cofo-top-pickup .pickup-custom-pagination{transition-delay:.4s}.cofo-top-pickup.is-visible .pickup__tag,.cofo-top-pickup.is-visible .pickup__title,.cofo-top-pickup.is-visible .view-more-link,.cofo-top-pickup.is-visible .pickup-custom-pagination{opacity:1;transform:translateY(0)}.cofo-top-pickup .pickup__tag{font-family:var(--typeHeaderPrimary),var(--typeBaseFallback);font-size:11px;font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:#ffffffd9;margin-bottom:8px}.cofo-top-pickup .pickup__title{font-size:24px;line-height:1.15;font-weight:700;letter-spacing:.04em;color:#fff;margin-bottom:14px;text-shadow:none}@media print,screen and (min-width:769px){.cofo-top-pickup .pickup__title{font-size:30px}}.cofo-top-pickup .view-more-link{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:400;letter-spacing:.12em;text-transform:uppercase;color:#ffffffe6;text-decoration:none;transition:color .3s ease}.cofo-top-pickup .view-more-link .arrow{color:#ffffffe6}.cofo-top-pickup .view-more-link:hover,.cofo-top-pickup .view-more-link:hover .arrow{color:#7ec6b0}.cofo-top-pickup .pickup-custom-pagination{display:flex;align-items:center;gap:8px;position:absolute;bottom:16px;right:16px;z-index:15}@media print,screen and (min-width:769px){.cofo-top-pickup .pickup-custom-pagination{bottom:20px;right:24px}}.cofo-top-pickup .pickup-pag-bar{-webkit-appearance:none;appearance:none;border:none;padding:15px 0;width:28px;height:3px;border-radius:2px;background-color:transparent;background-clip:content-box;cursor:pointer;transition:background-color .3s ease,width .3s ease;position:relative}.cofo-top-pickup .pickup-pag-bar:after{content:"";position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);height:3px;border-radius:2px;background-color:#ffffff59;transition:background-color .3s ease}.cofo-top-pickup .pickup-pag-bar.is-active:after{background-color:#7ec6b0}.cofo-top-pickup .pickup-pag-bar.is-active{width:40px}@media screen and (max-width:768px){.cofo-top-pickup .pickup__overlay{flex-direction:column;align-items:flex-start;padding:18px 20px 0}.cofo-top-pickup .pickup__tag{color:#888}.cofo-top-pickup .pickup__title{color:#333;margin-bottom:16px}.cofo-top-pickup .view-more-link,.cofo-top-pickup .view-more-link .arrow{color:#393a3a}.cofo-top-pickup .pickup-pag-bar:after{background-color:#cacaca}}
/*# sourceMappingURL=/cdn/shop/t/49/assets/cofo-top-pickup.css.map */