.kaotik-vibration-modes{--kaotik-vibration-background: #f6f6f6;--kaotik-vibration-text: #333333;--kaotik-vibration-accent: #00e6e6;--kaotik-vibration-accent-end: #06d2d2;--kaotik-vibration-wave-width: 42%;--kaotik-vibration-wave-clearance: min(.8333vw, 16px);position:relative;width:100%;margin-block:var(--section-gap-top, 0) var(--section-gap-bottom, 0);overflow:hidden;background:var(--kaotik-vibration-background);color:var(--kaotik-vibration-text);font-family:var(--font-base, var(--font-body-family, sans-serif))}.kaotik-vibration-modes__controller{display:block}.kaotik-vibration-modes__mobile-copy{display:none}.kaotik-vibration-modes__stage{--kaotik-glass-frame-radius: 0;--kaotik-glass-frame-bg: var(--kaotik-vibration-background);--kaotik-glass-frame-blur: 8px;--kaotik-glass-frame-edge-opacity: .7;--kaotik-glass-frame-inner-opacity: .45;position:relative;isolation:isolate;width:min(100%,1920px);min-height:min(56.25vw,1080px);aspect-ratio:16 / 9;margin-inline:auto;overflow:hidden}.kaotik-vibration-modes__stage.kaotik-glass-frame{--kaotik-glass-frame-radius: 0;border-radius:0}.kaotik-vibration-modes__glow{position:absolute;z-index:0;top:5%;left:-14%;width:28%;aspect-ratio:1;border-radius:50%;background:radial-gradient(ellipse at center,color-mix(in srgb,var(--kaotik-vibration-accent) 15%,transparent) 0%,color-mix(in srgb,var(--kaotik-vibration-accent) 7%,transparent) 42%,transparent 74%);filter:blur(clamp(20px,2.2vw,42px));pointer-events:none}.kaotik-vibration-modes__header{position:absolute;z-index:4;top:11.75%;left:50%;width:min(90%,620px);transform:translate(-50%);color:var(--kaotik-vibration-accent);font-family:var(--font-heading, var(--font-headline, sans-serif));font-weight:400;text-align:center}.kaotik-vibration-modes__eyebrow,.kaotik-vibration-modes__heading{margin:0;color:inherit;font:inherit;letter-spacing:0}.kaotik-vibration-modes__eyebrow{font-size:clamp(10px,.8333vw,16px);line-height:1.3}.kaotik-vibration-modes__heading{margin-top:1px;font-size:clamp(20px,1.6667vw,32px);line-height:1.3}.kaotik-vibration-modes__modes{position:absolute;top:0;right:0;bottom:0;left:0}.kaotik-vibration-modes__visual{position:absolute;z-index:2;top:45%;left:50%;display:block;width:var(--kaotik-vibration-wave-width);height:18%;transform:translate(-50%);pointer-events:none}.kaotik-vibration-modes__visual-item{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;opacity:0;transform:scale(.98);transition:opacity .22s ease,transform .36s cubic-bezier(.25,1,.5,1)}.kaotik-vibration-modes__visual-item.is-active{opacity:1;transform:scale(1)}.kaotik-vibration-modes__wave{display:block;max-width:100%;height:auto;overflow:hidden;color:var(--kaotik-vibration-accent);-webkit-mask-image:linear-gradient(to right,transparent,#000 3%,#000 97%,transparent);mask-image:linear-gradient(to right,transparent,#000 3%,#000 97%,transparent)}.kaotik-vibration-modes__mode{position:absolute;isolation:isolate;z-index:3;top:var(--kaotik-mode-y);left:var(--kaotik-mode-x);display:block;width:min(9.5454vw,183.271px);min-height:0;padding:0;overflow:visible;border:0;border-radius:min(.9375vw,18px);-webkit-appearance:none;appearance:none;background:transparent;color:var(--kaotik-vibration-text);font-family:"Plus Jakarta Sans",var(--font-base, sans-serif);text-align:left;cursor:pointer;transform:translate(var(--kaotik-mode-translate-x, -50%),-50%) scale(1);transform-origin:center;transition:width .4s cubic-bezier(.25,1,.5,1),color .18s ease,transform .18s cubic-bezier(.22,1,.36,1)}.kaotik-vibration-modes__mode:focus,.kaotik-vibration-modes__mode:active{background:transparent;color:var(--kaotik-vibration-text)}.kaotik-vibration-modes__mode:focus-visible{outline:2px solid rgb(0 255 255 / 78%);outline-offset:3px}@media(hover:hover)and (pointer:fine){.kaotik-vibration-modes__mode:hover{color:var(--kaotik-vibration-text);transform:translate(var(--kaotik-mode-translate-x, -50%),-50%) scale(1.018)}.kaotik-vibration-modes__mode:not(.is-active):hover .kaotik-vibration-modes__surface{box-shadow:var(--kaotik-glass-shadow-hover)}}.kaotik-vibration-modes__surface.kaotik-glass-frame{--kaotik-glass-frame-radius: min(.9375vw, 18px);position:absolute;z-index:0;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;box-sizing:border-box;pointer-events:none;transition:background .18s ease,box-shadow .18s ease}.kaotik-vibration-modes__collapsed,.kaotik-vibration-modes__expanded{position:relative;z-index:1;display:grid;overflow:hidden;transition:grid-template-rows .4s cubic-bezier(.25,1,.5,1)}.kaotik-vibration-modes__collapsed{grid-template-rows:1fr}.kaotik-vibration-modes__expanded{grid-template-rows:0fr}.kaotik-vibration-modes__collapsed-inner,.kaotik-vibration-modes__expanded-inner{min-height:0;overflow:hidden}.kaotik-vibration-modes__collapsed-content{display:grid;grid-template-columns:min(.8811vw,16.917px) minmax(0,1fr);align-items:center;gap:min(1.175vw,22.56px);width:100%;height:min(2.3496vw,45.113px);box-sizing:border-box;padding:0 min(1.3948vw,26.78px);opacity:1;transition:opacity .16s ease,transform .28s cubic-bezier(.25,1,.5,1)}.kaotik-vibration-modes__expanded-content{display:grid;grid-template-columns:min(.8811vw,16.917px) minmax(0,1fr);align-items:center;gap:min(1.175vw,22.56px);width:100%;min-height:min(7.0489vw,135.338px);box-sizing:border-box;padding:min(1.3542vw,26px) min(1.3948vw,26.78px);color:#fff;opacity:0;transform:translateY(8px);transition:opacity .16s ease,transform .32s cubic-bezier(.25,1,.5,1)}.kaotik-vibration-modes__icon{position:relative;z-index:1;display:block;width:min(.8854vw,17px);height:min(.8854vw,17px)}.kaotik-vibration-modes__icon:before,.kaotik-vibration-modes__icon:after{content:"";position:absolute;left:50%;top:50%;width:min(.8854vw,17px);height:min(.1563vw,3px);border-radius:min(.3125vw,6px);background:#d9d9d9;transform:translate(-50%,-50%);transition:background .18s ease,transform .18s ease,opacity .18s ease}.kaotik-vibration-modes__icon:after{transform:translate(-50%,-50%) rotate(90deg)}.kaotik-vibration-modes__icon--expanded:before,.kaotik-vibration-modes__icon--expanded:after{background:#fff}.kaotik-vibration-modes__icon--expanded:after{opacity:0;transform:translate(-50%,-50%) rotate(90deg) scaleX(.2)}.kaotik-vibration-modes__label{display:block;min-width:0;overflow:hidden;font-family:"Plus Jakarta Sans",var(--font-base, sans-serif);font-size:min(.625vw,12px);font-weight:500;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.kaotik-vibration-modes__copy{position:relative;z-index:1;display:grid;min-width:0;gap:min(.3802vw,7.3px)}.kaotik-vibration-modes__expanded .kaotik-vibration-modes__label{overflow:visible;font-size:min(.9375vw,18px);font-weight:700;line-height:1.22;text-overflow:clip;white-space:normal}.kaotik-vibration-modes__description{display:block;max-width:min(11.6013vw,222.744px);color:currentColor;font-family:"Plus Jakarta Sans",var(--font-base, sans-serif);font-size:min(.625vw,12px);font-weight:600;line-height:min(.7813vw,15px)}.kaotik-vibration-modes__mode.is-active{z-index:5;width:min(20.1186vw,386.278px);color:#fff}.kaotik-vibration-modes__mode.is-active .kaotik-vibration-modes__surface{--kaotik-glass-frame-edge-opacity: 0;--kaotik-glass-frame-inner-opacity: 0;border:0;outline:var(--kaotik-glass-selected-outline);outline-offset:0;background:var(--kaotik-glass-selected-background);box-shadow:var(--kaotik-glass-selected-shadow);-webkit-backdrop-filter:none;backdrop-filter:none}.kaotik-vibration-modes__mode.is-active .kaotik-vibration-modes__surface:before,.kaotik-vibration-modes__mode.is-active .kaotik-vibration-modes__surface:after{opacity:0}.kaotik-vibration-modes__mode.is-active .kaotik-vibration-modes__collapsed{grid-template-rows:0fr}.kaotik-vibration-modes__mode.is-active .kaotik-vibration-modes__collapsed-content{opacity:0;transform:translateY(-6px)}.kaotik-vibration-modes__mode.is-active .kaotik-vibration-modes__expanded{grid-template-rows:1fr}.kaotik-vibration-modes__mode.is-active .kaotik-vibration-modes__expanded-content{opacity:1;transform:translateY(0);transition-delay:70ms}.kaotik-vibration-modes__empty{margin:0;padding-top:40%;color:var(--kaotik-vibration-text);text-align:center}@media(min-width:750px){.kaotik-vibration-modes__mode[data-kaotik-vibration-side=left]{--kaotik-mode-translate-x: -100%;left:min(calc(var(--kaotik-mode-x) + min(4.7727vw,91.6355px)),calc((100% - var(--kaotik-vibration-wave-width)) / 2 - var(--kaotik-vibration-wave-clearance)));transform-origin:right center}.kaotik-vibration-modes__mode[data-kaotik-vibration-side=right]{--kaotik-mode-translate-x: 0%;left:max(calc(var(--kaotik-mode-x) - min(4.7727vw,91.6355px)),calc((100% + var(--kaotik-vibration-wave-width)) / 2 + var(--kaotik-vibration-wave-clearance)));transform-origin:left center}}@media(max-width:749px){.kaotik-vibration-modes{margin-block:var(--section-gap-top-mobile, var(--section-gap-top, 0)) var(--section-gap-bottom-mobile, var(--section-gap-bottom, 0))}.kaotik-vibration-modes__stage.kaotik-glass-frame{width:min(100%,390px);min-height:0;aspect-ratio:auto;padding:52px 20px 60px;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none}.kaotik-vibration-modes__stage:before,.kaotik-vibration-modes__stage:after,.kaotik-vibration-modes__glow,.kaotik-vibration-modes__desktop-copy{display:none}.kaotik-vibration-modes__mobile-copy{display:block}.kaotik-vibration-modes__header{position:relative;top:auto;left:auto;width:min(100%,276px);margin-inline:auto;transform:none}.kaotik-vibration-modes__eyebrow{font-size:16px;line-height:20px}.kaotik-vibration-modes__heading{margin-top:9px;color:var(--kaotik-vibration-text);font-size:22px;line-height:28px}.kaotik-vibration-modes__intro{margin:17px 0 0;color:var(--kaotik-vibration-text);font-family:var(--font-base, var(--font-body-family, sans-serif));font-size:12px;font-weight:600;line-height:15px}.kaotik-vibration-modes__modes{position:relative;display:grid;grid-template-columns:minmax(0,1fr);gap:20.451px;width:min(100%,276px);margin:92.5px auto 0}.kaotik-vibration-modes__visual{position:relative;top:auto;left:auto;order:-2;justify-self:center;width:204.001px;max-width:100%;height:19.9974px;margin:0 0 59.0516px;transform:translate(-2.5px)}.kaotik-vibration-modes__visual-item{position:absolute}.kaotik-vibration-modes__mode,.kaotik-vibration-modes__mode:hover,.kaotik-vibration-modes__mode:not(.is-active):hover{position:relative;top:auto;left:auto;order:var(--kaotik-mode-mobile-order, 0);justify-self:start;width:137.571px;max-width:calc(100% - 11px);margin-left:11px;border-radius:22px;transform:none;transition:width .4s cubic-bezier(.25,1,.5,1),margin-bottom .4s cubic-bezier(.25,1,.5,1),color .18s ease}.kaotik-vibration-modes__mode .kaotik-vibration-modes__surface{--kaotik-glass-frame-radius: 22px}.kaotik-vibration-modes__mode.is-active{width:248px;margin-bottom:3.549px;border-radius:18px}.kaotik-vibration-modes__mode.is-active .kaotik-vibration-modes__surface{--kaotik-glass-frame-radius: 18px}.kaotik-vibration-modes__collapsed-content,.kaotik-vibration-modes__expanded-content{grid-template-columns:9.83px minmax(0,1fr);gap:13.1px;padding-right:15.56px;padding-left:15.56px}.kaotik-vibration-modes__collapsed-content{height:26.549px}.kaotik-vibration-modes__expanded-content{grid-template-columns:9.667px minmax(0,1fr);align-items:start;gap:26.023px;min-height:102px;padding:9px 11px 9px 15.31px}.kaotik-vibration-modes__icon,.kaotik-vibration-modes__icon--expanded{width:9.83px;height:9.83px}.kaotik-vibration-modes__icon--expanded{margin-top:24.76px}.kaotik-vibration-modes__icon:before,.kaotik-vibration-modes__icon:after,.kaotik-vibration-modes__icon--expanded:before,.kaotik-vibration-modes__icon--expanded:after{width:9.83px;height:1.64px}.kaotik-vibration-modes__label{font-size:10px;line-height:13px}.kaotik-vibration-modes__expanded .kaotik-vibration-modes__label{font-size:16px;line-height:20px}.kaotik-vibration-modes__copy{gap:5px}.kaotik-vibration-modes__description{width:100%;max-width:186px;font-size:10px;line-height:12px}.kaotik-vibration-modes__mode[data-mobile-order="10"] .kaotik-vibration-modes__collapsed .kaotik-vibration-modes__label{font-size:12px;line-height:15px}}@media(prefers-reduced-motion:reduce){.kaotik-vibration-modes__mode,.kaotik-vibration-modes__surface,.kaotik-vibration-modes__collapsed,.kaotik-vibration-modes__expanded,.kaotik-vibration-modes__collapsed-content,.kaotik-vibration-modes__expanded-content,.kaotik-vibration-modes__visual-item{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/66/assets/section-kaotik-vibration-modes.css.map */