.dtc3-how{--dtc3-how-head-height: 82px;--dtc3-how-panel-height: 126px;padding:82px 0 112px;background:var(--dtc3-how-bg, #edeae6);overflow:hidden}.dtc3-how .dtc3-section-heading{margin-bottom:58px}.dtc3-how__desktop{display:flex;gap:14px;height:560px;align-items:stretch}.dtc3-how-card{position:relative;display:flex;flex:1 1 0;min-width:0;overflow:hidden;flex-direction:column;border:0;border-radius:22px;padding:0;background:var(--dtc3-how-inactive-bg, #e3ded6);color:var(--dtc3-how-inactive-text, #111111);cursor:pointer;text-align:left;transition:flex-grow .42s ease,background-color .26s ease,color .26s ease}.dtc3-how-card.is-active{flex-grow:2.9;background:var(--dtc3-how-active-bg, #303030);color:var(--dtc3-how-active-text, #ffffff)}.dtc3-how-card__label{position:relative;z-index:2;display:flex;flex:0 0 var(--dtc3-how-head-height);height:var(--dtc3-how-head-height);align-items:center;padding:0 30px;overflow:hidden;background:inherit;color:inherit;font-size:20px;font-weight:500;line-height:1.2}.dtc3-how-card__media{position:relative;flex:1 1 auto;min-height:0;overflow:hidden;background:#d6d0c7}.dtc3-how-card__cover,.dtc3-how-card__expanded{position:absolute;top:0;right:0;bottom:0;left:0;transition:opacity .32s ease,transform .42s ease}.dtc3-how-card__cover{opacity:1;transform:scale(1)}.dtc3-how-card__expanded{opacity:0;transform:scale(1.025)}.dtc3-how-card.is-active .dtc3-how-card__cover{opacity:0;transform:scale(1.03)}.dtc3-how-card.is-active .dtc3-how-card__expanded{opacity:1;transform:scale(1)}.dtc3-how-card__cover img,.dtc3-how-card__expanded img,.dtc3-how-card__video{display:block;width:100%;height:100%;object-fit:cover}.dtc3-how-card__panel{position:relative;z-index:2;display:flex;height:var(--dtc3-how-panel-height);flex:0 0 var(--dtc3-how-panel-height);flex-direction:column;justify-content:center;padding:18px 30px;overflow:hidden;background:inherit;color:var(--dtc3-how-inactive-text, #111111);font-size:16px;line-height:1.55;transition:color .26s ease,background-color .26s ease}.dtc3-how-card.is-active .dtc3-how-card__panel{color:var(--dtc3-how-panel-text, #d9d9d9)}.dtc3-how-card__panel p{margin:0;font-size:14px}.dtc3-how-card:not(.is-active) .dtc3-how-card__panel p{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:4}.dtc3-how-card.is-active .dtc3-how-card__panel p{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3}.dtc3-how-card__panel p+p{margin-top:10px}.dtc3-how-card__panel strong{color:inherit;font-weight:700}.dtc3-how-card__panel em{color:inherit;font-style:normal}.dtc3-how-card.is-active .dtc3-how-card__panel strong{color:var(--dtc3-how-panel-strong, #ffffff)}.dtc3-how-card.is-active .dtc3-how-card__panel em{color:var(--dtc3-how-panel-em, #ffffff)}.dtc3-how__mobile{display:none}@keyframes dtc3HowFadeIn{0%{opacity:0}to{opacity:1}}.dtc3-how-mobile-tabs{width:100%}.dtc3-how-mobile-tabs__media{position:relative;overflow:hidden;border-radius:3px;aspect-ratio:374 / 211;background:#d6d0c7}.dtc3-how-mobile-tabs__media-panel{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transform:scale(1.015);transition:opacity .22s ease,transform .32s ease}.dtc3-how-mobile-tabs__media-panel.is-active{animation:dtc3HowFadeIn .4s ease both;opacity:1;transform:scale(1)}.dtc3-how-mobile-tabs__media-panel--video{cursor:pointer}.dtc3-how-mobile-tabs__media-panel[hidden],.dtc3-how-mobile-tabs__panel[hidden]{display:none}.dtc3-how-mobile-tabs__media img,.dtc3-how-mobile-tabs__video{display:block;width:100%;height:100%;object-fit:cover}.dtc3-how-mobile-tabs__play{position:absolute;inset:50% auto auto 50%;z-index:2;width:46px;height:46px;transform:translate(-50%,-50%);border-radius:50%;background:#11111185;opacity:0;pointer-events:none;transition:opacity .18s ease}.dtc3-how-mobile-tabs__play:before{content:"";position:absolute;top:50%;left:52%;width:0;height:0;transform:translate(-35%,-50%);border-top:9px solid transparent;border-bottom:9px solid transparent;border-left:14px solid #ffffff}.dtc3-how-mobile-tabs__media-panel--video:hover .dtc3-how-mobile-tabs__play,.dtc3-how-mobile-tabs__media-panel--video:focus-visible .dtc3-how-mobile-tabs__play,.dtc3-how-mobile-tabs__media-panel--video[data-dtc3-video-autoplay-failed=true] .dtc3-how-mobile-tabs__play{opacity:1}.dtc3-how-mobile-tabs__media-panel--video:focus-visible{outline:2px solid #403a83;outline-offset:3px}.dtc3-how-mobile-tabs__tablist-wrap,.dtc3-how-mobile-tabs__panels{width:min(100%,560px);margin-inline:auto}.dtc3-how-mobile-tabs__tablist-wrap{position:relative;margin-top:40px;overflow:hidden}.dtc3-how-mobile-tabs__tablist-wrap:before,.dtc3-how-mobile-tabs__tablist-wrap:after{content:"";position:absolute;top:0;z-index:2;width:30px;height:24px;pointer-events:none}.dtc3-how-mobile-tabs__tablist-wrap:before{left:0;background:linear-gradient(90deg,var(--dtc3-how-bg, #edeae6),rgba(237,234,230,0))}.dtc3-how-mobile-tabs__tablist-wrap:after{right:0;background:linear-gradient(270deg,var(--dtc3-how-bg, #edeae6),rgba(237,234,230,0))}.dtc3-how-mobile-tabs__tablist{display:flex;gap:10px;overflow-x:auto;overflow-y:hidden;border-bottom:1px solid rgba(48,48,48,.18);scrollbar-width:none;-webkit-overflow-scrolling:touch}.dtc3-how-mobile-tabs__tablist::-webkit-scrollbar{display:none}.dtc3-how-mobile-tabs__tab{-webkit-appearance:none;appearance:none;position:relative;flex:0 0 auto;border:0;border-radius:0;padding:0 10px 10px;background:transparent;color:#303030;font:inherit;font-size:16px;font-weight:400;line-height:16px;letter-spacing:0;white-space:nowrap;cursor:pointer}.dtc3-how-mobile-tabs__tab:after{content:"";position:absolute;right:0;bottom:-1px;left:0;height:1.5px;background:transparent}.dtc3-how-mobile-tabs__tab[aria-selected=true]{color:#403a83}.dtc3-how-mobile-tabs__tab[aria-selected=true]:after{background:#403a83}.dtc3-how-mobile-tabs__tab:focus-visible{outline:2px solid #403a83;outline-offset:3px}.dtc3-how-mobile-tabs__panels{margin-top:18px}.dtc3-how-mobile-tabs__panel{color:#303030;font-size:12px;font-weight:300;line-height:20px;letter-spacing:0}.dtc3-how-mobile-tabs__panel.is-active{animation:dtc3HowFadeIn .4s ease both;display:block}.dtc3-how-mobile-tabs__panel p{margin:0}.dtc3-how-mobile-tabs__panel strong{color:inherit;font-weight:600}.dtc3-how-mobile-tabs__panel em{color:inherit;font-style:normal}.dtc3-how-video-dialog[hidden]{display:none}body:has(#MainContent .dtc3) #MainContent>.shopify-section:has(.dtc3-how-video-dialog.is-open){position:relative;z-index:10000}.dtc3-how-video-dialog{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:24px;opacity:0;pointer-events:none}.dtc3-how-video-dialog.is-open{animation:dtc3HowFadeIn .4s ease both;opacity:1;pointer-events:auto}.dtc3-how-video-dialog__backdrop{-webkit-appearance:none;appearance:none;position:absolute;top:0;right:0;bottom:0;left:0;border:0;background:#111111bd;cursor:pointer}.dtc3-how-video-dialog__frame{position:relative;z-index:1;width:min(100%,920px);overflow:hidden;border-radius:8px;background:#111;box-shadow:0 24px 72px #00000047}.dtc3-how-video-dialog__video{display:block;width:100%;aspect-ratio:16 / 9;background:#111}.dtc3-how-video-dialog__close{-webkit-appearance:none;appearance:none;position:absolute;top:10px;right:10px;z-index:2;width:40px;height:40px;border:0;border-radius:50%;background:#1111119e;cursor:pointer}.dtc3-how-video-dialog__close:before,.dtc3-how-video-dialog__close:after{content:"";position:absolute;top:50%;left:50%;width:18px;height:2px;background:#fff}.dtc3-how-video-dialog__close:before{transform:translate(-50%,-50%) rotate(45deg)}.dtc3-how-video-dialog__close:after{transform:translate(-50%,-50%) rotate(-45deg)}.dtc3-how-video-dialog__close:focus-visible{outline:2px solid #ffffff;outline-offset:3px}html.dtc3-how-video-dialog-open,html.dtc3-how-video-dialog-open body{overflow:hidden}@media(max-width:900px){.dtc3-how{--dtc3-how-head-height: 72px;--dtc3-how-panel-height: 136px;padding:64px 0 72px}.dtc3-how .dtc3-section-heading{max-width:560px;margin-bottom:40px}.dtc3-how .dtc3-section-heading--lg .dtc3-section-heading__title{font-size:36px;line-height:1.15}.dtc3-how .dtc3-section-heading__description{max-width:480px;font-size:14px;line-height:1.6}.dtc3-how__desktop{display:none}.dtc3-how__mobile{display:block;overflow:hidden}.dtc3-how-mobile-tabs__media{width:min(100%,560px);margin-inline:auto}}@media(max-width:640px){.dtc3-how{padding:49px 0 64px}.dtc3-how .dtc3-section-heading{max-width:313px;margin-bottom:39px}.dtc3-how .dtc3-section-heading__eyebrow{margin-bottom:11px;color:#403a83;font-size:10px;font-weight:400;line-height:12px;letter-spacing:.12em}.dtc3-how .dtc3-section-heading--lg .dtc3-section-heading__title{font-size:28px;line-height:1.15;letter-spacing:0}.dtc3-how .dtc3-section-heading__description{max-width:256px;margin-top:12px;color:#111;font-size:12px;line-height:20px}.dtc3-how-mobile-tabs__media,.dtc3-how-mobile-tabs__media-panel,.dtc3-how-mobile-tabs__media img,.dtc3-how-mobile-tabs__video{border-radius:4px}.dtc3-how-mobile-tabs__tablist-wrap{margin-top:40px}}@media(prefers-reduced-motion:reduce){.dtc3-how-card,.dtc3-how-card__cover,.dtc3-how-card__expanded,.dtc3-how-card__panel,.dtc3-how-mobile-tabs__media-panel,.dtc3-how-mobile-tabs__play{transition:none;animation:none}}
/*# sourceMappingURL=/cdn/shop/t/167/assets/dtc3-how-it-works.css.map */