.routine-pdp:has(.routine-items--video-carousel).page-width{padding-right:0}.routine-pdp:has(.routine-items--video-carousel) .routine-header{text-align:center;box-sizing:border-box;padding-right:var(--d-sp-xl)}.routine-pdp:has(.routine-items--video-carousel) .dots-navigation{box-sizing:border-box;padding-right:var(--d-sp-xl)}.routine-pdp:has(.routine-items--video-carousel) .routine-pdp-slider.slider--tablet:after,.routine-pdp:has(.routine-items--video-carousel) .routine-pdp-slider.grid--peek.slider:after{content:none;padding:0;margin:0}@media screen and (max-width:750px){.routine-pdp:has(.routine-items--video-carousel).page-width{padding-left:40px}.routine-pdp:has(.routine-items--video-carousel) .routine-pdp-slider.grid--peek.slider .routine-item:first-of-type{margin-left:0}.routine-pdp:has(.routine-items--video-carousel) .routine-header,.routine-pdp:has(.routine-items--video-carousel) .dots-navigation{padding-right:40px}.routine-items--video-carousel .routine-pdp-slider.slider{padding-right:10px}}.routine-header{margin:0 0 var(--d-sp-sm) 0}.routine-items ul li{display:inline-grid}.routine-items ul li.routine-item:not(.routine-item--video){display:grid;grid-template-rows:auto 1fr}.routine-items ul .routine-title{height:77px}.lock-icon{position:absolute;width:20px;height:20px;left:75px;bottom:30px}.lock-icon svg{border-radius:50%;width:20px;height:20px}.routine-step-title{text-decoration:none;color:inherit}.routine-items ul{column-gap:var(--d-sp-sm);cursor:default;-webkit-user-select:none;user-select:none;scroll-padding-left:0!important;display:grid;grid-auto-flow:column;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));max-width:100%}.routine-items ul:has(.routine-item--video){grid-template-columns:repeat(3,1fr)}@media screen and (min-width:769px){.routine-items--video-count-2 ul:has(.routine-item--video){grid-template-columns:.5fr 1fr 1fr .5fr}.routine-items--video-count-2 ul:has(.routine-item--video):before,.routine-items--video-count-2 ul:has(.routine-item--video):after{content:""}.routine-items--video-count-1 ul:has(.routine-item--video){grid-template-columns:1fr 1fr 1fr}.routine-items--video-count-1 ul:has(.routine-item--video):before,.routine-items--video-count-1 ul:has(.routine-item--video):after{content:""}}.routine-items--video-carousel .routine-pdp-slider.slider{display:flex;flex-wrap:nowrap;overflow-x:auto;overflow-y:visible;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;grid-template-columns:unset;grid-auto-flow:unset}.routine-items--video-carousel .routine-pdp-slider>.routine-item{flex:0 0 auto;width:385px;scroll-snap-align:start}.routine-items--video-carousel .routine-item--video .routine-media-wrapper{width:385px;height:685px;max-width:385px;max-height:685px;aspect-ratio:unset}.routine-items--video-carousel .dots-navigation{display:flex;justify-content:center;align-items:center;gap:10px;margin-top:19px}.routine-items ul:has(>li:only-child){justify-items:center}.routine-images{position:relative;display:inline-grid}.routine-item:not(.routine-item--video) .routine-images{display:block}.routine-thumbnail{position:absolute;bottom:var(--d-sp-sm);left:var(--d-sp-sm);cursor:pointer;object-fit:fill}.routine-main-image{width:100%;height:auto;border-radius:var(--d-br-md) var(--d-br-md) 0 0;aspect-ratio:427 / 516;object-fit:cover}.routine-item:not(.routine-item--video) .routine-main-image{display:block}.routine-media-wrapper{width:100%;position:relative;border-radius:var(--d-br-md);overflow:hidden;aspect-ratio:var(--video-aspect-ratio, 9/16)}.routine-main-video{width:100%;height:100%;object-fit:contain;display:block}.routine-media-wrapper video{width:100%;height:100%;object-fit:contain}.routine-preview-video,.routine-full-video{width:100%;height:100%;object-fit:contain;display:block}.routine-full-video,.routine-media-wrapper.is-playing .routine-preview-video{display:none}.routine-media-wrapper.is-playing .routine-full-video{display:block}.routine-play-btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2;display:flex;align-items:center;justify-content:center;width:64px;height:64px;border:none;border-radius:50%;background:#0000004d;color:#fff;cursor:pointer;transition:background .2s ease}.routine-play-btn:hover{background:#000000a6}.routine-play-btn svg{width:32px;height:32px}.routine-media-wrapper.is-playing .routine-play-btn,.routine-item--video .routines-information{display:none}.routines-information{background-color:var(--token-background-secondary);border-radius:0 0 var(--d-br-md) var(--d-br-md);padding:var(--d-sp-sm)}.routines-information h4,p{margin:0}.dots-navigation{display:none}@media screen and (max-width:1024px){.routine-items:not(.routine-items--video-carousel) ul{grid-template-columns:repeat(3,1fr);max-width:100%}.routine-media-wrapper{object-fit:cover}}@media screen and (max-width:768px){.routine-items:not(.routine-items--video-carousel) ul{display:flex;overflow-x:auto;scroll-snap-type:x mandatory}.routine-items:not(.routine-items--video-carousel) ul li{width:100%;flex:0 0 100%;scroll-snap-align:start}.routine-items ul::-webkit-scrollbar{display:none}.dots-navigation{display:flex;justify-content:center;align-items:center;gap:10px;margin-top:19px;padding:0}.dots-navigation .dot{width:6px;height:6px;padding:0;border-radius:50%;border:none;background:#9b9ba1;cursor:pointer;transition:all .3s ease;outline:none}.dots-navigation .dot:hover{background:#9ca3af}.dots-navigation .dot.active{width:6px;height:6px;background:var(--primary-background)}.routine-items--video-carousel .dots-navigation .dot,.routine-items--video-carousel .dots-navigation .dot.active{width:16px;height:16px}.routine-main-image{height:auto}.routine-items--video-carousel .routine-pdp-slider>.routine-item{width:300px}.routine-items--video-carousel .routine-item--video .routine-media-wrapper{width:300px;height:534px;max-width:300px;max-height:534px}.routine-item:not(.routine-item--video) .routine-media-wrapper{max-height:760px}}@media screen and (max-width:768px)and (min-width:475px){.routine-item:not(.routine-item--video) .routine-media-wrapper{background-color:#000;max-height:760px}}
/*# sourceMappingURL=/cdn/shop/t/227/assets/pdp-routines.css.map */