.rituals{padding-block-start:var(--rituals-padding-top, var(--spacing-75));padding-block-end:var(--rituals-padding-bottom, var(--spacing-75))}@media(max-width:1023px){.rituals{padding-block-start:var(--rituals-padding-top-mobile);padding-block-end:var(--rituals-padding-bottom-mobile)}.rituals__orbit{margin-top:-75px}.rituals-2 .rituals__label{display:none}}.rituals__inner{position:relative;max-width:var(--layout-width-768);height:520px;margin-inline:auto;display:flex;align-items:center;justify-content:center}.rituals__orbit{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center}.rituals__figure{--rituals-count: 7;--rituals-radius: 124px;position:relative;width:100%;height:100%;transform-origin:center center;will-change:transform}.rituals__point{position:absolute;width:96px;height:96px;left:50%;top:50%;--angle: calc((360deg / var(--rituals-count)) * (var(--i) - 1));--rotation: 0deg;transform:translate(-50%,-50%) rotate(var(--angle)) translateY(calc(-1 * var(--rituals-radius))) rotate(calc(var(--rotation) - var(--angle)));transform-origin:center center;transition:transform .2s ease;overflow:hidden;box-sizing:border-box}.rituals__point--1{--i: 1;--rotation: 0deg}.rituals__point--2{--i: 2;--rotation: 51.43deg}.rituals__point--3{--i: 3;--rotation: 102.86deg}.rituals__point--4{--i: 4;--rotation: 154.29deg}.rituals__point--5{--i: 5;--rotation: 205.71deg}.rituals__point--6{--i: 6;--rotation: 257.14deg}.rituals__point--7{--i: 7;--rotation: 308.57deg}.rituals__point-svg{display:block;width:100%;height:100%;position:absolute;top:0;left:0;z-index:1;overflow:hidden}.rituals__point:after{content:"";position:absolute;top:50%;left:50%;width:100%;height:100%;transform:translate(-50%,-50%);background-color:rgba(var(--color-nav-bg-rgb),0);border-radius:var(--radius-45);-webkit-backdrop-filter:none;backdrop-filter:none;z-index:2;pointer-events:none;transition:background-color .6s cubic-bezier(.4,0,.2,1),border-radius .6s cubic-bezier(.4,0,.2,1)}.rituals__popup{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;max-width:var(--layout-width-290);opacity:0;visibility:hidden;pointer-events:none;z-index:10;display:flex;flex-direction:column;gap:var(--spacing-24);box-sizing:border-box}.rituals__popup-title{color:var(--color-soot-black);margin:0;text-align:center;font-family:var(--font-sans);font-size:var(--title-product-size);font-weight:var(--fw-normal);letter-spacing:var(--title-product-spacing);line-height:var(--lh-body)}.rituals__popup-text{color:var(--color-soot-black);margin:0;text-align:center}.rituals__popup .btn{align-self:center}.rituals__point-path{transition:stroke .2s ease;stroke:transparent;stroke-width:1}.rituals__point-path--default{transition:opacity .4s cubic-bezier(.4,0,.2,1),fill .4s cubic-bezier(.4,0,.2,1),stroke .2s ease;stroke:transparent;stroke-width:1}.rituals__point-path--image{opacity:0;transition:opacity .4s cubic-bezier(.4,0,.2,1),stroke .2s ease;stroke:transparent;stroke-width:1}.rituals--show-images-default .rituals__point-path--default{opacity:0;fill:var(--color-cream-white)}.rituals--show-images-default .rituals__point-path--image{opacity:1;transition:opacity .4s cubic-bezier(.4,0,.2,1),stroke .2s ease}.rituals--show-images-default .rituals__point-path,.rituals--show-images-default .rituals__point-path--default,.rituals--show-images-default .rituals__point-path--image{stroke:rgba(var(--color-soot-black-rgb),.05)}.rituals--show-images-default.rituals--dim-others-on-hover.rituals--has-hover .rituals__point:not(:hover) .rituals__point-path--image{opacity:0}.rituals--show-images-default.rituals--dim-others-on-hover.rituals--has-hover .rituals__point:not(:hover) .rituals__point-path--default{opacity:1}.rituals__point:hover .rituals__point-path--default{opacity:0}.rituals__point:hover .rituals__point-path--image{opacity:1}.rituals__point:hover .rituals__point-path,.rituals__point:hover .rituals__point-path--default,.rituals__point:hover .rituals__point-path--image{stroke:rgba(var(--color-soot-black-rgb),.05)}.rituals__point--clicked .rituals__point-path--default{opacity:0}.rituals__point--clicked .rituals__point-path--image{opacity:1}.rituals__point--clicked .rituals__point-path,.rituals__point--clicked .rituals__point-path--default,.rituals__point--clicked .rituals__point-path--image{stroke:rgba(var(--color-soot-black-rgb),.05)}.rituals__point--clicked{transition:transform .6s cubic-bezier(.4,0,.2,1),width .6s cubic-bezier(.4,0,.2,1),height .6s cubic-bezier(.4,0,.2,1),opacity .3s ease}.rituals__point--clicked:after{will-change:background-color,border-radius;background-color:rgba(var(--color-nav-bg-rgb),.85);border-radius:var(--radius-120);border:var(--outline-subtle);transition:background-color .6s cubic-bezier(.4,0,.2,1),backdrop-filter .6s cubic-bezier(.4,0,.2,1),border-radius .6s cubic-bezier(.4,0,.2,1)}@supports (backdrop-filter: blur(10px)){.rituals__point--clicked:after{background-color:rgba(var(--color-nav-bg-rgb),.6);-webkit-backdrop-filter:var(--overlay-blur);backdrop-filter:var(--overlay-blur)}}.rituals__point--clicked .rituals__popup{opacity:0;visibility:hidden;pointer-events:none;transition:opacity .3s ease .1s,visibility .3s ease .1s}.rituals__point--clicked.rituals__point--animation-complete .rituals__popup{opacity:1;visibility:visible;pointer-events:auto}.rituals__labels{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1;--label-offset: 124px}.rituals__ray{position:absolute;height:1px;background:transparent;transform-origin:0 50%;left:0;top:0;will-change:transform,width;transition:width .3s ease,opacity .3s ease;visibility:hidden}.rituals--has-hover .rituals__label:not(.rituals__label--active){opacity:0}.rituals--has-hover .rituals__ray:not(.rituals__ray--active){opacity:0}.rituals__label--active,.rituals__ray--active{opacity:1!important}.rituals__label{transition:none;position:absolute;left:0;top:0;visibility:hidden;font-family:var(--font-sans);font-size:var(--text-regular-size);font-style:normal;font-weight:var(--fw-normal);letter-spacing:var(--text-regular-spacing);line-height:var(--lh-body);color:var(--color-soot-black);white-space:nowrap;pointer-events:none;text-align:center;will-change:transform}.rituals__label--1{--i: 1}.rituals__label--2{--i: 2}.rituals__label--3{--i: 3}.rituals__label--4{--i: 4}.rituals__label--5{--i: 5}.rituals__label--6{--i: 6}.rituals__label--7{--i: 7}.rituals__label--positioned{visibility:visible}
/*# sourceMappingURL=/cdn/shop/t/3/assets/rituals.css.map */
