.auto-scroll{--marquee-line: rgba(0, 0, 0, .12);display:block;overflow:hidden;width:100%;background:#fff;border-top:1px solid var(--marquee-line);border-bottom:1px solid var(--marquee-line)}.auto-scroll__track{display:flex;width:max-content;animation:auto-scroll-move var(--marquee-duration, 84s) linear infinite}.auto-scroll:hover .auto-scroll__track{animation-play-state:paused}.auto-scroll.is-js .auto-scroll__track{animation:none;will-change:transform}@keyframes auto-scroll-move{0%{transform:translate(0)}to{transform:translate(-50%)}}.auto-scroll__item{flex:0 0 auto;box-sizing:border-box;width:220px;text-decoration:none!important;border-right:1px solid var(--marquee-line)}.auto-scroll__item img{display:block;width:100%;height:280px;object-fit:cover}.auto-scroll__info{display:flex;flex-direction:column;justify-content:center;box-sizing:border-box;height:0;padding:0 1.2rem;overflow:hidden;text-align:center;border-top:0 solid var(--marquee-line);transition:height .35s cubic-bezier(.22,1,.36,1),border-top-width .35s}.auto-scroll:hover .auto-scroll__info,.auto-scroll:focus-within .auto-scroll__info{height:9rem;border-top-width:1px}.auto-scroll__info>*{opacity:0;transform:translateY(.4rem);transition:opacity .25s ease,transform .25s ease}.auto-scroll:hover .auto-scroll__info>*,.auto-scroll:focus-within .auto-scroll__info>*{opacity:.4;transform:translateY(0);transition-delay:.1s}.auto-scroll .auto-scroll__item:hover .auto-scroll__info>*,.auto-scroll .auto-scroll__item:focus-visible .auto-scroll__info>*{opacity:1}.auto-scroll__meta{margin-bottom:.3rem}.auto-scroll__brand{margin:0 0 .1rem;font-family:var(--font-body-family);font-size:1.1rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:#6b6b6b}.auto-scroll__title{margin:0 0 .1rem;font-family:Archivo,sans-serif;font-size:1.2rem;font-weight:400;letter-spacing:-.01em;text-transform:uppercase;color:#232323;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.auto-scroll__price{margin:0;font-family:Archivo,sans-serif;font-size:1.4rem;font-weight:400;letter-spacing:.01em;color:#232323}@media(prefers-reduced-motion:reduce){.auto-scroll__info,.auto-scroll__info>*{transition:none}.auto-scroll__track{animation-duration:calc(var(--marquee-duration, 84s) * 3)}}.auto-scroll__brand,.auto-scroll__title,.auto-scroll__price{line-height:1.45}@media(hover:none){.auto-scroll .auto-scroll__info{height:9rem;border-top-width:1px}.auto-scroll .auto-scroll__info>*{opacity:1;transform:none}}.auto-scroll__item:focus-visible{outline:2px solid #232323;outline-offset:-4px}.auto-scroll{position:relative}.auto-scroll__toggle{position:absolute;top:1rem;right:1rem;z-index:2;display:flex;align-items:center;justify-content:center;width:3.6rem;height:3.6rem;padding:0;color:#232323;background:#ffffffe6;border:1px solid var(--marquee-line);border-radius:50%;cursor:pointer;opacity:0;transition:opacity .2s ease}.auto-scroll:hover .auto-scroll__toggle,.auto-scroll__toggle:focus-visible,.auto-scroll__toggle[aria-pressed=true]{opacity:1}.auto-scroll__toggle:focus-visible{outline:2px solid #232323;outline-offset:2px}.auto-scroll__toggle .icon-play,.auto-scroll__toggle[aria-pressed=true] .icon-pause{display:none}.auto-scroll__toggle[aria-pressed=true] .icon-play{display:block}@media(hover:none){.auto-scroll__toggle{opacity:1}}.auto-scroll.is-static{overflow-x:auto}.auto-scroll__item img{transition:opacity .3s ease}.auto-scroll:hover .auto-scroll__item img{opacity:.45}.auto-scroll .auto-scroll__item:hover img,.auto-scroll .auto-scroll__item:focus-visible img{opacity:1}@media(hover:none){.auto-scroll:hover .auto-scroll__item img{opacity:1}}.auto-scroll-head{display:flex;align-items:center;justify-content:space-between;gap:2.4rem;padding:1.6rem;background:#fff;border-top:1px solid rgba(0,0,0,.12)}.auto-scroll-head__title,.auto-scroll-head__link{margin:0;font-family:Archivo,sans-serif;font-stretch:72%;font-weight:600;font-size:1.4rem;line-height:1;letter-spacing:0;word-spacing:.12em;text-transform:uppercase;color:#000}.auto-scroll-head__count{margin-left:3.2rem}.auto-scroll-head__link{text-decoration:none}.auto-scroll-head__link:after{content:" \2192"}.auto-scroll-head__link:hover{text-decoration:underline;text-underline-offset:.4rem}.auto-scroll__item{width:30rem;color:#000}.auto-scroll__media{display:block;aspect-ratio:3 / 4}.auto-scroll__item img{height:100%;object-fit:contain;transition:transform .6s ease}.auto-scroll__item:hover img{transform:scale(1.03)}.auto-scroll__info,.auto-scroll:hover .auto-scroll__info,.auto-scroll:focus-within .auto-scroll__info{display:block;height:auto;padding:1.2rem 1.4rem 1.4rem;text-align:left;border-top:1px solid var(--marquee-line);transition:none}.auto-scroll__info>*,.auto-scroll:hover .auto-scroll__info>*,.auto-scroll:focus-within .auto-scroll__info>*{opacity:1;transform:none;transition:none}.auto-scroll__brand{display:flex;justify-content:space-between;gap:1.2rem;margin:0 0 .6rem;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:1.2rem;font-weight:400;letter-spacing:.04em;text-transform:uppercase;color:#0000008c}.auto-scroll__title{margin:0;font-family:Archivo,sans-serif;font-weight:500;font-size:1.3rem;line-height:1.35;letter-spacing:.01em;text-transform:uppercase;color:#000;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.auto-scroll__item:hover .auto-scroll__title{text-decoration:none}.auto-scroll__price{margin:.4rem 0 0;font-family:Archivo,sans-serif;font-stretch:72%;font-weight:600;font-size:1.5rem;letter-spacing:0;color:#000}@media screen and (max-width:749px){.auto-scroll__item{width:20rem}.auto-scroll-head{padding:1.4rem 1.5rem}}.auto-scroll__brand,.auto-scroll__title,.auto-scroll__price{margin:0;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-stretch:100%;font-size:1.2rem;font-weight:400;line-height:1.5;letter-spacing:0;word-spacing:normal;text-transform:uppercase;color:#000}.auto-scroll__brand{color:#00000073}.auto-scroll__info,.auto-scroll:hover .auto-scroll__info,.auto-scroll:focus-within .auto-scroll__info{padding:1.2rem 1.6rem 1.6rem}.auto-scroll__brand{display:block}.auto-scroll__title{white-space:normal;overflow:visible;text-overflow:clip}.auto-scroll:hover .auto-scroll__item img,.auto-scroll:focus-within .auto-scroll__item img{opacity:1}@media screen and (min-width:750px){.auto-scroll__brand,.auto-scroll__title,.auto-scroll__price{font-size:1.4rem;line-height:1.4}.auto-scroll__info,.auto-scroll:hover .auto-scroll__info,.auto-scroll:focus-within .auto-scroll__info{padding:1.2rem 1.6rem 1.4rem}}.auto-scroll__brand{font-size:1.1rem}@media screen and (min-width:750px){.auto-scroll__brand{font-size:1.2rem}}.auto-scroll__brand,.auto-scroll__title,.auto-scroll__price{font-family:Helvetica Neue,Helvetica,Arial,sans-serif;letter-spacing:.02em;word-spacing:0;line-height:1.6}.auto-scroll__title,.auto-scroll__price{font-size:.96rem}.auto-scroll__brand{font-size:.88rem}@media screen and (min-width:750px){.auto-scroll__title,.auto-scroll__price{font-size:1.12rem}.auto-scroll__brand{font-size:.96rem}}.auto-scroll__media{position:relative}.auto-scroll__media .plug-card-brand{position:absolute;top:1.2rem;left:1.2rem;max-width:calc(100% - 2.4rem);overflow:hidden;margin:0;font-family:Courier New,Courier,monospace;font-size:1.1rem;line-height:1.4;letter-spacing:.04em;white-space:nowrap;text-overflow:ellipsis;text-transform:uppercase;color:#0009}.auto-scroll__row{display:flex;align-items:baseline;justify-content:space-between;gap:1.2rem;margin:0}.auto-scroll__row .auto-scroll__title{display:flex;gap:.4em;flex:1 1 auto;min-width:0;overflow:visible}.auto-scroll__name{min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.auto-scroll__size,.auto-scroll__row .auto-scroll__price{flex:0 0 auto;margin:0;white-space:nowrap}@media screen and (min-width:750px){.auto-scroll__row .auto-scroll__title,.auto-scroll__row .auto-scroll__price{font-size:1.2rem}}.auto-scroll__row{display:block}.auto-scroll__row .auto-scroll__price{display:block;margin-top:.2rem}.auto-scroll__info .auto-scroll__brand{display:block;margin:0 0 .3rem;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:1rem;font-weight:700;line-height:1.4;letter-spacing:.14em;text-transform:uppercase;color:#000}.auto-scroll__row .auto-scroll__title{font-size:1.2rem;line-height:1.4;letter-spacing:-.01em;text-transform:none}.auto-scroll__row .auto-scroll__price{margin-top:.3rem;font-size:1.1rem;line-height:1.4;color:#000000b3}@media screen and (min-width:750px){.auto-scroll__info .auto-scroll__brand{font-size:1.1rem}.auto-scroll__row .auto-scroll__title{font-size:1.35rem}.auto-scroll__row .auto-scroll__price{font-size:1.2rem}}.auto-scroll__info .auto-scroll__brand,.auto-scroll__row .auto-scroll__title,.auto-scroll__row .auto-scroll__price{font-family:Archivo,Helvetica Neue,Arial,sans-serif;font-stretch:100%}.auto-scroll__info .auto-scroll__brand{letter-spacing:.24em}.auto-scroll__row .auto-scroll__title{font-size:1.4rem}.auto-scroll__row .auto-scroll__price{font-size:1.3rem}@media screen and (min-width:750px){.auto-scroll__row .auto-scroll__title{font-size:1.6rem}.auto-scroll__row .auto-scroll__price{font-size:1.5rem}.auto-scroll__info .auto-scroll__brand{font-size:1.2rem}}@media screen and (min-width:750px){.auto-scroll__info .auto-scroll__brand{font-size:1.1rem}.auto-scroll__row .auto-scroll__title{font-size:1.45rem}.auto-scroll__row .auto-scroll__price{font-size:1.35rem}}.auto-scroll__info .auto-scroll__brand,.auto-scroll__row .auto-scroll__title,.auto-scroll__row .auto-scroll__price{line-height:1.2}.auto-scroll__info .auto-scroll__brand{margin:0 0 6.95px}.auto-scroll__row .auto-scroll__price{margin:6.7px 0 0}.auto-scroll__info .auto-scroll__brand{margin:0 0 6.45px}.auto-scroll__row .auto-scroll__price{margin:6.2px 0 0}.auto-scroll__info,.auto-scroll:hover .auto-scroll__info,.auto-scroll:focus-within .auto-scroll__info{padding-top:9.9px;padding-bottom:9.65px}.auto-scroll__info,.auto-scroll:hover .auto-scroll__info,.auto-scroll:focus-within .auto-scroll__info{padding-top:10.9px;padding-bottom:10.65px}.auto-scroll__row .auto-scroll__title,.auto-scroll__row .auto-scroll__price{font-weight:300}
/*# sourceMappingURL=/cdn/shop/t/5/assets/custom-product-marquee.css.map */