.concern-intro{text-align:center;position:relative}.concern-intro .text{padding:0 1.5em 1.5em;line-height:1.5}.concern-intro .h1{font-weight:300;margin-bottom:.75rem;color:inherit}.concern-intro .desc img.icon-concern-plus{--size: 1em;border:1px solid #888;border-radius:9em}.hotspot-icon{--size: 1.3em;width:var(--size);height:var(--size);position:relative;display:inline-block}img.icon-concern-plus{vertical-align:-.15em;width:var(--size);height:var(--size);position:relative;z-index:2;transition:.2s}.hotspot-icon:before{content:"";position:absolute;z-index:1;top:0;right:0;bottom:0;left:0;display:block;background:#fff;border-radius:1em;overflow:hidden;animation:intermittentGlow 5s infinite}.concern-hotspot:nth-child(2) .hotspot-icon:before{animation-delay:.25s}.concern-hotspot:nth-child(3) .hotspot-icon:before{animation-delay:.5s}.concern-hotspot:nth-child(4) .hotspot-icon:before{animation-delay:.75s}.concern-hotspot:nth-child(5) .hotspot-icon:before{animation-delay:1s}.concern-hotspot:nth-child(6) .hotspot-icon:before{animation-delay:1.25s}@keyframes intermittentGlow{0%{opacity:.7;transform:scale(1)}30%,to{opacity:0;transform:scale(3)}}.cs-shop-by-concern .bg-wrapper{position:relative;overflow:hidden}.cs-shop-by-concern img.bg{display:block;width:200%;margin-left:-100%;height:auto}.concern-hotspot{cursor:pointer;appearance:none;-webkit-appearance:none;background:none;border:0;display:flex;align-items:center;padding:4px 10px 4px 5px;margin-left:-10px;position:absolute;top:var(--hotspot-y);left:var(--hotspot-x);border:1px solid transparent;border-radius:9em;font-family:inherit;transition:.2s}.concern-hotspot.active,.concern-hotspot:hover{background:#c1b29f;border-color:#fff}.concern-hotspot.active{box-shadow:0 1px 5px #0003}.concern-hotspot:not(.active):hover{background:#afa393}.concern-hotspot.active .icon-concern-plus,.concern-hotspot:hover .icon-concern-plus{transform:rotate(180deg)}.hotspot-label{display:inline-block;padding-left:4px;text-transform:uppercase;text-wrap:nowrap;color:#fff;transition:.2s;line-height:1;text-shadow:0 1px 3px rgba(0,0,0,.3)}.concern-hotspot.active .hotspot-label,.concern-hotspot:hover .hotspot-label{opacity:1;visibility:visible;transform:none;text-shadow:0 1px 3px rgba(0,0,0,.2)}@media (min-width: 767px){.hotspot-label{opacity:0;visibility:hidden;transform:translate(-2px)}.concern-intro .text{position:absolute;top:0;bottom:0;left:0;right:auto;z-index:1;padding:3em 4.5em;display:flex;flex-direction:column;justify-content:space-between;text-align:left;color:#fff;text-shadow:0 2px 6px rgba(0,0,0,.15)}.concern-intro .h1{max-width:8em}.concern-intro .desc{font-weight:500;max-width:14em;text-wrap:balance}.concern-hotspots{position:absolute;top:0;right:0;bottom:0;left:50%}.concern-hotspot{font-size:16px}.hotspot-label{padding-left:6px}.cs-shop-by-concern img.bg{width:100%;margin-left:auto}.hotspot-icon{--size: 1.5em}}.selected-concern-wrapper{padding:1em 1em 5px;scroll-margin-top:68px}.selected-concern-holder{display:grid;grid-template-columns:1fr}.selected-concern{grid-row-start:1;grid-column-start:1;display:flex;opacity:0;position:relative;border:1px solid #91827B;width:12em;height:12em;margin:auto;border-radius:9em;align-items:center;justify-content:center;overflow:hidden;visibility:hidden;transform:scale(.97);transition:.5s}.selected-concern.active{visibility:visible;opacity:1;transform:scale(1);z-index:1}.selected-concern .bg{display:block;position:absolute;top:5px;right:5px;bottom:5px;left:5px;background-size:cover;border:1px solid #91827B;border-radius:9em}.selected-concern .h3{position:relative;z-index:1;color:#fff;letter-spacing:.05em;text-shadow:0 1px 6px rgba(0,0,0,.3)}.selected-concern-wrapper .mobile-line-1{display:block;position:relative;margin:auto;height:3em;width:1px;background:#91827b}.selected-concern-wrapper .mobile-line-1:after{content:"";position:absolute;bottom:-3px;left:-2.5px;display:inline-block;width:6px;height:6px;border-radius:1em;background:#91827b}@media (min-width: 767px){.selected-concern-wrapper{position:absolute;z-index:1;left:22%;top:23%;width:30vw;height:30vw;scroll-margin-top:-25vw}.selected-concern{width:25vw;height:25vw}.selected-concern .h3{padding:0 1.5em}.selected-concern,.selected-concern .bg{border-color:#fff;border-radius:100%}.selected-concern .bg{top:4%;right:4%;bottom:4%;left:4%}.selected-concern-wrapper .mobile-line-1{display:none}}@media (min-width: 949px){.selected-concern .h3{font-size:1.5em}}.concern-product-group:not(.active){display:none}.concern-products .sealsubs-target-element{display:none}@media (max-width: 766px){.concern-products .product-grid{gap:18px}}.concern-products .card-wrapper .card__content{display:flex;flex-direction:column;justify-content:space-between}.concern-products .quick-add__submit{text-transform:uppercase;font-size:12px;padding:.8rem .8rem .6rem;padding:.3rem .8rem .2rem;min-width:0;max-width:90%}.concern-products .price:not(.price--show-badge) .price-item--last:last-of-type{display:block}.concern-products h3.card__heading{min-height:3.8em}.concern-products .slider-counter{display:none}@media (min-width: 767px){.concern-products{padding:0 40px}.concern-products h3.card__heading{min-height:2.6em}.selected-concern-wrapper .desktop-line-1{display:block;position:absolute;left:-32.5vw;top:46%;width:35vw;height:1px;border-top:1px solid #fff}.selected-concern-wrapper .desktop-line-2{display:block;position:absolute;left:91.7%;top:46%;bottom:-9.7vw;width:5.5vw;border-top:1px solid #fff;border-right:1px solid #fff}.selected-concern-wrapper .desktop-line-3{display:block;position:absolute;left:91.7%;top:132%;height:6em;width:5.5vw;border-right:1px solid #91827B}.selected-concern-wrapper .desktop-line-3:after{content:"";position:absolute;bottom:-3px;right:-3px;display:inline-block;width:6px;height:6px;border-radius:1em;background:#91827b}}@media screen and (min-width: 990px){.concern-products .quick-add__submit{max-width:100%}}@media screen and (min-width: 1440px){.cs-shop-by-concern{zoom:.85}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/component-cs-shop-by-concern.css.map */
