.ada-videos{--section-padding-y:40px;--slide-width: calc(clamp(230px, calc(230px + (305 - 230) * ((100vw - 1024px) / (1325 - 1024) )), 305px)*1) ;--slides-gap: calc(clamp(12px, calc(12px + 4*(100vw - 1439px)) , 16px)*1) ;--slides:4;--carousel-width:calc(var(--slide-width)*var(--slides) + var(--slides-gap)*(var(--slides) - 1));--carousel-width:calc((var(--slide-width) * var(--slides)) + (var(--slides-gap) * (var(--slides) - 1)));--carousel-margin-top:48px;--item-footer-content-gap:12px;--item-icon-wrapper-width:43px;--item-icon-play-width:75px;padding:var(--section-padding-y) 0}.ada-videos-header{width:100%;padding:0 var(--global-padding-x)}.ada-videos-title{max-width:var(--carousel-width);margin-top:calc(clamp(8px,calc(8px + (11 - 8) * ((100vw - 1024px) / (1440 - 1024))),11px)*-1);margin-left:auto;margin-right:auto;text-align:center;font-size:calc(clamp(32px,calc(32px + (42 - 32) * ((100vw - 1024px) / (1440 - 1024))),42px)*1);line-height:normal}.ada-videos-carousel-wrapper{position:relative;padding:0}.ada-videos-carousel-wrapper:not(:first-child){margin-top:var(--carousel-margin-top)}.ada-videos-carousel{width:100%;max-width:var(--carousel-width)}.ada-videos-item{width:100%;max-width:var(--slide-width);height:auto;border-radius:5px;overflow:hidden}.ada-videos-item:not(:last-child){margin-right:var(--slides-gap)}.ada-videos-item-image-wrapper{position:relative;width:100%;aspect-ratio:305/508;overflow:hidden}.ada-videos-item-image-wrapper.js-video-modal-trigger{cursor:pointer}.ada-videos-item-image-wrapper.js-video-modal-trigger:hover .ada-videos-item-image{transform:scale(1.05)}.ada-videos-item-image-wrapper.js-video-modal-trigger:hover .ada-videos-item-icon-play{transform:translate(-50%,-50%) scale(.9)}.ada-videos-item-image{width:100%;height:100%;aspect-ratio:305/508;object-fit:cover}.ada-videos-item-icon-play,.ada-videos-item-image{transition:.3s transform var(--ease-out-cubic);pointer-events:none}.ada-videos-item-icon-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:block;width:var(--item-icon-play-width);aspect-ratio:1;-webkit-user-select:none;user-select:none}.ada-videos-item-icon-play svg{width:100%;height:auto}.ada-videos-item-footer{position:relative;display:grid;grid-template-columns:minmax(0,1fr) var(--item-icon-wrapper-width);align-items:center;grid-column-gap:var(--item-footer-content-gap);background:var(--primary-color);padding:15px 19px}.ada-videos-item-link{position:absolute;top:0;left:0;z-index:2;display:block;width:100%;height:100%}.ada-videos-item-username{font-weight:500;font-size:calc(clamp(13px,calc(13px + (18 - 13) * ((100vw - 1024px) / (1440 - 1024))),18px)*1)}.ada-videos-item-icon-wrapper{display:flex;align-items:center;justify-content:center;aspect-ratio:1;background-color:var(--white);border-radius:50%}.ada-videos-item-icon{width:100%;height:100%;object-fit:contain}.ada-videos-item-icon.facebook{width:45%}.ada-videos[data-blocks-count="2"],.ada-videos[data-blocks-count="3"]{--slide-width: calc(clamp(230px, calc(230px + (305 - 230) * ((100vw - 1024px) / (1325 - 1024) )), 305px)*1) }@media (max-width:1439px){.ada-videos{--section-padding-y:30px;--carousel-margin-top:28px;--item-footer-content-gap:9px;--item-icon-wrapper-width:33px;--item-icon-play-width:57px}.ada-videos-item-footer{padding:11px 14px}}@media (max-width:1023px){.ada-videos{--section-padding-y:26px;--slide-width: calc(clamp(230px, calc(230px + (260 - 230) * ((100vw - 903px) / (1024 - 903) )), 260px)*1) ;--carousel-width:100%;--carousel-margin-top:24px}.ada-videos-carousel{padding:0 33px}}@media (max-width:780px){.ada-videos[data-blocks-count="3"]{--slide-width: calc(clamp(230px, calc(230px + 30*(100vw - 700px)/80) , 260px)*1) }}@media (max-width:760px){.ada-videos-carousel,.ada-videos-header{padding:0 calc(clamp(23px,calc(23px + 10*(100vw - 740px)/20),33px)*1)}}@media (max-width:680px){.ada-videos{--carousel-margin-top:14px;--slides-gap:10px;--slide-width: calc(clamp(192px, calc(192px + (230 - 192) * ((100vw - 566px) / (680 - 566) )), 230px)*1) ;--item-icon-wrapper-width:26px;--item-icon-play-width:50px}.ada-videos-carousel{padding:0 calc(clamp(11px,calc(11px + .4*(100vw - 650px)),23px)*1)}}@media (max-width:517px){.ada-videos[data-blocks-count="2"]{--slide-width: calc(clamp(230px, calc(230px + .5*(100vw - 417px)) , 280px)*1) }}
/*# sourceMappingURL=/cdn/shop/t/116/assets/css-page-ask-dr-amber-videos.css.map */