.sugar-expert-videos{display:block;background:var(--ev-bg);color:var(--ev-text);padding:var(--ev-pt) 0 var(--ev-pb);overflow:hidden}.sugar-expert-videos__heading{text-align:center;padding:0 24px;max-width:900px;margin:0 auto 48px}.sugar-expert-videos__heading>p{font:var(--font-body-weight-bold,700) 14px/1.4 var(--font-body-family);color:var(--ev-accent);margin:0 0 20px;letter-spacing:.02em}.sugar-expert-videos__heading h2{font:var(--font-heading-weight,700) var(--ev-heading-size)/1.2 var(--font-heading-family);letter-spacing:0;margin:0}.sugar-expert-videos__track{display:flex;gap:var(--ev-gap);overflow-x:auto;padding:0 max(24px,calc((100% - var(--ev-card-width) * 3 - var(--ev-gap) * 2)/2));scroll-snap-type:x mandatory;scrollbar-width:none}.sugar-expert-videos__track::-webkit-scrollbar{display:none}.sugar-expert-videos__card{flex:0 0 var(--ev-card-width);height:var(--ev-card-height);position:relative;border-radius:var(--ev-radius);overflow:hidden;scroll-snap-align:center;transition:flex-basis .35s ease;background:var(--ev-bg)}.sugar-expert-videos__card.is-open{flex-basis:min(var(--ev-expanded),90vw);display:flex}.sugar-expert-videos__visual{position:relative;display:block;height:100%;width:100%;overflow:hidden;border-radius:var(--ev-radius);cursor:pointer}.sugar-expert-videos__visual--empty{background:#333}.sugar-expert-videos__poster,.sugar-expert-videos__video{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;object-fit:cover}.sugar-expert-videos__video{visibility:hidden}.sugar-expert-videos__video--phone,.sugar-expert-videos__modal .sugar-expert-videos__video--phone~.sugar-expert-videos__video{display:none}.sugar-expert-videos__modal .sugar-expert-videos__video--phone{display:block}.sugar-expert-videos__card.is-playing .sugar-expert-videos__video{visibility:visible}.sugar-expert-videos__visual:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0000,#000000e6);pointer-events:none;transition:opacity .25s ease}.sugar-expert-videos__card.is-playing .sugar-expert-videos__visual:after{opacity:0}.sugar-expert-videos__category{position:absolute;z-index:2;top:15px;left:15px;background:#fff3;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);box-shadow:0 0 20px #0003;color:#fff;border-radius:999px;display:inline-flex;align-items:center;gap:15px;padding:11px 12px;font-size:12px;line-height:18px}.sugar-expert-videos__category .sugar-icon,.sugar-expert-videos__category svg{flex-shrink:0}.sugar-expert-videos__toggle,.sugar-expert-videos__close{position:absolute;right:16px;top:16px;z-index:4;display:grid;place-items:center;width:40px;height:40px;border:0;background:#fff3;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);box-shadow:0 0 20px #0003;color:#fff;border-radius:50%;cursor:pointer}.sugar-expert-videos__play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;z-index:3;width:80px;height:80px;border-radius:50%;border:0;background:#fff3;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);box-shadow:0 0 20px #0003;color:#fff;cursor:pointer;opacity:0;pointer-events:none;transition:opacity .25s ease}.sugar-expert-videos__card.is-open:not(.is-playing) .sugar-expert-videos__play{opacity:1;pointer-events:auto;transition-delay:.5s}.sugar-expert-videos__copy{position:absolute;z-index:2;bottom:30px;left:24px;right:24px;color:#fff}.sugar-expert-videos__copy h3{font:var(--font-heading-weight,700) 26px/1.4 var(--font-heading-family);letter-spacing:0;margin:0;color:#fff}.sugar-expert-videos__answer{display:none;font:var(--font-body-weight,400) 16px/1.35 var(--font-body-family);margin-top:20px}.sugar-expert-videos__answer p{margin:0}.sugar-expert-videos__author{display:none;width:34%;flex-shrink:0;padding:0 24px 24px;align-self:flex-end;color:var(--ev-text)}.sugar-expert-videos__author>img{width:100%;height:250px;object-fit:cover;object-position:top;border-radius:var(--ev-radius);margin-bottom:18px}.sugar-expert-videos__author>strong{font-size:16px;line-height:1.3;display:block}.sugar-expert-videos__author p{font-size:12px;line-height:1.35;margin:8px 0 12px}.sugar-expert-videos__author button{border:0;background:none;text-decoration:underline;color:inherit;padding:0;font:inherit;font-size:12px;cursor:pointer}.sugar-expert-videos__card.is-open .sugar-expert-videos__author,.sugar-expert-videos__card.is-open .sugar-expert-videos__answer{display:block}.sugar-expert-videos__card.is-open .sugar-expert-videos__toggle{transform:rotate(45deg)}.sugar-expert-videos__play:focus-visible{opacity:1}.sugar-expert-videos__nav{display:flex;justify-content:center;gap:24px;margin-top:40px}.sugar-expert-videos__nav button{border:1px solid currentColor;background:none;color:inherit;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;cursor:pointer}.sugar-expert-videos__play-icon{display:block;width:30px;height:30px;padding-left:8px;box-sizing:content-box}.sugar-expert-videos__modal{background:var(--ev-bg);color:var(--ev-text);border:0;border-radius:var(--ev-radius);padding:32px;width:min(700px,calc(100vw - 32px));max-height:90svh;overflow:auto}.sugar-expert-videos__modal::backdrop,.sugar-expert-videos__bio-modal::backdrop{background:#0000001f;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.sugar-expert-videos__bio-modal{position:fixed;inset:0 0 0 auto;margin:0;width:100vw;max-width:100vw;height:100dvh;max-height:none;border:0;border-radius:0;padding:16px 20px;background:var(--ev-bg);color:var(--ev-text);overflow-y:auto;box-shadow:-5px 0 20px #0003}.sugar-expert-videos__bio-modal[open]{animation:sugar-ev-from-right .25s ease-in-out}.sugar-expert-videos__bio-modal .sugar-expert-videos__close{position:static;display:flex;margin:0 auto 20px 0;width:30px;height:30px;background:rgb(var(--color-foreground));color:rgb(var(--color-background));backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:none}.sugar-expert-videos__bio-head{margin-bottom:20px}.sugar-expert-videos__bio-modal h2{font:var(--font-body-weight-bold,700) 24px/1.25 var(--font-body-family);color:var(--ev-accent);margin:0 0 4px}.sugar-expert-videos__bio-head p{margin:0;font-size:16px;line-height:1.5}.sugar-expert-videos__bio-photo{display:block;width:100%;max-width:340px;height:auto;margin:0 auto 20px;border-radius:10px}.sugar-expert-videos__bio-label{font:var(--font-body-weight-bold,700) 16px/1.5 var(--font-body-family);margin:0 0 20px}.sugar-expert-videos__bio-modal .rte{font-size:14px;line-height:1.43}.sugar-expert-videos__bio-modal .rte>*{margin:0 0 20px}@keyframes sugar-ev-from-right{0%{translate:100% 0}}@keyframes sugar-ev-from-bottom{0%{translate:0 100%}}@media(min-width:990px){.sugar-expert-videos__bio-modal{width:540px;padding:40px 30px}.sugar-expert-videos__bio-modal .sugar-expert-videos__close{position:absolute;top:40px;right:30px;width:40px;height:40px;margin:0}.sugar-expert-videos__bio-head{padding-right:56px;margin-bottom:30px}.sugar-expert-videos__bio-modal h2{font-size:32px}.sugar-expert-videos__bio-photo{max-width:424px;margin-bottom:30px}}@media(prefers-reduced-motion:reduce){.sugar-expert-videos__bio-modal[open],.sugar-expert-videos__modal[open]{animation:none}}@media(max-width:749px){.sugar-expert-videos{padding-block:var(--ev-pt-m) var(--ev-pb-m)}.sugar-expert-videos__heading{margin-bottom:32px}.sugar-expert-videos__heading h2{font-size:var(--ev-heading-size-m)}.sugar-expert-videos__heading h2 br{display:none}.sugar-expert-videos__track{padding-inline:max(24px,calc((100% - var(--ev-card-width-m))/2))}.sugar-expert-videos__card{flex-basis:var(--ev-card-width-m);height:var(--ev-card-height-m)}.sugar-expert-videos__copy h3{font-size:20px}.sugar-expert-videos__modal{position:fixed;inset:auto 0 0 0;margin:0;padding:0;width:100vw;max-width:100vw;height:80dvh;max-height:80dvh;border-radius:20px 20px 0 0;background:#222;color:#fff;overflow:hidden;box-shadow:0 0 20px #0000001a}.sugar-expert-videos__modal[open]{animation:sugar-ev-from-bottom .25s ease-in-out}.sugar-expert-videos__modal [data-expert-modal-content],.sugar-expert-videos__modal .sugar-expert-videos__card{height:100%}.sugar-expert-videos__modal .sugar-expert-videos__card{display:block;border-radius:20px 20px 0 0;background:#222}.sugar-expert-videos__modal .sugar-expert-videos__visual{height:100%;border-radius:20px 20px 0 0}.sugar-expert-videos__modal .sugar-expert-videos__close{top:15px;right:15px}.sugar-expert-videos__modal .sugar-expert-videos__toggle{display:none}.sugar-expert-videos__modal .sugar-expert-videos__play{top:30%}.sugar-expert-videos__modal .sugar-expert-videos__copy{left:0;right:0;bottom:0;padding:20px;display:flex;flex-direction:column;gap:10px;transition:translate .25s ease-in-out}.sugar-expert-videos__modal .sugar-expert-videos__card.is-playing .sugar-expert-videos__copy{translate:0 150%}.sugar-expert-videos__modal .sugar-expert-videos__copy h3{font-size:20px;line-height:1.3}.sugar-expert-videos__modal .sugar-expert-videos__card .sugar-expert-videos__answer{display:block;margin:0 0 10px;font-size:14px;line-height:1.43}.sugar-expert-videos__modal .sugar-expert-videos__author>strong{font-size:14px}.sugar-expert-videos__modal .sugar-expert-videos__author p{font-size:12px}.sugar-expert-videos__modal .sugar-expert-videos__card .sugar-expert-videos__author{display:grid;grid-template-columns:60px minmax(0,1fr);column-gap:10px;align-items:center;width:auto;padding:15px;border-radius:10px;background:#ffffff03;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);box-shadow:0 0 20px #0003;color:#fff}.sugar-expert-videos__modal .sugar-expert-videos__author>img{grid-row:1/3;width:60px;height:60px;border-radius:50%;margin:0}.sugar-expert-videos__modal .sugar-expert-videos__author>strong{align-self:end}.sugar-expert-videos__modal .sugar-expert-videos__author p{align-self:start;margin:2px 0 0}.sugar-expert-videos__modal .sugar-expert-videos__author button{grid-column:1/-1;justify-self:start;margin-top:15px}.sugar-expert-videos__modal .sugar-expert-videos__card .sugar-expert-videos__author--text{grid-template-columns:minmax(0,1fr);align-self:stretch}.sugar-expert-videos__nav{margin-top:28px}}.sugar-expert-videos__nav[data-nav=progress]{align-items:center;gap:8px;max-width:1336px;margin-inline:auto;padding-inline:52px}.sugar-expert-videos__progress{display:block;flex:1;height:2px;margin-right:16px;background:rgba(var(--color-foreground),.15);position:relative;overflow:hidden}.sugar-expert-videos__progress span{display:block;position:absolute;inset:0 auto 0 0;width:var(--ev-fill,25%);transform:translate(var(--ev-shift,0%));background:currentColor}.sugar-expert-videos__nav[data-nav=progress] button{width:30px;height:30px;padding:0;border:0;background:rgb(var(--color-foreground));color:rgb(var(--color-background));display:flex;align-items:center;justify-content:center}.sugar-expert-videos__nav[data-nav=progress] button>*{display:block;flex-shrink:0}.sugar-expert-videos__nav[data-nav=progress] button:disabled{opacity:.3;cursor:default}@media(max-width:749px){.sugar-expert-videos__nav[data-nav=progress]{padding-inline:16px}}@media(prefers-reduced-motion:reduce){.sugar-expert-videos__card{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/21/assets/section-expert-videos.css.map */