.new-roasters-slider-wrapper{position:relative;margin-bottom:120px}.new-roasters-slider-wrapper:after{content:"";position:absolute;right:0;top:0;height:100%;width:24px;pointer-events:none}.new-roasters-slider-title{font-family:Noto Sans,sans-serif;font-weight:700;font-size:20px;line-height:27px;text-align:right;width:100%;padding:16px 24px 0 16px}.new-roasters-slider-subtitle{font-family:Noto Sans,sans-serif;font-weight:400;font-size:16px;line-height:25px;text-align:right;width:100%;padding:0 24px;margin-bottom:16px}.new-rosters-slider-content-wrapper{margin-bottom:16px;padding:16px 0;display:flex;align-items:flex-start;gap:16px;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;overflow-y:visible;position:relative;min-height:670px}.new-roasters-slider-content-wrapper{background-color:#e6e3de;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:16px;padding:16px;opacity:0;transform:translate(100%);transition:opacity .5s ease-in-out,transform .5s ease-in-out;position:absolute;top:0;left:0;width:100%}.new-roastes-slider-top{width:100%;display:flex;align-items:center;justify-content:center;gap:48px;padding:16px 0}.new-roastes-slider-roaster-logo-wrapper{height:124px;display:flex;align-items:center;justify-content:center}.new-roastes-slider-roaster-logo{width:124px}.new-roastes-slider-roaster-id{background-color:#fbfcfe;width:154px;text-align:center;padding:20px;border-radius:8px}.new-roastes-slider-roaster-id-content{white-space:nowrap;font-size:14px;margin-bottom:5px}.new-roastes-slider-roaster-video-wrapper{width:100%;display:flex;justify-content:center}.new-roastes-slider-roaster-video{width:326px;max-width:100%;height:auto;border-radius:8px}.new-roastes-slider-roaster-description{font-family:Noto Sans,sans-serif;font-weight:400;font-size:16px;line-height:25px;text-align:right;padding:8px 16px;height:auto;min-height:225px;max-height:none;overflow-y:visible;margin-bottom:16px;width:100%}.new-roasters-slider-action-wrapper{position:absolute;bottom:-35px;left:50%;transform:translate(-50%);width:auto;max-width:280px;height:72px;border-radius:86px;padding:16px 24px;background-color:#fbfcfe;box-shadow:0 0 4px #00000040;display:flex;align-items:center;justify-content:center;gap:40px;z-index:10}.new-roasters-slider-bullets-wrapper{display:flex;align-items:center;justify-content:center;gap:12px}.new-roasters-slider-bullet{width:12px;height:12px;background-color:#9a9caa;opacity:.4;border-radius:50%}.new-roasters-slider-arrow{width:40px;height:40px;cursor:pointer}.rich-text__paragraph{font-family:Noto Sans,sans-serif;font-weight:400;font-size:16px;line-height:25px;text-align:right}.hp-vendor-link{text-decoration:underline;margin-bottom:0;cursor:pointer}@media screen and (min-width: 768px){.new-roasters-slider-wrapper{margin-top:36px;margin-bottom:40px}.new-roasters-slider-title{padding:0;font-size:24px;line-height:32px;text-align:right}.new-roasters-slider-subtitle{padding:0}.new-rosters-slider-content-wrapper{gap:24px;padding:0;margin:0;position:relative;min-height:500px}div.new-roasters-slider-content-wrapper{display:grid;grid-template-columns:2fr 2fr;grid-template-rows:auto 1fr;gap:28px;margin:0 auto;padding:32px 32px 64px;background-color:#e6e3de;border-radius:12px;opacity:0;transform:translate(100%);transition:opacity .5s ease-in-out,transform .5s ease-in-out;position:absolute;top:0;left:0;width:100%}.new-roastes-slider-top{grid-column:1 / 2;grid-row:1 / 2;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:20px;padding:0;width:100%}.new-roastes-slider-roaster-logo-wrapper{height:auto;flex-shrink:0}.new-roastes-slider-roaster-logo{width:auto;max-width:130px;max-height:70px;display:block}.new-roastes-slider-roaster-id{width:auto;max-width:220px;padding:12px 18px;text-align:right}.new-roastes-slider-roaster-id-content{font-size:15px}.new-roastes-slider-roaster-video-wrapper{grid-column:2 / 3;grid-row:1 / 3;width:100%;height:100%;display:flex;overflow:hidden;border-radius:8px}.new-roastes-slider-roaster-video{width:100%;height:100%;object-fit:cover}.new-roastes-slider-roaster-description{grid-column:1 / 2;grid-row:2 / 3;padding:0;height:auto;min-height:200px;max-height:none;width:100%;overflow-y:visible;line-height:1.7}.rich-text__paragraph{font-size:16px;line-height:1.7}.new-roasters-slider-action-wrapper{position:relative;bottom:auto;left:auto;transform:none;margin:-60px auto 0;width:auto}}
/*# sourceMappingURL=/cdn/shop/t/1/assets/new-roasters-slider.css.map */