.sp-pdp-how__head{display:grid;gap:10px;margin-bottom:24px}.sp-pdp-how__head .sp-h2{text-wrap:wrap}@media(min-width:750px){.sp-pdp-how__head{gap:14px;text-align:center;justify-items:center;margin-bottom:clamp(40px,13.9px + 3.48vw,64px)}.sp-pdp-how__head .sp-h2{max-width:1000px;text-wrap:balance}.sp-pdp-how__sub{font-size:var(--sp-fs-body-l);max-width:900px}}.sp-pdp-how__main{display:flex;flex-direction:column;gap:24px}.sp-pdp-how__demo-slot{grid-area:demo;min-width:0}.sp-pdp-how__media{grid-area:media;display:none}.sp-pdp-how__cards{grid-area:cards;display:grid;gap:24px;align-content:start;min-width:0}@media(min-width:750px){.sp-pdp-how__demo-slot{align-self:center;justify-self:center;width:min(100%,760px)}}@media(min-width:990px){.sp-pdp-how__main{display:grid}.sp-pdp-how--side .sp-pdp-how__main{grid-template-columns:minmax(0,600fr) minmax(0,808fr);grid-template-areas:"media cards" "demo demo";column-gap:clamp(24px,4.3px + 1.92vw,32px);row-gap:64px;align-items:stretch}.sp-pdp-how--side.sp-pdp-how--demo-left .sp-pdp-how__main{grid-template-areas:"demo cards"}.sp-pdp-how--side:not(.sp-pdp-how--demo-below) .sp-pdp-how__main{grid-template-rows:auto;row-gap:0}.sp-pdp-how--side.sp-pdp-how--nodemo .sp-pdp-how__main{grid-template-areas:"media cards"}.sp-pdp-how__demo-slot--left{align-self:stretch;justify-self:stretch;width:100%;height:100%;aspect-ratio:600 / 640;display:flex}.sp-pdp-how__media{display:block;width:100%;height:100%;aspect-ratio:600 / 640}.sp-pdp-how--side .sp-pdp-how__cards{grid-template-rows:repeat(var(--sp-cards, 2),minmax(0,1fr)) auto;gap:20px}.sp-pdp-how--row .sp-pdp-how__main{grid-template-areas:"cards" "demo";row-gap:64px}.sp-pdp-how--row.sp-pdp-how--nodemo .sp-pdp-how__main{grid-template-areas:"cards";row-gap:0}.sp-pdp-how--row .sp-pdp-how__cards{grid-template-columns:repeat(var(--sp-cards, 3),minmax(0,1fr))}.sp-pdp-how--row .sp-pdp-how__note{grid-column:1 / -1}}@media(min-width:990px)and (max-width:1199px){.sp-pdp-how--row.sp-pdp-how--c4 .sp-pdp-how__cards{grid-template-columns:repeat(2,minmax(0,1fr))}}.sp-pdp-how__media{position:relative;overflow:hidden;isolation:isolate;border-radius:var(--sp-r-card);background:linear-gradient(180deg,var(--sp-100) 0%,var(--sp-200) 100%);min-height:100%}.sp-pdp-how .sp-pdp-how__img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;max-width:none;object-fit:cover;object-position:50% 50%}.sp-pdp-how__sparkle{z-index:1}.sp-pdp-how__sparkle--big{width:48px;height:48px;color:var(--sp-500);left:64px;top:70px}.sp-pdp-how__sparkle--small{width:24px;height:24px;color:var(--sp-white);left:122px;top:126px}.sp-pdp-how__card{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:10px;min-width:0;padding:22px;background:var(--sp-white);border:var(--sp-border);border-radius:var(--sp-r-card)}.sp-pdp-how .sp-pdp-how__pill{padding:8px 16px}.sp-pdp-how__card-title{color:var(--sp-500)}.sp-pdp-how__card-text{min-width:0}@media(max-width:749px){.sp-pdp-how__card-title{text-wrap:wrap}}@media(min-width:750px){.sp-pdp-how__card{gap:14px;padding:clamp(24px,15.3px + 1.16vw,36px) clamp(24px,12.4px + 1.55vw,40px)}.sp-pdp-how__card-text{font-size:var(--sp-fs-body-l)}}@media(min-width:990px){.sp-pdp-how--row .sp-pdp-how__card{justify-content:flex-start}}.sp-pdp-how__note{display:flex;align-items:flex-start;gap:12px;padding:14px 18px;background:var(--sp-50);border-radius:18px}.sp-pdp-how__note-i{flex:none;display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--sp-500);color:var(--sp-white);font-size:12px;line-height:1;font-weight:700}.sp-pdp-how__note-text{min-width:0}@media(min-width:750px){.sp-pdp-how__note{align-items:center;gap:14px;padding:18px 24px;border-radius:20px}.sp-pdp-how__note-i{width:28px;height:28px;font-size:14px}.sp-pdp-how__note-text{font-size:var(--sp-fs-body);line-height:1.55}}.sp-pdp-how__demo{display:flex;flex-direction:column;gap:14px;width:100%;padding:22px;background:var(--sp-white);border:var(--sp-border);border-radius:24px;font-size:13px;line-height:1.5}.sp-pdp-how__view{position:relative;overflow:hidden;display:grid;place-items:center;height:168px;padding:16px;background:var(--sp-50);border-radius:18px}.sp-pdp-how .sp-pdp-how__view-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;max-width:none;object-fit:cover;object-position:50% 50%}.sp-pdp-how__placeholder{fill:var(--sp-300)}.sp-pdp-how__labels{display:flex;justify-content:space-between;gap:8px}.sp-pdp-how__labels span{opacity:.7}.sp-pdp-how__caption{text-align:center;opacity:.7}.sp-pdp-how__legend{display:flex;align-items:center;justify-content:center;gap:10px;text-align:center}.sp-pdp-how__legend>span:last-child{opacity:.75}.sp-pdp-how__pair{flex:none;display:inline-flex;align-items:center}.sp-pdp-how__pair i{width:12px;height:12px;border-radius:50%;background:#f3e5ab;box-shadow:inset 0 0 0 1px #1111111f}.sp-pdp-how__pair i:last-child{background:var(--sp-500);box-shadow:none}.sp-pdp-how__pair b{width:22px;height:2px;background:var(--sp-200)}.sp-pdp-how__tooth{width:auto;height:120px;display:block}.sp-pdp-how__tooth path{fill:#f5eccd;fill:color-mix(in srgb,#FAF8FC calc(var(--sp-v, 65) * 1%),#EAD48A);transition:fill .15s linear}.sp-pdp-how__control{display:grid;gap:8px}.sp-pdp-how__range{-webkit-appearance:none;appearance:none;display:block;width:100%;height:44px;margin:-9px 0;background:transparent;cursor:pointer;touch-action:pan-y}.sp-pdp-how__range:focus{outline:none}.sp-pdp-how__range:focus-visible{outline:3px solid var(--sp-focus);outline-offset:2px;border-radius:12px}.sp-pdp-how__range::-webkit-slider-runnable-track{height:6px;border-radius:3px;background:linear-gradient(90deg,#F3E5AB 0%,var(--sp-200) 65%,#F7F4EE 100%)}.sp-pdp-how__range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:22px;height:22px;margin-top:-8px;border-radius:50%;border:2px solid var(--sp-500);background:var(--sp-white);box-shadow:0 2px 6px #47229f38}.sp-pdp-how__range::-moz-range-track{height:6px;border-radius:3px;border:0;background:linear-gradient(90deg,#F3E5AB 0%,var(--sp-200) 65%,#F7F4EE 100%)}.sp-pdp-how__range::-moz-range-thumb{box-sizing:border-box;width:22px;height:22px;border-radius:50%;border:2px solid var(--sp-500);background:var(--sp-white);box-shadow:0 2px 6px #47229f38}@media(min-width:750px){.sp-pdp-how__demo{gap:24px;padding:36px;font-size:var(--sp-fs-body);line-height:1.55}.sp-pdp-how__view{height:300px}.sp-pdp-how__tooth{height:204px}.sp-pdp-how__caption{font-size:var(--sp-fs-body-l)}.sp-pdp-how__range{margin:-9px 0}.sp-pdp-how__range::-webkit-slider-thumb{width:26px;height:26px;margin-top:-10px}.sp-pdp-how__range::-moz-range-thumb{width:26px;height:26px}}@media(min-width:990px){.sp-pdp-how__demo-slot--left .sp-pdp-how__demo{height:100%}.sp-pdp-how__demo-slot--left .sp-pdp-how__view{flex:1 1 auto;height:auto;min-height:280px}}@media(prefers-reduced-motion:reduce){.sp-pdp-how__tooth path{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/22/assets/sp-pdp-how.css.map */