.tancomp{padding-top:3.75rem;padding-bottom:3.75rem}.tancomp .columns{max-width:81rem}.tancomp__header{margin-bottom:2.5rem;text-align:center}@media screen and (max-width:47.9375em){.tancomp__header{margin-bottom:1.5rem}}.tancomp__heading{font-weight:700;text-align:center;font-size:2.25rem;line-height:1.29;margin-bottom:0;letter-spacing:-.005em}@media screen and (max-width:47.9375em){.tancomp__heading{font-size:1.75rem}}.tancomp__holder{display:flex;flex-wrap:wrap;align-items:center;margin-left:-1.25rem;margin-right:-1.25rem}.tancomp__tones{width:55.425%;padding-left:1.25rem;padding-right:1.25rem}@media screen and (max-width:47.9375em){.tancomp__tones{width:100%}}.tancomp__tones-text{text-align:center;font-size:1rem;margin-top:.625rem}@media screen and (max-width:47.9375em){.tancomp__tones-text{margin-top:.3125rem;font-size:.75rem;line-height:1.3}}.tancomp__tones-holder{position:relative;aspect-ratio:684/526;background-color:#f0f7fa}.tancomp__tones-after{height:100%;background-color:#f0f7fa}.tancomp__tones-after img{opacity:0;position:absolute;transition:opacity .2s ease-in-out}.tancomp__tones-after img.tancomp__tones-after-item-img--active{opacity:1}.tancomp__tones-after-item,.tancomp__tones-before-item{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;transition:opacity .2s ease-in-out}.tancomp__tones-after-item--active,.tancomp__tones-before-item--active{opacity:1}.tancomp__tones-after-item img,.tancomp__tones-before-item img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.tancomp__tones-header{display:flex;align-items:center;justify-content:space-between;position:absolute;top:1.5rem;left:1rem;width:calc(100% - 2rem);z-index:10}@media screen and (max-width:47.9375em){.tancomp__tones-header{top:.75rem;left:.5rem;width:calc(100% - 1rem)}}.tancomp__tones-header-item{width:50%}.tancomp__tones-header-item:first-of-type{margin-right:1.5625rem}@media screen and (max-width:47.9375em){.tancomp__tones-header-item:first-of-type{margin-right:.75rem}}.tancomp__tones-header-item:last-of-type{margin-right:.5625rem;margin-left:1rem}@media screen and (max-width:47.9375em){.tancomp__tones-header-item:last-of-type{margin-right:.25rem;margin-left:.5rem}}.tancomp__tones-header-label{font-weight:600;font-size:.875rem;line-height:1.4;margin-bottom:.625rem}@media screen and (max-width:47.9375em){.tancomp__tones-header-label{font-size:.75rem;line-height:1.3;margin-bottom:.3125rem}}.tancomp__dragger{display:flex;justify-content:center;position:absolute;top:0;bottom:0;left:0;z-index:10}.tancomp__dragger-inner{display:flex;align-items:flex-end;justify-content:center;height:100%;position:absolute;z-index:2;cursor:pointer}.tancomp__dragger-line{width:2px;height:100%;background-color:#fff;position:absolute}.tancomp__dragger-icon{position:relative;z-index:3;margin-bottom:.75rem}@media screen and (max-width:47.9375em){.tancomp__dragger-icon{margin-bottom:.375rem;width:1.5625rem;height:1.5625rem}}.tancomp__dropdown{position:relative;min-width:7.5rem}.tancomp__dropdown.tancomp__dropdown--colors{z-index:101}@media screen and (min-width:48em){.tancomp__dropdown.tancomp__dropdown--colors .tancomp__dropdown-item-options{display:flex;flex-wrap:wrap;padding:.625rem .5625rem;min-width:26.25rem;border-radius:0 .25rem .25rem .25rem}}@media screen and (min-width:48em){.tancomp__dropdown.tancomp__dropdown--colors .tancomp__dropdown-item-option{width:33.33%;padding:.25rem .25rem}}.tancomp__dropdown-item{position:relative}.tancomp__dropdown-item-selected{display:flex;align-items:center;justify-content:space-between;padding:.625rem .9375rem;background-color:#f0f7fa;border:1px solid #646464;border-radius:.25rem;cursor:pointer;font-size:1rem;transition:border-color .2s ease;height:3.125rem}@media screen and (max-width:47.9375em){.tancomp__dropdown-item-selected{height:1.5rem;padding:.3125rem .5rem;font-size:.625rem}}.tancomp__dropdown-item-selected:hover{border-color:#000}.tancomp__dropdown-item-arrow{display:flex;align-items:center;justify-content:center;margin-left:1rem;transition:transform .2s ease}@media screen and (max-width:47.9375em){.tancomp__dropdown-item-arrow{margin-left:.5rem;width:.25rem}}.tancomp__dropdown-item-value{width:100%;height:1.75rem}@media screen and (max-width:47.9375em){.tancomp__dropdown-item-value{height:.875rem}}.tancomp__dropdown-item-options{position:absolute;top:100%;left:0;right:0;background-color:#fff;border:1px solid #ddd;border-top:none;border-radius:0 0 .25rem .25rem;box-shadow:0 2px 8px rgba(0,0,0,.1);opacity:0;visibility:hidden;transform:translateY(-4px);transition:all .2s ease;z-index:100}.tancomp__dropdown-item-option{padding:.5rem .75rem;cursor:pointer;font-size:.875rem;transition:background-color .2s ease}@media screen and (max-width:47.9375em){.tancomp__dropdown-item-option{font-size:.625rem}}.tancomp__dropdown-item-option:hover{background-color:#dfdfdf}.tancomp__dropdown-item-option.tancomp__dropdown-item-option--selected{background-color:#dfdfdf}.tancomp__dropdown.is-open .tancomp__dropdown-item-selected{border-radius:.25rem .25rem 0 0;border-color:#999}.tancomp__dropdown.is-open .tancomp__dropdown-item-selected .tancomp__dropdown-item-arrow{transform:rotate(180deg)}.tancomp__dropdown.is-open .tancomp__dropdown-item-options{opacity:1;visibility:visible;transform:translateY(0)}.tancomp__cont{width:44.575%;padding-left:1.25rem;padding-right:1.25rem}@media screen and (max-width:47.9375em){.tancomp__cont{width:100%;margin-top:1.5rem}}.tancomp__cont-inner{max-width:28rem}.tancomp__subheading{font-weight:600;font-size:1.75rem;line-height:1.3;margin-bottom:0}@media screen and (max-width:47.9375em){.tancomp__subheading{font-size:1.375rem}}.tancomp__text{margin-top:.5rem;line-height:1.4}.tancomp__text p{font-size:1.25rem;line-height:1.4}@media screen and (max-width:47.9375em){.tancomp__text p{font-size:1.125rem}}.tancomp .product-form{margin-top:1.5rem}.tancomp .variant-selects--tancomp{visibility:hidden;position:absolute;top:0;left:0;width:0;height:0;opacity:0;pointer-events:none}.tancomp__add-to-cart-container{max-width:23.9375rem}.tancomp__add-to-cart-button{width:100%;margin-bottom:1.5rem}.tancomp__feat{display:flex;align-items:center;margin-bottom:1rem;font-size:.875rem;font-weight:600;line-height:1.4}.tancomp__feat-icon{display:flex;align-items:center;justify-content:center;background-color:#b1ddeb;width:2rem;height:2rem;border-radius:50%;margin-right:.5rem}