.how-does-it-feel-soul{--feel-teal: #1A4C48;--feel-green: #c8e6c9;--feel-orange: #e67e22;--feel-beige: #F7F1E7;--feel-label-bg: #ebe4d9;--feel-label-radius: 315px;width:100%}.how-does-it-feel-soul__container{max-width:var(--page-width, 1200px);margin:0 auto;padding-left:var(--space-s5);padding-right:var(--space-s5)}.how-does-it-feel-soul__header{text-align:center;margin-bottom:var(--space-s6)}.how-does-it-feel-soul__heading{font-family:var(--font-family-heading);font-size:100px;font-weight:400;color:var(--feel-teal);margin:0 0 var(--space-s5);line-height:1.2;margin-bottom:0}.how-does-it-feel-soul__description{font-size:14px;color:var(--feel-teal);max-width:50%;margin:10px auto 40px;line-height:1.5;letter-spacing:0}.how-does-it-feel-soul__description p{margin:0;letter-spacing:-.84px}.how-does-it-feel-soul__flavors{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-s8);margin-bottom:var(--space-l1);z-index:1;position:relative;top:6px}.how-does-it-feel-soul__flavor{font-size:10px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;padding:12px 24px;border-radius:8px;border:none;cursor:pointer;background:transparent;color:var(--feel-teal);transition:background .2s ease,color .2s ease;font-family:var(--font-body-family)}.how-does-it-feel-soul__flavor:hover{color:var(--feel-teal);background:#1a4c4814}.how-does-it-feel-soul__flavor--active{background:var(--feel-teal);color:#fff;box-shadow:-2px 4px 1px #00000080}.how-does-it-feel-soul__flavor--active:hover{background:#143a37;color:#fff}.how-does-it-feel-soul__wheel-wrap{position:relative;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:var(--space-s6);min-height:380px}@media screen and (min-width:990px){.how-does-it-feel-soul__wheel-wrap{flex-wrap:nowrap;justify-content:center;gap:2rem}}.how-does-it-feel-soul__wheel{position:relative;width:280px;height:280px;flex-shrink:0}@media screen and (min-width:750px){.how-does-it-feel-soul__wheel{width:54%;height:485px}.how-does-it-feel-soul__wheel-wrap{flex-wrap:nowrap;justify-content:center;gap:2rem;max-width:900px;margin:100px auto auto}}.how-does-it-feel-soul__wheel-inner{width:100%;height:100%}@keyframes hdif-sector-in{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes hdif-sector-out{0%{transform:scale(1)}to{transform:scale(0)}}.how-does-it-feel-soul__wheel-sectors path{transform-origin:240px 240px;animation:hdif-sector-in .55s cubic-bezier(.16,1,.3,1) both}.how-does-it-feel-soul__wheel-sectors path.is-leaving{animation:hdif-sector-out .22s cubic-bezier(.4,0,1,1) both}.how-does-it-feel-soul__labels{position:absolute;top:50%;left:50%;width:320px;height:320px;margin:-160px 0 0 -160px;pointer-events:none;z-index:1}@media screen and (min-width:750px){.how-does-it-feel-soul__labels{width:700px;height:600px;margin:-295px 0 0 -350px}}.how-does-it-feel-soul__labels .how-does-it-feel-soul__label{pointer-events:auto}.how-does-it-feel-soul__label{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(var(--label-angle)) translateY(calc(-1 * var(--feel-label-radius))) rotate(calc(-1 * var(--label-angle)));padding:12px 24px;font-size:.75rem;font-weight:600;letter-spacing:.05em;border-radius:999px;border:none;cursor:pointer;color:var(--feel-teal);transition:background .2s ease,color .2s ease,transform .2s ease;white-space:nowrap;background:var(--Soul-Orange-Creamsicle, #FFECD5);box-shadow:-2px 4px 1px #00000080;font-size:12px;font-style:normal;font-weight:700;line-height:100%;letter-spacing:.24px;text-transform:uppercase;font-family:var(--font-body-family);border:1px solid var(--feel-teal)}.how-does-it-feel-soul__label:hover{background:#e0d8cc;color:var(--feel-teal)}.how-does-it-feel-soul__label--active{background:#f9a01b;box-shadow:0 4px 12px #e67e2259}.how-does-it-feel-soul__label--active:hover{background:#f9a01b}.how-does-it-feel-soul__popups{position:absolute;width:100%;max-width:360px;min-height:200px;right:auto;top:0;left:0;z-index:2}@media screen and (min-width:990px){.how-does-it-feel-soul__popups{max-width:340px;margin-left:0}}.how-does-it-feel-soul__popup{position:absolute;top:0;left:0;width:100%;padding:var(--space-s5) var(--space-s6);opacity:0;visibility:hidden;transition:opacity .25s ease,visibility .25s ease;text-align:center;border-radius:8px;border:1px solid var(--Soul-Soul-Green, #013940);background:var(--Soul-Orange-You-Glad, #F9A01B);box-shadow:-4px 6px 4px #00000040;gap:var(--space-s7);display:flex;flex-direction:column}.how-does-it-feel-soul__popup--active{opacity:1;visibility:visible}.how-does-it-feel-soul__popup-title{font-size:44px;font-weight:600;color:#013940;margin:0}.how-does-it-feel-soul__popup-icon{margin:6px 0 4px}.how-does-it-feel-soul__popup-icon img{width:64px;height:64px;object-fit:contain;border-radius:100px}.how-does-it-feel-soul__popup-content{color:#013940;line-height:1.5;font-size:14px;font-style:normal;font-weight:500;letter-spacing:-.84px}.how-does-it-feel-soul__popup-content p{margin:0}@media screen and (max-width:749px){.how-does-it-feel-soul{--feel-label-radius: 155px;padding-top:120px!important;padding-bottom:40px!important}body.template-product product-info.main-product-bg{padding-bottom:0}.how-does-it-feel-soul__container{padding-left:var(--space-s6, 16px);padding-right:var(--space-s6, 16px)}.how-does-it-feel-soul__header{margin-bottom:20px}.how-does-it-feel-soul__heading{font-size:56px;line-height:.9;letter-spacing:-1px;max-width:12ch;margin:0 auto 24px}.how-does-it-feel-soul__description{font-size:12px;font-weight:500;line-height:1.4;letter-spacing:-.06em;max-width:100%;padding-left:var(--space-s6);padding-right:var(--space-s6);margin:0 auto 32px}.how-does-it-feel-soul__description p{letter-spacing:-.06em}.how-does-it-feel-soul__flavors{flex-direction:row;flex-wrap:nowrap;align-items:center;justify-content:center;gap:6px;margin-bottom:60px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:6px}.how-does-it-feel-soul__flavors::-webkit-scrollbar{display:none}.how-does-it-feel-soul__flavor:first-child{margin-left:0}.how-does-it-feel-soul__flavor{font-size:10px;font-weight:700;letter-spacing:2px;padding:12px 24px}.how-does-it-feel-soul__wheel-wrap{flex-direction:column;min-height:0;gap:0;align-items:center;margin-bottom:-20px}.how-does-it-feel-soul__wheel{width:210px;height:330px;margin-top:30px}.how-does-it-feel-soul__wheel-inner{width:100%;height:auto}.how-does-it-feel-soul__wheel-inner svg{max-width:100%;height:auto}.how-does-it-feel-soul__labels{width:320px;height:320px;top:140px;left:50%;margin:-160px 0 0 -160px}.how-does-it-feel-soul__label{font-size:12px;font-weight:700;letter-spacing:.24px;padding:12px 18px}.how-does-it-feel-soul__popups{position:relative;top:auto;right:auto;width:100%;max-width:100%;min-height:0;margin-top:32px;order:3;height:225px}.how-does-it-feel-soul__popup{padding:var(--space-s4, 24px) var(--space-s6, 16px);margin:0}.how-does-it-feel-soul__popup-title{font-size:28px;font-weight:400;line-height:1;letter-spacing:-1px;margin-bottom:0}.how-does-it-feel-soul__popup-icon{margin-bottom:0}.how-does-it-feel-soul__popup-icon img{width:56px;height:56px}.how-does-it-feel-soul__popup-content{font-size:12px;font-weight:500;line-height:1.4;letter-spacing:-.06em}}.how-does-it-feel-soul[data-thc=true]{--feel-teal: #342808;--feel-label-bg: #FFF6E1}.how-does-it-feel-soul[data-thc=true] .how-does-it-feel-soul__flavor--active{background:#342808;color:#fff6e1}.how-does-it-feel-soul[data-thc=true] .how-does-it-feel-soul__flavor--active:hover{background:#1f1705}.how-does-it-feel-soul[data-thc=true] .how-does-it-feel-soul__label{background:#fff6e1;border-color:#342808;color:#342808}.how-does-it-feel-soul[data-thc=true] .how-does-it-feel-soul__label:hover{background:#ede7d6}.how-does-it-feel-soul[data-thc=true] .how-does-it-feel-soul__label--active{background:#defeb8;box-shadow:0 4px 12px #34280833}.how-does-it-feel-soul[data-thc=true] .how-does-it-feel-soul__label--active:hover{background:#defeb8}.how-does-it-feel-soul[data-thc=true] .how-does-it-feel-soul__popup{background:#defeb8;border-color:#342808}.how-does-it-feel-soul[data-thc=true] .how-does-it-feel-soul__popup-title,.how-does-it-feel-soul[data-thc=true] .how-does-it-feel-soul__popup-content{color:#342808}
/*# sourceMappingURL=/cdn/shop/t/570/assets/section-how-does-it-feel-soul.css.map */