.nail-bg{overflow:hidden;padding-bottom:30px}@media screen and (min-width:768px){.nail-bg{padding-bottom:clamp(30px,27vw,100px)}}.nail-bg div:empty{display:block}.lash-length-row{--spacing: 70px;padding:var(--spacing) 20px;background:#f9f9f9}.nail-fit-guide img,.pro-nail-fit-guide img{display:block;width:100%;height:auto}:where(.actual-size-chart,.nail-fit-guide,.pro-nail-fit-guide,.lash-length-row) h2{text-align:center;font-size:30px}.nail-fit-guide h2,.pro-nail-fit-guide h2{font-family:var(--field-gothic-narrow);font-weight:600;text-transform:uppercase;color:#1d1d1f;padding-top:30px;padding-bottom:20px}.lash-length-row h2{margin-top:0}@media screen and (min-width:768px){:where(.actual-size-chart,.nail-fit-guide,.pro-nail-fit-guide,.lash-length-row) h2{font-size:65px}.nail-fit-guide h2,.pro-nail-fit-guide h2{padding-top:50px;padding-bottom:20px}}.length-measuring-lines--container{font-size:min(7.3vw,110px);position:relative;display:flex;justify-content:center}[data-using-measuring-line=kids]{transform:translateY(-47%)}[data-using-measuring-line=petite]{transform:translateY(-38%)}[data-using-measuring-line=real-short]{transform:translateY(-31%)}[data-using-measuring-line=short]{transform:translateY(-24%)}[data-using-measuring-line=wide]{transform:translateY(-13%)}[data-using-measuring-line=medium]{transform:translateY(-6%)}[data-using-measuring-line=long]{transform:translateY(-9%)}[data-using-measuring-line=x-long]{transform:translateY(-4%)}[data-using-measuring-line=xx-long]{transform:translateY(0)}.nails-size-chart-btns{display:grid;grid-template-columns:.9em .9em 1em 1em 1.06em 1em 1em 1em 1em;align-items:end;list-style:none;margin:0;position:absolute;top:.17em;font-size:1em;padding:0 0 0 1.4em;z-index:2;gap:.225em}.nails-size-chart-btns li{height:100%}.nails-size-chart__btn{background-color:transparent;font-size:2.25em;width:100%;height:100%;border:none;text-indent:-1000em;overflow:hidden;opacity:.5;text-indent:0;font-size:10px;display:flex;align-items:end}.nails-size-chart__btn:hover,.highlighted__btn.nails-size-chart__btn{opacity:1}.nails-length-chart,.nails-shape-chart{display:none}.button-switch--padding{padding-top:30px;padding-bottom:30px}.nails-length-chart.active-chart,.nails-shape-chart.active-chart{display:flex;justify-content:center}.nails-length-chart img.default,.nails-length-chart img.active{opacity:1;transition:opacity .5s}.nails-length-chart img.active{z-index:1}.nail-size-and-shape-charts{position:relative}@media screen and (min-width:768px){.nail-size-and-shape-charts{padding-top:20px}}@media screen and (max-width:767px){.hide-on-mobile{display:none}}.nails-length-chart{position:relative;width:100%;aspect-ratio:100 / 27.378271604938;background-color:#ccc;margin-left:auto;margin-right:auto;margin-top:-200px}.nails-length-chart img{display:block;width:100%;height:auto;opacity:0;transition:opacity .5s;position:absolute;top:0;left:0}.nails-length-chart img.default{z-index:0}:root{--chart-top-offset: -150px}.mobile-chart-carousel.owl-carousel.owl-loaded{display:flex;flex-flow:column-reverse;background-color:#afa5ad}.mobile-chart-carousel .owl-theme .owl-dots .owl-dot{background-color:#988f96}.owl-nav{display:none}.owl-theme .owl-dots{display:flex;justify-content:center;gap:20px;z-index:1}.owl-theme .owl-dots .owl-dot{background-color:#988f96;border-color:#ffffff80;border-width:1px;border-radius:50%;display:flex;justify-content:center;align-items:center;width:30px;aspect-ratio:1 / 1;border-style:solid;box-sizing:border-box;box-shadow:inset 0 2px 2px #00000040}.owl-theme .owl-dots .owl-dot span{background-color:transparent;width:calc(100% - 10px);height:calc(100% - 10px);margin:0;display:block;border-radius:50%}.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background-color:#fff;box-shadow:inset 0 0 2px #00000040}.mobile-chart-carousel--container{background-color:#afa5ad}.mobile-nail-shape,.mobile-nail--container,.mobile-nail-length-carousel{max-width:400px;margin-right:auto;margin-left:auto}.mobile-nail-length-carousel{display:flex!important;flex-flow:column-reverse}.mobile-nail-length-carousel .owl-stage-outer{margin-top:var(--chart-top-offset)}.mobile-nail-length-carousel--container{position:fixed;left:-1000vw}.mobile-nail-shape--container{display:none}.mobile-nail-shape img{width:100%;height:auto;display:block}@media screen and (max-width:768px){.mobile-nail-length-carousel--container.offscreen-on-desktop.active-chart{position:static;left:auto}.mobile-nail-shape--container.active-chart{display:block}.hide-on-mobile.active-chart{display:none}}@media screen and (min-width:768px){.offscreen-on-desktop{position:fixed;left:-1000vw}.mobile-nail--container{display:none}}@media screen and (max-width:767px){.length-measuring-lines--container{display:none}}.length-measuring-lines--container{color:#fff;font-family:arial}.length-messuring-lines--grid{transition:transform .5s;display:flex;flex-flow:column-reverse;width:12.05125em}.length-measuring-line--grid{display:grid;grid-template-columns:1em auto;align-items:center;gap:10px;opacity:0}.length-measuring-lines--label{font-size:clamp(8px,1vw,12px);text-align:right;text-transform:uppercase}.length-line{height:.015em;background-color:#fff;margin-top:.04em}.js__highlighted-length{opacity:1}.js__before-highlighted-length,.js__highlighted-length+.length-measuring-line--grid{opacity:.25}.js__before-before-highlighted-length,.js__highlighted-length+.length-measuring-line--grid+.length-measuring-line--grid{opacity:.125}.js__before-before-before-highlighted-length,.js__highlighted-length+.length-measuring-line--grid+.length-measuring-line--grid+.length-measuring-line--grid{opacity:.05125}.js__highlighted-length,.js__before-before-highlighted-length,.js__before-before-before-highlighted-length,.js__highlighted-length+.length-measuring-line--grid+.length-measuring-line--grid,.js__highlighted-length+.length-measuring-line--grid+.length-measuring-line--grid+.length-measuring-line--grid{transition:opacity .25s .25s}.js__highlighted-length .length-line{opacity:.05125}.js__highlighted-length .length-line:empty{display:block}.js__highlighted-length .length-line:nth-child(1),.js__highlighted-length .length-line:nth-child(5){opacity:.5}.js__highlighted-length .length-line:nth-child(2),.js__highlighted-length .length-line:nth-child(4){opacity:.6}.js__highlighted-length .length-line:nth-child(3){opacity:1;transition:opacity .125s;box-shadow:0 0 2px #cdd0f7}.nails-shape-grid{--columns: 3;color:#fff;text-transform:uppercase;display:grid;grid-template-columns:repeat(var(--columns),minmax(0,1fr));text-align:center;max-width:300px;gap:clamp(75px,2vw,90px);margin-left:auto;margin-right:auto}.pro-nails-shape-grid{--columns: 2;max-width:250px}.nails-shape-grid--item{display:flex;flex-direction:column;gap:20px;align-items:center}@media screen and (max-width:767px){.nails-shape-grid{display:flex!important;flex-wrap:wrap;gap:clamp(40px,2vw,90px);justify-content:center}.nails-shape-grid--item{flex:1 1 30%;max-width:23%}}.nails-shape-grid--label{font-family:var(--field-gothic-narrow);font-size:16px;font-weight:600;color:#4a4845;text-transform:uppercase}.nails-shape-grid img{width:100%;max-width:100%;height:auto}.grid-item--coffin,.grid-item--almond,.grid-item--stiletto,.grid-item--oval,.grid-item--round,.grid-item--square,.grid-item--squoval{opacity:.3}:where(.grid-item--coffin,.grid-item--almond,.grid-item--stiletto,.grid-item--oval,.grid-item--round,.grid-item--square,.grid-item--squoval):hover,.show__coffin-shape .grid-item--coffin,.show__almond-shape .grid-item--almond,.show__stiletto-shape .grid-item--stiletto,.show__oval-shape .grid-item--oval,.show__round-shape .grid-item--round,.show__square-shape .grid-item--square,.show__squoval-shape .grid-item--squoval{opacity:1}@media screen and (min-width:750px){.nails-shape-grid{--columns: 5;max-width:1000px;padding-left:20px;padding-right:20px}.pro-nails-shape-grid{--columns: 4;max-width:800px;padding-left:20px;padding-right:20px}.nails-shape-grid--label{font-size:clamp(18px,2.25vw,40px)}}.actual-size-chart{text-align:center}.actual-size-chart img{display:block;width:100%;height:auto}
/*# sourceMappingURL=/cdn/shop/t/8/assets/section-kiss-epd-nail-charts.css.map */
