.lc-compression-level{width:100%;min-width:0;color:#434243;font-family:var(--font-body-family);cursor:default;-webkit-user-select:none;user-select:none}.lc-compression-level__surface{display:grid;grid-template-columns:minmax(6.3rem,35%) minmax(0,1fr);align-items:stretch;box-sizing:border-box;width:100%;min-height:3.4rem;overflow:hidden;border:.1rem solid rgba(67,66,67,.1);border-radius:999px;background:linear-gradient(180deg,#f0f0f0f5,#e6e5e6e6);box-shadow:inset 0 .1rem #ffffffe6}.lc-compression-level__title{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;min-width:0;padding:0 .6rem;border-right:.1rem solid rgba(67,66,67,.28);background:linear-gradient(135deg,#43424357,#4342432e);-webkit-backdrop-filter:blur(.8rem) saturate(1.08);backdrop-filter:blur(.8rem) saturate(1.08);box-shadow:inset 0 .1rem #ffffff94,inset -.1rem 0 #43424314,.35rem 0 .9rem #43424312;color:#434243;font-size:1.05rem;font-weight:750;letter-spacing:.01em;line-height:1;white-space:nowrap}.lc-compression-level__scale{position:relative;isolation:isolate;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;min-width:0;overflow:hidden;border-radius:0 999px 999px 0}.lc-compression-level__marker{position:absolute;z-index:-1;top:.25rem;bottom:.25rem;left:calc(var(--lc-compression-position) + .2rem);width:calc(33.333333% - .4rem);border-radius:999px;background:linear-gradient(135deg,#deb86cfa,#deb86cd1);box-shadow:inset 0 .1rem #ffffff80,0 .35rem .9rem #deb86c47;animation:lc-compression-arrive .76s cubic-bezier(.22,1,.36,1) .18s both}.lc-compression-level--product .lc-compression-level__marker{animation:lc-compression-arrive .76s cubic-bezier(.22,1,.36,1) .18s both,lc-compression-breathe 4.5s ease-in-out 1.35s infinite}.lc-compression-level__option{position:relative;z-index:1;padding:0 .3rem;color:#4342437a;font-size:1.1rem;font-weight:650;line-height:1;text-align:center}.lc-compression-level__option.is-active{color:#434243;font-weight:800}.lc-compression-level--product{width:min(100%,38rem);margin:1.4rem 0 .4rem}.lc-compression-level--product .lc-compression-level__surface{grid-template-columns:10rem minmax(0,1fr);height:4rem;min-height:4rem;border-color:#deb86c4d}.lc-compression-level--card{margin-top:1rem}.lc-compression-level--card .lc-compression-level__surface{min-height:3.2rem}.lc-compression-level--card .lc-compression-level__title,.lc-compression-level--card .lc-compression-level__option{font-size:1rem}.lc-compression-level--dial{--lc-compression-dial-position: 12%;--lc-compression-dial-fill: 12%}.lc-compression-level--dial.lc-compression-level--medium{--lc-compression-dial-position: 50%;--lc-compression-dial-fill: 50%}.lc-compression-level--dial.lc-compression-level--high{--lc-compression-dial-position: 96%;--lc-compression-dial-fill: 100%}.lc-compression-dial{width:100%;display:grid;gap:1.15rem;padding:.25rem .35rem .55rem}.lc-compression-dial__label{color:#434243;font-size:1.15rem;font-weight:700;letter-spacing:.005em;line-height:1.2;text-align:center}.lc-compression-dial__track{position:relative;width:70%;height:.7rem;display:block;margin-inline:auto;border:.1rem solid rgba(67,66,67,.26);border-radius:999px;background:radial-gradient(circle at 12% 50%,rgba(67,66,67,.16) 0 .1rem,transparent .12rem),radial-gradient(circle at 50% 50%,rgba(67,66,67,.16) 0 .1rem,transparent .12rem),radial-gradient(circle at 96% 50%,rgba(67,66,67,.16) 0 .1rem,transparent .12rem),linear-gradient(180deg,#fffffffa,#f0f0f0db);box-shadow:inset 0 .1rem #ffffffeb,inset 0 0 .35rem #43424312,0 .3rem .8rem #43424312}.lc-compression-dial__fill{position:absolute;inset:-.1rem auto -.1rem -.1rem;width:calc(var(--lc-compression-dial-fill) + .1rem);display:block;border-radius:999px;background:linear-gradient(90deg,#434243b3,#736d60bd 42%,#deb86c);box-shadow:inset 0 .1rem #ffffff6b,0 .2rem .55rem #4342431f;transform-origin:left center;animation:lc-compression-dial-fill .82s cubic-bezier(.22,1,.36,1) .12s both}.lc-compression-dial__knob{position:absolute;z-index:1;top:50%;left:var(--lc-compression-dial-position);width:.3rem;height:1.55rem;display:block;border:0;border-radius:999px;background:#fff;box-shadow:0 0 0 .1rem #4342432e,0 .3rem .65rem #4342434d,0 0 #deb86c00;transform:translate(-50%,-50%);animation:lc-compression-dial-knob .82s cubic-bezier(.22,1,.36,1) .12s both}.lc-compression-dial__knob:before{position:absolute;top:-.52rem;left:50%;width:0;height:0;border-top:.42rem solid #434243;border-right:.34rem solid transparent;border-left:.34rem solid transparent;content:"";filter:drop-shadow(0 .1rem .08rem rgba(67,66,67,.24));transform:translate(-50%)}.lc-compression-level--dial.lc-compression-level--product{width:min(100%,32rem);margin-top:1.25rem}.lc-compression-level--dial.lc-compression-level--product .lc-compression-dial{gap:1.3rem;padding:.35rem .45rem .7rem}.lc-compression-level--dial.lc-compression-level--product .lc-compression-dial__label{font-size:1.3rem;text-align:left}.lc-compression-level--dial.lc-compression-level--product .lc-compression-dial__track{height:.8rem;margin-inline:0}.lc-compression-level--dial.lc-compression-level--product .lc-compression-dial__knob{width:.34rem;height:1.8rem;animation:lc-compression-dial-knob .82s cubic-bezier(.22,1,.36,1) .12s both,lc-compression-dial-breathe 4.5s ease-in-out 1.25s infinite}@keyframes lc-compression-dial-fill{0%{opacity:.35;transform:scaleX(0)}to{opacity:1;transform:scaleX(1)}}@keyframes lc-compression-dial-knob{0%{left:0;opacity:.35}to{left:var(--lc-compression-dial-position);opacity:1}}@keyframes lc-compression-dial-breathe{0%,76%,to{box-shadow:0 0 0 .1rem #4342432e,0 .3rem .65rem #4342434d,0 0 #deb86c00}88%{box-shadow:0 0 0 .1rem #43424333,0 .4rem .85rem #43424352,0 0 0 .32rem #deb86c2e}}@keyframes lc-compression-arrive{0%{left:calc(33.333333% + .2rem);opacity:.55}to{left:calc(var(--lc-compression-position) + .2rem);opacity:1}}@keyframes lc-compression-breathe{0%,76%,to{transform:scale(1);box-shadow:inset 0 .1rem #ffffff80,0 .35rem .9rem #deb86c47}88%{transform:scale(1.028);box-shadow:inset 0 .1rem #ffffff80,0 0 0 .3rem #deb86c29,0 .55rem 1.3rem #deb86c5c}}@media(max-width:767px){.lc-compression-level--product{width:100%;margin-top:1.2rem}.lc-compression-level__surface,.lc-compression-level--product .lc-compression-level__surface{display:grid;grid-template-columns:minmax(0,1fr);gap:.45rem;height:auto;min-height:0;overflow:visible;border:0;border-radius:0;background:transparent;box-shadow:none}.lc-compression-level__title{justify-content:flex-start;min-height:1.4rem;padding:0 .15rem;border:0;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none;font-size:1.05rem}.lc-compression-level__title:after{content:":"}.lc-compression-level__scale{min-height:3rem;border:.1rem solid rgba(67,66,67,.14);border-radius:999px;background:linear-gradient(180deg,#f0f0f0f5,#e6e5e6e6);box-shadow:inset 0 .1rem #ffffffe6}.lc-compression-level__marker{z-index:0;top:0;bottom:0;left:var(--lc-compression-position);width:33.333333%;border-radius:0;box-shadow:inset 0 .1rem #ffffff73,0 .25rem .7rem #deb86c38;animation:lc-compression-arrive-mobile .62s cubic-bezier(.22,1,.36,1) .16s both}.lc-compression-level--low .lc-compression-level__marker{border-radius:999px 0 0 999px}.lc-compression-level--high .lc-compression-level__marker{border-radius:0 999px 999px 0}.lc-compression-level--product .lc-compression-level__marker{animation:lc-compression-arrive-mobile .62s cubic-bezier(.22,1,.36,1) .16s both,lc-compression-breathe-mobile 4.5s ease-in-out 1.2s infinite}.lc-compression-level--card .lc-compression-level__surface{min-height:0}.lc-compression-level--card .lc-compression-level__scale{min-height:2.8rem}.lc-compression-level--dial,.lc-compression-level--dial.lc-compression-level--product{width:100%}.lc-compression-level--dial .lc-compression-dial{gap:1.1rem;padding:.2rem .25rem .55rem}.lc-compression-level--dial .lc-compression-dial__label,.lc-compression-level--dial.lc-compression-level--product .lc-compression-dial__label{font-size:1.1rem}}@keyframes lc-compression-arrive-mobile{0%{left:33.333333%;opacity:.55}to{left:var(--lc-compression-position);opacity:1}}@keyframes lc-compression-breathe-mobile{0%,76%,to{box-shadow:inset 0 .1rem #ffffff73,0 .25rem .7rem #deb86c38}88%{box-shadow:inset 0 .1rem #ffffff73,0 0 0 .2rem #deb86c24,0 .4rem 1rem #deb86c4d}}@media(prefers-reduced-motion:reduce){.lc-compression-level__marker,.lc-compression-level--product .lc-compression-level__marker,.lc-compression-dial__fill,.lc-compression-dial__knob,.lc-compression-level--dial.lc-compression-level--product .lc-compression-dial__knob{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/component-lc-compression-level.css.map */