.sugar-product-spotlight{position:relative;isolation:isolate;display:block;overflow:hidden;padding-top:var(--ps-pt-m);padding-bottom:var(--ps-pb-m);background:rgb(var(--color-background));color:rgb(var(--color-foreground));--ps-card-r: var(--ps-card-r-m, var(--ps-card-r-d));--ps-panel-r: var(--ps-panel-r-m, var(--ps-panel-r-d));--ps-panel-h: var(--ps-panel-h-m);--ps-intro: var(--ps-intro-m);--ps-name: var(--ps-name-m);--ps-benefit: var(--ps-benefit-m);--ps-tag: var(--ps-tag-m)}.sugar-product-spotlight__bg{display:block;position:absolute;top:0;right:0;bottom:0;left:0;z-index:-2;overflow:hidden;pointer-events:none}.sugar-product-spotlight__bg-img{position:absolute;top:0;left:50%;width:max(768px,100%);max-width:none;height:100%;object-fit:cover;transform:translate(-50%)}.sugar-product-spotlight__fade{display:block;position:absolute;left:0;right:0;z-index:-1;height:var(--ps-fade);pointer-events:none}.sugar-product-spotlight__fade--top{top:0;background:linear-gradient(180deg,rgb(var(--color-background)),rgba(var(--color-background),0))}.sugar-product-spotlight__fade--bottom{bottom:0;background:linear-gradient(0deg,rgb(var(--color-background)),rgba(var(--color-background),0))}.sugar-product-spotlight__inner--inset{padding-left:var(--ps-px-m);padding-right:var(--ps-px-m)}.sugar-product-spotlight__card{position:relative;display:flex;flex-direction:column;box-sizing:border-box;width:100%;max-width:var(--ps-card-w-m);margin:0 auto;padding:var(--ps-cp-m);border-radius:var(--ps-card-r)}.sugar-product-spotlight--glass .sugar-product-spotlight__card{background:rgba(var(--color-background),.1);-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px)}.sugar-product-spotlight--glass .sugar-product-spotlight__card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;padding:1px;border-radius:inherit;pointer-events:none;background:linear-gradient(135deg,#ffffff94,#fff0 15%,#ffffff3d 29%,#fff0 32% 71%,#ffffff57);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}.sugar-product-spotlight__intro,.sugar-product-spotlight__benefit,.sugar-product-spotlight__tagline{font-family:var(--ps-text-font);font-style:var(--ps-text-style);font-weight:var(--ps-text-weight);--sw-bold: max(var(--ps-text-weight), var(--font-body-weight-bold, 700));letter-spacing:var(--ps-text-ls);color:inherit}.sugar-product-spotlight__intro{margin:0 0 11px;font-size:var(--ps-intro);line-height:1.45;text-align:center}.sugar-product-spotlight__panel{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1fr);min-height:var(--ps-panel-h);overflow:hidden;border-radius:var(--ps-panel-r);background:var(--ps-panel-bg)}.sugar-product-spotlight__panel:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,transparent 63%,var(--ps-panel-bg) 91%)}.sugar-product-spotlight--no-col .sugar-product-spotlight__panel:after{display:none}.sugar-product-spotlight__photo{display:none}.sugar-product-spotlight__col{position:relative;grid-area:1 / 1;min-width:0;min-height:var(--ps-panel-h)}.sugar-product-spotlight__still,.sugar-product-spotlight__video{display:block;position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center 30%}.sugar-product-spotlight__still--placeholder{background:rgba(var(--color-foreground),.06);fill:rgba(var(--color-foreground),.35)}.sugar-product-spotlight__copy{position:relative;z-index:2;grid-area:1 / 1;align-self:end;display:flex;flex-direction:column;gap:8px;min-width:0;margin:0 16px 20px}.sugar-product-spotlight__name{margin:0;font-family:var(--ps-name-font);font-style:var(--ps-name-style);font-weight:var(--ps-name-weight);--sw-bold: max(var(--ps-name-weight), var(--font-body-weight-bold, 700));font-size:var(--ps-name);line-height:1.15;letter-spacing:var(--ps-name-ls);color:var(--ps-name-color)}.sugar-product-spotlight__benefit{margin:0;font-size:var(--ps-benefit);line-height:1.15}.sugar-product-spotlight__benefit sup,.sugar-product-spotlight__name sup{font-size:.5em;line-height:0}.sugar-product-spotlight__swatches{display:flex;flex-direction:column;gap:.2em;margin:0;padding:0;list-style:none;font-family:var(--font-body-family);font-style:var(--font-body-style);font-weight:var(--font-body-weight, 400);font-size:var(--ps-swatch);line-height:1.15}.sugar-product-spotlight__swatch{display:flex;align-items:center;gap:.3em}.sugar-product-spotlight__chip{display:block;flex:none;width:1.5em;height:.7em;border-radius:.1em;background:var(--ps-chip)}.sugar-product-spotlight__footer{display:flex;flex-direction:column;align-items:center;gap:16px;margin-top:16px}.sugar-product-spotlight__tagline{margin:0;font-size:var(--ps-tag);line-height:1.45;text-align:center}.sugar-product-spotlight__button{gap:16px;box-sizing:border-box;width:var(--ps-btn-w);max-width:100%;min-height:48px;font-size:var(--ps-btn-size);font-weight:var(--font-body-weight-bold, 700)}.sugar-product-spotlight__button-icon{flex:none;font-size:1.4em}@media screen and (min-width:750px){.sugar-product-spotlight--from-750{padding-top:var(--ps-pt-d);padding-bottom:var(--ps-pb-d);--ps-card-r: var(--ps-card-r-d);--ps-panel-r: var(--ps-panel-r-d);--ps-panel-h: var(--ps-panel-h-d);--ps-intro: calc(var(--ps-intro-d) * var(--sw-page-fit, 1));--ps-name: calc(var(--ps-name-d) * var(--sw-page-fit, 1));--ps-benefit: calc(var(--ps-benefit-d) * var(--sw-page-fit, 1));--ps-tag: calc(var(--ps-tag-d) * var(--sw-page-fit, 1))}.sugar-product-spotlight--from-750 .sugar-product-spotlight__bg-img{width:100%}.sugar-product-spotlight--from-750 .sugar-product-spotlight__inner--inset{padding-left:var(--ps-px-d);padding-right:var(--ps-px-d)}.sugar-product-spotlight--from-750 .sugar-product-spotlight__card{max-width:var(--ps-card-w);padding:var(--ps-cpt) var(--ps-cpx) var(--ps-cpb)}.sugar-product-spotlight--from-750.sugar-product-spotlight--glass .sugar-product-spotlight__card{background:rgba(var(--color-background),.004);-webkit-backdrop-filter:blur(45px);backdrop-filter:blur(45px)}.sugar-product-spotlight--from-750 .sugar-product-spotlight__intro{margin-bottom:42px;line-height:1.35}.sugar-product-spotlight--from-750 .sugar-product-spotlight__panel{grid-template-columns:minmax(0,1fr) var(--ps-col-w)}.sugar-product-spotlight--from-750 .sugar-product-spotlight__panel:after{display:none}.sugar-product-spotlight--from-750 .sugar-product-spotlight__photo{display:block;position:absolute;top:0;bottom:0;left:0;right:var(--ps-col-w);overflow:hidden;pointer-events:none}.sugar-product-spotlight--from-750 .sugar-product-spotlight__photo-img{position:absolute;top:0;right:0;width:var(--ps-photo-w);max-width:100%;height:100%;object-fit:cover;-webkit-mask-image:linear-gradient(90deg,transparent 4%,#000 66%);mask-image:linear-gradient(90deg,transparent 4%,#000 66%)}.sugar-product-spotlight--from-750 .sugar-product-spotlight__col{grid-area:1 / 2}.sugar-product-spotlight--from-750 .sugar-product-spotlight__col:before{content:"";display:block;position:absolute;top:0;bottom:0;left:0;z-index:1;width:1px;background:var(--ps-rule)}.sugar-product-spotlight--from-750 .sugar-product-spotlight__still,.sugar-product-spotlight--from-750 .sugar-product-spotlight__video{object-position:center top}.sugar-product-spotlight--from-750 .sugar-product-spotlight__copy{align-self:center;gap:15px;max-width:clamp(0px,calc(100% - 37px),max(calc(100% - 220px),420px));margin:0 0 0 37px;padding:36px 0 35px}.sugar-product-spotlight--from-750 .sugar-product-spotlight__footer{gap:24px;margin-top:23px}.sugar-product-spotlight--from-750 .sugar-product-spotlight__tagline{line-height:1.35}}@media screen and (min-width:1024px){.sugar-product-spotlight{padding-top:var(--ps-pt-d);padding-bottom:var(--ps-pb-d);--ps-card-r: var(--ps-card-r-d);--ps-panel-r: var(--ps-panel-r-d);--ps-panel-h: var(--ps-panel-h-d);--ps-intro: calc(var(--ps-intro-d) * var(--sw-page-fit, 1));--ps-name: calc(var(--ps-name-d) * var(--sw-page-fit, 1));--ps-benefit: calc(var(--ps-benefit-d) * var(--sw-page-fit, 1));--ps-tag: calc(var(--ps-tag-d) * var(--sw-page-fit, 1))}.sugar-product-spotlight .sugar-product-spotlight__bg-img{width:100%}.sugar-product-spotlight .sugar-product-spotlight__inner--inset{padding-left:var(--ps-px-d);padding-right:var(--ps-px-d)}.sugar-product-spotlight .sugar-product-spotlight__card{max-width:var(--ps-card-w);padding:var(--ps-cpt) var(--ps-cpx) var(--ps-cpb)}.sugar-product-spotlight.sugar-product-spotlight--glass .sugar-product-spotlight__card{background:rgba(var(--color-background),.004);-webkit-backdrop-filter:blur(45px);backdrop-filter:blur(45px)}.sugar-product-spotlight .sugar-product-spotlight__intro{margin-bottom:42px;line-height:1.35}.sugar-product-spotlight .sugar-product-spotlight__panel{grid-template-columns:minmax(0,1fr) var(--ps-col-w)}.sugar-product-spotlight .sugar-product-spotlight__panel:after{display:none}.sugar-product-spotlight .sugar-product-spotlight__photo{display:block;position:absolute;top:0;bottom:0;left:0;right:var(--ps-col-w);overflow:hidden;pointer-events:none}.sugar-product-spotlight .sugar-product-spotlight__photo-img{position:absolute;top:0;right:0;width:var(--ps-photo-w);max-width:100%;height:100%;object-fit:cover;-webkit-mask-image:linear-gradient(90deg,transparent 4%,#000 66%);mask-image:linear-gradient(90deg,transparent 4%,#000 66%)}.sugar-product-spotlight .sugar-product-spotlight__col{grid-area:1 / 2}.sugar-product-spotlight .sugar-product-spotlight__col:before{content:"";display:block;position:absolute;top:0;bottom:0;left:0;z-index:1;width:1px;background:var(--ps-rule)}.sugar-product-spotlight .sugar-product-spotlight__still,.sugar-product-spotlight .sugar-product-spotlight__video{object-position:center top}.sugar-product-spotlight .sugar-product-spotlight__copy{align-self:center;gap:15px;max-width:clamp(0px,calc(100% - 37px),max(calc(100% - 220px),420px));margin:0 0 0 37px;padding:36px 0 35px}.sugar-product-spotlight .sugar-product-spotlight__footer{gap:24px;margin-top:23px}.sugar-product-spotlight .sugar-product-spotlight__tagline{line-height:1.35}}
/*# sourceMappingURL=/cdn/shop/t/21/assets/section-product-spotlight.css.map */