html .lr-line{--lr-rope:linear-gradient(180deg,rgba(255,243,214,.55) 0 1px,transparent 1px),repeating-linear-gradient(115deg,#6f4d22 0 1.1px,#c9a263 1.1px 2.5px,#a9814a 2.5px 3.4px)}html .lr-line .lr-sec--size .lr-rail--size{margin-top:8px;padding:16px 14px 14px;overflow:hidden;background-color:#ece3d3;background-image:repeating-linear-gradient(0deg,rgba(31,28,24,.02) 0 1px,transparent 1px 3px),repeating-linear-gradient(90deg,rgba(255,255,255,.07) 0 1px,transparent 1px 4px);box-shadow:inset 0 1px #1f1c180f,inset 0 -1px #1f1c180d}html .lr-line .lr-sizes{--lr-gap:6px;grid-template-columns:repeat(auto-fit,minmax(44px,1fr));gap:var(--lr-gap)}html .lr-line .lr-sizes .lr-shang{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;animation:none;transform:none}html .lr-line .lr-sizes .lr-shang:before,html .lr-line .lr-sizes .lr-shang:first-child:after{content:"";position:absolute;z-index:0;top:calc(15% - 1.75px);height:3.5px;border-radius:2px;background:var(--lr-rope);box-shadow:0 1.5px 1.5px #1f1c1833;pointer-events:none}html .lr-line .lr-sizes .lr-shang:before{inset-inline-start:50%;width:calc(100% + var(--lr-gap))}html .lr-line .lr-sizes .lr-shang:last-child:before{width:120px}html .lr-line .lr-sizes .lr-shang:first-child:after{inset-inline-end:50%;width:120px}html .lr-line .lr-sizes .lr-size{--dc:#fffdf8;position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;width:100%;max-width:78px;height:auto;aspect-ratio:1/1.14;padding:0 0 11%;box-sizing:border-box;border:1.5px solid var(--lr-ink);border-radius:50%;--lr-disc-sh:inset 0 1.5px 0 rgba(255,255,255,.55),inset 0 -4px 7px rgba(31,28,24,.07),0 1px 0 #d6cbb8,0 3px 5px rgba(31,28,24,.16);background:radial-gradient(13% 11.4% at 50% 21%,transparent 70%,#4f3c1b 70%,#d9bd82 78%,#a8843f 88%,#5a4420 100%,var(--dc) 100%);box-shadow:var(--lr-disc-sh);color:var(--lr-ink);text-decoration:none;transform:none;transform-origin:50% 15%;transition:transform .4s cubic-bezier(.3,1.5,.5,1),color .25s ease,box-shadow .25s ease,border-color .25s ease}html .lr-line .lr-sizes .lr-size:before{content:none}html .lr-line .lr-sizes .lr-size:after{content:"";position:absolute;z-index:2;top:calc(15% - 1.75px);inset-inline-start:-3px;width:calc(43.5% + 3px);height:3.5px;border-radius:2px;background:linear-gradient(to left,rgba(31,28,24,.45),transparent 5px),var(--lr-rope);box-shadow:0 1.5px 1.5px #1f1c184d;pointer-events:none}html:not([dir=rtl]) .lr-line .lr-sizes .lr-size:after{background:linear-gradient(to right,rgba(31,28,24,.45),transparent 5px),var(--lr-rope)}html .lr-line .lr-sizes .lr-size b{position:relative;z-index:1;font-size:20px;font-weight:900;line-height:1;opacity:1}html .lr-line .lr-sizes .lr-size small{position:relative;z-index:1;margin-top:2px;font-size:10px;font-weight:500;line-height:1.1;opacity:1}html .lr-line .lr-sizes .lr-size.is-long b{font-size:10px;line-height:1.1;text-align:center}html .lr-line .lr-sizes .lr-size.is-on,html .lr-line .lr-sizes .lr-size.is-on:hover{--dc:var(--lr-sage);background:radial-gradient(13% 11.4% at 50% 21%,transparent 70%,#4f3c1b 70%,#d9bd82 78%,#a8843f 88%,#5a4420 100%,var(--dc) 100%);border-color:var(--lr-sage);color:var(--lr-cream);transform:scale(1.07);box-shadow:inset 0 1.5px #ffffff2e,inset 0 -4px 7px #0000001f,0 1px #2c3d33,0 5px 9px #1f1c1840}html .lr-line .lr-sizes .lr-size.is-none{--dc:#f2ebdf;background:radial-gradient(13% 11.4% at 50% 21%,transparent 70%,#4f3c1b 70%,#d9bd82 78%,#a8843f 88%,#5a4420 100%,var(--dc) 100%);border-style:dashed;box-shadow:none}html .lr-line .lr-sizes .lr-size.is-none b,html .lr-line .lr-sizes .lr-size.is-none small{opacity:.45}@media(hover:hover){html .lr-line .lr-sizes .lr-size:not(.is-on):not(.is-none):hover{--dc:#f3ece0;background:radial-gradient(13% 11.4% at 50% 21%,transparent 70%,#4f3c1b 70%,#d9bd82 78%,#a8843f 88%,#5a4420 100%,var(--dc) 100%);color:var(--lr-ink);box-shadow:inset 0 1.5px #ffffff8c,inset 0 -4px 7px #1f1c1812,0 1px #d6cbb8,0 5px 8px #1f1c1833}}html .lr-line .lr-sizes .lr-shang.is-mem .lr-size{box-shadow:0 0 0 2px #ece3d3,0 0 0 3.5px var(--lr-sage),0 3px 5px #1f1c1829}.lr-size:focus-visible{outline:2px solid var(--lr-ink);outline-offset:3px}@media screen and (max-width:749px){html .lr-line .lr-sec--size .lr-rail--size{margin-top:6px;padding:12px 10px 10px}html .lr-line .lr-sizes .lr-size{max-width:52px;height:auto}html .lr-line .lr-sizes .lr-size b{font-size:17px}html .lr-line .lr-sizes .lr-size small{font-size:9px}html .lr-line .lr-sizes .lr-size.is-long b{font-size:8.5px}}@media screen and (min-width:750px){html .lr-line .lr-sec--size .lr-rail--size{width:fit-content;max-width:100%;padding:18px 24px 16px;box-sizing:border-box}html .lr-line .lr-sizes{--lr-gap:14px;grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:76px}}@media(prefers-reduced-motion:no-preference){html .lr-line .lr-sizes .lr-size{animation:lr-sway 3.6s ease-in-out infinite}html .lr-line .lr-sizes .lr-shang.lr-s1 .lr-size{animation-delay:-1.2s}html .lr-line .lr-sizes .lr-shang.lr-s2 .lr-size{animation-delay:-2.3s}html .lr-line .lr-sizes .lr-shang.lr-s3 .lr-size{animation-delay:-.6s}html .lr-line .lr-sizes .lr-size.is-on,html .lr-line .lr-sec.is-in .lr-sizes .lr-shang{animation:none}html .lr-line .lr-sec.is-in .lr-sizes .lr-size{animation:lr-drop .7s cubic-bezier(.2,.7,.2,1) both}html .lr-line .lr-sec.is-in .lr-sizes .lr-shang:nth-child(1) .lr-size{animation-delay:.3s}html .lr-line .lr-sec.is-in .lr-sizes .lr-shang:nth-child(2) .lr-size{animation-delay:.38s}html .lr-line .lr-sec.is-in .lr-sizes .lr-shang:nth-child(3) .lr-size{animation-delay:.46s}html .lr-line .lr-sec.is-in .lr-sizes .lr-shang:nth-child(4) .lr-size{animation-delay:.54s}html .lr-line .lr-sec.is-in .lr-sizes .lr-shang:nth-child(5) .lr-size{animation-delay:.62s}html .lr-line .lr-sec.is-in .lr-sizes .lr-shang:nth-child(n+6) .lr-size{animation-delay:.7s}html .lr-line .lr-sizes .lr-size.is-press{animation:lr-press .3s cubic-bezier(.3,.7,.3,1)}}html .lr-line .lr-sec--size .lr-rail--size{background-color:var(--lr-bg);background-image:none;box-shadow:none}html .lr-line .lr-sizes .lr-size.is-none{--dc:var(--lr-bg)}@media(hover:hover){html .lr-line .lr-sizes .lr-size:not(.is-on):not(.is-none):hover{--dc:#ffffff}}html .lr-line .lr-sizes .lr-size.is-on,html .lr-line .lr-sizes .lr-size.is-on:hover{--dc:var(--lr-ink);border-color:var(--lr-ink);color:var(--lr-cream);box-shadow:inset 0 1.5px #ffffff1f,inset 0 -4px 7px #0000002e,0 1px #000,0 5px 9px #1f1c1847}html .lr-line .lr-sizes .lr-shang.is-mem .lr-size{box-shadow:0 0 0 2px var(--lr-bg),0 0 0 3.5px var(--lr-sage),0 3px 5px #1f1c1829}html .lr-line .lr-sizes .lr-shang.is-mem .lr-size.is-on{box-shadow:0 0 0 2px var(--lr-bg),0 0 0 3.5px var(--lr-ink),0 5px 9px #1f1c1847}@media screen and (min-width:750px){html .lr-line .lr-sec--size .lr-rail--size{width:100%;max-width:none}html .lr-line .lr-sizes{grid-auto-columns:minmax(76px,1fr)}}html .lr-line .lr-sec--size .lr-rail--size{padding:12px 0 4px}html .lr-line .lr-sizes{--lr-gap:0px;--lr-pad:14px;display:grid;grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:var(--lr-col,64px);gap:0;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scroll-padding-inline:var(--lr-pad);scrollbar-width:none;-webkit-overflow-scrolling:touch;padding:4px var(--lr-pad) 10px}html .lr-line .lr-sizes::-webkit-scrollbar{display:none}html .lr-line .lr-sizes .lr-shang{scroll-snap-align:start}html .lr-line .lr-sizes .lr-shang:last-child:before{width:calc(50% + var(--lr-pad))}html .lr-line .lr-sizes .lr-shang:first-child:after{width:calc(50% + var(--lr-pad))}html .lr-line .lr-sizes .lr-size{width:calc(100% - 8px)}@media screen and (min-width:750px){html .lr-line .lr-sec--size .lr-rail--size{padding:14px 0 6px}html .lr-line .lr-sizes{--lr-pad:24px;grid-auto-columns:var(--lr-col,96px)}html .lr-line .lr-sizes .lr-size{width:calc(100% - 14px)}}html .lr-line .lr-sizes .lr-shang:nth-child(2){--lr-i:1}html .lr-line .lr-sizes .lr-shang:nth-child(3){--lr-i:2}html .lr-line .lr-sizes .lr-shang:nth-child(4){--lr-i:3}html .lr-line .lr-sizes .lr-shang:nth-child(5){--lr-i:4}html .lr-line .lr-sizes .lr-shang:nth-child(6){--lr-i:5}html .lr-line .lr-sizes .lr-shang:nth-child(7){--lr-i:6}html .lr-line .lr-sizes .lr-shang:nth-child(n+8){--lr-i:7}@media(prefers-reduced-motion:no-preference){@keyframes lr-breeze{0%{rotate:0deg}4%{rotate:5deg}9%{rotate:-3.6deg}14%{rotate:2.4deg}19%{rotate:-1.4deg}24%{rotate:.7deg}29%{rotate:-.3deg}34%,to{rotate:0deg}}@keyframes lr-nudge{0%{rotate:0deg}12%{rotate:calc(var(--lr-dir,1) * 7deg)}30%{rotate:calc(var(--lr-dir,1) * -4.5deg)}48%{rotate:calc(var(--lr-dir,1) * 2.6deg)}64%{rotate:calc(var(--lr-dir,1) * -1.3deg)}80%{rotate:calc(var(--lr-dir,1) * .5deg)}to{rotate:0deg}}html .lr-line .lr-sizes .lr-shang[class] .lr-size{animation:lr-breeze 9s ease-in-out infinite;animation-delay:calc(1.4s + var(--lr-i,0) * .12s)}html .lr-line .lr-sec.is-in .lr-sizes .lr-shang[class] .lr-size{animation:lr-drop .7s cubic-bezier(.2,.7,.2,1) both,lr-breeze 9s ease-in-out infinite;animation-delay:calc(.3s + var(--lr-i,0) * .08s),calc(1.2s + var(--lr-i,0) * .12s)}html .lr-line .lr-sec .lr-sizes.is-swing .lr-shang[class] .lr-size{animation:lr-nudge 1.4s ease-in-out both;animation-delay:calc(var(--lr-i,0) * .03s)}html .lr-line .lr-sec .lr-sizes .lr-shang[class] .lr-size.is-nudge{animation:lr-nudge 1.4s ease-in-out both}html .lr-line .lr-sec .lr-sizes .lr-shang[class] .lr-size.is-press{animation:lr-press .3s cubic-bezier(.3,.7,.3,1)}}html .lr-line .lr-sec--size .lr-rail--size.is-wave{position:relative;padding-top:4px;padding-bottom:0}html .lr-line .lr-rail--size.is-wave .lr-sizes{position:relative;z-index:1;padding-top:12px;padding-bottom:14px}.lr-wave{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;width:100%;height:100%;overflow:visible;pointer-events:none}.lr-wave path{fill:none;stroke-width:3.5;stroke-linecap:round;stroke-linejoin:round}.lr-wave__sh{stroke:#1f1c1833;transform:translateY(1.5px)}.lr-wave__c{stroke:#c9a263}.lr-wave__s{stroke:#6f4d22;stroke-dasharray:1.1 2.3;opacity:.85}.lr-wave__h{stroke:#fff3d68c;stroke-width:1;transform:translateY(-1.2px)}html .lr-line .lr-rail--size.is-wave .lr-sizes .lr-shang:before,html .lr-line .lr-rail--size.is-wave .lr-sizes .lr-shang:first-child:after{content:none}@media(prefers-reduced-motion:no-preference){html .lr-line .lr-sec .lr-rail--size.is-wave .lr-sizes .lr-shang[class] .lr-size{animation:none}html .lr-line .lr-sec.is-in .lr-rail--size.is-wave .lr-sizes .lr-shang[class] .lr-size{animation:lr-drop .7s cubic-bezier(.2,.7,.2,1) both;animation-delay:calc(.3s + var(--lr-i,0) * .08s)}html .lr-line .lr-sec .lr-rail--size.is-wave .lr-sizes .lr-shang[class] .lr-size.is-press{animation:lr-press .3s cubic-bezier(.3,.7,.3,1)}}
/*# sourceMappingURL=/cdn/shop/t/135/assets/loop-rail-sizes.css.map */