.marquee-wrapper{width:100%;overflow:hidden;position:relative}.marquee-list{margin-left:0;margin-top:0;padding-left:0;list-style-type:none;display:flex;overflow-x:auto;padding-bottom:2rem}marquee-element,.marquee{width:100%;display:flex}.marquee-item{--set-border-radius: var(--brand-border-radius-md);margin-left:30px;position:relative;flex-shrink:0;width:426px;overflow:hidden;border-radius:var(--set-border-radius);border:1px solid #F6F6F6;background:#f6f6f6;box-shadow:0 4px 4px #0000001a;display:flex;flex-direction:column;transition:border-color .3s ease}.marquee-item:hover{border-color:#000}.marquee-item:hover .marquee-item__answer{opacity:1;visibility:visible}.marquee-item__question{padding:50px;font-size:30px;line-height:45px}.marquee-item__question strong{color:var(--pink);font-weight:400}.marquee-item__answer{position:absolute;top:0;left:0;width:100%;height:100%;background:var(--pink);padding:35px;opacity:0;visibility:hidden;transition:.3s ease opacity;font-size:65px;line-height:78px}.marquee-link{position:absolute;top:0;left:0;width:100%;height:100%;z-index:3}.play-pause-button{width:25px;height:25px;z-index:2;position:absolute;bottom:0;right:50px;display:flex;justify-content:flex-end;background:none;border:0;cursor:pointer;color:#6e6e73}.play-pause-button:hover{color:#1d1d1f}.play-pause-button .control-icon{display:block;position:absolute;top:0;left:0;width:100%;height:100%}.play-pause-button svg{fill:currentColor}.play-pause-button.playing .play-icon{display:none}.play-pause-button.paused .play-icon{display:block}.play-pause-button.paused .pause-icon{display:none}.marquee-item__link{display:block;border:0;width:38px;height:38px;background:#fff;border-radius:50%;overflow:hidden;position:absolute;bottom:2rem;right:2rem;box-shadow:0 4px 4px #0000001a}.marquee-item__link svg{width:13px;height:13px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.marquee-arrows{display:flex;justify-content:flex-end;align-items:center;padding-right:5.4rem;margin-bottom:2.5rem}.marquee-arrow--right{margin-left:3rem}.marquee-arrow{cursor:pointer}.marquee-arrow *{pointer-events:none}@media screen and (max-width: 749px){.marquee-item{width:80%}.marquee-arrows{padding-right:3rem}.marquee-arrow--right{margin-left:1.5rem}}.modal .icon-close circle,.modal .icon-close path{stroke:#fff}.deep-dive-button-image-close{fill:#fff;background:#86868b;border-radius:50%}
/*# sourceMappingURL=/cdn/shop/t/460/assets/marquee-trade.css.map */