.your-how-to-guide{box-sizing:border-box;margin-top:var(--your-how-to-guide-margin-top,32px);margin-bottom:var(--your-how-to-guide-margin-bottom,32px);color:var(--grayscale-600,#4a444e)}.your-how-to-guide__inner{box-sizing:border-box;background:var(--your-how-to-guide-background,#f3ddea);border-radius:16px;width:calc(100% - 48px);margin:0 auto;padding:16px;overflow:hidden}.your-how-to-guide__heading{color:var(--your-how-to-guide-heading-color,#4a444e);margin:0 0 16px}.your-how-to-guide-group{min-width:0;display:block}.your-how-to-guide__tabs{overscroll-behavior-inline:contain;scrollbar-width:none;scroll-snap-type:x proximity;background:#e6dfdd;border-radius:999px;align-items:stretch;width:100%;min-height:32px;display:flex;overflow-x:auto}.your-how-to-guide__tabs::-webkit-scrollbar{display:none}.your-how-to-guide__tab{appearance:none;min-width:max-content;min-height:32px;color:var(--grayscale-600,#4a444e);box-shadow:none;cursor:pointer;scroll-snap-align:center;background:0 0;border:0;border-radius:999px;flex:none;padding:6px 16px;font-family:inherit;transition:background-color .15s,box-shadow .15s}.your-how-to-guide__tab-label{min-width:0;display:block;position:relative;top:2px;overflow:hidden;@media screen and (width>=768px){font-size:1.4rem}}.your-how-to-guide__tab[aria-selected=true]{font-weight:var(--font-body-weight-bold,600);font-family:var(--font-medium-family,inherit);background:#fcf8f8;box-shadow:0 2px 5px #0003}.your-how-to-guide__tab:focus-visible,.your-how-to-guide__product-trigger:focus-visible,.your-how-to-guide__quickview-icon:focus-visible,.your-how-to-guide__video-control:focus-visible{outline:2px solid var(--blue-focus,#1769aa);outline-offset:3px}.your-how-to-guide__panels{margin-top:16px}.your-how-to-guide__panel{display:none}.your-how-to-guide__panel:first-child:not([hidden]),.your-how-to-guide__panel:not([hidden]){display:block}.your-how-to-guide__panel[hidden],.your-how-to-guide__panel:nth-child(n+6){display:none!important}.your-how-to-guide__visuals{position:relative}.your-how-to-guide__product-card{z-index:2;aspect-ratio:3/4;background:var(--grayscale-0,#fff);border-radius:8px;width:27%;position:absolute;bottom:12px;left:12px;overflow:visible}.your-how-to-guide__product-trigger{appearance:none;width:100%;height:100%;color:var(--grayscale-0,#fff);background:var(--grayscale-0,#fff);border-radius:inherit;box-shadow:none;cursor:pointer;border:0;padding:0;display:block;position:relative;overflow:visible}.your-how-to-guide__product-image{object-fit:contain;width:100%;height:100%;display:block}.your-how-to-guide__quickview-icon{appearance:none;z-index:1;width:38px;height:38px;color:var(--grayscale-0,#fff);background:var(--grayscale-600,#4a444e);box-shadow:none;cursor:pointer;border:0;border-radius:50%;justify-content:center;align-items:center;padding:0;display:flex;position:absolute;top:-15px;right:-13px}.your-how-to-guide__quickview-icon svg{width:20px;height:20px}.your-how-to-guide__product-placeholder,.your-how-to-guide__media-placeholder{background:var(--grayscale-100,#f4f2f5);border-radius:inherit;justify-content:center;align-items:center;width:100%;height:100%;display:flex;overflow:hidden}.your-how-to-guide__placeholder-svg{width:100%;height:100%;fill:var(--grayscale-300,#bab8bd)}.your-how-to-guide__media-card{isolation:isolate;aspect-ratio:1;background:var(--grayscale-200,#dad7da);border-radius:14px;width:100%;position:relative;overflow:hidden}.your-how-to-guide__media-image,.your-how-to-guide__video-poster,.your-how-to-guide__video{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.your-how-to-guide__video-controls{z-index:1;flex-direction:row-reverse;gap:8px;display:flex;position:absolute;top:12px;right:12px}.your-how-to-guide__video-control{appearance:none;width:36px;height:36px;color:var(--grayscale-700,#332f35);background:var(--grayscale-0,#fff);border:1px solid var(--grayscale-600,#4a444e);box-shadow:none;cursor:pointer;border-radius:50%;justify-content:center;align-items:center;padding:0;display:flex}.your-how-to-guide__video-control [data-guide-icon]{flex:none;display:block}.your-how-to-guide__video-control [data-guide-icon=pause]{width:11.25px;height:13.5px}.your-how-to-guide__video-control [data-guide-icon=muted],.your-how-to-guide__video-control [data-guide-icon=unmuted]{width:16px;height:16px}.your-how-to-guide__video-control [hidden]{display:none}.your-how-to-guide__caption{color:var(--your-how-to-guide-caption-color,#4a444e);text-align:var(--your-how-to-guide-caption-alignment,left);margin:12px 0 0}.your-how-to-guide__caption:first-child{margin-top:0;margin-bottom:12px}.your-how-to-guide__caption>*{color:inherit;font:inherit;margin-top:0}.your-how-to-guide__caption>:last-child{margin-bottom:0}.your-how-to-guide__caption a{color:inherit}@media screen and (width>=1024px){.your-how-to-guide__inner{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);align-items:center;column-gap:24px;width:calc(100% - 64px);max-width:1296px;padding:36px;display:grid}.your-how-to-guide__heading{grid-area:1/1;margin:0}.your-how-to-guide-group{display:contents}.your-how-to-guide__tabs{grid-area:1/2;grid-template-columns:repeat(var(--your-how-to-guide-count,1),minmax(0,1fr));display:grid;overflow:visible}.your-how-to-guide__tab{white-space:nowrap;width:100%;min-width:0;min-height:36px;padding:6px 16px;overflow:hidden}.your-how-to-guide__panels{grid-area:2/1/auto/-1;margin-top:20px}.your-how-to-guide__visuals{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;display:grid}.your-how-to-guide__product-card{aspect-ratio:1;border-radius:12px;width:100%;position:relative;inset:auto;overflow:visible}.your-how-to-guide__product-trigger{overflow:hidden}.your-how-to-guide__quickview-icon{width:48px;height:48px;top:20px;right:23px}.your-how-to-guide__quickview-icon svg{width:24px;height:24px}.your-how-to-guide__media-card{border-radius:12px}.your-how-to-guide__video-controls{top:20px;right:20px}.your-how-to-guide__video-control{width:48px;height:48px}.your-how-to-guide__video-control [data-guide-icon=pause]{width:15px;height:18px}.your-how-to-guide__video-control [data-guide-icon=muted],.your-how-to-guide__video-control [data-guide-icon=unmuted]{width:20px;height:20px}}@media (hover:hover) and (pointer:fine){.your-how-to-guide__tab:hover{background:#ffffff73}.your-how-to-guide__tab[aria-selected=true]:hover{background:#fcf8f8}.your-how-to-guide__product-card:hover .your-how-to-guide__quickview-icon{background:var(--grayscale-700,#332f35)}}@media (prefers-reduced-motion:reduce){.your-how-to-guide__tab{transition:none}}