.when-take-it{position:relative;overflow:hidden}.when-take-it__inner{position:relative;z-index:1;display:flex;flex-direction:column;gap:24px}.when-take-it__header{display:flex;flex-direction:column;gap:16px;align-items:stretch;justify-content:space-between}.when-take-it__heading{margin:0;font-family:Satoshi,sans-serif;font-weight:700;font-size:32px;line-height:1.1;letter-spacing:-.6px;color:#18181b;max-width:100%}.when-take-it__nav{display:none;gap:12px;align-items:center}.when-take-it__nav-button{width:46px;height:46px;border-radius:999px;border:0;background:#000;color:#fff;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:opacity .2s ease}.when-take-it__nav-button:hover{opacity:.85}.when-take-it__nav-button svg{width:24px;height:24px}.when-take-it__slider{display:block;width:100%}.when-take-it__list{list-style:none;margin:0;padding:0;display:flex;gap:8px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none}.when-take-it__list::-webkit-scrollbar{display:none}.when-take-it__item{flex:0 0 auto;width:290px;scroll-snap-align:start}.when-take-it__card{position:relative;display:flex;flex-direction:column;justify-content:flex-end;height:354px;padding:20px;border-radius:8px;overflow:hidden;isolation:isolate}.when-take-it__image-wrap{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;border-radius:8px;overflow:hidden;background:#1a1a1a}.when-take-it__image-wrap img,.when-take-it__image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;max-width:none;object-fit:cover;object-position:center;display:block}.when-take-it__image-wrap:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,#0000 51.442%,#000000db);pointer-events:none}.when-take-it__overlay{position:relative;z-index:1;display:flex;flex-direction:column;align-items:flex-start;letter-spacing:.07px}.when-take-it__caption{margin:0;font-family:Satoshi,sans-serif;font-weight:700;font-size:22px;line-height:32px;letter-spacing:.07px;color:#fff}.when-take-it__description{margin:0;font-family:Satoshi,sans-serif;font-weight:500;font-size:14px;line-height:20px;letter-spacing:.07px;color:#cbcbcb}.when-take-it__bottom-fade{position:absolute;left:0;right:0;bottom:0;height:182px;background:linear-gradient(to top,#f3f0eb,#f3f0eb00);pointer-events:none;z-index:0;display:none}@media screen and (min-width:990px){.when-take-it__inner{gap:48px}.when-take-it__header{flex-direction:row;align-items:flex-end;justify-content:space-between;gap:32px}.when-take-it__heading{font-size:56px;line-height:1.1;letter-spacing:-1px;max-width:800px}.when-take-it__nav{display:flex;gap:20px}.when-take-it__nav-button,.when-take-it__nav-button--prev{background:#000;color:#fff;border:0}.when-take-it__nav-button--prev:hover{background:#1a1a1a}.when-take-it__list{gap:20px}.when-take-it__item{width:459px}.when-take-it__card{height:376px;padding:32px}.when-take-it__caption{font-size:24px;line-height:32px;letter-spacing:-.07px}.when-take-it__description{font-size:16px;line-height:22px;letter-spacing:.07px}.when-take-it__bottom-fade{display:block}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/ux-creatine-when-take-it.css.map */